mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-18 20:22:27 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

history navigation for modals

Browse source
This commit is contained in:
Til Schmitter 2026-05-02 19:23:29 +02:00
parent 395822d33e
commit b8687aa012
3 changed files with 50 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
copyparty/web/browser.css
View file

@ -4259,9 +4259,9 @@ html.e .overlay_plus {
html.e #spaceUsed_bar {
background: var(--ttlbar);
}
html.e #up_header,
html.e #h_up2k,
html.e #up_status_h,
html.e #s_header {
html.e #h_cfg {
color: #fff;
}
html.e .modalheader:hover {

4
copyparty/web/browser.html
View file

@ -182,7 +182,7 @@
<div id="cfg" class="modal">
<div id="s_outside" class="closepane"></div>
<div id="s_content" class="modalcontent">
<a id="s_header" class="modalheader" href="#s_nav"></a>
<a id="h_cfg" class="modalheader" href="#h_cfg"></a>
<div id="s_hor" class="modalsplit">
<div id="s_nav" class="splitsub"></div>
<div class="divider"></div>
@ -195,7 +195,7 @@
<div id="up2k" class="modal">
<div id="up_outside" class="closepane"></div>
<div id="up_content" class="modalcontent">
<a id="up_header" class="modalheader" href="#">🚀 Upload</a>
<a id="h_up2k" class="modalheader" href="#h_up2k">🚀 Upload</a>
<div id="up_hor" class="modalsplit">
<div id="op_up2k" class="opview splitsub"></div>
<div class="divider"></div>

56
copyparty/web/browser.js
View file

@ -991,7 +991,7 @@ ebi('uq_nf').onclick = function(){
// up2k ui
ebi('up_header').innerHTML = (fun_tgl ? '🚀 ' : '') + L.cl_uopts;
ebi('h_up2k').innerHTML = (fun_tgl ? '🚀 ' : '') + L.cl_uopts;
ebi('op_up2k').innerHTML = (
'<form id="u2form" method="post" enctype="multipart/form-data" onsubmit="return false;"></form>\n' +
@ -1084,7 +1084,7 @@ ebi('op_up2k').innerHTML = (
' </div>' +
'</div>' +
'<details id="bup_tgl" href="#v=bup" data-dest="bup" data-perm="write" tt="' + L.ot_bup + '"><summary id="sum_bup">' + (IE ? '>> ' : '') + L.bup + (IE ? ' <<' : '') + '</summary></details>'
'<details id="bup_tgl" href="#v=bup" data-dest="bup" data-perm="write" tt="' + L.ot_bup + '"><summary id="h_bup">' + (IE ? '>> ' : '') + L.bup + (IE ? ' <<' : '') + '</summary></details>'
);
@ -1117,9 +1117,18 @@ ebi('up_info').innerHTML = (
);
ebi('up_outside').onclick = ebi('c_up_btn').onclick = function(){
location.hash = '#';
modaltoggle('up2k');
}
ebi('h_up2k').onclick = function(){
ebi('up_info').scrollTop =
ebi('op_up2k').scrollTop =
ebi('up_hor').scrollTop =
ebi('up_content').scrollTop =
0;
}
ebi('sum_u2conf').onclick = function(){
clmod(this.parentElement, 'open', 't');
}
@ -1132,7 +1141,7 @@ x.parentNode.insertBefore(mknod('div', null,
var bup = ebi('op_bup');
ebi('bup_tgl').appendChild(bup);
ebi('sum_bup').onclick = function() {
ebi('h_bup').onclick = function() {
var open = !clgot(bup, 'act');
if(open)
modaltoggle('bup', true);
@ -1141,11 +1150,6 @@ ebi('sum_bup').onclick = function() {
ebi('bup_tgl').open = !open;
};
ebi('up_moreopts').onclick = function(){
modaltoggle('cfg', true);
location.hash = ebi('up_moreopts').href;
};
(function () {
var o = mknod('div');
o.innerHTML = (
@ -1333,7 +1337,7 @@ ebi('op_cfg').innerHTML = (
// modalize settings
(function () {
ebi('s_header').innerHTML = (fun_tgl ? '⚙️ ' : '') + L.ot_cfg;
ebi('h_cfg').innerHTML = (fun_tgl ? '⚙️ ' : '') + L.ot_cfg;
var sections = ebi('op_cfg').children;
for (var i = 0; i < sections.length; i++){
var h = sections[i].children[0];
@ -1364,8 +1368,17 @@ ebi('op_cfg').innerHTML = (
}
ebi('s_outside').onclick = ebi('cs_btn').onclick = function(){
location.hash = '#';
modaltoggle('cfg');
}
ebi('h_cfg').onclick = function(){
ebi('s_list').scrollTop =
ebi('s_hor').scrollTop =
ebi('s_nav').scrollTop =
ebi('s_content').scrollTop =
0;
}
})();
// accent color
@ -1481,7 +1494,7 @@ function modaltoggle(dest, show){
if (show == false || show == 't' && QS('#' + dest + '.vis'))
dest = '';
swrite('opmode', dest || null);
//swrite('opmode', dest || null);
goto(dest);
@ -1544,6 +1557,7 @@ function goto(dest) {
var modal = ebi(dest);
if(modal != null){
clmod(modal, 'vis', true);
location.hash = '#h_' + dest;
}
var opd = ebi('op_' + dest);
@ -1554,6 +1568,7 @@ function goto(dest) {
if(dest == 'bup'){
clmod(ebi('up2k'), 'vis', true);
location.hash = '#h_bup';
}
if(dest == 'bup' || dest == 'up2k')
ebi('bup_tgl').open = dest == 'bup';
@ -1574,6 +1589,27 @@ function goto(dest) {
}
window.onhashchange = function() {
var a_modal = QS('.modal.vis');
if(location.hash.length <= 1 && a_modal){
modaltoggle(a_modal.id);
}
if(a_modal && location.hash == '#h_' + a_modal.id){
var m_header = QS('.modal.vis .modalheader');
if(m_header)
m_header.click();
}
else if (location.hash.startsWith("#h_")){
var header = ebi(location.hash.slice(1));
var p_modal = header.closest('.modal');
console.log(p_modal)
if(!clgot(p_modal, 'vis'))
modaltoggle(p_modal.id);
ebi(location.hash.slice(1)).scrollIntoView();
}
}
var m = SPINNER.split(','),
SPINNER_CSS = SPINNER.slice(1 + m[0].length);
SPINNER = m[0];