function translate_text(text) { if (text.indexOf('Failed') == 0 && text.indexOf(': ') > 0) { var fds = text.split(': '); for (var i = 0; i < fds.length; ++i) { fds[i] = translate(fds[i]); } text = fds.join(': '); } return text; } var msgboxTimerFunc = function() {} function closeMsgbox() { self.timer(0, msgboxTimerFunc); $(#msgbox).content(); } class MsgboxComponent: Reactor.Component { function this(params) { this.width = params.width; this.height = params.height; this.type = params.type; this.title = params.title; this.content = params.content; this.link = params.link; this.remember = params.remember; this.callback = params.callback; this.hasRetry = params.hasRetry; this.auto_login = params.auto_login; this.contentStyle = params.contentStyle; try { this.content = translate_text(this.content); } catch (e) {} } function getIcon(color) { if (this.type == "input-password") { return ; } if (this.type == "connecting") { return ; } if (this.type == "success") { return ; } if (this.type.indexOf("error") >= 0 || this.type == "re-input-password") { return ; } return null; } function getInputPasswordContent() { var ts = this.remember ? { checked: true } : {}; return
{translate('Please enter your password')}
{translate('Remember password')}
; } function getContent() { if (this.type == "input-password") { return this.getInputPasswordContent(); } if (this.type == "custom-os-password") { var ts = this.auto_login ? { checked: true } : {}; return
{translate('Auto Login')}
; } return this.content; } function getColor() { if (this.type == "input-password" || this.type == "custom-os-password") { return "#AD448E"; } if (this.type == "success") { return "#32bea6"; } if (this.type.indexOf("error") >= 0 || this.type == "re-input-password") { return "#e04f5f"; } return "#2C8CFF"; } function hasSkip() { return this.type.indexOf("skip") >= 0; } function render() { this.set_outline_focus(); var color = this.getColor(); var icon = this.getIcon(color); var content = this.getContent(); var hasCancel = this.type.indexOf("error") < 0 && this.type.indexOf("nocancel") < 0 && this.type != "restarting"; var hasOk = this.type != "connecting" && this.type != "success" && this.type.indexOf("nook") < 0; var hasLink = this.link != ""; var hasClose = this.type.indexOf("hasclose") >= 0; var show_progress = this.type == "connecting"; var me = this; self.timer(0, msgboxTimerFunc); msgboxTimerFunc = function() { if (typeof content == "string") me.$(#content).html = translate(content); else me.$(#content).content(content); }; self.timer(3ms, msgboxTimerFunc); return (
{translate(this.title)}
{icon &&
{icon}
}
{hasCancel || this.hasRetry ? : ""} {this.hasSkip() ? : ""} {hasOk || this.hasRetry ? : ""} {hasLink ? : ""} {hasClose ? : ""}
); } event click $(.custom-event) (_, me) { if (this.callback) this.callback(me); } function submit() { if (this.$(button#submit)) { this.$(button#submit).sendEvent("click"); } } function cancel() { if (this.$(button#cancel)) { this.$(button#cancel).sendEvent("click"); } } event click $(button#cancel) { this.close(); if (this.callback) this.callback(null); } event click $(button#skip) { var values = this.getValues(); values.skip = true; if (this.callback) this.callback(values); if (this.close) this.close(); } event click $(button#jumplink) { if (this.link.indexOf("http") == 0) { Sciter.launch(this.link); } } event click $(button#submit) { if (this.type == "error") { if (this.hasRetry) { retryConnect(true); return; } } if (this.type == "re-input-password") { this.type = "input-password"; this.update(); return; } var values = this.getValues(); if (this.callback) { var self = this; var err = this.callback(values, function(a=1, b='') { self.show_progress(a, b); }); if (!err) { if (this.close) this.close(); return; } if (err && err.trim()) this.show_progress(false, err); } else { this.close(); } } event keydown (evt) { if (!evt.shortcutKey) { if (isEnterKey(evt)) { this.submit(); } if (evt.keyCode == Event.VK_ESCAPE) { this.cancel(); } } } event click $(button#select_directory) { var folder = view.selectFolder(translate("Change"), $(#folderPath).text); if (folder) { if (folder.indexOf("file://") == 0) folder = folder.substring(7); $(#folderPath).text = folder; } } function show_progress(show=1, err="") { if (show == -1) { this.close() return; } this.$(#progress).style.set { display: show ? "inline-block" : "none" }; this.$(#error).text = err; } function getValues() { var values = { type: this.type }; for (var el in this.$$(.form input)) { values[el.attributes["name"]] = el.value; } for (var el in this.$$(.form textarea)) { values[el.attributes["name"]] = el.value; } for (var el in this.$$(.form button)) { values[el.attributes["name"]] = el.value; } if (this.type == "input-password") { values.password = (values.password || "").trim(); if (!values.password) { return; } } return values; } function set_outline_focus() { var me = this; self.timer(30ms, function() { var el = me.$(.outline-focus); if (el) view.focus = el; else { el = me.$(#submit); if (el) { view.focus = el; } } }); } function close() { closeMsgbox(); } }