191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
|
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
|
-
+
-
+
|
setSizeAndPosition () {
// size
if (this.xWidthButton && this.xHeightButton) {
this.xWidthButton.style.opacity = (this.bHorizStrech) ? ".9" : "";
this.xHeightButton.style.opacity = (this.bVertStrech) ? ".9" : "";
}
let nWidth = Math.min(this.nWidth, window.innerWidth-200);
let nHeight = Math.min(this.nHeight, window.innerHeight-100);
let nHeight = Math.min(this.nHeight, window.innerHeight-50);
if (this.bFlexible) {
// width
if (this.bHorizStrech) {
nWidth = Math.min(this.nWidth*1.33, window.innerWidth-200);
}
// height
nHeight = ([4, 5, 6].includes(this.nPosition)) ? nHeight : Math.floor(window.innerHeight*0.45);
if (this.bVertStrech) {
nHeight = ([4, 5, 6].includes(this.nPosition)) ? (window.innerHeight-100) : Math.floor(window.innerHeight*0.67);
nHeight = ([4, 5, 6].includes(this.nPosition)) ? (window.innerHeight-50) : Math.floor(window.innerHeight*0.67);
}
}
this.xPanel.style.width = `${nWidth}px`;
this.xPanel.style.height = `${nHeight}px`;
// position
let oPos = null;
switch (this.nPosition) {
|