Fossil SCM

Temporarily(?) removed the editor font size adjustment dropdown, as it currently has no proper home in the new layout.

stephan 2020-05-05 21:49 fileedit-ajaxify
Commit 413a0ce83f480bb0ef0e4ffe3ae5463edda0528771f545e923b89714dee421e5
Parent 146e867eb5830e4…
1 file changed +20 -18
~ src/fossil.page.fileedit.js
M src/fossil.page.fileedit.js
+20 -18
--- src/fossil.page.fileedit.js
+++ src/fossil.page.fileedit.js
@@ -12,13 +12,10 @@
1212
 P.e = {
1313
 taEditor: E('#fileedit-content-editor'),
1414
 taComment: E('#fileedit-comment'),
1515
 ajaxContentTarget: E('#ajax-target'),
1616
 form: E('#fileedit-form'),
17
- //btnPreview: E("#fileedit-btn-preview"),
18
- //btnDiffSbs: E("#fileedit-btn-diffsbs"),
19
- //btnDiffU: E("#fileedit-btn-diffu"),
2017
 btnCommit: E("#fileedit-btn-commit"),
2118
 selectPreviewModeWrap: E('#select-preview-mode'),
2219
 selectHtmlEmsWrap: E('#select-preview-html-ems'),
2320
 selectEolWrap: E('#select-preview-html-ems'),
2421
 cbLineNumbersWrap: E('#cb-line-numbers'),
@@ -27,18 +24,25 @@
2724
 preview: E('#fileedit-tab-preview'),
2825
 diff: E('#fileedit-tab-diff'),
2926
 commit: E('#fileedit-tab-commit')
3027
 }
3128
 };
29
+
30
+ P.tabs.e.container.insertBefore(
31
+ E('#fossil-status-bar'), P.tabs.e.tabs
32
+ );
33
+
3234
 const stopEvent = function(e){
3335
 //e.preventDefault();
3436
 //e.stopPropagation();
3537
 return P;
3638
 };
3739
3840
 P.e.form.addEventListener("submit", function(e) {
3941
 e.target.checkValidity();
42
+ /* All of this is needed to keep the form from submitting every
43
+ time any button in the form is clicked: */
4044
 e.preventDefault();
4145
 e.stopPropagation();
4246
 return false;
4347
 }, false);
4448
 //P.tabs.getButtonForTab(P.e.tabs.preview)
@@ -93,25 +97,23 @@
9397
 selectPreviewMode.dispatchEvent(
9498
 // Force UI update
9599
 new Event('change',{target:selectPreviewMode})
96100
 );
97101
 const selectFontSize = E('select[name=editor_font_size]');
98
- selectFontSize.addEventListener(
99
- "change",function(e){
100
- P.e.taEditor.className = e.target.className.replace(
101
- /\bfont-size-\d+/g, '' );
102
- P.e.taEditor.classList.add('font-size-'+e.target.value);
103
- }, false
104
- );
105
- selectFontSize.dispatchEvent(
106
- // Force UI update
107
- new Event('change',{target:selectFontSize})
108
- );
109
-
110
- P.tabs.e.container.insertBefore(
111
- E('#fossil-status-bar'), P.tabs.e.tabs
112
- );
102
+ if(selectFontSize){
103
+ selectFontSize.addEventListener(
104
+ "change",function(e){
105
+ P.e.taEditor.className = e.target.className.replace(
106
+ /\bfont-size-\d+/g, '' );
107
+ P.e.taEditor.classList.add('font-size-'+e.target.value);
108
+ }, false
109
+ );
110
+ selectFontSize.dispatchEvent(
111
+ // Force UI update
112
+ new Event('change',{target:selectFontSize})
113
+ );
114
+ }
113115
 }, false);
