';
+ ebi('audio_eq').innerHTML = html;
+
+ var stp = QSA('a.eq_step');
+ for (var a = 0, aa = stp.length; a < aa; a++)
+ stp[a].onclick = eq_step;
+
+ var txt = QSA('input.eq_gain');
+ for (var a = 0; a < r.gains.length; a++) {
+ txt[a].oninput = eq_mod;
+ txt[a].onkeydown = eq_keydown;
+ }
+
+ r.en = bcfg_get('au_eq', false);
+ ebi('au_eq').onclick = function (e) {
+ ev(e);
+ r.en = !r.en;
+ bcfg_set('au_eq', r.en);
+ r.apply();
+ };
+
+ r.draw();
+ return r;
+})();
+
+
+// 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);
+
+ if (tn >= mp.order.length) {
+ if (mpl.pb_mode == 'loop-folder') {
+ tn = 0;
+ }
+ else if (mpl.pb_mode == 'next-folder') {
+ treectl.ls_cb = function () { song_skip(1); };
+ return tree_neigh(1);
+ }
+ }
+
+ if (tn < 0) {
+ if (mpl.pb_mode == 'loop-folder') {
+ tn = mp.order.length - 1;
+ }
+ else if (mpl.pb_mode == 'next-folder') {
+ treectl.ls_cb = function () { song_skip(-1); };
+ return tree_neigh(-1);
+ }
+ }
+
+ 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('loading ogv.js thanks apple ');
+
+ 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;
+ }
+
+ audio_eq.apply();
+
+ 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(
+ '' +
+ '');
+
+ 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'),
+ gfiles = document.createElement('div');
+
+ gfiles.setAttribute('id', 'gfiles');
+ gfiles.style.display = 'none';
+ gfiles.innerHTML = (
+ '' +
+ '
'
+ );
+ 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,
+ 'bbox': null
+ };
+
+ 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('' + ao.innerHTML + ' ' + (idx + 1) + ' / ' + r.bbox.length + ' -- ' +
+ esc(uricom_dec(h.split('/').slice(-1)[0])[0]) + ' ';
+ }
+ })[0];
+ };
+
+ setTimeout(function () {
+ import_js('/.cpr/baguettebox.js', r.bagit);
+ }, 1);
+
+ 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 = ['' + sconf[a][b][2] + ' \n' +
+ '' + (trs[a].concat(trs[a + 1])).join('\n') + '
');
+ }
+ html.push('');
+ 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('') === 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('');
+ html.push('- ! close search results - ' + links + '
', 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] += '' + sv;
+ continue;
+ }
+
+ nodes.push(v);
+ }
+
+ nodes = nodes.concat([ext, unix2iso(ts)]);
+ html.push(nodes.join(' '));
+ html.push(' - [root] \n' + html;
+ if (this.rst || !ebi('treeul').getElementsByTagName('li').length)
+ ebi('treeul').innerHTML = html + ' - ' + esc(name) +
+ " \n";
+
+ 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 = '' + res.srvinf + ' ';
+
+ var top = this.top,
+ nodes = res.dirs.concat(res.files),
+ html = mk_files_header(res.taglist);
+
+ html.push(' ');
+ 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 = ['' + r.lead + ' ' + hname + ' ', 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] += '' + sv;
+ continue;
+ }
+ ln.push(v);
+ }
+ ln = ln.concat([r.ext, unix2iso(r.ts)]).join(' ');
+ html.push(ln + ' ');
+ 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();
+
+ var fun = treectl.ls_cb;
+ if (fun) {
+ treectl.ls_cb = null;
+ fun();
+ }
+ }
+
+ 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 = '' + sym + ' ' + hek + ' ';
+
+ if (res[kk]) {
+ var subtree = parsetree(res[kk], url.slice(1));
+ ret += ' ' + link + '\n \n';
+ }
+ else {
+ ret += '' + link + ' \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);
+ treectl.goto(url.pathname);
+ };
+
+ 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 = [
+ '',
+ 'c File Name Size ' + tag.slice(1);
+ else
+ tag = ' ' + tag;
+
+ html.push(tag + ' T Date ' + esc(hidden[a]) + ' ');
+ }
+ hcols.previousSibling.style.display = html.length ? 'block' : 'none';
+ hcols.innerHTML = html.join('\n');
+ hcols.onclick = hcols_click;
+
+ 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);
+ }
+ };
+ 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],
+ rows = ebi('files').tBodies[0].rows;
+
+ 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(
+ '' + k + ' ' + k + '
switches
{%- if have_zip %}
folder download
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index beaa5cd3..82761521 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -42,6 +42,39 @@ var have_webp = null;
})();
+var mpl = (function () {
+ ebi('op_player').innerHTML = (
+ '
audio equalizer
' +
+
+ '
playback mode ');
+
+ var r = {
+ "pb_mode": sread('pb_mode') || 'loop-folder'
+ };
+
+ function draw_pb_mode() {
+ var btns = QSA('#pb_mode>a');
+ for (var a = 0, aa = btns.length; a < aa; a++) {
+ clmod(btns[a], 'on', btns[a].textContent.indexOf(r.pb_mode) != -1);
+ btns[a].onclick = set_pb_mode;
+ }
+ }
+ draw_pb_mode();
+
+ function set_pb_mode(e) {
+ ev(e);
+ r.pb_mode = this.textContent.split(' ').slice(-1)[0];
+ swrite('pb_mode', r.pb_mode);
+ draw_pb_mode();
+ }
+
+ return r;
+})();
+
+
// extract songs + add play column
function MPlayer() {
this.id = Date.now();
@@ -50,32 +83,6 @@ function MPlayer() {
this.au_ogvjs = null;
this.tracks = {};
this.order = [];
- this.pb_mode = sread('pb_mode') || 'loop-folder';
- var r = this;
-
- ebi('op_player').innerHTML = (
- '
audio equalizer
' +
- '
playback mode ');
-
- function draw_pb_mode() {
- var btns = QSA('#pb_mode>a');
- for (var a = 0, aa = btns.length; a < aa; a++) {
- clmod(btns[a], 'on', btns[a].textContent == r.pb_mode);
- btns[a].onclick = set_pb_mode;
- }
- }
- draw_pb_mode();
-
- function set_pb_mode(e) {
- ev(e);
- r.pb_mode = this.textContent;
- swrite('pb_mode', r.pb_mode);
- draw_pb_mode();
- }
var re_audio = /\.(opus|ogg|m4a|aac|mp3|wav|flac)$/i,
trs = QSA('#files tbody tr');
@@ -730,20 +737,20 @@ function play(tid, seek, call_depth) {
tn = mp.order.indexOf(tn);
if (tn >= mp.order.length) {
- if (mp.pb_mode == 'loop-folder') {
+ if (mpl.pb_mode == 'loop-folder') {
tn = 0;
}
- else if (mp.pb_mode == 'next-folder') {
+ else if (mpl.pb_mode == 'next-folder') {
treectl.ls_cb = function () { song_skip(1); };
return tree_neigh(1);
}
}
if (tn < 0) {
- if (mp.pb_mode == 'loop-folder') {
+ if (mpl.pb_mode == 'loop-folder') {
tn = mp.order.length - 1;
}
- else if (mp.pb_mode == 'next-folder') {
+ else if (mpl.pb_mode == 'next-folder') {
treectl.ls_cb = function () { song_skip(-1); };
return tree_neigh(-1);
}
@@ -1605,6 +1612,11 @@ var treectl = (function () {
onscroll();
}
+ treectl.goto = function (url, push) {
+ get_tree("", url, true);
+ reqls(url, push);
+ }
+
function get_tree(top, dst, rst) {
var xhr = new XMLHttpRequest();
xhr.top = top;
@@ -1869,9 +1881,7 @@ var treectl = (function () {
return;
var url = new URL(e.state, "https://" + document.location.host);
- url = url.pathname;
- get_tree("", url, true);
- reqls(url);
+ treectl.goto(url.pathname);
};
if (window.history && history.pushState) {