← All changes | admin/js/codemirror.js +30 -34 trunk → 3.0 View file →

		@@ -14,41 +14,37 @@
14	14
15	15	// Ensure the global `tp` object exists.
16	16	window.tp = window.tp || {};
17	17
18		-document.addEventListener( 'DOMContentLoaded', () => {
	18	+/**
	19	+ * Invoke CodeMirror on the "Custom CSS" textarea.
	20	+ *
	21	+ * @since 1.9.0
	22	+ */
	23	+tp.CM_custom_css = wp.codeEditor.initialize( 'option-custom-css', {} ).codemirror;
	24	+const $CM_wrapper = tp.CM_custom_css.getWrapperElement();
19	25
20		- /**
21		- * Invoke CodeMirror on the "Custom CSS" textarea.
22		- *
23		- * @since 1.9.0
24		- */
25		- tp.CM_custom_css = wp.codeEditor.initialize( 'option-custom-css', {} ).codemirror;
26		- const $CM_wrapper = tp.CM_custom_css.getWrapperElement();
	26	+/**
	27	+ * Let CodeMirror textarea grow on first focus (with mouse click), if it is not disabled.
	28	+ *
	29	+ * @since 1.0.0
	30	+ */
	31	+const CM_wrapper_mousedown_handler = function () {
	32	+ if ( ! this.classList.contains( 'disabled' ) ) {
	33	+ this.classList.add( 'large' );
	34	+ tp.CM_custom_css.refresh();
	35	+ this.removeEventListener( 'mousedown', CM_wrapper_mousedown_handler ); // No need to keep checking for clicks after the textarea height was increased.
	36	+ }
	37	+};
	38	+$CM_wrapper.addEventListener( 'mousedown', CM_wrapper_mousedown_handler );
27	39
28		- /**
29		- * Let CodeMirror textarea grow on first focus (with mouse click), if it is not disabled.
30		- *
31		- * @since 1.0.0
32		- */
33		- const CM_wrapper_mousedown_handler = function () {
34		- if ( ! this.classList.contains( 'disabled' ) ) {
35		- this.classList.add( 'large' );
36		- tp.CM_custom_css.refresh();
37		- this.removeEventListener( 'mousedown', CM_wrapper_mousedown_handler ); // No need to keep checking for clicks after the textarea height was increased.
38		- }
39		- };
40		- $CM_wrapper.addEventListener( 'mousedown', CM_wrapper_mousedown_handler );
41		-
42		- /**
43		- * Enable/disable CodeMirror according to state of "Load Custom CSS" checkbox.
44		- *
45		- * @since 1.0.0
46		- */
47		- const $cb_use_custom_css = document.getElementById( 'option-use-custom-css' );
48		- $cb_use_custom_css.addEventListener( 'change', function () {
49		- tp.CM_custom_css.setOption( 'readOnly', ! this.checked );
50		- $CM_wrapper.classList.toggle( 'disabled', ! this.checked );
51		- } );
52		- $cb_use_custom_css.dispatchEvent( new Event( 'change' ) );
53		-
	40	+/**
	41	+ * Enable/disable CodeMirror according to state of "Load Custom CSS" checkbox.
	42	+ *
	43	+ * @since 1.0.0
	44	+ */
	45	+const $cb_use_custom_css = document.getElementById( 'option-use-custom-css' );
	46	+$cb_use_custom_css.addEventListener( 'change', function () {
	47	+ tp.CM_custom_css.setOption( 'readOnly', ! this.checked );
	48	+ $CM_wrapper.classList.toggle( 'disabled', ! this.checked );
54	49	} );
	50	+$cb_use_custom_css.dispatchEvent( new Event( 'change' ) );