mirror of
https://github.com/9001/copyparty.git
synced 2025-08-17 17:12:13 -06:00
822 lines
20 KiB
JavaScript
822 lines
20 KiB
JavaScript
"use strict";
|
|
|
|
if (!window['console'])
|
|
window['console'] = {
|
|
"log": function (msg) { }
|
|
};
|
|
|
|
|
|
var is_touch = 'ontouchstart' in window,
|
|
IPHONE = /iPhone|iPad|iPod/i.test(navigator.userAgent),
|
|
ANDROID = /android/i.test(navigator.userAgent);
|
|
|
|
|
|
var ebi = document.getElementById.bind(document),
|
|
QS = document.querySelector.bind(document),
|
|
QSA = document.querySelectorAll.bind(document),
|
|
mknod = document.createElement.bind(document);
|
|
|
|
|
|
// error handler for mobile devices
|
|
function esc(txt) {
|
|
return txt.replace(/[&"<>]/g, function (c) {
|
|
return {
|
|
'&': '&',
|
|
'"': '"',
|
|
'<': '<',
|
|
'>': '>'
|
|
}[c];
|
|
});
|
|
}
|
|
var crashed = false, ignexd = {};
|
|
function vis_exh(msg, url, lineNo, columnNo, error) {
|
|
if ((msg + '').indexOf('ResizeObserver') !== -1)
|
|
return; // chrome issue 809574 (benign, from <video>)
|
|
|
|
var ekey = url + '\n' + lineNo + '\n' + msg;
|
|
if (ignexd[ekey] || crashed)
|
|
return;
|
|
|
|
crashed = true;
|
|
window.onerror = undefined;
|
|
var html = ['<h1>you hit a bug!</h1><p style="font-size:1.3em;margin:0">try to <a href="#" onclick="localStorage.clear();location.reload();">reset copyparty settings</a> if you are stuck here, or <a href="#" onclick="ignex();">ignore this</a> / <a href="#" onclick="ignex(true);">ignore all</a></p><p>please send me a screenshot arigathanks gozaimuch: <code>ed/irc.rizon.net</code> or <code>ed#2644</code><br /> (and if you can, press F12 and include the "Console" tab in the screenshot too)</p><p>',
|
|
esc(url + ' @' + lineNo + ':' + columnNo), '<br />' + esc(String(msg)) + '</p>'];
|
|
|
|
try {
|
|
if (error) {
|
|
var find = ['desc', 'stack', 'trace'];
|
|
for (var a = 0; a < find.length; a++)
|
|
if (String(error[find[a]]) !== 'undefined')
|
|
html.push('<h3>' + find[a] + '</h3>' +
|
|
esc(String(error[find[a]])).replace(/\n/g, '<br />\n'));
|
|
}
|
|
ignexd[ekey] = true;
|
|
html.push('<h3>localStore</h3>' + esc(JSON.stringify(localStorage)));
|
|
}
|
|
catch (e) { }
|
|
|
|
try {
|
|
var exbox = ebi('exbox');
|
|
if (!exbox) {
|
|
exbox = mknod('div');
|
|
exbox.setAttribute('id', 'exbox');
|
|
document.body.appendChild(exbox);
|
|
|
|
var s = mknod('style');
|
|
s.innerHTML = '#exbox{background:#333;color:#ddd;font-family:sans-serif;font-size:0.8em;padding:0 1em 1em 1em;z-index:80386;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%} #exbox h1{margin:.5em 1em 0 0;padding:0} #exbox h3{border-top:1px solid #999;margin:1em 0 0 0} #exbox a{text-decoration:underline;color:#fc0} #exbox code{color:#bf7;background:#222;padding:.1em;margin:.2em;font-size:1.1em;font-family:monospace,monospace} #exbox *{line-height:1.5em}';
|
|
document.head.appendChild(s);
|
|
}
|
|
exbox.innerHTML = html.join('\n');
|
|
exbox.style.display = 'block';
|
|
}
|
|
catch (e) {
|
|
document.body.innerHTML = html.join('\n');
|
|
}
|
|
throw 'fatal_err';
|
|
}
|
|
function ignex(all) {
|
|
var o = ebi('exbox');
|
|
o.style.display = 'none';
|
|
o.innerHTML = '';
|
|
crashed = false;
|
|
if (!all)
|
|
window.onerror = vis_exh;
|
|
}
|
|
|
|
|
|
function ctrl(e) {
|
|
return e && (e.ctrlKey || e.metaKey);
|
|
}
|
|
|
|
|
|
function ev(e) {
|
|
e = e || window.event;
|
|
if (!e)
|
|
return;
|
|
|
|
if (e.preventDefault)
|
|
e.preventDefault()
|
|
|
|
if (e.stopPropagation)
|
|
e.stopPropagation();
|
|
|
|
if (e.stopImmediatePropagation)
|
|
e.stopImmediatePropagation();
|
|
|
|
e.returnValue = false;
|
|
return e;
|
|
}
|
|
|
|
|
|
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/endsWith
|
|
if (!String.prototype.endsWith) {
|
|
String.prototype.endsWith = function (search, this_len) {
|
|
if (this_len === undefined || this_len > this.length) {
|
|
this_len = this.length;
|
|
}
|
|
return this.substring(this_len - search.length, this_len) === search;
|
|
};
|
|
}
|
|
if (!String.startsWith) {
|
|
String.prototype.startsWith = function (s, i) {
|
|
i = i > 0 ? i | 0 : 0;
|
|
return this.substring(i, i + s.length) === s;
|
|
};
|
|
}
|
|
if (!Element.prototype.matches) {
|
|
Element.prototype.matches =
|
|
Element.prototype.oMatchesSelector ||
|
|
Element.prototype.msMatchesSelector ||
|
|
Element.prototype.mozMatchesSelector ||
|
|
Element.prototype.webkitMatchesSelector;
|
|
}
|
|
if (!Element.prototype.closest) {
|
|
Element.prototype.closest = function (s) {
|
|
var el = this;
|
|
do {
|
|
if (el.matches(s)) return el;
|
|
el = el.parentElement || el.parentNode;
|
|
} while (el !== null && el.nodeType === 1);
|
|
}
|
|
}
|
|
|
|
|
|
// https://stackoverflow.com/a/950146
|
|
function import_js(url, cb) {
|
|
var head = document.head || document.getElementsByTagName('head')[0];
|
|
var script = mknod('script');
|
|
script.type = 'text/javascript';
|
|
script.src = url;
|
|
script.onload = cb;
|
|
script.onerror = function () {
|
|
toast.err(0, 'Failed to load module:\n' + url);
|
|
};
|
|
head.appendChild(script);
|
|
}
|
|
|
|
|
|
var crctab = (function () {
|
|
var c, tab = [];
|
|
for (var n = 0; n < 256; n++) {
|
|
c = n;
|
|
for (var k = 0; k < 8; k++) {
|
|
c = ((c & 1) ? (0xEDB88320 ^ (c >>> 1)) : (c >>> 1));
|
|
}
|
|
tab[n] = c;
|
|
}
|
|
return tab;
|
|
})();
|
|
|
|
|
|
function crc32(str) {
|
|
var crc = 0 ^ (-1);
|
|
for (var i = 0; i < str.length; i++) {
|
|
crc = (crc >>> 8) ^ crctab[(crc ^ str.charCodeAt(i)) & 0xFF];
|
|
}
|
|
return ((crc ^ (-1)) >>> 0).toString(16);
|
|
}
|
|
|
|
|
|
function clmod(el, cls, add) {
|
|
if (el.classList) {
|
|
if (add == 't')
|
|
add = el.classList.contains(cls) ? 0 : 1;
|
|
|
|
return el.classList[add ? 'add' : 'remove'](cls);
|
|
}
|
|
|
|
var re = new RegExp('\\s*\\b' + cls + '\\s*\\b', 'g');
|
|
if (add == 't')
|
|
add = !re.test(el.className);
|
|
|
|
el.className = el.className.replace(re, ' ') + (add ? ' ' + cls : '');
|
|
}
|
|
|
|
|
|
function clgot(el, cls) {
|
|
if (el.classList)
|
|
return el.classList.contains(cls);
|
|
|
|
var lst = (el.getAttribute('class') + '').split(/ /g);
|
|
return has(lst, cls);
|
|
}
|
|
|
|
|
|
function sortTable(table, col, cb) {
|
|
var tb = table.tBodies[0],
|
|
th = table.tHead.rows[0].cells,
|
|
tr = Array.prototype.slice.call(tb.rows, 0),
|
|
i, reverse = th[col].className.indexOf('sort1') !== -1 ? -1 : 1;
|
|
for (var a = 0, thl = th.length; a < thl; a++)
|
|
th[a].className = th[a].className.replace(/ *sort-?1 */, " ");
|
|
th[col].className += ' sort' + reverse;
|
|
var stype = th[col].getAttribute('sort');
|
|
try {
|
|
var nrules = [], rules = jread("fsort", []);
|
|
rules.unshift([th[col].getAttribute('name'), reverse, stype || '']);
|
|
for (var a = 0; a < rules.length; a++) {
|
|
var add = true;
|
|
for (var b = 0; b < a; b++)
|
|
if (rules[a][0] == rules[b][0])
|
|
add = false;
|
|
|
|
if (add)
|
|
nrules.push(rules[a]);
|
|
|
|
if (nrules.length >= 10)
|
|
break;
|
|
}
|
|
jwrite("fsort", nrules);
|
|
}
|
|
catch (ex) {
|
|
console.log("failed to persist sort rules, resetting: " + ex);
|
|
jwrite("fsort", null);
|
|
}
|
|
var vl = [];
|
|
for (var a = 0; a < tr.length; a++) {
|
|
var cell = tr[a].cells[col];
|
|
if (!cell) {
|
|
vl.push([null, a]);
|
|
continue;
|
|
}
|
|
var v = cell.getAttribute('sortv') || cell.textContent.trim();
|
|
if (stype == 'int') {
|
|
v = parseInt(v.replace(/[, ]/g, '')) || 0;
|
|
}
|
|
vl.push([v, a]);
|
|
}
|
|
vl.sort(function (a, b) {
|
|
a = a[0];
|
|
b = b[0];
|
|
if (a === null)
|
|
return -1;
|
|
if (b === null)
|
|
return 1;
|
|
|
|
if (stype == 'int') {
|
|
return reverse * (a - b);
|
|
}
|
|
return reverse * (a.localeCompare(b));
|
|
});
|
|
for (i = 0; i < tr.length; ++i) tb.appendChild(tr[vl[i][1]]);
|
|
if (cb) cb();
|
|
}
|
|
function makeSortable(table, cb) {
|
|
var th = table.tHead, i;
|
|
th && (th = th.rows[0]) && (th = th.cells);
|
|
if (th) i = th.length;
|
|
else return; // if no `<thead>` then do nothing
|
|
while (--i >= 0) (function (i) {
|
|
th[i].onclick = function (e) {
|
|
ev(e);
|
|
sortTable(table, i, cb);
|
|
};
|
|
}(i));
|
|
}
|
|
|
|
|
|
function linksplit(rp) {
|
|
var ret = [];
|
|
var apath = '/';
|
|
if (rp && rp.charAt(0) == '/')
|
|
rp = rp.slice(1);
|
|
|
|
while (rp) {
|
|
var link = rp;
|
|
var ofs = rp.indexOf('/');
|
|
if (ofs === -1) {
|
|
rp = null;
|
|
}
|
|
else {
|
|
link = rp.slice(0, ofs + 1);
|
|
rp = rp.slice(ofs + 1);
|
|
}
|
|
var vlink = esc(link),
|
|
elink = uricom_enc(link);
|
|
|
|
if (link.indexOf('/') !== -1) {
|
|
vlink = vlink.slice(0, -1) + '<span>/</span>';
|
|
elink = elink.slice(0, -3) + '/';
|
|
}
|
|
|
|
ret.push('<a href="' + apath + elink + '">' + vlink + '</a>');
|
|
apath += elink;
|
|
}
|
|
return ret;
|
|
}
|
|
|
|
|
|
function vsplit(vp) {
|
|
if (vp.endsWith('/'))
|
|
vp = vp.slice(0, -1);
|
|
|
|
var ofs = vp.lastIndexOf('/') + 1,
|
|
base = vp.slice(0, ofs),
|
|
fn = vp.slice(ofs);
|
|
|
|
return [base, fn];
|
|
}
|
|
|
|
|
|
function uricom_enc(txt, do_fb_enc) {
|
|
try {
|
|
return encodeURIComponent(txt);
|
|
}
|
|
catch (ex) {
|
|
console.log("uce-err [" + txt + "]");
|
|
if (do_fb_enc)
|
|
return esc(txt);
|
|
|
|
return txt;
|
|
}
|
|
}
|
|
|
|
function url_enc(txt) {
|
|
var parts = txt.split('/'),
|
|
ret = [];
|
|
|
|
for (var a = 0; a < parts.length; a++)
|
|
ret.push(uricom_enc(parts[a]));
|
|
|
|
return ret.join('/');
|
|
}
|
|
|
|
|
|
function uricom_dec(txt) {
|
|
try {
|
|
return [decodeURIComponent(txt), true];
|
|
}
|
|
catch (ex) {
|
|
console.log("ucd-err [" + txt + "]");
|
|
return [txt, false];
|
|
}
|
|
}
|
|
|
|
|
|
function uricom_adec(arr) {
|
|
var ret = [];
|
|
for (var a = 0; a < arr.length; a++)
|
|
ret.push(uricom_dec(arr[a])[0]);
|
|
|
|
return ret;
|
|
}
|
|
|
|
|
|
function get_evpath() {
|
|
var ret = document.location.pathname;
|
|
|
|
if (ret.indexOf('/') !== 0)
|
|
ret = '/' + ret;
|
|
|
|
if (ret.lastIndexOf('/') !== ret.length - 1)
|
|
ret += '/';
|
|
|
|
return ret;
|
|
}
|
|
|
|
|
|
function get_vpath() {
|
|
return uricom_dec(get_evpath())[0];
|
|
}
|
|
|
|
|
|
function get_pwd() {
|
|
var pwd = ('; ' + document.cookie).split('; cppwd=');
|
|
if (pwd.length < 2)
|
|
return null;
|
|
|
|
return pwd[1].split(';')[0];
|
|
}
|
|
|
|
|
|
function unix2iso(ts) {
|
|
return new Date(ts * 1000).toISOString().replace("T", " ").slice(0, -5);
|
|
}
|
|
|
|
|
|
function s2ms(s) {
|
|
s = Math.floor(s);
|
|
var m = Math.floor(s / 60);
|
|
return m + ":" + ("0" + (s - m * 60)).slice(-2);
|
|
}
|
|
|
|
|
|
function has(haystack, needle) {
|
|
for (var a = 0; a < haystack.length; a++)
|
|
if (haystack[a] == needle)
|
|
return true;
|
|
|
|
return false;
|
|
}
|
|
|
|
|
|
function apop(arr, v) {
|
|
var ofs = arr.indexOf(v);
|
|
if (ofs !== -1)
|
|
arr.splice(ofs, 1);
|
|
}
|
|
|
|
|
|
function jcp(obj) {
|
|
return JSON.parse(JSON.stringify(obj));
|
|
}
|
|
|
|
|
|
function sread(key) {
|
|
return localStorage.getItem(key);
|
|
}
|
|
|
|
function swrite(key, val) {
|
|
if (val === undefined || val === null)
|
|
localStorage.removeItem(key);
|
|
else
|
|
localStorage.setItem(key, val);
|
|
}
|
|
|
|
function jread(key, fb) {
|
|
var str = sread(key);
|
|
if (!str)
|
|
return fb;
|
|
|
|
return JSON.parse(str);
|
|
}
|
|
|
|
function jwrite(key, val) {
|
|
if (!val)
|
|
swrite(key);
|
|
else
|
|
swrite(key, JSON.stringify(val));
|
|
}
|
|
|
|
function icfg_get(name, defval) {
|
|
return parseInt(fcfg_get(name, defval));
|
|
}
|
|
|
|
function fcfg_get(name, defval) {
|
|
var o = ebi(name);
|
|
|
|
var val = parseFloat(sread(name));
|
|
if (isNaN(val))
|
|
return parseFloat(o ? o.value : defval);
|
|
|
|
if (o)
|
|
o.value = val;
|
|
|
|
return val;
|
|
}
|
|
|
|
function bcfg_get(name, defval) {
|
|
var o = ebi(name);
|
|
if (!o)
|
|
return defval;
|
|
|
|
var val = sread(name);
|
|
if (val === null)
|
|
val = defval;
|
|
else
|
|
val = (val == '1');
|
|
|
|
bcfg_upd_ui(name, val);
|
|
return val;
|
|
}
|
|
|
|
function bcfg_set(name, val) {
|
|
swrite(name, val ? '1' : '0');
|
|
bcfg_upd_ui(name, val);
|
|
return val;
|
|
}
|
|
|
|
function bcfg_upd_ui(name, val) {
|
|
var o = ebi(name);
|
|
if (!o)
|
|
return;
|
|
|
|
if (o.getAttribute('type') == 'checkbox')
|
|
o.checked = val;
|
|
else if (o) {
|
|
clmod(o, 'on', val);
|
|
}
|
|
}
|
|
|
|
|
|
function hist_push(url) {
|
|
console.log("h-push " + url);
|
|
history.pushState(url, url, url);
|
|
}
|
|
|
|
function hist_replace(url) {
|
|
console.log("h-repl " + url);
|
|
history.replaceState(url, url, url);
|
|
}
|
|
|
|
|
|
var timer = (function () {
|
|
var r = {};
|
|
r.q = [];
|
|
r.last = 0;
|
|
|
|
r.add = function (fun, run) {
|
|
r.rm(fun);
|
|
r.q.push(fun);
|
|
|
|
if (run)
|
|
fun();
|
|
};
|
|
|
|
r.rm = function (fun) {
|
|
apop(r.q, fun);
|
|
};
|
|
|
|
function doevents() {
|
|
if (Date.now() - r.last < 69)
|
|
return;
|
|
|
|
var q = r.q.slice(0);
|
|
for (var a = 0; a < q.length; a++)
|
|
q[a]();
|
|
|
|
r.last = Date.now();
|
|
}
|
|
setInterval(doevents, 100);
|
|
|
|
return r;
|
|
})();
|
|
|
|
|
|
var tt = (function () {
|
|
var r = {
|
|
"tt": mknod("div"),
|
|
"en": true,
|
|
"el": null,
|
|
"skip": false
|
|
};
|
|
|
|
r.tt.setAttribute('id', 'tt');
|
|
document.body.appendChild(r.tt);
|
|
|
|
r.show = function () {
|
|
if (r.skip) {
|
|
r.skip = false;
|
|
return;
|
|
}
|
|
|
|
var cfg = sread('tooltips');
|
|
if (cfg !== null && cfg != '1')
|
|
return;
|
|
|
|
var msg = this.getAttribute('tt');
|
|
if (!msg)
|
|
return;
|
|
|
|
r.el = this;
|
|
var pos = this.getBoundingClientRect(),
|
|
dir = this.getAttribute('ttd') || '',
|
|
left = pos.left < window.innerWidth / 2,
|
|
top = pos.top < window.innerHeight / 2,
|
|
big = this.className.indexOf(' ttb') !== -1;
|
|
|
|
if (dir.indexOf('u') + 1) top = false;
|
|
if (dir.indexOf('d') + 1) top = true;
|
|
if (dir.indexOf('l') + 1) left = false;
|
|
if (dir.indexOf('r') + 1) left = true;
|
|
|
|
clmod(r.tt, 'b', big);
|
|
r.tt.style.top = top ? pos.bottom + 'px' : 'auto';
|
|
r.tt.style.bottom = top ? 'auto' : (window.innerHeight - pos.top) + 'px';
|
|
r.tt.style.left = left ? pos.left + 'px' : 'auto';
|
|
r.tt.style.right = left ? 'auto' : (window.innerWidth - pos.right) + 'px';
|
|
|
|
r.tt.innerHTML = msg.replace(/\$N/g, "<br />");
|
|
r.el.addEventListener('mouseleave', r.hide);
|
|
clmod(r.tt, 'show', 1);
|
|
};
|
|
|
|
r.hide = function (e) {
|
|
ev(e);
|
|
clmod(r.tt, 'show');
|
|
if (r.el)
|
|
r.el.removeEventListener('mouseleave', r.hide);
|
|
};
|
|
|
|
if (is_touch && IPHONE) {
|
|
var f1 = r.show,
|
|
f2 = r.hide;
|
|
|
|
r.show = function () {
|
|
setTimeout(f1.bind(this), 301);
|
|
};
|
|
r.hide = function () {
|
|
setTimeout(f2.bind(this), 301);
|
|
};
|
|
}
|
|
|
|
r.tt.onclick = r.hide;
|
|
|
|
r.att = function (ctr) {
|
|
var _show = r.en ? r.show : null,
|
|
_hide = r.en ? r.hide : null,
|
|
o = ctr.querySelectorAll('*[tt]');
|
|
|
|
for (var a = o.length - 1; a >= 0; a--) {
|
|
o[a].onfocus = _show;
|
|
o[a].onblur = _hide;
|
|
o[a].onmouseenter = _show;
|
|
o[a].onmouseleave = _hide;
|
|
}
|
|
r.hide();
|
|
}
|
|
|
|
r.init = function () {
|
|
var ttb = ebi('tooltips');
|
|
if (ttb) {
|
|
ttb.onclick = function (e) {
|
|
ev(e);
|
|
r.en = !r.en;
|
|
bcfg_set('tooltips', r.en);
|
|
r.init();
|
|
};
|
|
r.en = bcfg_get('tooltips', true)
|
|
}
|
|
r.att(document);
|
|
};
|
|
|
|
return r;
|
|
})();
|
|
|
|
|
|
function lf2br(txt) {
|
|
var html = '', hp = txt.split(/(?=<.?pre>)/i);
|
|
for (var a = 0; a < hp.length; a++)
|
|
html += hp[a].startsWith('<pre>') ? hp[a] :
|
|
hp[a].replace(/<br ?.?>\n/g, '\n').replace(/\n<br ?.?>/g, '\n').replace(/\n/g, '<br />\n');
|
|
|
|
return html;
|
|
}
|
|
|
|
|
|
var toast = (function () {
|
|
var r = {},
|
|
te = null,
|
|
obj = mknod('div');
|
|
|
|
obj.setAttribute('id', 'toast');
|
|
document.body.appendChild(obj);
|
|
r.visible = false;
|
|
|
|
r.hide = function (e) {
|
|
ev(e);
|
|
clearTimeout(te);
|
|
clmod(obj, 'vis');
|
|
r.visible = false;
|
|
};
|
|
|
|
r.show = function (cl, ms, txt) {
|
|
clearTimeout(te);
|
|
if (ms)
|
|
te = setTimeout(r.hide, ms * 1000);
|
|
|
|
obj.innerHTML = '<a href="#" id="toastc">x</a>' + lf2br(txt);
|
|
obj.className = cl;
|
|
ms += obj.offsetWidth;
|
|
obj.className += ' vis';
|
|
ebi('toastc').onclick = r.hide;
|
|
r.visible = true;
|
|
};
|
|
|
|
r.ok = function (ms, txt) {
|
|
r.show('ok', ms, txt);
|
|
};
|
|
r.inf = function (ms, txt) {
|
|
r.show('inf', ms, txt);
|
|
};
|
|
r.warn = function (ms, txt) {
|
|
r.show('warn', ms, txt);
|
|
};
|
|
r.err = function (ms, txt) {
|
|
r.show('err', ms, txt);
|
|
};
|
|
|
|
return r;
|
|
})();
|
|
|
|
|
|
var modal = (function () {
|
|
var r = {},
|
|
q = [],
|
|
o = null,
|
|
cb_ok = null,
|
|
cb_ng = null;
|
|
|
|
r.busy = false;
|
|
|
|
r.show = function (html) {
|
|
o = mknod('div');
|
|
o.setAttribute('id', 'modal');
|
|
o.innerHTML = '<table><tr><td><div id="modalc">' + html + '</div></td></tr></table>';
|
|
document.body.appendChild(o);
|
|
document.addEventListener('keydown', onkey);
|
|
r.busy = true;
|
|
|
|
var a = ebi('modal-ng');
|
|
if (a)
|
|
a.onclick = ng;
|
|
|
|
a = ebi('modal-ok');
|
|
a.onclick = ok;
|
|
|
|
(ebi('modali') || a).focus();
|
|
};
|
|
|
|
r.hide = function () {
|
|
o.parentNode.removeChild(o);
|
|
document.removeEventListener('keydown', onkey);
|
|
r.busy = false;
|
|
setTimeout(next, 50);
|
|
};
|
|
function ok(e) {
|
|
ev(e);
|
|
var v = ebi('modali');
|
|
v = v ? v.value : true;
|
|
r.hide();
|
|
if (cb_ok)
|
|
cb_ok(v);
|
|
}
|
|
function ng(e) {
|
|
ev(e);
|
|
r.hide();
|
|
if (cb_ng)
|
|
cb_ng(null);
|
|
}
|
|
|
|
function onkey(e) {
|
|
if (e.code == 'Enter') {
|
|
var a = ebi('modal-ng');
|
|
if (a && document.activeElement == a)
|
|
return ng();
|
|
|
|
return ok();
|
|
}
|
|
|
|
if (e.code == 'Escape')
|
|
return ng();
|
|
}
|
|
|
|
function next() {
|
|
if (!r.busy && q.length)
|
|
q.shift()();
|
|
}
|
|
|
|
r.alert = function (html, cb) {
|
|
q.push(function () {
|
|
_alert(lf2br(html), cb);
|
|
});
|
|
next();
|
|
};
|
|
function _alert(html, cb) {
|
|
cb_ok = cb_ng = cb;
|
|
html += '<div id="modalb"><a href="#" id="modal-ok">OK</a></div>';
|
|
r.show(html);
|
|
}
|
|
|
|
r.confirm = function (html, cok, cng) {
|
|
q.push(function () {
|
|
_confirm(lf2br(html), cok, cng);
|
|
});
|
|
next();
|
|
}
|
|
function _confirm(html, cok, cng) {
|
|
cb_ok = cok;
|
|
cb_ng = cng === undefined ? cok : null;
|
|
html += '<div id="modalb"><a href="#" id="modal-ok">OK</a><a href="#" id="modal-ng">Cancel</a></div>';
|
|
r.show(html);
|
|
}
|
|
|
|
r.prompt = function (html, v, cok, cng) {
|
|
q.push(function () {
|
|
_prompt(lf2br(html), v, cok, cng);
|
|
});
|
|
next();
|
|
}
|
|
function _prompt(html, v, cok, cng) {
|
|
cb_ok = cok;
|
|
cb_ng = cng === undefined ? cok : null;
|
|
html += '<input id="modali" type="text" /><div id="modalb"><a href="#" id="modal-ok">OK</a><a href="#" id="modal-ng">Cancel</a></div>';
|
|
r.show(html);
|
|
|
|
ebi('modali').value = v || '';
|
|
}
|
|
|
|
return r;
|
|
})();
|
|
|
|
|
|
function winpopup(txt) {
|
|
fetch(get_evpath(), {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
|
|
},
|
|
body: 'msg=' + uricom_enc(Date.now() + ', ' + txt)
|
|
});
|
|
}
|