118 lines
4.5 KiB
JavaScript
118 lines
4.5 KiB
JavaScript
|
"use strict";
|
||
|
|
var __extends = (this && this.__extends) || (function () {
|
||
|
|
var extendStatics = function (d, b) {
|
||
|
|
extendStatics = Object.setPrototypeOf ||
|
||
|
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
||
|
|
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
||
|
|
return extendStatics(d, b);
|
||
|
|
};
|
||
|
|
return function (d, b) {
|
||
|
|
extendStatics(d, b);
|
||
|
|
function __() { this.constructor = d; }
|
||
|
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||
|
|
};
|
||
|
|
})();
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
exports.Popup = void 0;
|
||
|
|
var abstract_postable_js_1 = require("./abstract_postable.js");
|
||
|
|
var Popup = (function (_super) {
|
||
|
|
__extends(Popup, _super);
|
||
|
|
function Popup(title, content) {
|
||
|
|
var _this = _super.call(this) || this;
|
||
|
|
_this.title = title;
|
||
|
|
_this.window = null;
|
||
|
|
_this.localSettings = {
|
||
|
|
left: Math.round((screen.width - 400) / 2),
|
||
|
|
top: Math.round((screen.height - 300) / 3)
|
||
|
|
};
|
||
|
|
_this.windowList = [];
|
||
|
|
_this.mobileFlag = false;
|
||
|
|
_this.active = null;
|
||
|
|
_this.content = content || function () { return ''; };
|
||
|
|
return _this;
|
||
|
|
}
|
||
|
|
Popup.fromJson = function () {
|
||
|
|
};
|
||
|
|
Popup.prototype.attachMenu = function (menu) {
|
||
|
|
this.menu = menu;
|
||
|
|
};
|
||
|
|
Popup.prototype.post = function () {
|
||
|
|
this.display();
|
||
|
|
};
|
||
|
|
Popup.prototype.display = function () {
|
||
|
|
this.active = this.menu.store.active;
|
||
|
|
var settings = [];
|
||
|
|
for (var setting in Popup.popupSettings) {
|
||
|
|
settings.push(setting + '=' + Popup.popupSettings[setting]);
|
||
|
|
}
|
||
|
|
for (var setting in this.localSettings) {
|
||
|
|
settings.push(setting + '=' + this.localSettings[setting]);
|
||
|
|
}
|
||
|
|
this.window = window.open('', '_blank', settings.join(','));
|
||
|
|
this.windowList.push(this.window);
|
||
|
|
var doc = this.window.document;
|
||
|
|
if (this.mobileFlag) {
|
||
|
|
doc.open();
|
||
|
|
doc.write('<html><head><meta name="viewport" ' +
|
||
|
|
'content="width=device-width, initial-scale=1.0" /><title>' +
|
||
|
|
this.title +
|
||
|
|
'</title></head><body style="font-size:85%">');
|
||
|
|
doc.write('<pre>' + this.generateContent() + '</pre>');
|
||
|
|
doc.write('<hr><input type="button" value="' +
|
||
|
|
'Close' + '" onclick="window.close()" />');
|
||
|
|
doc.write('</body></html>');
|
||
|
|
doc.close();
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
doc.open();
|
||
|
|
doc.write('<html><head><title>' + this.title +
|
||
|
|
'</title></head><body style="font-size:85%">');
|
||
|
|
doc.write('<table><tr><td><pre>' + this.generateContent() +
|
||
|
|
'</pre></td></tr></table>');
|
||
|
|
doc.write('</body></html>');
|
||
|
|
doc.close();
|
||
|
|
setTimeout(this.resize.bind(this), 50);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
Popup.prototype.unpost = function () {
|
||
|
|
this.windowList.forEach(function (x) { return x.close(); });
|
||
|
|
this.window = null;
|
||
|
|
};
|
||
|
|
Popup.prototype.generateContent = function () {
|
||
|
|
return this.content(this.active);
|
||
|
|
};
|
||
|
|
Popup.prototype.resize = function () {
|
||
|
|
var table = this.window.document.body.firstChild;
|
||
|
|
var H = (this.window.outerHeight - this.window.innerHeight) || 30;
|
||
|
|
var W = (this.window.outerWidth - this.window.innerWidth) || 30;
|
||
|
|
W = Math.max(140, Math.min(Math.floor(.5 * this.window.screen.width), table.offsetWidth + W + 25));
|
||
|
|
H = Math.max(40, Math.min(Math.floor(.5 * this.window.screen.height), table.offsetHeight + H + 25));
|
||
|
|
this.window.resizeTo(W, H);
|
||
|
|
var bb = this.active.getBoundingClientRect();
|
||
|
|
if (bb) {
|
||
|
|
var x = Math.max(0, Math.min(bb.right - Math.floor(W / 2), this.window.screen.width - W - 20));
|
||
|
|
var y = Math.max(0, Math.min(bb.bottom - Math.floor(H / 2), this.window.screen.height - H - 20));
|
||
|
|
this.window.moveTo(x, y);
|
||
|
|
}
|
||
|
|
this.active = null;
|
||
|
|
};
|
||
|
|
Popup.prototype.toJson = function () {
|
||
|
|
return { type: ''
|
||
|
|
};
|
||
|
|
};
|
||
|
|
Popup.popupSettings = {
|
||
|
|
status: 'no',
|
||
|
|
toolbar: 'no',
|
||
|
|
locationbar: 'no',
|
||
|
|
menubar: 'no',
|
||
|
|
directories: 'no',
|
||
|
|
personalbar: 'no',
|
||
|
|
resizable: 'yes',
|
||
|
|
scrollbars: 'yes',
|
||
|
|
width: 400,
|
||
|
|
height: 300,
|
||
|
|
};
|
||
|
|
return Popup;
|
||
|
|
}(abstract_postable_js_1.AbstractPostable));
|
||
|
|
exports.Popup = Popup;
|
||
|
|
//# sourceMappingURL=popup.js.map
|