114116
115117
 /**
116118
 updateVersion() updates the filename and version in various UI
117119
 elements...
118120
--- src/fossil.page.fileedit.js
+++ src/fossil.page.fileedit.js
@@ -12,13 +12,10 @@
12 P.e = {
13 taEditor: E('#fileedit-content-editor'),
14 taComment: E('#fileedit-comment'),
15 ajaxContentTarget: E('#ajax-target'),
16 form: E('#fileedit-form'),
17 //btnPreview: E("#fileedit-btn-preview"),
18 //btnDiffSbs: E("#fileedit-btn-diffsbs"),
19 //btnDiffU: E("#fileedit-btn-diffu"),
20 btnCommit: E("#fileedit-btn-commit"),
21 selectPreviewModeWrap: E('#select-preview-mode'),
22 selectHtmlEmsWrap: E('#select-preview-html-ems'),
23 selectEolWrap: E('#select-preview-html-ems'),
24 cbLineNumbersWrap: E('#cb-line-numbers'),
@@ -27,18 +24,25 @@
27 preview: E('#fileedit-tab-preview'),
28 diff: E('#fileedit-tab-diff'),
29 commit: E('#fileedit-tab-commit')
30 }
31 };
 
 
 
 
 
32 const stopEvent = function(e){
33 //e.preventDefault();
34 //e.stopPropagation();
35 return P;
36 };
37
38 P.e.form.addEventListener("submit", function(e) {
39 e.target.checkValidity();
 
 
40 e.preventDefault();
41 e.stopPropagation();
42 return false;
43 }, false);
44 //P.tabs.getButtonForTab(P.e.tabs.preview)
@@ -93,25 +97,23 @@
93 selectPreviewMode.dispatchEvent(
94 // Force UI update
95 new Event('change',{target:selectPreviewMode})
96 );
97 const selectFontSize = E('select[name=editor_font_size]');
98 selectFontSize.addEventListener(
99 "change",function(e){
100 P.e.taEditor.className = e.target.className.replace(
101 /\bfont-size-\d+/g, '' );
102 P.e.taEditor.classList.add('font-size-'+e.target.value);
103 }, false
104 );
105 selectFontSize.dispatchEvent(
106 // Force UI update
107 new Event('change',{target:selectFontSize})
108 );
109
110 P.tabs.e.container.insertBefore(
111 E('#fossil-status-bar'), P.tabs.e.tabs
112 );
113 }, false);
114
115 /**
116 updateVersion() updates the filename and version in various UI
117 elements...
118
--- src/fossil.page.fileedit.js
+++ src/fossil.page.fileedit.js
@@ -12,13 +12,10 @@
12 P.e = {
13 taEditor: E('#fileedit-content-editor'),
14 taComment: E('#fileedit-comment'),
15 ajaxContentTarget: E('#ajax-target'),
16 form: E('#fileedit-form'),
 
 
 
17 btnCommit: E("#fileedit-btn-commit"),
18 selectPreviewModeWrap: E('#select-preview-mode'),
19 selectHtmlEmsWrap: E('#select-preview-html-ems'),
20 selectEolWrap: E('#select-preview-html-ems'),
21 cbLineNumbersWrap: E('#cb-line-numbers'),
@@ -27,18 +24,25 @@
24 preview: E('#fileedit-tab-preview'),
25 diff: E('#fileedit-tab-diff'),
26 commit: E('#fileedit-tab-commit')
27 }
28 };
29
30 P.tabs.e.container.insertBefore(
31 E('#fossil-status-bar'), P.tabs.e.tabs
32 );
33
34 const stopEvent = function(e){
35 //e.preventDefault();
36 //e.stopPropagation();
37 return P;
38 };
39
40 P.e.form.addEventListener("submit", function(e) {
41 e.target.checkValidity();
42 /* All of this is needed to keep the form from submitting every
43 time any button in the form is clicked: */
44 e.preventDefault();
45 e.stopPropagation();
46 return false;
47 }, false);
48 //P.tabs.getButtonForTab(P.e.tabs.preview)
@@ -93,25 +97,23 @@
97 selectPreviewMode.dispatchEvent(
98 // Force UI update
99 new Event('change',{target:selectPreviewMode})
100 );
101 const selectFontSize = E('select[name=editor_font_size]');
102 if(selectFontSize){
103 selectFontSize.addEventListener(
104 "change",function(e){
105 P.e.taEditor.className = e.target.className.replace(
106 /\bfont-size-\d+/g, '' );
107 P.e.taEditor.classList.add('font-size-'+e.target.value);
108 }, false
109 );
110 selectFontSize.dispatchEvent(
111 // Force UI update
112 new Event('change',{target:selectFontSize})
113 );
114 }
 
 
115 }, false);
116
117 /**
118 updateVersion() updates the filename and version in various UI
119 elements...
120

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button