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

hash navigation logic clean up

Browse source
This commit is contained in:
Til Schmitter 2026-05-02 19:51:47 +02:00
parent fc83103dad
commit 41ac2bf1c8
2 changed files with 13 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
copyparty/web/browser.html
View file

@ -180,7 +180,7 @@
<div id="cfg" class="modal"> <div id="cfg" class="modal">
<div id="s_outside" class="closepane"></div> <div id="s_outside" class="closepane" href="#"></div>
<div id="s_content" class="modalcontent"> <div id="s_content" class="modalcontent">
<a id="h_cfg" class="modalheader" href="#h_cfg"></a> <a id="h_cfg" class="modalheader" href="#h_cfg"></a>
<div id="s_hor" class="modalsplit"> <div id="s_hor" class="modalsplit">
@ -188,12 +188,12 @@
<div class="divider"></div> <div class="divider"></div>
<div id="s_list" class="opview splitsub"></div> <div id="s_list" class="opview splitsub"></div>
</div> </div>
<a id="cs_btn" class="close btn">✕</a> <a class="close btn" href="#">✕</a>
</div> </div>
</div> </div>
<div id="up2k" class="modal"> <div id="up2k" class="modal">
<div id="up_outside" class="closepane"></div> <div id="up_outside" class="closepane" href="#"></div>
<div id="up_content" class="modalcontent"> <div id="up_content" class="modalcontent">
<a id="h_up2k" class="modalheader" href="#h_up2k">🚀 Upload</a> <a id="h_up2k" class="modalheader" href="#h_up2k">🚀 Upload</a>
<div id="up_hor" class="modalsplit"> <div id="up_hor" class="modalsplit">
@ -201,7 +201,7 @@
<div class="divider"></div> <div class="divider"></div>
<div id="up_info" class="splitsub"></div> <div id="up_info" class="splitsub"></div>
</div> </div>
<a id="c_up_btn" class="close btn">✕</a> <a class="close btn" href="#">✕</a>
</div> </div>
</div> </div>

22
copyparty/web/browser.js
View file

@ -1116,11 +1116,6 @@ ebi('up_info').innerHTML = (
'<div id="u2foot"></div>' '<div id="u2foot"></div>'
); );
ebi('up_outside').onclick = ebi('c_up_btn').onclick = function(){
location.hash = '#';
modaltoggle('up2k');
}
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 =
@ -1367,11 +1362,6 @@ ebi('op_cfg').innerHTML = (
ebi('s_nav').innerHTML += '<a href="#' + sId + '" class="btn ' + sections[i].classList +'">' + sName + '</a>\n'; ebi('s_nav').innerHTML += '<a href="#' + sId + '" class="btn ' + sections[i].classList +'">' + sName + '</a>\n';
} }
ebi('s_outside').onclick = ebi('cs_btn').onclick = function(){
location.hash = '#';
modaltoggle('cfg');
}
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 =
@ -1557,7 +1547,8 @@ function goto(dest) {
var modal = ebi(dest); var modal = ebi(dest);
if(modal != null){ if(modal != null){
clmod(modal, 'vis', true); clmod(modal, 'vis', true);
location.hash = '#h_' + dest; if(location.hash.length <= 1)
location.hash = '#h_' + dest;
} }
var opd = ebi('op_' + dest); var opd = ebi('op_' + dest);
@ -1594,18 +1585,23 @@ window.onhashchange = function() {
var a_modal = QS('.modal.vis'); var a_modal = QS('.modal.vis');
if(location.hash.length <= 1 && a_modal){ if(location.hash.length <= 1 && a_modal){
modaltoggle(a_modal.id); modaltoggle(a_modal.id);
console.log('closing modal due to hash');
} }
if(a_modal && location.hash == '#h_' + a_modal.id){ if(a_modal && location.hash == '#h_' + a_modal.id){
var m_header = QS('.modal.vis .modalheader'); var m_header = QS('.modal.vis .modalheader');
if(m_header) if(m_header){
m_header.click(); m_header.click();
console.log('going to top of modal');
}
} }
else if (location.hash.startsWith("#h_")){ else if (location.hash.startsWith("#h_")){
var header = ebi(location.hash.slice(1)); var header = ebi(location.hash.slice(1));
var p_modal = header.closest('.modal'); var p_modal = header.closest('.modal');
console.log(p_modal) console.log(p_modal)
if(!clgot(p_modal, 'vis')) if(!clgot(p_modal, 'vis')){
console.log('forcing modal open due to subheader hash');
modaltoggle(p_modal.id); modaltoggle(p_modal.id);
}
ebi(location.hash.slice(1)).scrollIntoView(); ebi(location.hash.slice(1)).scrollIntoView();
} }
} }