1
2
3
4
5
6
7
8
9
10
11
12
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
// JavaScript
"use strict";
const oLxgPanelContent = {
_xContentNode: createNode("div", {id: "grammalecte_lxg_panel_content"}),
_nCount: 0,
init: function () {
return this._xContentNode;
},
clear: function () {
this._nCount = 0;
while (this._xContentNode.firstChild) {
this._xContentNode.removeChild(this._xContentNode.firstChild);
}
},
addSeparator: function (sText) {
if (this._xContentNode.textContent !== "") {
this._xContentNode.appendChild(createNode("div", {className: "grammalecte_lxg_separator", textContent: sText}));
}
},
addMessage: function (sClass, sText) {
this._xContentNode.appendChild(createNode("div", {className: sClass, textContent: sText}));
},
addListOfTokens: function (lTokens) {
try {
if (lTokens) {
this._nCount += 1;
let xNodeDiv = createNode("div", {className: "grammalecte_lxg_list_of_tokens"});
xNodeDiv.appendChild(createNode("div", {className: "num", textContent: this._nCount}));
for (let oToken of lTokens) {
xNodeDiv.appendChild(this._createTokenNode(oToken));
}
this._xContentNode.appendChild(xNodeDiv);
}
}
catch (e) {
showError(e);
}
},
_createTokenNode: function (oToken) {
let xTokenNode = createNode("div", {className: "grammalecte_token"});
xTokenNode.appendChild(createNode("b", {className: oToken.sType, textContent: oToken.sValue}));
xTokenNode.appendChild(createNode("s", {textContent: " : "}));
if (oToken.aLabel.length === 1) {
xTokenNode.appendChild(document.createTextNode(oToken.aLabel[0]));
} else {
let xTokenList = document.createElement("ul");
for (let sLabel of oToken.aLabel) {
xTokenList.appendChild(createNode("li", {textContent: sLabel}));
}
xTokenNode.appendChild(xTokenList);
}
return xTokenNode;
},
setHidden: function (sClass, bHidden) {
for (let xNode of document.getElementsByClassName(sClass)) {
xNode.hidden = bHidden;
}
}
}
|
|
>
>
>
|
|
<
|
<
<
<
|
<
|
>
|
<
|
>
|
<
|
>
|
<
|
>
|
<
|
>
|
|
1
2
3
4
5
6
7
8
9
10
11
12
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
// JavaScript
"use strict";
class GrammalecteLexicographer extends GrammalectePanel {
constructor (...args) {
super(...args);
this._nCount = 0;
this._xContentNode = createNode("div", {id: "grammalecte_lxg_panel_content"});
this.xPanelContent.appendChild(this._xContentNode);
}
clear () {
this._nCount = 0;
while (this._xContentNode.firstChild) {
this._xContentNode.removeChild(this._xContentNode.firstChild);
}
}
addSeparator (sText) {
if (this._xContentNode.textContent !== "") {
this._xContentNode.appendChild(createNode("div", {className: "grammalecte_lxg_separator", textContent: sText}));
}
}
addMessage (sClass, sText) {
this._xContentNode.appendChild(createNode("div", {className: sClass, textContent: sText}));
}
addListOfTokens (lTokens) {
try {
if (lTokens) {
this._nCount += 1;
let xNodeDiv = createNode("div", {className: "grammalecte_lxg_list_of_tokens"});
xNodeDiv.appendChild(createNode("div", {className: "num", textContent: this._nCount}));
for (let oToken of lTokens) {
xNodeDiv.appendChild(this._createTokenNode(oToken));
}
this._xContentNode.appendChild(xNodeDiv);
}
}
catch (e) {
showError(e);
}
}
_createTokenNode (oToken) {
let xTokenNode = createNode("div", {className: "grammalecte_token"});
xTokenNode.appendChild(createNode("b", {className: oToken.sType, textContent: oToken.sValue}));
xTokenNode.appendChild(createNode("s", {textContent: " : "}));
if (oToken.aLabel.length === 1) {
xTokenNode.appendChild(document.createTextNode(oToken.aLabel[0]));
} else {
let xTokenList = document.createElement("ul");
for (let sLabel of oToken.aLabel) {
xTokenList.appendChild(createNode("li", {textContent: sLabel}));
}
xTokenNode.appendChild(xTokenList);
}
return xTokenNode;
}
setHidden (sClass, bHidden) {
for (let xNode of document.getElementsByClassName(sClass)) {
xNode.hidden = bHidden;
}
}
}
|