mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-21 13:42:29 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

more layout fixes

Browse source
This commit is contained in:
Til Schmitter 2026-05-08 23:21:23 +02:00
parent 87f377cc72
commit 7c56989cf0
2 changed files with 64 additions and 75 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
copyparty/web/browser.css
View file

@ -955,37 +955,30 @@ tr.play td:nth-child(1) a {
border-color: var(--g-f-b1); border-color: var(--g-f-b1);
box-shadow: 0 .1em .3em var(--g-sh); box-shadow: 0 .1em .3em var(--g-sh);
} }
#ggrid>a svg { #ggrid>a.play .thumb {
position: absolute;
max-width: 10em;
max-width: calc(var(--grid-sz) - 4px);
max-height: 8em;
max-height: calc(var(--grid-sz)/1.25);
display: block;
width: 100%;
height: 100%;
height: calc(100% - 8px);
border-radius: calc(var(--radius) / 3 * 2);
}
#ggrid>a.play svg {
background: var(--bg-u2); background: var(--bg-u2);
} }
#ggrid>a .thumb,
#ggrid>a img { #ggrid>a img {
z-index: 1; z-index: 1;
border-radius: 5px; border-radius: 5px;
border-radius: calc(var(--radius) / 3 * 2); border-radius: calc(var(--radius) / 3 * 2);
max-width: 10em; max-width: 10em;
max-width: calc(var(--grid-sz) - 4px); max-width: calc(var(--grid-sz) - 4px);
max-height: 8em;
max-height: calc(var(--grid-sz)/1.25);
margin: 0 auto; margin: 0 auto;
display: block; display: block;
width: 100%; width: 100%;
height: calc(var(--grid-sz) - 2.5em); height: calc(var(--grid-sz) - 2.5em);
object-fit: cover; object-fit: cover;
} }
#ggrid>a img {
position: absolute;
opacity: 0;
}
#ggrid>a.dir .thumb,
#ggrid>a.dir img { #ggrid>a.dir img {
max-height: calc(var(--grid-sz)/1.25 - 10px); max-width: calc(var(--grid-sz) - 20px);
margin: 10px auto 0 auto;
} }
#ggrid.noupscale>a img { #ggrid.noupscale>a img {
width: auto; width: auto;
@ -994,10 +987,6 @@ tr.play td:nth-child(1) a {
#ggrid.noupscale.gallery.nocrop>a img { #ggrid.noupscale.gallery.nocrop>a img {
object-fit: scale-down; object-fit: scale-down;
} }
#ggrid>a.dir img {
max-width: calc(var(--grid-sz) - 20px);
margin: 10px auto 0 auto;
}
#ggrid.nocrop>a img { #ggrid.nocrop>a img {
max-height: 20em; max-height: 20em;
max-height: calc(var(--grid-sz)*2); max-height: calc(var(--grid-sz)*2);
@ -3993,6 +3982,7 @@ html.e #wrap.thin {
span:not(.th_ext) { span:not(.th_ext) {
display: none; display: none;
} }
.thumb,
img { img {
max-height: none; max-height: none;
height: calc(var(--grid-sz) - 8px); height: calc(var(--grid-sz) - 8px);
@ -4009,6 +3999,7 @@ html.e #wrap.thin {
} }
a { a {
margin-bottom: .2em; margin-bottom: .2em;
.thumb,
img { img {
height: calc(var(--grid-sz) - 1.5em); height: calc(var(--grid-sz) - 1.5em);
} }
@ -4016,12 +4007,14 @@ html.e #wrap.thin {
a.img { a.img {
min-width: calc(var(--grid-sz) / 2); min-width: calc(var(--grid-sz) / 2);
width: auto; width: auto;
.thumb,
img { img {
max-width: 100%; max-width: 100%;
height: var(--grid-sz); height: var(--grid-sz);
} }
} }
a.dir { a.dir {
.thumb,
img { img {
height: calc(var(--grid-sz) - 1.5em - 10px); height: calc(var(--grid-sz) - 1.5em - 10px);
margin-left: 10px; margin-left: 10px;

106
copyparty/web/browser.js
View file

@ -1130,10 +1130,10 @@ ebi('up_info').innerHTML = (
); );
ebi('h_up2k').onclick = function(){ ebi('h_up2k').onclick = function(){
ebi('up_info').scrollTop = ebi('up_info').scrollTop =
ebi('op_up2k').scrollTop = ebi('op_up2k').scrollTop =
ebi('up_hor').scrollTop = ebi('up_hor').scrollTop =
ebi('up_content').scrollTop = ebi('up_content').scrollTop =
0; 0;
} }
@ -1370,7 +1370,7 @@ ebi('op_cfg').innerHTML = (
s.removeAttribute('tt'); s.removeAttribute('tt');
section += '<div id="' + subSettings.id + '" class="setting">' + section += '<div id="' + subSettings.id + '" class="setting">' +
s.outerHTML + s.outerHTML +
((info != null && info.length > 0) ? '<p class="s_desc">' + info + '</p>' : '') + ((info != null && info.length > 0) ? '<p class="s_desc">' + info + '</p>' : '') +
'</div>'; '</div>';
} }
subSettings.innerHTML = ''; subSettings.innerHTML = '';
@ -1381,10 +1381,10 @@ ebi('op_cfg').innerHTML = (
} }
ebi('h_cfg').onclick = function(){ ebi('h_cfg').onclick = function(){
ebi('s_list').scrollTop = ebi('s_list').scrollTop =
ebi('s_hor').scrollTop = ebi('s_hor').scrollTop =
ebi('s_nav').scrollTop = ebi('s_nav').scrollTop =
ebi('s_content').scrollTop = ebi('s_content').scrollTop =
0; 0;
} }
})(); })();
@ -1419,12 +1419,12 @@ ebi('accent').oninput = ebi('accent_picker').oninput = function () {
} }
clmod(ebi('accent'), 'invalid', this.value.length != 0 && validcolor.length == 0); clmod(ebi('accent'), 'invalid', this.value.length != 0 && validcolor.length == 0);
if(validcolor == accent) if(validcolor == accent)
return; return;
setTimeout(function(){ setTimeout(function(){
setColor(validcolor); setColor(validcolor);
}, 100); }, 100);
} }
var accent = sread('accent'); var accent = sread('accent');
if(accent && accent.length > 3){ if(accent && accent.length > 3){
@ -1602,7 +1602,7 @@ function goto(dest) {
} }
ebi('srchfolder_div').style.display = dest == 'search' ? 'block' : 'none'; ebi('srchfolder_div').style.display = dest == 'search' ? 'block' : 'none';
clmod(document.documentElement, 'op_open', dest); clmod(document.documentElement, 'op_open', dest);
// enables the use of keyboard page nav on modals // enables the use of keyboard page nav on modals
var a_modal = QS('.modal.vis'); var a_modal = QS('.modal.vis');
@ -2223,7 +2223,7 @@ function MPlayer() {
continue; continue;
tid = tid.slice(1); tid = tid.slice(1);
if (r.tracks[tid]) if (r.tracks[tid])
order.push(tid); order.push(tid);
} }
r.order = order; r.order = order;
@ -2681,7 +2681,7 @@ var pbar = (function () {
} }
var step = sm > 1 ? 1 : sm > 0.4 ? 3 : sm > 0.05 ? 30 : 720; var step = sm > 1 ? 1 : sm > 0.4 ? 3 : sm > 0.05 ? 30 : 720;
//bctx.fillStyle = light && !dy ? 'rgba(0,0,0,0.15)' : 'rgba(255, 255, 255, 0.15)'; //bctx.fillStyle = light && !dy ? 'rgba(0,0,0,0.15)' : 'rgba(255, 255, 255, 0.15)';
//for (var p = step, mins = adur / 10; p <= mins; p += step) //for (var p = step, mins = adur / 10; p <= mins; p += step)
// bctx.fillRect(Math.floor(sm * p * 10), 0, 2, pc.h); // bctx.fillRect(Math.floor(sm * p * 10), 0, 2, pc.h);
@ -2819,7 +2819,7 @@ var vbar = (function () {
var accent = getComputedStyle(document.body).getPropertyValue('--a'); var accent = getComputedStyle(document.body).getPropertyValue('--a');
var bg = getComputedStyle(document.body).getPropertyValue('--bg-u2'); var bg = getComputedStyle(document.body).getPropertyValue('--bg-u2');
var gh = h + '' + light + '/' + accent, var gh = h + '' + light + '/' + accent,
dz = themen == 'dz', dz = themen == 'dz',
dy = themen == 'dy'; dy = themen == 'dy';
@ -2835,7 +2835,7 @@ var vbar = (function () {
} }
ctx.fillStyle = style2; ctx.fillRect(0, 0, w, h); ctx.fillStyle = style2; ctx.fillRect(0, 0, w, h);
ctx.fillStyle = style1; ctx.fillRect(0, 0, w * mp.vol, h); ctx.fillStyle = style1; ctx.fillRect(0, 0, w * mp.vol, h);
// var vt = Math.floor(mp.vol * 100) + '%', // var vt = Math.floor(mp.vol * 100) + '%',
// tw = ctx.measureText(vt).width, // tw = ctx.measureText(vt).width,
// x = w * mp.vol - tw - 8, // x = w * mp.vol - tw - 8,
@ -3661,7 +3661,7 @@ var afilt = (function () {
ebi('h_drc').textContent = f2f(r.drcn.reduction, 1); ebi('h_drc').textContent = f2f(r.drcn.reduction, 1);
} }
ebi('audio_eq').innerHTML = '<a id="au_eq" class="tgl btn" href="#">' + L.enable + ebi('audio_eq').innerHTML = '<a id="au_eq" class="tgl btn" href="#">' + L.enable +
'</a><p class="s_desc">' + tt.parse(L.mt_eq) + '</p><br/>'; '</a><p class="s_desc">' + tt.parse(L.mt_eq) + '</p><br/>';
var html = ['<table><tr>'], var html = ['<table><tr>'],
@ -3694,7 +3694,7 @@ var afilt = (function () {
html += h5.join('\n') + '</tr><table>'; html += h5.join('\n') + '</tr><table>';
ebi('audio_eq').innerHTML += html; ebi('audio_eq').innerHTML += html;
ebi('audio_drc').innerHTML = '<a id="au_drc" class="tgl btn" href="#">' + L.enable + ebi('audio_drc').innerHTML = '<a id="au_drc" class="tgl btn" href="#">' + L.enable +
'</a><p class="s_desc">' + tt.parse(L.mt_drc) + '</p><br/>'; '</a><p class="s_desc">' + tt.parse(L.mt_drc) + '</p><br/>';
h2 = []; h2 = [];
html = ['<table><tr>']; html = ['<table><tr>'];
@ -3707,7 +3707,7 @@ var afilt = (function () {
html += h2.join('\n') + '</tr><table>'; html += h2.join('\n') + '</tr><table>';
ebi('audio_drc').innerHTML += html; ebi('audio_drc').innerHTML += html;
ebi('audio_ss').innerHTML = '<a id="au_ss" class="tgl btn" href="#">' + L.enable + ebi('audio_ss').innerHTML = '<a id="au_ss" class="tgl btn" href="#">' + L.enable +
'</a><p class="s_desc">' + tt.parse(L.mt_ss) + '</p><br/>'; '</a><p class="s_desc">' + tt.parse(L.mt_ss) + '</p><br/>';
h2 = []; h2 = [];
html = ['<table><tr>']; html = ['<table><tr>'];
@ -6099,7 +6099,7 @@ var thegrid = (function () {
ico1.outerHTML + ico1.outerHTML +
ico2.outerHTML + ico2.outerHTML +
'<details id="hcol_dd">' + '<details id="hcol_dd">' +
'<summary id="h_hidden">' + L.cl_hiddenc + '</summary>' + '<summary id="h_hidden">' + L.cl_hiddenc + '</summary>' +
'<div id="hcol_content" class="setting">' + '<div id="hcol_content" class="setting">' +
'<a class="btn tgl" href="#" id="hcolsh">' + L.cl_hidec + '</a>' + '<a class="btn tgl" href="#" id="hcolsh">' + L.cl_hidec + '</a>' +
'<a class="btn" id="hcolsr">' + L.cl_reset + '</a>' + '<a class="btn" id="hcolsr">' + L.cl_reset + '</a>' +
@ -6462,13 +6462,13 @@ var thegrid = (function () {
'" class="' + ac + '" ttt="' + esc(name) + '">' + '" class="' + ac + '" ttt="' + esc(name) + '">' +
'<div class="imgcontainer">' + '<div class="imgcontainer">' +
'<input type="checkbox" class="gselchk"></input>' + '<input type="checkbox" class="gselchk"></input>' +
'<svg class="thumb" width="100%" height="100%" version="1.1"><use href="#' + '<svg class="thumb" width="100%" height="100%" version="1.1"><use href="#' +
(isdir ? 'folder' : 'file') + '-icon" color="' + (isdir ? 'folder' : 'file') + '-icon" color="' +
(ext == 'unk' || ext.startsWith('/') ? '#0000' : intToHSL(hashCode(ext))) + '"/></svg>' + (ext == 'unk' || ext.startsWith('/') ? '#0000' : intToHSL(hashCode(ext))) + '"/></svg>' +
(isdir || ext == 'unk' || ext.startsWith('/') ? '' : (isdir || ext == 'unk' || ext.startsWith('/') ? '' :
'<span class="th_ext" style="font-size: ' + (r.sz / 5) +'em; font-size:calc(var(--grid-sz) / 5 * ' + '<span class="th_ext" style="font-size: ' + (r.sz / 5) +'em; font-size:calc(var(--grid-sz) / 5 * ' +
(ext.length > 3 ? 1 / (3 + ext.length * .4) * 3 : 1) + ')">' + ext + '</span>') + (ext.length > 3 ? 1 / (3 + ext.length * .4) * 3 : 1) + ')">' + ext + '</span>') +
'<img loading="lazy" onload="th_onload(this)" onerror="th_onerror(this)" src="' + '<img loading="lazy" onload="th_onload(this)" src="' +
ihref + '" /></div><span class="' + ac + '">' + ao.innerHTML + '</span></a>'); ihref + '" /></div><span class="' + ac + '">' + ao.innerHTML + '</span></a>');
} }
ggrid.innerHTML = html.join('\n'); ggrid.innerHTML = html.join('\n');
@ -6644,7 +6644,7 @@ var thegrid = (function () {
var n = parseInt(this.value); var n = parseInt(this.value);
swrite('ga_thresh', r.gathr = (isNum(n) ? n : 0) || 70); swrite('ga_thresh', r.gathr = (isNum(n) ? n : 0) || 70);
}; };
var gbtn = QSA('.gb_grd'); var gbtn = QSA('.gb_grd');
for(var a = 0; a < gbtn.length; a++) for(var a = 0; a < gbtn.length; a++)
gbtn[a].onclick = function(){ gbtn[a].onclick = function(){
@ -6668,18 +6668,14 @@ var thegrid = (function () {
function th_onload(el) { function th_onload(el) {
el.style.position = 'static'
el.style.opacity = '1' el.style.opacity = '1'
el.style.height = ''; el.style.height = '';
el.previousSibling.style.display = el.previousSibling.style.display =
el.previousSibling.previousSibling.style.display = el.previousSibling.previousSibling.style.display =
'none' 'none'
} }
function th_onerror(el) {
el.style.opacity = '0'
el.style.pointerEvents = 'none'
}
function tree_scrollto(e) { function tree_scrollto(e) {
ev(e); ev(e);
@ -7148,7 +7144,7 @@ var search_ui = (function () {
o[a].oninput = ev_search_input; o[a].oninput = ev_search_input;
o[a].onkeydown = ev_search_keydown; o[a].onkeydown = ev_search_keydown;
} }
var folderSearch = ebi('folder_search'); var folderSearch = ebi('folder_search');
folderSearch.placeholder = L.s_dir; folderSearch.placeholder = L.s_dir;
folderSearch.onfocus = function(){ folderSearch.onfocus = function(){
@ -7322,7 +7318,7 @@ var search_ui = (function () {
if(q.length > 0) if(q.length > 0)
q += ' and '; q += ' and ';
q += ' ( '; q += ' ( ';
for (var c = 0; c < tvs.length; c++) { for (var c = 0; c < tvs.length; c++) {
var tv = tvs[c]; var tv = tvs[c];
@ -7656,7 +7652,7 @@ function onwidgetresize(){
var width = widget.offsetWidth; var width = widget.offsetWidth;
var thin = width < 800; //px var thin = width < 800; //px
clmod(ebi('pathBar'), 'thin', thin); clmod(ebi('pathBar'), 'thin', thin);
clmod(ebi('wrap'), 'thin', thin); clmod(ebi('wrap'), 'thin', thin);
@ -7685,7 +7681,7 @@ function onwidgetresize(){
} }
ebi('altprogbar').maxWidth = thin ? '' : '40vw' ebi('altprogbar').maxWidth = thin ? '' : '40vw'
bar.style.gridTemplateColumns = gtc; bar.style.gridTemplateColumns = gtc;
clmod(widget, 'thin', thin); clmod(widget, 'thin', thin);
pbar.onresize(); pbar.onresize();
@ -7791,7 +7787,7 @@ var treectl = (function () {
clmod(ebi('wfp'), 'shifted', false); clmod(ebi('wfp'), 'shifted', false);
window.addEventListener('scroll', onscroll); window.addEventListener('scroll', onscroll);
window.addEventListener('resize', onresize); window.addEventListener('resize', onresize);
// makes animation work by waiting for next frame // makes animation work by waiting for next frame
setTimeout(function () { setTimeout(function () {
onresize(); onresize();
@ -8712,11 +8708,11 @@ var treectl = (function () {
swrite('treesz', treesz); swrite('treesz', treesz);
onresize(); onresize();
} }
var svg_hamburger = svg_box + '<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Menu"><rect id="Rectangle" fill-rule="nonzero" x="0" y="0" width="24" height="24"></rect><line x1="5" y1="7" x2="19" y2="7" id="Path" ' + svg_options + '></line><line x1="5" y1="17" x2="19" y2="17" id="Path" ' + svg_options + '></line><line x1="5" y1="12" x2="19" y2="12" id="Path" ' + svg_options + '></line></g></g></svg>' var svg_hamburger = svg_box + '<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Menu"><rect id="Rectangle" fill-rule="nonzero" x="0" y="0" width="24" height="24"></rect><line x1="5" y1="7" x2="19" y2="7" id="Path" ' + svg_options + '></line><line x1="5" y1="17" x2="19" y2="17" id="Path" ' + svg_options + '></line><line x1="5" y1="12" x2="19" y2="12" id="Path" ' + svg_options + '></line></g></g></svg>'
ebi('treeToggleBtn').innerHTML = svg_hamburger; ebi('treeToggleBtn').innerHTML = svg_hamburger;
ebi('treeToggleBtn').setAttribute('tt', L.tt_entree); ebi('treeToggleBtn').setAttribute('tt', L.tt_entree);
ebi('treeToggleBtn').onclick = r.toggleTree; ebi('treeToggleBtn').onclick = r.toggleTree;
ebi('visdir').onclick = tree_scrollto; ebi('visdir').onclick = tree_scrollto;
ebi('twig').onclick = scaletree; ebi('twig').onclick = scaletree;
@ -10444,7 +10440,7 @@ function scroll_v_to_h (e, o) {
ev(e); ev(e);
var delta = e.deltaY || e.deltaX; var delta = e.deltaY || e.deltaX;
var maxScrollLeft = o.scrollWidth - o.clientWidth; var maxScrollLeft = o.scrollWidth - o.clientWidth;
o.scrollLeft = Math.max(0, Math.min(maxScrollLeft, o.scrollLeft + delta)); o.scrollLeft = Math.max(0, Math.min(maxScrollLeft, o.scrollLeft + delta));
} }
function keep_right (o) { function keep_right (o) {
@ -10674,7 +10670,7 @@ var rcm = (function () {
var maxh = Math.min(y, vh / 2); var maxh = Math.min(y, vh / 2);
menu.style.maxHeight = 'calc(100% - ' + maxh + 'px - 2em)'; menu.style.maxHeight = 'calc(100% - ' + maxh + 'px - 2em)';
if(y > vh / 2){ if(y > vh / 2){
// low click => menu upwards // low click => menu upwards
menu.style.top = ''; menu.style.top = '';
@ -10739,7 +10735,7 @@ var drag = (function() {
r.mktarget = function(elem) { r.mktarget = function(elem) {
if (!r.enabled) return; if (!r.enabled) return;
elem.ondragenter = elem.ondragleave = elem.ondragover = function(e) { elem.ondragenter = elem.ondragleave = elem.ondragover = function(e) {
if (!r.enabled) return; if (!r.enabled) return;
var elemHref = basenames((elem.tagName == "A" ? elem : elem.querySelector("td:nth-child(2) a")).href.split("?")[0]) var elemHref = basenames((elem.tagName == "A" ? elem : elem.querySelector("td:nth-child(2) a")).href.split("?")[0])
@ -10764,10 +10760,10 @@ var drag = (function() {
} }
}; };
} }
r.initfiles = function() { r.initfiles = function() {
if (!r.enabled) return; if (!r.enabled) return;
var files = QSA("#files tbody tr"); var files = QSA("#files tbody tr");
for (var i = 0; i < files.length; i++) { for (var i = 0; i < files.length; i++) {
var f = files[i]; var f = files[i];
@ -10786,7 +10782,7 @@ var drag = (function() {
f.ondragend = function() { f.ondragend = function() {
r.no_warn = false; r.no_warn = false;
}; };
var links = f.querySelectorAll("a"); var links = f.querySelectorAll("a");
for (var j = 0; j < links.length; j++) for (var j = 0; j < links.length; j++)
links[j].draggable = false; links[j].draggable = false;
@ -10909,19 +10905,19 @@ function reload_browser() {
var selbox = null; var selbox = null;
var ttimer = null; var ttimer = null;
var lpdelay = 250; var lpdelay = 250;
var mvthresh = 44; var mvthresh = 44;
function unbox() { function unbox() {
qsr('.selbox'); qsr('.selbox');
ebi('gfiles').style.removeProperty('pointer-events') ebi('gfiles').style.removeProperty('pointer-events')
ebi('wrap').style.removeProperty('user-select') ebi('wrap').style.removeProperty('user-select')
if (selbox) { if (selbox) {
console.log(selbox) console.log(selbox)
window.getSelection().removeAllRanges(); window.getSelection().removeAllRanges();
} }
is_selma = false; is_selma = false;
dragging = false; dragging = false;
fwrap = null; fwrap = null;
@ -10942,7 +10938,7 @@ function reload_browser() {
if (ehidden) { if (ehidden) {
var tr = ehidden.closest('tr'); var tr = ehidden.closest('tr');
if (tr) clmod(tr, 'sel', m); if (tr) clmod(tr, 'sel', m);
var chk = el.getElementsByTagName('input')[0]; var chk = el.getElementsByTagName('input')[0];
if(chk) chk.checked = m; if(chk) chk.checked = m;
} }
@ -10967,7 +10963,7 @@ function reload_browser() {
starty = pos.y; starty = pos.y;
is_selma = true; is_selma = true;
ttimer = null; ttimer = null;
if (e.type === 'touchstart') { if (e.type === 'touchstart') {
ttimer = setTimeout(function () { ttimer = setTimeout(function () {
ttimer = null; ttimer = null;
@ -10975,7 +10971,7 @@ function reload_browser() {
}, lpdelay); }, lpdelay);
} }
} }
function start_drag() { function start_drag() {
if (dragging) return; if (dragging) return;
@ -10986,7 +10982,7 @@ function reload_browser() {
ebi('gfiles').style.pointerEvents = 'none'; ebi('gfiles').style.pointerEvents = 'none';
} }
function sel_move(e) { function sel_move(e) {
if (!is_selma) return; if (!is_selma) return;
var pos = getpp(e); var pos = getpp(e);
@ -11001,7 +10997,7 @@ function reload_browser() {
return; return;
} }
if (!dragging && dist > mvthresh && !window.getSelection().toString()) { if (!dragging && dist > mvthresh && !window.getSelection().toString()) {
if (fwrap = e.target.closest('#wrap')) if (fwrap = e.target.closest('#wrap'))
fwrap.style.userSelect = 'none'; fwrap.style.userSelect = 'none';
else return; else return;
start_drag(); start_drag();
@ -11049,7 +11045,7 @@ function reload_browser() {
} }
}); });
} }
dsel_init(); dsel_init();
})(); })();
@ -11092,7 +11088,7 @@ var mpss = (function () {
var gain = afilt.ssg.gain; var gain = afilt.ssg.gain;
var duration = ae.duration || 0; var duration = ae.duration || 0;
var slimit = duration * (config.sthresh / 100); var slimit = duration * (config.sthresh / 100);
var elimit = duration * (1 - (config.etresh / 100)); var elimit = duration * (1 - (config.etresh / 100));
var in_limits = ae.currentTime < slimit || ae.currentTime > elimit; var in_limits = ae.currentTime < slimit || ae.currentTime > elimit;