13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
-
-
+
+
-
+
|
this.xTextArea = null;
}
_createTextFormatter () {
let xTFNode = document.createElement("div");
try {
// Options
let xOptions = createNode("div", {id: "grammalecte_tf_options"});
let xColumn1 = createNode("div", {className: "grammalecte_tf_column"});
let xOptions = oGrammalecte.createNode("div", {id: "grammalecte_tf_options"});
let xColumn1 = oGrammalecte.createNode("div", {className: "grammalecte_tf_column"});
let xSSP = this._createFieldset("group_ssp", true, "Espaces surnuméraires");
xSSP.appendChild(this._createBlockOption("o_start_of_paragraph", true, "En début de paragraphe"));
xSSP.appendChild(this._createBlockOption("o_end_of_paragraph", true, "En fin de paragraphe"));
xSSP.appendChild(this._createBlockOption("o_between_words", true, "Entre les mots"));
xSSP.appendChild(this._createBlockOption("o_before_punctuation", true, "Avant les points (.), les virgules (,)"));
xSSP.appendChild(this._createBlockOption("o_within_parenthesis", true, "À l’intérieur des parenthèses"));
xSSP.appendChild(this._createBlockOption("o_within_square_brackets", true, "À l’intérieur des crochets"));
xSSP.appendChild(this._createBlockOption("o_within_quotation_marks", true, "À l’intérieur des guillemets “ et ”"));
let xSpace = this._createFieldset("group_space", true, "Espaces manquants");
xSpace.appendChild(this._createBlockOption("o_add_space_after_punctuation", true, "Après , ; : ? ! . …"));
xSpace.appendChild(this._createBlockOption("o_add_space_around_hyphens", true, "Autour des tirets d’incise"));
let xNBSP = this._createFieldset("group_nbsp", true, "Espaces insécables");
xNBSP.appendChild(this._createBlockOption("o_nbsp_before_punctuation", true, "Avant : ; ? et !"));
xNBSP.appendChild(this._createBlockOption("o_nbsp_within_quotation_marks", true, "Avec les guillemets « et »"));
xNBSP.appendChild(this._createBlockOption("o_nbsp_before_symbol", true, "Avant % ‰ € $ £ ¥ ˚C"));
xNBSP.appendChild(this._createBlockOption("o_nbsp_within_numbers", true, "À l’intérieur des nombres"));
xNBSP.appendChild(this._createBlockOption("o_nbsp_before_units", true, "Avant les unités de mesure"));
let xDelete = this._createFieldset("group_delete", true, "Suppressions");
xDelete.appendChild(this._createBlockOption("o_erase_non_breaking_hyphens", true, "Tirets conditionnels"));
let xColumn2 = createNode("div", {className: "grammalecte_tf_column"});
let xColumn2 = oGrammalecte.createNode("div", {className: "grammalecte_tf_column"});
let xTypo = this._createFieldset("group_typo", true, "Signes typographiques");
xTypo.appendChild(this._createBlockOption("o_ts_apostrophe", true, "Apostrophe (’)"));
xTypo.appendChild(this._createBlockOption("o_ts_ellipsis", true, "Points de suspension (…)"));
xTypo.appendChild(this._createBlockOption("o_ts_dash_middle", true, "Tirets d’incise :"));
xTypo.appendChild(this._createRadioBoxHyphens("o_ts_m_dash_middle", "o_ts_n_dash_middle", false));
xTypo.appendChild(this._createBlockOption("o_ts_dash_start", true, "Tirets en début de paragraphe :"));
xTypo.appendChild(this._createRadioBoxHyphens("o_ts_m_dash_start", "o_ts_n_dash_start", true));
|
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
|
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
|
-
-
+
+
-
+
-
-
+
+
-
+
-
-
+
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
|
xColumn1.appendChild(xDelete);
xColumn2.appendChild(xTypo);
xColumn2.appendChild(xMisc);
xColumn2.appendChild(xStruct);
xOptions.appendChild(xColumn1);
xOptions.appendChild(xColumn2);
// Actions
let xActions = createNode("div", {id: "grammalecte_tf_actions"});
let xDefaultButton = createNode("div", {id: "grammalecte_tf_reset", textContent: "Par défaut", className: "grammalecte_tf_button"});
let xActions = oGrammalecte.createNode("div", {id: "grammalecte_tf_actions"});
let xDefaultButton = oGrammalecte.createNode("div", {id: "grammalecte_tf_reset", textContent: "Par défaut", className: "grammalecte_tf_button"});
xDefaultButton.addEventListener("click", () => { this.reset(); });
let xApplyButton = createNode("div", {id: "grammalecte_tf_apply", textContent: "Appliquer", className: "grammalecte_tf_button"});
let xApplyButton = oGrammalecte.createNode("div", {id: "grammalecte_tf_apply", textContent: "Appliquer", className: "grammalecte_tf_button"});
xApplyButton.addEventListener("click", () => { this.saveOptions(); this.apply(); });
xActions.appendChild(xDefaultButton);
xActions.appendChild(createNode("progress", {id: "grammalecte_tf_progressbar"}));
xActions.appendChild(createNode("span", {id: "grammalecte_tf_time_res", textContent: "…"}));
xActions.appendChild(oGrammalecte.createNode("progress", {id: "grammalecte_tf_progressbar"}));
xActions.appendChild(oGrammalecte.createNode("span", {id: "grammalecte_tf_time_res", textContent: "…"}));
xActions.appendChild(xApplyButton);
//xActions.appendChild(createNode("div", {id: "grammalecte_infomsg", textContent: "blabla"}));
//xActions.appendChild(oGrammalecte.createNode("div", {id: "grammalecte_infomsg", textContent: "blabla"}));
// create result
xTFNode.appendChild(xOptions);
xTFNode.appendChild(xActions);
}
catch (e) {
showError(e);
}
return xTFNode;
}
// Common options
_createFieldset (sId, bDefault, sLabel) {
let xFieldset = createNode("div", {id: sId, className: "grammalecte_tf_groupblock"});
let xGroupOption = createNode("div", {id: "o_"+sId, className: "grammalecte_tf_option grammalecte_tf_option_title_off", textContent: sLabel}, {selected: "false", default: bDefault, linked_ids: ""});
let xFieldset = oGrammalecte.createNode("div", {id: sId, className: "grammalecte_tf_groupblock"});
let xGroupOption = oGrammalecte.createNode("div", {id: "o_"+sId, className: "grammalecte_tf_option grammalecte_tf_option_title_off", textContent: sLabel}, {selected: "false", default: bDefault, linked_ids: ""});
xGroupOption.addEventListener("click", (xEvent) => { this.switchOption(xEvent.target.id); this.switchGroup(xEvent.target.id); });
xFieldset.appendChild(xGroupOption);
return xFieldset;
}
_createBlockOption (sId, bDefault, sLabel) {
let xLine = createNode("div", {className: "grammalecte_tf_blockopt grammalecte_tf_underline"});
let xLine = oGrammalecte.createNode("div", {className: "grammalecte_tf_blockopt grammalecte_tf_underline"});
xLine.appendChild(this._createOption(sId, bDefault, sLabel));
xLine.appendChild(createNode("div", {id: "res_"+sId, className: "grammalecte_tf_result", textContent: "·"}));
xLine.appendChild(oGrammalecte.createNode("div", {id: "res_"+sId, className: "grammalecte_tf_result", textContent: "·"}));
return xLine;
}
_createOption (sId, bDefault, sLabel, sLinkedOptionsId="") {
let xOption = createNode("div", {id: sId, className: "grammalecte_tf_option grammalecte_tf_option_off", textContent: sLabel}, {selected: "false", default: bDefault, linked_ids: sLinkedOptionsId});
let xOption = oGrammalecte.createNode("div", {id: sId, className: "grammalecte_tf_option grammalecte_tf_option_off", textContent: sLabel}, {selected: "false", default: bDefault, linked_ids: sLinkedOptionsId});
xOption.addEventListener("click", (xEvent) => { this.switchOption(xEvent.target.id); });
return xOption;
}
// Hyphens
_createRadioBoxHyphens (sIdEmDash, sIdEnDash, bDefaultEmDash) {
let xLine = createNode("div", {className: "grammalecte_tf_blockopt grammalecte_tf_indent"});
let xLine = oGrammalecte.createNode("div", {className: "grammalecte_tf_blockopt grammalecte_tf_indent"});
xLine.appendChild(this._createOption(sIdEmDash, bDefaultEmDash, "cadratin (—)", sIdEnDash));
xLine.appendChild(this._createOption(sIdEnDash, !bDefaultEmDash, "demi-cadratin (—)", sIdEmDash));
return xLine;
}
// Ligatures
_createRadioBoxLigatures () {
let xLine = createNode("div", {className: "grammalecte_tf_blockopt grammalecte_tf_underline"});
let xLine = oGrammalecte.createNode("div", {className: "grammalecte_tf_blockopt grammalecte_tf_underline"});
xLine.appendChild(this._createOption("o_ts_ligature", true, "Ligatures"));
xLine.appendChild(this._createOption("o_ts_ligature_do", false, "faire", "o_ts_ligature_undo"));
xLine.appendChild(this._createOption("o_ts_ligature_undo", true, "défaire", "o_ts_ligature_do"));
xLine.appendChild(createNode("div", {id: "res_"+"o_ts_ligature", className: "grammalecte_tf_result", textContent: "·"}));
xLine.appendChild(oGrammalecte.createNode("div", {id: "res_"+"o_ts_ligature", className: "grammalecte_tf_result", textContent: "·"}));
return xLine;
}
_createLigaturesSelection () {
let xLine = createNode("div", {className: "grammalecte_tf_blockopt grammalecte_tf_indent"});
let xLine = oGrammalecte.createNode("div", {className: "grammalecte_tf_blockopt grammalecte_tf_indent"});
xLine.appendChild(this._createOption("o_ts_ligature_ff", true, "ff"));
xLine.appendChild(this._createOption("o_ts_ligature_fi", true, "fi"));
xLine.appendChild(this._createOption("o_ts_ligature_ffi", true, "ffi"));
xLine.appendChild(this._createOption("o_ts_ligature_fl", true, "fl"));
xLine.appendChild(this._createOption("o_ts_ligature_ffl", true, "ffl"));
xLine.appendChild(this._createOption("o_ts_ligature_ft", true, "ft"));
xLine.appendChild(this._createOption("o_ts_ligature_st", false, "st"));
return xLine;
}
// Apostrophes
_createSingleLetterOptions () {
let xLine = createNode("div", {className: "grammalecte_tf_blockopt grammalecte_tf_indent"});
let xLine = oGrammalecte.createNode("div", {className: "grammalecte_tf_blockopt grammalecte_tf_indent"});
xLine.appendChild(this._createOption("o_ma_1letter_lowercase", false, "lettres isolées (j’ n’ m’ t’ s’ c’ d’ l’)"));
xLine.appendChild(this._createOption("o_ma_1letter_uppercase", false, "Maj."));
return xLine;
}
// Ordinals
_createOrdinalOptions () {
let xLine = createNode("div", {className: "grammalecte_tf_blockopt grammalecte_tf_underline"});
let xLine = oGrammalecte.createNode("div", {className: "grammalecte_tf_blockopt grammalecte_tf_underline"});
xLine.appendChild(this._createOption("o_ordinals_no_exponant", true, "Ordinaux (15e, XXIe…)"));
xLine.appendChild(this._createOption("o_ordinals_exponant", true, "e → ᵉ"));
xLine.appendChild(createNode("div", {id: "res_"+"o_ordinals_no_exponant", className: "grammalecte_tf_result", textContent: "·"}));
xLine.appendChild(oGrammalecte.createNode("div", {id: "res_"+"o_ordinals_no_exponant", className: "grammalecte_tf_result", textContent: "·"}));
return xLine;
}
/*
Actions
*/
start (xTextArea) {
|