mirror of
https://github.com/9001/copyparty.git
synced 2025-08-17 09:02:15 -06:00
2198 lines
47 KiB
JavaScript
2198 lines
47 KiB
JavaScript
"use strict";
|
||
|
||
window.onerror = vis_exh;
|
||
|
||
function dbg(msg) {
|
||
ebi('path').innerHTML = msg;
|
||
}
|
||
|
||
|
||
// add widget buttons
|
||
ebi('widget').innerHTML = (
|
||
'<div id="wtoggle">' +
|
||
'<span id="wzip"><a' +
|
||
' href="#" id="selall">sel.<br />all</a><a' +
|
||
' href="#" id="selinv">sel.<br />inv.</a><a' +
|
||
' href="#" id="selzip">zip</a>' +
|
||
'</span><span id="wnp"><a' +
|
||
' href="#" id="npirc">📋irc</a><a' +
|
||
' href="#" id="nptxt">📋txt</a>' +
|
||
'</span><a' +
|
||
' href="#" id="wtico">♫</a>' +
|
||
'</div>' +
|
||
'<div id="widgeti">' +
|
||
' <div id="pctl"><a href="#" id="bprev">⏮</a><a href="#" id="bplay">▶</a><a href="#" id="bnext">⏭</a></div>' +
|
||
' <canvas id="pvol" width="288" height="38"></canvas>' +
|
||
' <canvas id="barpos"></canvas>' +
|
||
' <canvas id="barbuf"></canvas>' +
|
||
'</div>'
|
||
);
|
||
|
||
|
||
var have_webp = null;
|
||
(function () {
|
||
var img = new Image();
|
||
img.onload = function () {
|
||
have_webp = img.width > 0 && img.height > 0;
|
||
};
|
||
img.onerror = function () {
|
||
have_webp = false;
|
||
};
|
||
img.src = "data:image/webp;base64,UklGRhoAAABXRUJQVlA4TA0AAAAvAAAAEAcQERGIiP4HAA==";
|
||
})();
|
||
|
||
|
||
// extract songs + add play column
|
||
function MPlayer() {
|
||
this.id = Date.now();
|
||
this.au = null;
|
||
this.au_native = null;
|
||
this.au_ogvjs = null;
|
||
this.tracks = {};
|
||
this.order = [];
|
||
|
||
var re_audio = /\.(opus|ogg|m4a|aac|mp3|wav|flac)$/i,
|
||
trs = QSA('#files tbody tr');
|
||
|
||
for (var a = 0, aa = trs.length; a < aa; a++) {
|
||
var tds = trs[a].getElementsByTagName('td'),
|
||
link = tds[1].getElementsByTagName('a');
|
||
|
||
link = link[link.length - 1];
|
||
var url = link.getAttribute('href'),
|
||
m = re_audio.exec(url);
|
||
|
||
if (m) {
|
||
var tid = link.getAttribute('id');
|
||
this.order.push(tid);
|
||
this.tracks[tid] = url;
|
||
tds[0].innerHTML = '<a id="a' + tid + '" href="#a' + tid + '" class="play">play</a></td>';
|
||
ebi('a' + tid).onclick = ev_play;
|
||
}
|
||
}
|
||
|
||
this.vol = sread('vol');
|
||
if (this.vol !== null)
|
||
this.vol = parseFloat(this.vol);
|
||
else
|
||
this.vol = 0.5;
|
||
|
||
this.expvol = function () {
|
||
return 0.5 * this.vol + 0.5 * this.vol * this.vol;
|
||
};
|
||
|
||
this.setvol = function (vol) {
|
||
this.vol = Math.max(Math.min(vol, 1), 0);
|
||
swrite('vol', vol);
|
||
|
||
if (this.au)
|
||
this.au.volume = this.expvol();
|
||
};
|
||
|
||
this.read_order = function () {
|
||
var order = [],
|
||
links = QSA('#files>tbody>tr>td:nth-child(1)>a');
|
||
|
||
for (var a = 0, aa = links.length; a < aa; a++) {
|
||
var tid = links[a].getAttribute('id');
|
||
if (!tid || tid.indexOf('af-') !== 0)
|
||
continue;
|
||
|
||
order.push(tid.slice(1));
|
||
}
|
||
this.order = order;
|
||
};
|
||
}
|
||
addcrc();
|
||
var mp = new MPlayer();
|
||
makeSortable(ebi('files'), mp.read_order.bind(mp));
|
||
|
||
|
||
// toggle player widget
|
||
var widget = (function () {
|
||
var ret = {},
|
||
widget = ebi('widget'),
|
||
wtico = ebi('wtico'),
|
||
nptxt = ebi('nptxt'),
|
||
npirc = ebi('npirc'),
|
||
touchmode = false,
|
||
side_open = false,
|
||
was_paused = true;
|
||
|
||
ret.open = function () {
|
||
if (side_open)
|
||
return false;
|
||
|
||
widget.className = 'open';
|
||
side_open = true;
|
||
return true;
|
||
};
|
||
ret.close = function () {
|
||
if (!side_open)
|
||
return false;
|
||
|
||
widget.className = '';
|
||
side_open = false;
|
||
return true;
|
||
};
|
||
ret.toggle = function (e) {
|
||
ret.open() || ret.close();
|
||
ev(e);
|
||
return false;
|
||
};
|
||
ret.paused = function (paused) {
|
||
if (was_paused != paused) {
|
||
was_paused = paused;
|
||
ebi('bplay').innerHTML = paused ? '▶' : '⏸';
|
||
}
|
||
};
|
||
wtico.onclick = function (e) {
|
||
if (!touchmode)
|
||
ret.toggle(e);
|
||
|
||
return false;
|
||
};
|
||
npirc.onclick = nptxt.onclick = function (e) {
|
||
ev(e);
|
||
var th = ebi('files').tHead.rows[0].cells,
|
||
tr = QS('#files tr.play').cells,
|
||
irc = this.getAttribute('id') == 'npirc',
|
||
ck = irc ? '06' : '',
|
||
cv = irc ? '07' : '',
|
||
m = ck + 'np: ';
|
||
|
||
for (var a = 1, aa = th.length; a < aa; a++) {
|
||
var tk = a == 1 ? '' : th[a].getAttribute('name').split('/').slice(-1)[0];
|
||
var tv = tr[a].getAttribute('html') || tr[a].textContent;
|
||
m += tk + '(' + cv + tv + ck + ') // ';
|
||
}
|
||
|
||
m += '[' + cv + s2ms(mp.au.currentTime) + ck + '/' + cv + s2ms(mp.au.duration) + ck + ']';
|
||
|
||
var o = document.createElement('input');
|
||
o.style.cssText = 'position:fixed;top:45%;left:48%;padding:1em;z-index:9';
|
||
o.value = m;
|
||
document.body.appendChild(o);
|
||
o.focus();
|
||
o.select();
|
||
document.execCommand("copy");
|
||
o.value = 'copied to clipboard ';
|
||
setTimeout(function () {
|
||
document.body.removeChild(o);
|
||
}, 500);
|
||
};
|
||
return ret;
|
||
})();
|
||
|
||
|
||
function canvas_cfg(can) {
|
||
var r = {},
|
||
b = can.getBoundingClientRect(),
|
||
mul = window.devicePixelRatio || 1;
|
||
|
||
r.w = b.width;
|
||
r.h = b.height;
|
||
can.width = r.w * mul;
|
||
can.height = r.h * mul;
|
||
|
||
r.can = can;
|
||
r.ctx = can.getContext('2d');
|
||
r.ctx.scale(mul, mul);
|
||
return r;
|
||
}
|
||
|
||
|
||
function glossy_grad(can, hsl) {
|
||
var g = can.ctx.createLinearGradient(0, 0, 0, can.h),
|
||
s = [0, 0.49, 0.50, 1];
|
||
|
||
for (var a = 0; a < hsl.length; a++)
|
||
g.addColorStop(s[a], 'hsl(' + hsl[a] + ')');
|
||
|
||
return g;
|
||
}
|
||
|
||
|
||
// buffer/position bar
|
||
var pbar = (function () {
|
||
var r = {},
|
||
gradh = -1,
|
||
grad;
|
||
|
||
function onresize() {
|
||
r.buf = canvas_cfg(ebi('barbuf'));
|
||
r.pos = canvas_cfg(ebi('barpos'));
|
||
r.drawbuf();
|
||
r.drawpos();
|
||
}
|
||
|
||
r.drawbuf = function () {
|
||
if (!mp.au)
|
||
return;
|
||
|
||
var bc = r.buf,
|
||
bctx = bc.ctx,
|
||
sm = bc.w * 1.0 / mp.au.duration;
|
||
|
||
if (gradh != bc.h) {
|
||
gradh = bc.h;
|
||
grad = glossy_grad(bc, [
|
||
'85,35%,42%',
|
||
'85,40%,49%',
|
||
'85,37%,47%',
|
||
'85,35%,42%'
|
||
]);
|
||
}
|
||
bctx.fillStyle = grad;
|
||
bctx.clearRect(0, 0, bc.w, bc.h);
|
||
for (var a = 0; a < mp.au.buffered.length; a++) {
|
||
var x1 = sm * mp.au.buffered.start(a),
|
||
x2 = sm * mp.au.buffered.end(a);
|
||
|
||
bctx.fillRect(x1, 0, x2 - x1, bc.h);
|
||
}
|
||
};
|
||
|
||
r.drawpos = function () {
|
||
if (!mp.au || isNaN(mp.au.duration) || isNaN(mp.au.currentTime))
|
||
return; // not-init || unsupp-codec
|
||
|
||
var bc = r.buf,
|
||
pc = r.pos,
|
||
pctx = pc.ctx,
|
||
sm = bc.w * 1.0 / mp.au.duration;
|
||
|
||
pctx.clearRect(0, 0, pc.w, pc.h);
|
||
pctx.fillStyle = 'rgba(204,255,128,0.15)';
|
||
for (var p = 1, mins = mp.au.duration / 10; p <= mins; p++)
|
||
pctx.fillRect(Math.floor(sm * p * 10), 0, 2, pc.h);
|
||
|
||
pctx.fillStyle = '#9b7';
|
||
pctx.fillStyle = 'rgba(192,255,96,0.5)';
|
||
for (var p = 1, mins = mp.au.duration / 60; p <= mins; p++)
|
||
pctx.fillRect(Math.floor(sm * p * 60), 0, 2, pc.h);
|
||
|
||
var w = 8,
|
||
x = sm * mp.au.currentTime;
|
||
|
||
pctx.fillStyle = '#573'; pctx.fillRect((x - w / 2) - 1, 0, w + 2, pc.h);
|
||
pctx.fillStyle = '#dfc'; pctx.fillRect((x - w / 2), 0, 8, pc.h);
|
||
|
||
pctx.fillStyle = '#fff';
|
||
pctx.font = '1em sans-serif';
|
||
var txt = s2ms(mp.au.duration),
|
||
tw = pctx.measureText(txt).width;
|
||
|
||
pctx.fillText(txt, pc.w - (tw + 8), pc.h / 3 * 2);
|
||
|
||
txt = s2ms(mp.au.currentTime);
|
||
tw = pctx.measureText(txt).width;
|
||
var gw = pctx.measureText("88:88::").width,
|
||
xt = x < pc.w / 2 ? (x + 8) : (Math.min(pc.w - gw, x - 8) - tw);
|
||
|
||
pctx.fillText(txt, xt, pc.h / 3 * 2);
|
||
};
|
||
|
||
window.addEventListener('resize', onresize);
|
||
onresize();
|
||
return r;
|
||
})();
|
||
|
||
|
||
// volume bar
|
||
var vbar = (function () {
|
||
var r = {},
|
||
gradh = -1,
|
||
can, ctx, w, h, grad1, grad2;
|
||
|
||
function onresize() {
|
||
r.can = canvas_cfg(ebi('pvol'));
|
||
can = r.can.can;
|
||
ctx = r.can.ctx;
|
||
w = r.can.w;
|
||
h = r.can.h;
|
||
r.draw();
|
||
}
|
||
|
||
r.draw = function () {
|
||
if (gradh != h) {
|
||
gradh = h;
|
||
grad1 = glossy_grad(r.can, [
|
||
'50,45%,42%',
|
||
'50,50%,49%',
|
||
'50,47%,47%',
|
||
'50,45%,42%'
|
||
]);
|
||
grad2 = glossy_grad(r.can, [
|
||
'205,10%,16%',
|
||
'205,15%,20%',
|
||
'205,13%,18%',
|
||
'205,10%,16%'
|
||
]);
|
||
}
|
||
ctx.fillStyle = grad2; ctx.fillRect(0, 0, w, h);
|
||
ctx.fillStyle = grad1; ctx.fillRect(0, 0, w * mp.vol, h);
|
||
};
|
||
window.addEventListener('resize', onresize);
|
||
onresize();
|
||
|
||
var rect;
|
||
function mousedown(e) {
|
||
rect = can.getBoundingClientRect();
|
||
mousemove(e);
|
||
}
|
||
function mousemove(e) {
|
||
if (e.changedTouches && e.changedTouches.length > 0) {
|
||
e = e.changedTouches[0];
|
||
}
|
||
else if (e.buttons === 0) {
|
||
can.onmousemove = null;
|
||
return;
|
||
}
|
||
|
||
var x = e.clientX - rect.left,
|
||
mul = x * 1.0 / rect.width;
|
||
|
||
if (mul > 0.98)
|
||
mul = 1;
|
||
|
||
mp.setvol(mul);
|
||
r.draw();
|
||
}
|
||
can.onmousedown = function (e) {
|
||
if (e.button !== 0)
|
||
return;
|
||
|
||
can.onmousemove = mousemove;
|
||
mousedown(e);
|
||
};
|
||
can.onmouseup = function (e) {
|
||
if (e.button === 0)
|
||
can.onmousemove = null;
|
||
};
|
||
if (window.Touch) {
|
||
can.ontouchstart = mousedown;
|
||
can.ontouchmove = mousemove;
|
||
}
|
||
return r;
|
||
})();
|
||
|
||
|
||
function seek_au_mul(mul) {
|
||
if (mp.au)
|
||
seek_au_sec(mp.au.duration * mul);
|
||
}
|
||
|
||
function seek_au_sec(seek) {
|
||
if (!mp.au)
|
||
return;
|
||
|
||
console.log('seek: ' + seek);
|
||
if (!isFinite(seek))
|
||
return;
|
||
|
||
mp.au.currentTime = seek;
|
||
|
||
// ogv.js breaks on .play() during playback
|
||
if (mp.au === mp.au_native)
|
||
mp.au.play();
|
||
}
|
||
|
||
|
||
function song_skip(n) {
|
||
var tid = null;
|
||
if (mp.au)
|
||
tid = mp.au.tid;
|
||
|
||
if (tid !== null)
|
||
play(mp.order.indexOf(tid) + n);
|
||
else
|
||
play(mp.order[0]);
|
||
}
|
||
|
||
|
||
// hook up the widget buttons
|
||
(function () {
|
||
ebi('bplay').onclick = function (e) {
|
||
ev(e);
|
||
if (mp.au) {
|
||
if (mp.au.paused)
|
||
mp.au.play();
|
||
else
|
||
mp.au.pause();
|
||
}
|
||
else
|
||
play(0);
|
||
};
|
||
ebi('bprev').onclick = function (e) {
|
||
ev(e);
|
||
song_skip(-1);
|
||
};
|
||
ebi('bnext').onclick = function (e) {
|
||
ev(e);
|
||
song_skip(1);
|
||
};
|
||
ebi('barpos').onclick = function (e) {
|
||
if (!mp.au) {
|
||
return play(0);
|
||
}
|
||
|
||
var rect = pbar.buf.can.getBoundingClientRect(),
|
||
x = e.clientX - rect.left;
|
||
|
||
seek_au_mul(x * 1.0 / rect.width);
|
||
};
|
||
})();
|
||
|
||
|
||
// periodic tasks
|
||
(function () {
|
||
var nth = 0,
|
||
last_skip_url = '';
|
||
|
||
var progress_updater = function () {
|
||
if (!mp.au) {
|
||
widget.paused(true);
|
||
}
|
||
else {
|
||
// indicate playback state in ui
|
||
widget.paused(mp.au.paused);
|
||
|
||
// draw current position in song
|
||
if (!mp.au.paused)
|
||
pbar.drawpos();
|
||
|
||
// occasionally draw buffered regions
|
||
if (++nth == 10) {
|
||
pbar.drawbuf();
|
||
nth = 0;
|
||
}
|
||
|
||
// switch to next track if approaching the end
|
||
if (last_skip_url != mp.au.src) {
|
||
var pos = mp.au.currentTime,
|
||
len = mp.au.duration;
|
||
|
||
if (pos > 0 && pos > len - 0.1) {
|
||
last_skip_url = mp.au.src;
|
||
song_skip(1);
|
||
}
|
||
}
|
||
}
|
||
setTimeout(progress_updater, 100);
|
||
};
|
||
progress_updater();
|
||
})();
|
||
|
||
|
||
// event from play button next to a file in the list
|
||
function ev_play(e) {
|
||
ev(e);
|
||
play(this.getAttribute('id').slice(1));
|
||
return false;
|
||
}
|
||
|
||
|
||
function setclass(id, clas) {
|
||
ebi(id).setAttribute('class', clas);
|
||
}
|
||
|
||
|
||
var need_ogv = true;
|
||
try {
|
||
need_ogv = new Audio().canPlayType('audio/ogg; codecs=opus') !== 'probably';
|
||
|
||
if (/ Edge\//.exec(navigator.userAgent + ''))
|
||
need_ogv = true;
|
||
}
|
||
catch (ex) { }
|
||
|
||
|
||
// plays the tid'th audio file on the page
|
||
function play(tid, seek, call_depth) {
|
||
if (mp.order.length == 0)
|
||
return alert('no audio found wait what');
|
||
|
||
var tn = tid;
|
||
if ((tn + '').indexOf('f-') === 0)
|
||
tn = mp.order.indexOf(tn);
|
||
|
||
while (tn >= mp.order.length)
|
||
tn -= mp.order.length;
|
||
|
||
while (tn < 0)
|
||
tn += mp.order.length;
|
||
|
||
tid = mp.order[tn];
|
||
|
||
if (mp.au) {
|
||
mp.au.pause();
|
||
setclass('a' + mp.au.tid, 'play');
|
||
}
|
||
|
||
// ogv.js breaks on .play() unless directly user-triggered
|
||
var attempt_play = true;
|
||
|
||
var url = mp.tracks[tid];
|
||
if (need_ogv && /\.(ogg|opus)$/i.test(url)) {
|
||
if (mp.au_ogvjs) {
|
||
mp.au = mp.au_ogvjs;
|
||
}
|
||
else if (window['OGVPlayer']) {
|
||
mp.au = mp.au_ogvjs = new OGVPlayer();
|
||
attempt_play = false;
|
||
mp.au.addEventListener('error', evau_error, true);
|
||
mp.au.addEventListener('progress', pbar.drawpos, false);
|
||
widget.open();
|
||
}
|
||
else {
|
||
if (call_depth !== undefined)
|
||
return alert('failed to load ogv.js');
|
||
|
||
show_modal('<h1>loading ogv.js</h1><h2>thanks apple</h2>');
|
||
|
||
import_js('/.cpr/deps/ogv.js', function () {
|
||
play(tid, seek, 1);
|
||
});
|
||
|
||
return;
|
||
}
|
||
}
|
||
else {
|
||
if (!mp.au_native) {
|
||
mp.au = mp.au_native = new Audio();
|
||
mp.au.addEventListener('error', evau_error, true);
|
||
mp.au.addEventListener('progress', pbar.drawpos, false);
|
||
widget.open();
|
||
}
|
||
mp.au = mp.au_native;
|
||
}
|
||
|
||
mp.au.tid = tid;
|
||
mp.au.src = url;
|
||
mp.au.volume = mp.expvol();
|
||
var oid = 'a' + tid;
|
||
setclass(oid, 'play act');
|
||
var trs = ebi('files').getElementsByTagName('tbody')[0].getElementsByTagName('tr');
|
||
for (var a = 0, aa = trs.length; a < aa; a++) {
|
||
clmod(trs[a], 'play');
|
||
}
|
||
ebi(oid).parentElement.parentElement.className += ' play';
|
||
clmod(ebi('wtoggle'), 'np', 1);
|
||
|
||
try {
|
||
if (attempt_play)
|
||
mp.au.play();
|
||
|
||
if (mp.au.paused)
|
||
autoplay_blocked(seek);
|
||
else if (seek) {
|
||
seek_au_sec(seek);
|
||
}
|
||
|
||
if (!seek) {
|
||
var o = ebi(oid);
|
||
o.setAttribute('id', 'thx_js');
|
||
if (window.history && history.replaceState) {
|
||
hist_replace(document.location.pathname + '#' + oid);
|
||
}
|
||
else {
|
||
document.location.hash = oid;
|
||
}
|
||
o.setAttribute('id', oid);
|
||
}
|
||
|
||
pbar.drawbuf();
|
||
return true;
|
||
}
|
||
catch (ex) {
|
||
alert('playback failed: ' + ex);
|
||
}
|
||
setclass(oid, 'play');
|
||
setTimeout('song_skip(1));', 500);
|
||
}
|
||
|
||
|
||
// event from the audio object if something breaks
|
||
function evau_error(e) {
|
||
var err = '',
|
||
eplaya = (e && e.target) || (window.event && window.event.srcElement);
|
||
|
||
switch (eplaya.error.code) {
|
||
case eplaya.error.MEDIA_ERR_ABORTED:
|
||
err = "You aborted the playback attempt (how tho)";
|
||
break;
|
||
case eplaya.error.MEDIA_ERR_NETWORK:
|
||
err = "Your internet connection is wonky";
|
||
break;
|
||
case eplaya.error.MEDIA_ERR_DECODE:
|
||
err = "This file is supposedly corrupted??";
|
||
break;
|
||
case eplaya.error.MEDIA_ERR_SRC_NOT_SUPPORTED:
|
||
err = "Your browser does not understand this audio format";
|
||
break;
|
||
default:
|
||
err = 'Unknown Errol';
|
||
break;
|
||
}
|
||
if (eplaya.error.message)
|
||
err += '\n\n' + eplaya.error.message;
|
||
|
||
err += '\n\nFile: «' + uricom_dec(eplaya.src.split('/').slice(-1)[0])[0] + '»';
|
||
|
||
alert(err);
|
||
}
|
||
|
||
|
||
// show a fullscreen message
|
||
function show_modal(html) {
|
||
var body = document.body || document.getElementsByTagName('body')[0],
|
||
div = mknod('div');
|
||
|
||
div.setAttribute('id', 'blocked');
|
||
div.innerHTML = html;
|
||
unblocked();
|
||
body.appendChild(div);
|
||
}
|
||
|
||
|
||
// hide fullscreen message
|
||
function unblocked() {
|
||
var dom = ebi('blocked');
|
||
if (dom)
|
||
dom.parentNode.removeChild(dom);
|
||
}
|
||
|
||
|
||
// show ui to manually start playback of a linked song
|
||
function autoplay_blocked(seek) {
|
||
show_modal(
|
||
'<div id="blk_play"><a href="#" id="blk_go"></a></div>' +
|
||
'<div id="blk_abrt"><a href="#" id="blk_na">Cancel<br />(show file list)</a></div>');
|
||
|
||
var go = ebi('blk_go'),
|
||
na = ebi('blk_na'),
|
||
fn = mp.tracks[mp.au.tid].split(/\//).pop();
|
||
|
||
fn = uricom_dec(fn.replace(/\+/g, ' '))[0];
|
||
|
||
go.textContent = 'Play "' + fn + '"';
|
||
go.onclick = function (e) {
|
||
if (e) e.preventDefault();
|
||
unblocked();
|
||
mp.au.play();
|
||
if (seek)
|
||
seek_au_sec(seek);
|
||
};
|
||
na.onclick = unblocked;
|
||
}
|
||
|
||
|
||
// autoplay linked track
|
||
(function () {
|
||
var v = location.hash;
|
||
if (v && v.indexOf('#af-') === 0) {
|
||
var id = v.slice(2).split('&');
|
||
if (id[0].length != 10)
|
||
return;
|
||
|
||
if (id.length == 1)
|
||
return play(id[0]);
|
||
|
||
var m = /^[Tt=0]*([0-9]+[Mm:])?0*([0-9]+)[Ss]?$/.exec(id[1]);
|
||
if (!m)
|
||
return play(id[0]);
|
||
|
||
return play(id[0], parseInt(m[1] || 0) * 60 + parseInt(m[2] || 0));
|
||
}
|
||
})();
|
||
|
||
|
||
var thegrid = (function () {
|
||
var lfiles = ebi('files');
|
||
var gfiles = document.createElement('div');
|
||
gfiles.setAttribute('id', 'gfiles');
|
||
gfiles.style.display = 'none';
|
||
gfiles.innerHTML = (
|
||
'<div id="ghead">' +
|
||
'<a href="#" class="tgl btn" id="gridsel">multiselect</a> zoom ' +
|
||
'<a href="#" class="btn" z="-1.2">–</a> ' +
|
||
'<a href="#" class="btn" z="1.2">+</a> sort by: ' +
|
||
'<a href="#" s="href">name</a>, ' +
|
||
'<a href="#" s="sz">size</a>, ' +
|
||
'<a href="#" s="ts">date</a>, ' +
|
||
'<a href="#" s="ext">type</a>' +
|
||
'</div>' +
|
||
'<div id="ggrid"></div>'
|
||
);
|
||
lfiles.parentNode.insertBefore(gfiles, lfiles);
|
||
|
||
var r = {
|
||
'thumbs': bcfg_get('thumbs', true),
|
||
'en': bcfg_get('griden', false),
|
||
'sel': bcfg_get('gridsel', false),
|
||
'sz': fcfg_get('gridsz', 10),
|
||
'isdirty': true
|
||
};
|
||
|
||
ebi('thumbs').onclick = function (e) {
|
||
ev(e);
|
||
r.thumbs = !r.thumbs;
|
||
bcfg_set('thumbs', r.thumbs);
|
||
if (r.en) {
|
||
loadgrid();
|
||
}
|
||
};
|
||
|
||
ebi('griden').onclick = function (e) {
|
||
ev(e);
|
||
r.en = !r.en;
|
||
bcfg_set('griden', r.en);
|
||
if (r.en) {
|
||
loadgrid();
|
||
}
|
||
else {
|
||
lfiles.style.display = '';
|
||
gfiles.style.display = 'none';
|
||
}
|
||
};
|
||
|
||
var btnclick = function (e) {
|
||
ev(e);
|
||
var s = this.getAttribute('s'),
|
||
z = this.getAttribute('z');
|
||
|
||
if (z)
|
||
return setsz(z > 0 ? r.sz * z : r.sz / (-z));
|
||
|
||
var t = lfiles.tHead.rows[0].cells;
|
||
for (var a = 0; a < t.length; a++)
|
||
if (t[a].getAttribute('name') == s) {
|
||
t[a].click();
|
||
break;
|
||
}
|
||
|
||
r.setdirty();
|
||
};
|
||
|
||
var links = QSA('#ghead>a');
|
||
for (var a = 0; a < links.length; a++)
|
||
links[a].onclick = btnclick;
|
||
|
||
ebi('gridsel').onclick = function (e) {
|
||
ev(e);
|
||
r.sel = !r.sel;
|
||
bcfg_set('gridsel', r.sel);
|
||
r.loadsel();
|
||
};
|
||
|
||
r.setvis = function (vis) {
|
||
(r.en ? gfiles : lfiles).style.display = vis ? '' : 'none';
|
||
}
|
||
|
||
r.setdirty = function () {
|
||
r.dirty = true;
|
||
if (r.en) {
|
||
loadgrid();
|
||
}
|
||
}
|
||
|
||
function setsz(v) {
|
||
if (v !== undefined) {
|
||
r.sz = v;
|
||
swrite('gridsz', r.sz);
|
||
}
|
||
try {
|
||
document.documentElement.style.setProperty('--grid-sz', r.sz + 'em');
|
||
}
|
||
catch (ex) { }
|
||
}
|
||
setsz();
|
||
|
||
function seltgl(e) {
|
||
if (e && e.ctrlKey)
|
||
return true;
|
||
|
||
ev(e);
|
||
var oth = ebi(this.getAttribute('ref')),
|
||
td = oth.parentNode.nextSibling,
|
||
tr = td.parentNode;
|
||
|
||
td.click();
|
||
this.setAttribute('class', tr.getAttribute('class'));
|
||
}
|
||
|
||
function bgopen(e) {
|
||
ev(e);
|
||
var url = this.getAttribute('href');
|
||
window.open(url, '_blank');
|
||
}
|
||
|
||
r.loadsel = function () {
|
||
var ths = QSA('#ggrid>a'),
|
||
have_sel = !!QS('#files tr.sel');
|
||
|
||
for (var a = 0, aa = ths.length; a < aa; a++) {
|
||
ths[a].onclick = r.sel ? seltgl : have_sel ? bgopen : null;
|
||
ths[a].setAttribute('class', ebi(ths[a].getAttribute('ref')).parentNode.parentNode.getAttribute('class'));
|
||
}
|
||
var uns = QS('#ggrid a[ref="unsearch"]');
|
||
if (uns)
|
||
uns.onclick = function () {
|
||
ebi('unsearch').click();
|
||
};
|
||
}
|
||
|
||
function loadgrid() {
|
||
if (have_webp === null)
|
||
return setTimeout(loadgrid, 50);
|
||
|
||
if (!r.dirty)
|
||
return r.loadsel();
|
||
|
||
var html = [];
|
||
var files = QSA('#files>tbody>tr>td:nth-child(2) a[id]');
|
||
for (var a = 0, aa = files.length; a < aa; a++) {
|
||
var ao = files[a],
|
||
href = esc(ao.getAttribute('href')),
|
||
ref = ao.getAttribute('id'),
|
||
isdir = href.split('?')[0].slice(-1)[0] == '/',
|
||
ac = isdir ? ' class="dir"' : '',
|
||
ihref = href;
|
||
|
||
if (r.thumbs) {
|
||
ihref += (ihref.indexOf('?') === -1 ? '?' : '&') + 'th=' + (have_webp ? 'w' : 'j');
|
||
}
|
||
else if (isdir) {
|
||
ihref = '/.cpr/ico/folder';
|
||
}
|
||
else {
|
||
var ar = href.split('?')[0].split('.');
|
||
if (ar.length > 1)
|
||
ar = ar.slice(1);
|
||
|
||
ihref = '';
|
||
ar.reverse();
|
||
for (var b = 0; b < ar.length; b++) {
|
||
if (ar[b].length > 7)
|
||
break;
|
||
|
||
ihref = ar[b] + '.' + ihref;
|
||
}
|
||
if (!ihref) {
|
||
ihref = 'unk.';
|
||
}
|
||
ihref = '/.cpr/ico/' + ihref.slice(0, -1);
|
||
}
|
||
|
||
html.push('<a href="' + href + '" ref="' + ref + '"><img src="' +
|
||
ihref + '" /><span' + ac + '>' + ao.innerHTML + '</span></a>');
|
||
}
|
||
lfiles.style.display = 'none';
|
||
gfiles.style.display = 'block';
|
||
ebi('ggrid').innerHTML = html.join('\n');
|
||
r.loadsel();
|
||
}
|
||
|
||
if (r.en) {
|
||
loadgrid();
|
||
}
|
||
|
||
return r;
|
||
})();
|
||
|
||
|
||
function tree_neigh(n) {
|
||
var links = QSA('#treeul li>a+a');
|
||
if (!links.length) {
|
||
alert('switch to the tree for that');
|
||
return;
|
||
}
|
||
var act = -1;
|
||
for (var a = 0, aa = links.length; a < aa; a++) {
|
||
if (links[a].getAttribute('class') == 'hl') {
|
||
act = a;
|
||
break;
|
||
}
|
||
}
|
||
if (act == -1)
|
||
return;
|
||
|
||
act += n;
|
||
if (act < 0)
|
||
act = links.length - 1;
|
||
if (act >= links.length)
|
||
act = 0;
|
||
|
||
links[act].click();
|
||
}
|
||
|
||
|
||
function tree_up() {
|
||
var act = QS('#treeul a.hl');
|
||
if (!act) {
|
||
alert('switch to the tree for that');
|
||
return;
|
||
}
|
||
if (act.previousSibling.textContent == '-')
|
||
return act.previousSibling.click();
|
||
|
||
act.parentNode.parentNode.parentNode.getElementsByTagName('a')[1].click();
|
||
}
|
||
|
||
|
||
document.onkeydown = function (e) {
|
||
if (!document.activeElement || document.activeElement != document.body && document.activeElement.nodeName.toLowerCase() != 'a')
|
||
return;
|
||
|
||
if (e.ctrlKey || e.altKey || e.shiftKey || e.metaKey || e.isComposing)
|
||
return;
|
||
|
||
var k = (e.code + ''), pos = -1;
|
||
if (k.indexOf('Digit') === 0)
|
||
pos = parseInt(k.slice(-1)) * 0.1;
|
||
|
||
if (pos !== -1)
|
||
return seek_au_mul(pos);
|
||
|
||
var n = k == 'KeyJ' ? -1 : k == 'KeyL' ? 1 : 0;
|
||
if (n !== 0)
|
||
return song_skip(n);
|
||
|
||
n = k == 'KeyU' ? -10 : k == 'KeyO' ? 10 : 0;
|
||
if (n !== 0)
|
||
return mp.au ? seek_au_sec(mp.au.currentTime + n) : true;
|
||
|
||
n = k == 'KeyI' ? -1 : k == 'KeyK' ? 1 : 0;
|
||
if (n !== 0)
|
||
return tree_neigh(n);
|
||
|
||
if (k == 'KeyP')
|
||
return tree_up();
|
||
|
||
if (k == 'KeyG')
|
||
return ebi('griden').click();
|
||
|
||
if (k == 'KeyT')
|
||
return ebi('thumbs').click();
|
||
|
||
if (thegrid.en) {
|
||
if (k == 'KeyS')
|
||
return ebi('gridsel').click();
|
||
|
||
if (k == 'KeyA')
|
||
return QSA('#ghead>a[z]')[0].click();
|
||
|
||
if (k == 'KeyD')
|
||
return QSA('#ghead>a[z]')[1].click();
|
||
}
|
||
};
|
||
|
||
|
||
// search
|
||
(function () {
|
||
var sconf = [
|
||
["size",
|
||
["szl", "sz_min", "minimum MiB", ""],
|
||
["szu", "sz_max", "maximum MiB", ""]
|
||
],
|
||
["date",
|
||
["dtl", "dt_min", "min. iso8601", ""],
|
||
["dtu", "dt_max", "max. iso8601", ""]
|
||
],
|
||
["path",
|
||
["path", "path", "path contains (space-separated)", "46"]
|
||
],
|
||
["name",
|
||
["name", "name", "name contains (negate with -nope)", "46"]
|
||
]
|
||
];
|
||
var oldcfg = [];
|
||
|
||
if (QS('#srch_form.tags')) {
|
||
sconf.push(["tags",
|
||
["tags", "tags", "tags contains (^=start, end=$)", "46"]
|
||
]);
|
||
sconf.push(["adv.",
|
||
["adv", "adv", "key>=1A key<=2B .bpm>165", "46"]
|
||
]);
|
||
}
|
||
|
||
var trs = [],
|
||
orig_html = null;
|
||
|
||
for (var a = 0; a < sconf.length; a++) {
|
||
var html = ['<tr><td><br />' + sconf[a][0] + '</td>'];
|
||
for (var b = 1; b < 3; b++) {
|
||
var hn = "srch_" + sconf[a][b][0],
|
||
csp = (sconf[a].length == 2) ? 2 : 1;
|
||
|
||
html.push(
|
||
'<td colspan="' + csp + '"><input id="' + hn + 'c" type="checkbox">\n' +
|
||
'<label for="' + hn + 'c">' + sconf[a][b][2] + '</label>\n' +
|
||
'<br /><input id="' + hn + 'v" type="text" size="' + sconf[a][b][3] +
|
||
'" name="' + sconf[a][b][1] + '" /></td>');
|
||
if (csp == 2)
|
||
break;
|
||
}
|
||
html.push('</tr>');
|
||
trs.push(html);
|
||
}
|
||
var html = [];
|
||
for (var a = 0; a < trs.length; a += 2) {
|
||
html.push('<table>' + (trs[a].concat(trs[a + 1])).join('\n') + '</table>');
|
||
}
|
||
html.push('<table id="tq_raw"><tr><td>raw</td><td><input id="q_raw" type="text" name="q" /></td></tr></table>');
|
||
ebi('srch_form').innerHTML = html.join('\n');
|
||
|
||
var o = QSA('#op_search input');
|
||
for (var a = 0; a < o.length; a++) {
|
||
o[a].oninput = ev_search_input;
|
||
}
|
||
|
||
function srch_msg(err, txt) {
|
||
var o = ebi('srch_q');
|
||
o.textContent = txt;
|
||
o.style.color = err ? '#f09' : '#c90';
|
||
}
|
||
|
||
var search_timeout,
|
||
search_in_progress = 0;
|
||
|
||
function ev_search_input() {
|
||
var v = this.value,
|
||
id = this.getAttribute('id');
|
||
|
||
if (id.slice(-1) == 'v') {
|
||
var chk = ebi(id.slice(0, -1) + 'c');
|
||
chk.checked = ((v + '').length > 0);
|
||
}
|
||
|
||
if (id != "q_raw")
|
||
encode_query();
|
||
|
||
clearTimeout(search_timeout);
|
||
if (Date.now() - search_in_progress > 30 * 1000)
|
||
search_timeout = setTimeout(do_search, 200);
|
||
}
|
||
|
||
function encode_query() {
|
||
var q = '';
|
||
for (var a = 0; a < sconf.length; a++) {
|
||
for (var b = 1; b < sconf[a].length; b++) {
|
||
var k = sconf[a][b][0],
|
||
chk = 'srch_' + k + 'c',
|
||
tvs = ebi('srch_' + k + 'v').value.split(/ /g);
|
||
|
||
if (!ebi(chk).checked)
|
||
continue;
|
||
|
||
for (var c = 0; c < tvs.length; c++) {
|
||
var tv = tvs[c];
|
||
if (!tv.length)
|
||
break;
|
||
|
||
q += ' and ';
|
||
|
||
if (k == 'adv') {
|
||
q += tv.replace(/ /g, " and ").replace(/([=!><]=?)/, " $1 ");
|
||
continue;
|
||
}
|
||
|
||
if (k.length == 3) {
|
||
q += k.replace(/sz/, 'size').replace(/dt/, 'date').replace(/l$/, ' >= ').replace(/u$/, ' <= ') + tv;
|
||
continue;
|
||
}
|
||
|
||
if (k == 'path' || k == 'name' || k == 'tags') {
|
||
var not = ' ';
|
||
if (tv.slice(0, 1) == '-') {
|
||
tv = tv.slice(1);
|
||
not = ' not ';
|
||
}
|
||
|
||
if (tv.slice(0, 1) == '^') {
|
||
tv = tv.slice(1);
|
||
}
|
||
else {
|
||
tv = '*' + tv;
|
||
}
|
||
|
||
if (tv.slice(-1) == '$') {
|
||
tv = tv.slice(0, -1);
|
||
}
|
||
else {
|
||
tv += '*';
|
||
}
|
||
|
||
q += k + not + 'like ' + tv;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
ebi('q_raw').value = q.slice(5);
|
||
}
|
||
|
||
function do_search() {
|
||
search_in_progress = Date.now();
|
||
srch_msg(false, "searching...");
|
||
clearTimeout(search_timeout);
|
||
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.open('POST', '/?srch', true);
|
||
xhr.setRequestHeader('Content-Type', 'text/plain');
|
||
xhr.onreadystatechange = xhr_search_results;
|
||
xhr.ts = Date.now();
|
||
xhr.send(JSON.stringify({ "q": ebi('q_raw').value }));
|
||
}
|
||
|
||
function xhr_search_results() {
|
||
if (this.readyState != XMLHttpRequest.DONE)
|
||
return;
|
||
|
||
if (this.status !== 200) {
|
||
var msg = this.responseText;
|
||
if (msg.indexOf('<pre>') === 0)
|
||
msg = msg.slice(5);
|
||
|
||
srch_msg(true, "http " + this.status + ": " + msg);
|
||
search_in_progress = 0;
|
||
return;
|
||
}
|
||
search_in_progress = 0;
|
||
srch_msg(false, '');
|
||
|
||
var res = JSON.parse(this.responseText),
|
||
tagord = res.tag_order;
|
||
|
||
sortfiles(res.hits);
|
||
|
||
var ofiles = ebi('files');
|
||
if (ofiles.getAttribute('ts') > this.ts)
|
||
return;
|
||
|
||
if (!oldcfg.length) {
|
||
oldcfg = [
|
||
ebi('path').style.display,
|
||
ebi('tree').style.display,
|
||
ebi('wrap').style.marginLeft
|
||
];
|
||
ebi('path').style.display = 'none';
|
||
ebi('tree').style.display = 'none';
|
||
ebi('wrap').style.marginLeft = '0';
|
||
treectl.hidden = true;
|
||
}
|
||
|
||
var html = mk_files_header(tagord);
|
||
html.push('<tbody>');
|
||
html.push('<tr><td>-</td><td colspan="42"><a href="#" id="unsearch">! close search results</a></td></tr>');
|
||
for (var a = 0; a < res.hits.length; a++) {
|
||
var r = res.hits[a],
|
||
ts = parseInt(r.ts),
|
||
sz = esc(r.sz + ''),
|
||
rp = esc(r.rp + ''),
|
||
ext = rp.lastIndexOf('.') > 0 ? rp.split('.').slice(-1)[0] : '%',
|
||
links = linksplit(r.rp + '');
|
||
|
||
if (ext.length > 8)
|
||
ext = '%';
|
||
|
||
links = links.join('');
|
||
var nodes = ['<tr><td>-</td><td><div>' + links + '</div>', sz];
|
||
for (var b = 0; b < tagord.length; b++) {
|
||
var k = tagord[b],
|
||
v = r.tags[k] || "";
|
||
|
||
if (k == ".dur") {
|
||
var sv = v ? s2ms(v) : "";
|
||
nodes[nodes.length - 1] += '</td><td sortv="' + v + '">' + sv;
|
||
continue;
|
||
}
|
||
|
||
nodes.push(v);
|
||
}
|
||
|
||
nodes = nodes.concat([ext, unix2iso(ts)]);
|
||
html.push(nodes.join('</td><td>'));
|
||
html.push('</td></tr>');
|
||
}
|
||
|
||
if (!orig_html)
|
||
orig_html = ebi('files').innerHTML;
|
||
|
||
ofiles.innerHTML = html.join('\n');
|
||
ofiles.setAttribute("ts", this.ts);
|
||
filecols.set_style();
|
||
mukey.render();
|
||
reload_browser();
|
||
|
||
ebi('unsearch').onclick = unsearch;
|
||
}
|
||
|
||
function unsearch(e) {
|
||
ev(e);
|
||
ebi('path').style.display = oldcfg[0];
|
||
ebi('tree').style.display = oldcfg[1];
|
||
ebi('wrap').style.marginLeft = oldcfg[2];
|
||
treectl.hidden = false;
|
||
oldcfg = [];
|
||
ebi('files').innerHTML = orig_html;
|
||
orig_html = null;
|
||
msel.render();
|
||
reload_browser();
|
||
}
|
||
})();
|
||
|
||
|
||
var treectl = (function () {
|
||
var treectl = {
|
||
"hidden": false
|
||
},
|
||
entreed = false,
|
||
fixedpos = false,
|
||
prev_atop = null,
|
||
prev_winh = null,
|
||
dyn = bcfg_get('dyntree', true),
|
||
treesz = icfg_get('treesz', 16);
|
||
|
||
treesz = Math.min(Math.max(treesz, 4), 50);
|
||
|
||
function entree(e) {
|
||
ev(e);
|
||
entreed = true;
|
||
ebi('path').style.display = 'none';
|
||
|
||
var tree = ebi('tree');
|
||
tree.style.display = 'block';
|
||
|
||
swrite('entreed', 'tree');
|
||
get_tree("", get_evpath(), true);
|
||
window.addEventListener('scroll', onscroll);
|
||
window.addEventListener('resize', onresize);
|
||
onresize();
|
||
}
|
||
|
||
function detree(e) {
|
||
ev(e);
|
||
entreed = false;
|
||
ebi('tree').style.display = 'none';
|
||
ebi('path').style.display = 'inline-block';
|
||
ebi('wrap').style.marginLeft = '0';
|
||
swrite('entreed', 'na');
|
||
window.removeEventListener('resize', onresize);
|
||
window.removeEventListener('scroll', onscroll);
|
||
}
|
||
|
||
function onscroll() {
|
||
if (!entreed || treectl.hidden)
|
||
return;
|
||
|
||
var tree = ebi('tree'),
|
||
wrap = ebi('wrap'),
|
||
atop = wrap.getBoundingClientRect().top,
|
||
winh = window.innerHeight;
|
||
|
||
if (atop === prev_atop && winh === prev_winh)
|
||
return;
|
||
|
||
prev_atop = atop;
|
||
prev_winh = winh;
|
||
|
||
if (fixedpos && atop >= 0) {
|
||
tree.style.position = 'absolute';
|
||
tree.style.bottom = '';
|
||
fixedpos = false;
|
||
}
|
||
else if (!fixedpos && atop < 0) {
|
||
tree.style.position = 'fixed';
|
||
tree.style.height = 'auto';
|
||
fixedpos = true;
|
||
}
|
||
|
||
if (fixedpos) {
|
||
tree.style.top = Math.max(0, parseInt(atop)) + 'px';
|
||
}
|
||
else {
|
||
var top = Math.max(0, parseInt(wrap.offsetTop)),
|
||
treeh = winh - atop;
|
||
|
||
tree.style.top = top + 'px';
|
||
tree.style.height = treeh < 10 ? '' : treeh + 'px';
|
||
}
|
||
}
|
||
|
||
function periodic() {
|
||
onscroll();
|
||
setTimeout(periodic, document.visibilityState ? 100 : 5000);
|
||
}
|
||
periodic();
|
||
|
||
function onresize(e) {
|
||
if (!entreed || treectl.hidden)
|
||
return;
|
||
|
||
var q = '#tree',
|
||
nq = 0;
|
||
|
||
while (dyn) {
|
||
nq++;
|
||
q += '>ul>li';
|
||
if (!QS(q))
|
||
break;
|
||
}
|
||
var w = treesz + nq;
|
||
ebi('tree').style.width = w + 'em';
|
||
ebi('wrap').style.marginLeft = w + 'em';
|
||
onscroll();
|
||
}
|
||
|
||
function get_tree(top, dst, rst) {
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.top = top;
|
||
xhr.dst = dst;
|
||
xhr.rst = rst;
|
||
xhr.ts = Date.now();
|
||
xhr.open('GET', dst + '?tree=' + top, true);
|
||
xhr.onreadystatechange = recvtree;
|
||
xhr.send();
|
||
enspin('#tree');
|
||
}
|
||
|
||
function recvtree() {
|
||
if (this.readyState != XMLHttpRequest.DONE)
|
||
return;
|
||
|
||
if (this.status !== 200) {
|
||
alert("http " + this.status + ": " + this.responseText);
|
||
return;
|
||
}
|
||
|
||
var cur = ebi('treeul').getAttribute('ts');
|
||
if (cur && parseInt(cur) > this.ts) {
|
||
console.log("reject tree");
|
||
return;
|
||
}
|
||
ebi('treeul').setAttribute('ts', this.ts);
|
||
|
||
var top = this.top == '.' ? this.dst : this.top,
|
||
name = uricom_dec(top.split('/').slice(-2)[0])[0],
|
||
rtop = top.replace(/^\/+/, ""),
|
||
res;
|
||
|
||
try {
|
||
res = JSON.parse(this.responseText);
|
||
}
|
||
catch (ex) {
|
||
return;
|
||
}
|
||
var html = parsetree(res, rtop);
|
||
if (!this.top) {
|
||
html = '<li><a href="#">-</a><a href="/">[root]</a>\n<ul>' + html;
|
||
if (this.rst || !ebi('treeul').getElementsByTagName('li').length)
|
||
ebi('treeul').innerHTML = html + '</ul></li>';
|
||
}
|
||
else {
|
||
html = '<a href="#">-</a><a href="' +
|
||
esc(top) + '">' + esc(name) +
|
||
"</a>\n<ul>\n" + html + "</ul>";
|
||
|
||
var links = QSA('#treeul a+a');
|
||
for (var a = 0, aa = links.length; a < aa; a++) {
|
||
if (links[a].getAttribute('href') == top) {
|
||
var o = links[a].parentNode;
|
||
if (!o.getElementsByTagName('li').length)
|
||
o.innerHTML = html;
|
||
}
|
||
}
|
||
}
|
||
QS('#treeul>li>a+a').textContent = '[root]';
|
||
despin('#tree');
|
||
reload_tree();
|
||
onresize();
|
||
}
|
||
|
||
function reload_tree() {
|
||
var cdir = get_evpath(),
|
||
links = QSA('#treeul a+a');
|
||
|
||
for (var a = 0, aa = links.length; a < aa; a++) {
|
||
var href = links[a].getAttribute('href');
|
||
links[a].setAttribute('class', href == cdir ? 'hl' : '');
|
||
links[a].onclick = treego;
|
||
}
|
||
links = QSA('#treeul li>a:first-child');
|
||
for (var a = 0, aa = links.length; a < aa; a++) {
|
||
links[a].setAttribute('dst', links[a].nextSibling.getAttribute('href'));
|
||
links[a].onclick = treegrow;
|
||
}
|
||
}
|
||
|
||
function treego(e) {
|
||
ev(e);
|
||
if (this.getAttribute('class') == 'hl' &&
|
||
this.previousSibling.textContent == '-') {
|
||
treegrow.call(this.previousSibling, e);
|
||
return;
|
||
}
|
||
reqls(this.getAttribute('href'), true);
|
||
}
|
||
|
||
function reqls(url, hpush) {
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.top = url;
|
||
xhr.hpush = hpush;
|
||
xhr.ts = Date.now();
|
||
xhr.open('GET', xhr.top + '?ls', true);
|
||
xhr.onreadystatechange = recvls;
|
||
xhr.send();
|
||
if (hpush)
|
||
get_tree('.', xhr.top);
|
||
|
||
enspin(thegrid.en ? '#gfiles' : '#files');
|
||
}
|
||
|
||
function treegrow(e) {
|
||
ev(e);
|
||
if (this.textContent == '-') {
|
||
while (this.nextSibling.nextSibling) {
|
||
var rm = this.nextSibling.nextSibling;
|
||
rm.parentNode.removeChild(rm);
|
||
}
|
||
this.textContent = '+';
|
||
onresize();
|
||
return;
|
||
}
|
||
var dst = this.getAttribute('dst');
|
||
get_tree('.', dst);
|
||
}
|
||
|
||
function recvls() {
|
||
if (this.readyState != XMLHttpRequest.DONE)
|
||
return;
|
||
|
||
if (this.status !== 200) {
|
||
alert("http " + this.status + ": " + this.responseText);
|
||
return;
|
||
}
|
||
|
||
var cur = ebi('files').getAttribute('ts');
|
||
if (cur && parseInt(cur) > this.ts) {
|
||
console.log("reject ls");
|
||
return;
|
||
}
|
||
ebi('files').setAttribute('ts', this.ts);
|
||
|
||
try {
|
||
var res = JSON.parse(this.responseText);
|
||
}
|
||
catch (ex) {
|
||
window.location = this.top;
|
||
return;
|
||
}
|
||
|
||
ebi('srv_info').innerHTML = '<span>' + res.srvinf + '</span>';
|
||
|
||
var top = this.top,
|
||
nodes = res.dirs.concat(res.files),
|
||
html = mk_files_header(res.taglist);
|
||
|
||
html.push('<tbody>');
|
||
nodes = sortfiles(nodes);
|
||
for (var a = 0; a < nodes.length; a++) {
|
||
var r = nodes[a],
|
||
hname = esc(uricom_dec(r.href)[0]),
|
||
sortv = (r.href.slice(-1) == '/' ? '\t' : '') + hname,
|
||
ln = ['<tr><td>' + r.lead + '</td><td sortv="' + sortv +
|
||
'"><a href="' + top + r.href + '">' + hname + '</a>', r.sz];
|
||
|
||
for (var b = 0; b < res.taglist.length; b++) {
|
||
var k = res.taglist[b],
|
||
v = (r.tags || {})[k] || "";
|
||
|
||
if (k == ".dur") {
|
||
var sv = v ? s2ms(v) : "";
|
||
ln[ln.length - 1] += '</td><td sortv="' + v + '">' + sv;
|
||
continue;
|
||
}
|
||
ln.push(v);
|
||
}
|
||
ln = ln.concat([r.ext, unix2iso(r.ts)]).join('</td><td>');
|
||
html.push(ln + '</td></tr>');
|
||
}
|
||
html.push('</tbody>');
|
||
html = html.join('\n');
|
||
ebi('files').innerHTML = html;
|
||
|
||
if (this.hpush)
|
||
hist_push(this.top);
|
||
|
||
apply_perms(res.perms);
|
||
despin('#files');
|
||
despin('#gfiles');
|
||
|
||
ebi('pro').innerHTML = res.logues ? res.logues[0] || "" : "";
|
||
ebi('epi').innerHTML = res.logues ? res.logues[1] || "" : "";
|
||
|
||
document.title = '⇆🎉 ' + uricom_dec(document.location.pathname.slice(1, -1))[0];
|
||
|
||
filecols.set_style();
|
||
mukey.render();
|
||
msel.render();
|
||
reload_tree();
|
||
reload_browser();
|
||
}
|
||
|
||
function parsetree(res, top) {
|
||
var ret = '';
|
||
for (var a = 0; a < res.a.length; a++) {
|
||
if (res.a[a] !== '')
|
||
res['k' + res.a[a]] = 0;
|
||
}
|
||
delete res['a'];
|
||
var keys = Object.keys(res);
|
||
keys.sort();
|
||
for (var a = 0; a < keys.length; a++) {
|
||
var kk = keys[a],
|
||
ks = kk.slice(1),
|
||
k = uricom_dec(ks),
|
||
hek = esc(k[0]),
|
||
uek = k[1] ? uricom_enc(k[0], true) : k[0],
|
||
url = '/' + (top ? top + uek : uek) + '/',
|
||
sym = res[kk] ? '-' : '+',
|
||
link = '<a href="#">' + sym + '</a><a href="' +
|
||
url + '">' + hek + '</a>';
|
||
|
||
if (res[kk]) {
|
||
var subtree = parsetree(res[kk], url.slice(1));
|
||
ret += '<li>' + link + '\n<ul>\n' + subtree + '</ul></li>\n';
|
||
}
|
||
else {
|
||
ret += '<li>' + link + '</li>\n';
|
||
}
|
||
}
|
||
return ret;
|
||
}
|
||
|
||
function dyntree(e) {
|
||
ev(e);
|
||
dyn = !dyn;
|
||
bcfg_set('dyntree', dyn);
|
||
onresize();
|
||
}
|
||
|
||
function scaletree(e) {
|
||
ev(e);
|
||
treesz += parseInt(this.getAttribute("step"));
|
||
if (isNaN(treesz))
|
||
treesz = 16;
|
||
|
||
swrite('treesz', treesz);
|
||
onresize();
|
||
}
|
||
|
||
ebi('entree').onclick = entree;
|
||
ebi('detree').onclick = detree;
|
||
ebi('dyntree').onclick = dyntree;
|
||
ebi('twig').onclick = scaletree;
|
||
ebi('twobytwo').onclick = scaletree;
|
||
if (sread('entreed') == 'tree')
|
||
entree();
|
||
|
||
window.onpopstate = function (e) {
|
||
console.log("h-pop " + e.state);
|
||
if (!e.state)
|
||
return;
|
||
|
||
var url = new URL(e.state, "https://" + document.location.host);
|
||
url = url.pathname;
|
||
get_tree("", url, true);
|
||
reqls(url);
|
||
};
|
||
|
||
if (window.history && history.pushState) {
|
||
hist_replace(get_evpath() + window.location.hash);
|
||
}
|
||
|
||
treectl.onscroll = onscroll;
|
||
return treectl;
|
||
})();
|
||
|
||
|
||
function enspin(sel) {
|
||
despin(sel);
|
||
var d = mknod('div');
|
||
d.setAttribute('class', 'dumb_loader_thing');
|
||
d.innerHTML = '🌲';
|
||
var tgt = QS(sel);
|
||
tgt.insertBefore(d, tgt.childNodes[0]);
|
||
}
|
||
|
||
|
||
function despin(sel) {
|
||
var o = QSA(sel + '>.dumb_loader_thing');
|
||
for (var a = o.length - 1; a >= 0; a--)
|
||
o[a].parentNode.removeChild(o[a]);
|
||
}
|
||
|
||
|
||
function apply_perms(perms) {
|
||
perms = perms || [];
|
||
|
||
var o = QSA('#ops>a[data-perm], #u2footfoot');
|
||
for (var a = 0; a < o.length; a++) {
|
||
var display = 'inline';
|
||
var needed = o[a].getAttribute('data-perm').split(' ');
|
||
for (var b = 0; b < needed.length; b++) {
|
||
if (!has(perms, needed[b])) {
|
||
display = 'none';
|
||
}
|
||
}
|
||
o[a].style.display = display;
|
||
}
|
||
|
||
var act = QS('#ops>a.act');
|
||
if (act && act.style.display === 'none')
|
||
goto();
|
||
|
||
document.body.setAttribute('perms', perms.join(' '));
|
||
|
||
var have_write = has(perms, "write"),
|
||
have_read = has(perms, "read"),
|
||
tds = QSA('#u2conf td');
|
||
|
||
for (var a = 0; a < tds.length; a++) {
|
||
tds[a].style.display =
|
||
(have_write || tds[a].getAttribute('data-perm') == 'read') ?
|
||
'table-cell' : 'none';
|
||
}
|
||
|
||
if (window['up2k'])
|
||
up2k.set_fsearch();
|
||
|
||
ebi('widget').style.display = have_read ? '' : 'none';
|
||
thegrid.setvis(have_read);
|
||
if (!have_read)
|
||
goto('up2k');
|
||
}
|
||
|
||
|
||
function find_file_col(txt) {
|
||
var i = -1,
|
||
min = false,
|
||
tds = ebi('files').tHead.getElementsByTagName('th');
|
||
|
||
for (var a = 0; a < tds.length; a++) {
|
||
var spans = tds[a].getElementsByTagName('span');
|
||
if (spans.length && spans[0].textContent == txt) {
|
||
min = tds[a].getAttribute('class').indexOf('min') !== -1;
|
||
i = a;
|
||
break;
|
||
}
|
||
}
|
||
|
||
if (i == -1)
|
||
return;
|
||
|
||
return [i, min];
|
||
}
|
||
|
||
|
||
function mk_files_header(taglist) {
|
||
var html = [
|
||
'<thead><tr>',
|
||
'<th name="lead"><span>c</span></th>',
|
||
'<th name="href"><span>File Name</span></th>',
|
||
'<th name="sz" sort="int"><span>Size</span></th>'
|
||
];
|
||
for (var a = 0; a < taglist.length; a++) {
|
||
var tag = taglist[a],
|
||
c1 = tag.slice(0, 1).toUpperCase();
|
||
|
||
tag = c1 + tag.slice(1);
|
||
if (c1 == '.')
|
||
tag = '<th name="tags/' + tag + '" sort="int"><span>' + tag.slice(1);
|
||
else
|
||
tag = '<th name="tags/' + tag + '"><span>' + tag;
|
||
|
||
html.push(tag + '</span></th>');
|
||
}
|
||
html = html.concat([
|
||
'<th name="ext"><span>T</span></th>',
|
||
'<th name="ts"><span>Date</span></th>',
|
||
'</tr></thead>',
|
||
]);
|
||
return html;
|
||
}
|
||
|
||
|
||
var filecols = (function () {
|
||
var hidden = jread('filecols', []);
|
||
|
||
var add_btns = function () {
|
||
var ths = QSA('#files th>span');
|
||
for (var a = 0, aa = ths.length; a < aa; a++) {
|
||
var th = ths[a].parentElement,
|
||
is_hidden = has(hidden, ths[a].textContent);
|
||
|
||
th.innerHTML = '<div class="cfg"><a href="#">' +
|
||
(is_hidden ? '+' : '-') + '</a></div>' + ths[a].outerHTML;
|
||
|
||
th.getElementsByTagName('a')[0].onclick = ev_row_tgl;
|
||
}
|
||
};
|
||
|
||
var set_style = function () {
|
||
add_btns();
|
||
|
||
var ohidden = [],
|
||
ths = QSA('#files th'),
|
||
ncols = ths.length;
|
||
|
||
for (var a = 0; a < ncols; a++) {
|
||
var span = ths[a].getElementsByTagName('span');
|
||
if (span.length <= 0)
|
||
continue;
|
||
|
||
var name = span[0].textContent,
|
||
cls = false;
|
||
|
||
if (has(hidden, name)) {
|
||
ohidden.push(a);
|
||
cls = true;
|
||
}
|
||
clmod(ths[a], 'min', cls)
|
||
}
|
||
for (var a = 0; a < ncols; a++) {
|
||
var cls = has(ohidden, a) ? 'min' : '',
|
||
tds = QSA('#files>tbody>tr>td:nth-child(' + (a + 1) + ')');
|
||
|
||
for (var b = 0, bb = tds.length; b < bb; b++) {
|
||
tds[b].setAttribute('class', cls);
|
||
if (a < 2)
|
||
continue;
|
||
|
||
if (cls) {
|
||
if (!tds[b].hasAttribute('html')) {
|
||
tds[b].setAttribute('html', tds[b].innerHTML);
|
||
tds[b].innerHTML = '...';
|
||
}
|
||
}
|
||
else if (tds[b].hasAttribute('html')) {
|
||
tds[b].innerHTML = tds[b].getAttribute('html');
|
||
tds[b].removeAttribute('html');
|
||
}
|
||
}
|
||
}
|
||
};
|
||
set_style();
|
||
|
||
var toggle = function (name) {
|
||
var ofs = hidden.indexOf(name);
|
||
if (ofs !== -1)
|
||
hidden.splice(ofs, 1);
|
||
else
|
||
hidden.push(name);
|
||
|
||
jwrite("filecols", hidden);
|
||
set_style();
|
||
};
|
||
|
||
try {
|
||
var ci = find_file_col('dur'),
|
||
i = ci[0],
|
||
min = ci[1],
|
||
rows = ebi('files').tBodies[0].rows;
|
||
|
||
if (!min)
|
||
for (var a = 0, aa = rows.length; a < aa; a++) {
|
||
var c = rows[a].cells[i];
|
||
if (c && c.textContent)
|
||
c.textContent = s2ms(c.textContent);
|
||
}
|
||
}
|
||
catch (ex) { }
|
||
|
||
return {
|
||
"add_btns": add_btns,
|
||
"set_style": set_style,
|
||
"toggle": toggle,
|
||
};
|
||
})();
|
||
|
||
|
||
var mukey = (function () {
|
||
var maps = {
|
||
"rekobo_alnum": [
|
||
"1B ", "2B ", "3B ", "4B ", "5B ", "6B ", "7B ", "8B ", "9B ", "10B", "11B", "12B",
|
||
"1A ", "2A ", "3A ", "4A ", "5A ", "6A ", "7A ", "8A ", "9A ", "10A", "11A", "12A"
|
||
],
|
||
"rekobo_classic": [
|
||
"B ", "F# ", "Db ", "Ab ", "Eb ", "Bb ", "F ", "C ", "G ", "D ", "A ", "E ",
|
||
"Abm", "Ebm", "Bbm", "Fm ", "Cm ", "Gm ", "Dm ", "Am ", "Em ", "Bm ", "F#m", "Dbm"
|
||
],
|
||
"traktor_musical": [
|
||
"B ", "Gb ", "Db ", "Ab ", "Eb ", "Bb ", "F ", "C ", "G ", "D ", "A ", "E ",
|
||
"Abm", "Ebm", "Bbm", "Fm ", "Cm ", "Gm ", "Dm ", "Am ", "Em ", "Bm ", "Gbm", "Dbm"
|
||
],
|
||
"traktor_sharps": [
|
||
"B ", "F# ", "C# ", "G# ", "D# ", "A# ", "F ", "C ", "G ", "D ", "A ", "E ",
|
||
"G#m", "D#m", "A#m", "Fm ", "Cm ", "Gm ", "Dm ", "Am ", "Em ", "Bm ", "F#m", "C#m"
|
||
],
|
||
"traktor_open": [
|
||
"6d ", "7d ", "8d ", "9d ", "10d", "11d", "12d", "1d ", "2d ", "3d ", "4d ", "5d ",
|
||
"6m ", "7m ", "8m ", "9m ", "10m", "11m", "12m", "1m ", "2m ", "3m ", "4m ", "5m "
|
||
]
|
||
};
|
||
var map = {},
|
||
html = [];
|
||
|
||
for (var k in maps) {
|
||
if (!maps.hasOwnProperty(k))
|
||
continue;
|
||
|
||
html.push(
|
||
'<span><input type="radio" name="keytype" value="' + k + '" id="key_' + k + '">' +
|
||
'<label for="key_' + k + '">' + k + '</label></span>');
|
||
|
||
for (var a = 0; a < 24; a++)
|
||
maps[k][a] = maps[k][a].trim();
|
||
}
|
||
ebi('key_notation').innerHTML = html.join('\n');
|
||
|
||
function set_key_notation(e) {
|
||
ev(e);
|
||
var notation = this.getAttribute('value');
|
||
load_notation(notation);
|
||
try_render();
|
||
}
|
||
|
||
function load_notation(notation) {
|
||
swrite("key_notation", notation);
|
||
map = {};
|
||
var dst = maps[notation];
|
||
for (var k in maps)
|
||
if (k != notation && maps.hasOwnProperty(k))
|
||
for (var a = 0; a < 24; a++)
|
||
if (maps[k][a] != dst[a])
|
||
map[maps[k][a]] = dst[a];
|
||
}
|
||
|
||
function render() {
|
||
var ci = find_file_col('Key');
|
||
if (!ci)
|
||
return;
|
||
|
||
var i = ci[0],
|
||
min = ci[1],
|
||
rows = ebi('files').tBodies[0].rows;
|
||
|
||
if (min)
|
||
for (var a = 0, aa = rows.length; a < aa; a++) {
|
||
var c = rows[a].cells[i];
|
||
if (!c)
|
||
continue;
|
||
|
||
var v = c.getAttribute('html');
|
||
c.setAttribute('html', map[v] || v);
|
||
}
|
||
else
|
||
for (var a = 0, aa = rows.length; a < aa; a++) {
|
||
var c = rows[a].cells[i];
|
||
if (!c)
|
||
continue;
|
||
|
||
var v = c.textContent;
|
||
c.textContent = map[v] || v;
|
||
}
|
||
}
|
||
|
||
function try_render() {
|
||
try {
|
||
render();
|
||
}
|
||
catch (ex) {
|
||
console.log("key notation failed: " + ex);
|
||
}
|
||
}
|
||
|
||
var notation = sread("key_notation") || "rekobo_alnum";
|
||
ebi('key_' + notation).checked = true;
|
||
load_notation(notation);
|
||
|
||
var o = QSA('#key_notation input');
|
||
for (var a = 0; a < o.length; a++) {
|
||
o[a].onchange = set_key_notation;
|
||
}
|
||
|
||
return {
|
||
"render": try_render
|
||
};
|
||
})();
|
||
|
||
|
||
function addcrc() {
|
||
var links = QSA(
|
||
'#files>tbody>tr>td:first-child+td>' + (
|
||
ebi('unsearch') ? 'div>a:last-child' : 'a'));
|
||
|
||
for (var a = 0, aa = links.length; a < aa; a++)
|
||
if (!links[a].getAttribute('id')) {
|
||
var crc = crc32(links[a].textContent || links[a].innerText);
|
||
crc = ('00000000' + crc).slice(-8);
|
||
links[a].setAttribute('id', 'f-' + crc);
|
||
}
|
||
}
|
||
|
||
|
||
(function () {
|
||
var tt = bcfg_get('tooltips', true);
|
||
|
||
function set_tooltip(e) {
|
||
ev(e);
|
||
var o = ebi('opdesc');
|
||
o.innerHTML = this.getAttribute('data-desc');
|
||
o.setAttribute('class', tt ? '' : 'off');
|
||
}
|
||
|
||
var btns = QSA('#ops, #ops>a');
|
||
for (var a = 0; a < btns.length; a++) {
|
||
btns[a].onmouseenter = set_tooltip;
|
||
}
|
||
|
||
ebi('tooltips').onclick = function (e) {
|
||
ev(e);
|
||
tt = !tt;
|
||
bcfg_set('tooltips', tt);
|
||
};
|
||
})();
|
||
|
||
|
||
(function () {
|
||
var light = bcfg_get('lightmode', false);
|
||
|
||
function freshen() {
|
||
document.documentElement.setAttribute("class", light ? "light" : "");
|
||
}
|
||
|
||
ebi('lightmode').onclick = function (e) {
|
||
ev(e);
|
||
light = !light;
|
||
bcfg_set('lightmode', light);
|
||
freshen();
|
||
};
|
||
|
||
freshen();
|
||
})();
|
||
|
||
|
||
var arcfmt = (function () {
|
||
if (!ebi('arc_fmt'))
|
||
return { "render": function () { } };
|
||
|
||
var html = [],
|
||
arcfmts = ["tar", "zip", "zip_dos", "zip_crc"],
|
||
arcv = ["tar", "zip=utf8", "zip", "zip=crc"];
|
||
|
||
for (var a = 0; a < arcfmts.length; a++) {
|
||
var k = arcfmts[a];
|
||
html.push(
|
||
'<span><input type="radio" name="arcfmt" value="' + k + '" id="arcfmt_' + k + '">' +
|
||
'<label for="arcfmt_' + k + '">' + k + '</label></span>');
|
||
}
|
||
ebi('arc_fmt').innerHTML = html.join('\n');
|
||
|
||
var fmt = sread("arc_fmt") || "zip";
|
||
ebi('arcfmt_' + fmt).checked = true;
|
||
|
||
function render() {
|
||
var arg = arcv[arcfmts.indexOf(fmt)],
|
||
tds = QSA('#files tbody td:first-child a');
|
||
|
||
for (var a = 0, aa = tds.length; a < aa; a++) {
|
||
var o = tds[a], txt = o.textContent, href = o.getAttribute('href');
|
||
if (txt != 'tar' && txt != 'zip')
|
||
continue;
|
||
|
||
var ofs = href.lastIndexOf('?');
|
||
if (ofs < 0)
|
||
throw 'missing arg in url';
|
||
|
||
o.setAttribute("href", href.slice(0, ofs + 1) + arg);
|
||
o.textContent = fmt.split('_')[0];
|
||
}
|
||
ebi('selzip').textContent = fmt.split('_')[0];
|
||
ebi('selzip').setAttribute('fmt', arg);
|
||
}
|
||
|
||
function try_render() {
|
||
try {
|
||
render();
|
||
}
|
||
catch (ex) {
|
||
console.log("arcfmt failed: " + ex);
|
||
}
|
||
}
|
||
|
||
function change_fmt(e) {
|
||
ev(e);
|
||
fmt = this.getAttribute('value');
|
||
swrite("arc_fmt", fmt);
|
||
try_render();
|
||
}
|
||
|
||
var o = QSA('#arc_fmt input');
|
||
for (var a = 0; a < o.length; a++) {
|
||
o[a].onchange = change_fmt;
|
||
}
|
||
|
||
return {
|
||
"render": try_render
|
||
};
|
||
})();
|
||
|
||
|
||
var msel = (function () {
|
||
function getsel() {
|
||
var names = [],
|
||
links = QSA('#files tbody tr.sel td:nth-child(2) a');
|
||
|
||
for (var a = 0, aa = links.length; a < aa; a++)
|
||
names.push(links[a].getAttribute('href').replace(/\/$/, "").split('/').slice(-1));
|
||
|
||
return names;
|
||
}
|
||
function selui() {
|
||
clmod(ebi('wtoggle'), 'sel', getsel().length);
|
||
thegrid.loadsel();
|
||
}
|
||
function seltgl(e) {
|
||
ev(e);
|
||
var tr = this.parentNode;
|
||
clmod(tr, 'sel', 't');
|
||
selui();
|
||
}
|
||
function evsel(e, fun) {
|
||
ev(e);
|
||
var trs = QSA('#files tbody tr');
|
||
for (var a = 0, aa = trs.length; a < aa; a++)
|
||
clmod(trs[a], 'sel', fun);
|
||
selui();
|
||
}
|
||
ebi('selall').onclick = function (e) {
|
||
evsel(e, "add");
|
||
};
|
||
ebi('selinv').onclick = function (e) {
|
||
evsel(e, "t");
|
||
};
|
||
ebi('selzip').onclick = function (e) {
|
||
ev(e);
|
||
var names = getsel(),
|
||
arg = ebi('selzip').getAttribute('fmt'),
|
||
txt = names.join('\n'),
|
||
frm = mknod('form');
|
||
|
||
frm.setAttribute('action', '?' + arg);
|
||
frm.setAttribute('method', 'post');
|
||
frm.setAttribute('target', '_blank');
|
||
frm.setAttribute('enctype', 'multipart/form-data');
|
||
frm.innerHTML = '<input name="act" value="zip" />' +
|
||
'<textarea name="files" id="ziptxt"></textarea>';
|
||
frm.style.display = 'none';
|
||
|
||
var oldform = QS('#widgeti>form');
|
||
if (oldform)
|
||
oldform.parentNode.removeChild(oldform);
|
||
|
||
ebi('widgeti').appendChild(frm);
|
||
var obj = ebi('ziptxt');
|
||
obj.value = txt;
|
||
console.log(txt);
|
||
frm.submit();
|
||
};
|
||
function render() {
|
||
var tds = QSA('#files tbody td+td+td');
|
||
for (var a = 0, aa = tds.length; a < aa; a++) {
|
||
tds[a].onclick = seltgl;
|
||
}
|
||
arcfmt.render();
|
||
}
|
||
return {
|
||
"render": render
|
||
};
|
||
})();
|
||
|
||
|
||
(function () {
|
||
try {
|
||
var tr = ebi('files').tBodies[0].rows;
|
||
for (var a = 0; a < tr.length; a++) {
|
||
var td = tr[a].cells[1],
|
||
ao = td.firstChild,
|
||
href = ao.getAttribute('href'),
|
||
isdir = href.split('?')[0].slice(-1)[0] == '/',
|
||
txt = ao.textContent;
|
||
|
||
td.setAttribute('sortv', (isdir ? '\t' : '') + txt);
|
||
}
|
||
}
|
||
catch (ex) { }
|
||
})();
|
||
|
||
|
||
function ev_row_tgl(e) {
|
||
ev(e);
|
||
filecols.toggle(this.parentElement.parentElement.getElementsByTagName('span')[0].textContent);
|
||
}
|
||
|
||
|
||
function reload_mp() {
|
||
if (mp && mp.au) {
|
||
mp.au.pause();
|
||
mp.au = null;
|
||
}
|
||
widget.close();
|
||
mp = new MPlayer();
|
||
}
|
||
|
||
|
||
function reload_browser(not_mp) {
|
||
filecols.set_style();
|
||
|
||
var parts = get_evpath().split('/'),
|
||
rm = QSA('#path>a+a+a');
|
||
|
||
for (a = rm.length - 1; a >= 0; a--)
|
||
rm[a].parentNode.removeChild(rm[a]);
|
||
|
||
var link = '/';
|
||
for (var a = 1; a < parts.length - 1; a++) {
|
||
link += parts[a] + '/';
|
||
var o = mknod('a');
|
||
o.setAttribute('href', link);
|
||
o.textContent = uricom_dec(parts[a])[0];
|
||
ebi('path').appendChild(o);
|
||
}
|
||
|
||
var oo = QSA('#files>tbody>tr>td:nth-child(3)');
|
||
for (var a = 0, aa = oo.length; a < aa; a++) {
|
||
var sz = oo[a].textContent.replace(/ /g, ""),
|
||
hsz = sz.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
|
||
|
||
oo[a].textContent = hsz;
|
||
}
|
||
|
||
if (!not_mp) {
|
||
addcrc();
|
||
reload_mp();
|
||
makeSortable(ebi('files'), mp.read_order.bind(mp));
|
||
}
|
||
|
||
if (window['up2k'])
|
||
up2k.set_fsearch();
|
||
|
||
thegrid.setdirty();
|
||
}
|
||
reload_browser(true);
|
||
mukey.render();
|
||
msel.render();
|