30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
| this.xWaitIcon = this._createWaitIcon();
this.xPanel = this._createPanel(sTitle);
this.center();
}
_createPanel (sTitle) {
try {
let xPanel = oGrammalecte.createNode("div", {id: this.sId, className: "grammalecte_panel"});
this.xPanelBar.appendChild(oGrammalecte.createNode("div", {className: "grammalecte_panel_invisible_marker", textContent: "__grammalecte_panel__"}));
this.xPanelBar.appendChild(this._createButtons());
let xTitle = oGrammalecte.createNode("div", {className: "grammalecte_panel_title"});
xTitle.appendChild(this._createLogo());
xTitle.appendChild(oGrammalecte.createNode("div", {className: "grammalecte_panel_label", textContent: sTitle}));
this.xPanelBar.appendChild(xTitle);
xPanel.appendChild(this.xPanelBar);
|
|
| 30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
| this.xWaitIcon = this._createWaitIcon();
this.xPanel = this._createPanel(sTitle);
this.center();
}
_createPanel (sTitle) {
try {
let xPanel = oGrammalecte.createNode("div", {id: this.sId, className: "grammalecte_panel" });
this.xPanelBar.appendChild(oGrammalecte.createNode("div", {className: "grammalecte_panel_invisible_marker", textContent: "__grammalecte_panel__"}));
this.xPanelBar.appendChild(this._createButtons());
let xTitle = oGrammalecte.createNode("div", {className: "grammalecte_panel_title"});
xTitle.appendChild(this._createLogo());
xTitle.appendChild(oGrammalecte.createNode("div", {className: "grammalecte_panel_label", textContent: sTitle}));
this.xPanelBar.appendChild(xTitle);
xPanel.appendChild(this.xPanelBar);
|
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
| hide () {
this.xPanel.style.display = "none";
oGrammalecte.clearRightClickedNode();
}
center () {
let nHeight = (this.bFlexible) ? window.innerHeight-100 : this.nHeight;
this.xPanel.style = `top: 50%; left: 50%; width: ${this.nWidth}px; height: ${nHeight}px; margin-top: -${nHeight/2}px; margin-left: -${this.nWidth/2}px;`;
}
stickToLeft () {
let nHeight = (this.bFlexible) ? window.innerHeight-100 : this.nHeight;
this.xPanel.style = `top: 50%; left: -2px; width: ${this.nWidth}px; height: ${nHeight}px; margin-top: -${nHeight/2}px;`;
}
stickToRight () {
let nHeight = (this.bFlexible) ? window.innerHeight-100 : this.nHeight;
this.xPanel.style = `top: 50%; right: -2px; width: ${this.nWidth}px; height: ${nHeight}px; margin-top: -${nHeight/2}px;`;
}
stickToTop () {
let nWidth = (this.bFlexible) ? Math.floor(window.innerWidth/2) : this.nWidth;
let nHeight = (this.bFlexible) ? Math.floor(window.innerHeight*0.45) : this.nHeight;
this.xPanel.style = `top: -2px; left: 50%; width: ${nWidth}px; height: ${nHeight}px; margin-left: -${nWidth/2}px;`;
}
stickToBottom () {
let nWidth = (this.bFlexible) ? Math.floor(window.innerWidth/2) : this.nWidth;
let nHeight = (this.bFlexible) ? Math.floor(window.innerHeight*0.45) : this.nHeight;
this.xPanel.style = `bottom: -2px; left: 50%; width: ${nWidth}px; height: ${nHeight}px; margin-left: -${nWidth/2}px;`;
}
reduce () {
// todo
}
adjustHeight () {
|
|
>
|
>
|
>
|
>
|
>
>
>
>
>
>
>
>
>
>
>
>
| 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
166
167
168
169
170
171
172
173
174
| hide () {
this.xPanel.style.display = "none";
oGrammalecte.clearRightClickedNode();
}
center () {
let nHeight = (this.bFlexible) ? window.innerHeight-100 : this.nHeight;
//this.xPanel.style = `top: 50%; left: 50%; width: ${this.nWidth}px; height: ${nHeight}px; margin-top: -${nHeight/2}px; margin-left: -${this.nWidth/2}px;`;
this.setSizeAndPosition(`${this.nWidth}px`, `${nHeight}px`, "50%", "", "", "50%", `-${nHeight/2}px`, `-${this.nWidth/2}px`);
}
stickToLeft () {
let nHeight = (this.bFlexible) ? window.innerHeight-100 : this.nHeight;
//this.xPanel.style = `top: 50%; left: -2px; width: ${this.nWidth}px; height: ${nHeight}px; margin-top: -${nHeight/2}px;`;
this.setSizeAndPosition(`${this.nWidth}px`, `${nHeight}px`, "50%", "", "", "-2px", `-${nHeight/2}px`, "");
}
stickToRight () {
let nHeight = (this.bFlexible) ? window.innerHeight-100 : this.nHeight;
//this.xPanel.style = `top: 50%; right: -2px; width: ${this.nWidth}px; height: ${nHeight}px; margin-top: -${nHeight/2}px;`;
this.setSizeAndPosition(`${this.nWidth}px`, `${nHeight}px`, "50%", "-2px", "", "", `-${nHeight/2}px`, "");
}
stickToTop () {
let nWidth = (this.bFlexible) ? Math.floor(window.innerWidth/2) : this.nWidth;
let nHeight = (this.bFlexible) ? Math.floor(window.innerHeight*0.45) : this.nHeight;
//this.xPanel.style = `top: -2px; left: 50%; width: ${nWidth}px; height: ${nHeight}px; margin-left: -${nWidth/2}px;`;
this.setSizeAndPosition(`${nWidth}px`, `${nHeight}px`, "-2px", "", "", "50%", "", `-${nWidth/2}px`);
}
stickToBottom () {
let nWidth = (this.bFlexible) ? Math.floor(window.innerWidth/2) : this.nWidth;
let nHeight = (this.bFlexible) ? Math.floor(window.innerHeight*0.45) : this.nHeight;
//this.xPanel.style = `bottom: -2px; left: 50%; width: ${nWidth}px; height: ${nHeight}px; margin-left: -${nWidth/2}px;`;
this.setSizeAndPosition(`${nWidth}px`, `${nHeight}px`, "", "", "-2px", "50%", "", `-${nWidth/2}px`);
}
setSizeAndPosition (sWidth, sHeight, sTop, sRight, sBottom, sLeft, sMarginTop, sMarginLeft) {
this.xPanel.style.width = sWidth;
this.xPanel.style.height = sHeight;
this.xPanel.style.top = sTop;
this.xPanel.style.right = sRight;
this.xPanel.style.bottom = sBottom;
this.xPanel.style.left = sLeft;
this.xPanel.style.marginTop = sMarginTop;
this.xPanel.style.marginLeft = sMarginLeft;
}
reduce () {
// todo
}
adjustHeight () {
|