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

music subsettings indentation

Browse source
This commit is contained in:
Til Schmitter 2026-04-27 11:53:38 +02:00
parent b217ecae2b
commit b393458787
2 changed files with 35 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
copyparty/web/browser.css
View file

@ -2837,6 +2837,16 @@ html.c .modalcontent {
padding: .5em;
margin: 0 0 1.3em 0;
}
#s_nav .sub {
margin-left: 1em;
}
#s_list .sub_section h3 {
background: none;
border-top: var(--bg-u5) solid 1px;
border-radius: 0;
margin: 0 -.4em;
text-align: center;
}

47
copyparty/web/browser.js
View file

@ -1142,7 +1142,9 @@ ebi('up_moreopts').onclick = function(){
// config panel
var musicSettings = (
'<div><h3 id="h_mpopts">🎵 ' + L.ot_mp + '</h3><div>' +
'<div class="sub_section"><h3 id="h_mp">🎵 ' + L.ot_mp + '</h3></div>' +
'<div class="sub"><h3 id="h_mpopts">✅ ' + L.cl_opts + '</h3><div>' +
'<a href="#" class="tgl btn" id="au_loop" tt="' + L.mt_loop + '">🔂</a>' +
'<a href="#" class="tgl btn" id="au_one" tt="' + L.mt_one + '</a>' +
'<a href="#" class="tgl btn" id="au_aplay" tt="' + L.mt_aplay + '</a>' +
@ -1160,23 +1162,23 @@ var musicSettings = (
'<a href="#" class="tgl btn" id="au_compact" tt="' + L.mt_compact + '</a>' +
'</div></div>' +
'<div><h3 id="h_cmds">▶️ ' + L.ml_btns + '</h3><div>' +
'<div class="sub"><h3 id="h_cmds">▶️ ' + L.ml_btns + '</h3><div>' +
'<a href="#" class="btn" id="au_uncache" tt="' + L.mt_uncache + '</a>' +
'</div></div>' +
'<div><h3 id="h_pbmode">📁 ' + L.ml_pmode + '</h3><div id="pb_mode">' +
'<div class="sub"><h3 id="h_pbmode">📁 ' + L.ml_pmode + '</h3><div id="pb_mode">' +
'<a href="#" class="tgl btn" m="loop" tt="' + L.mt_mloop + '">🔁</a>' +
'<a href="#" class="tgl btn" m="next" tt="' + L.mt_mnext + '</a>' +
'<a href="#" class="tgl btn" m="stop" tt="' + L.mt_mstop + '</a>' +
'</div></div>' +
(have_acode ? (
'<div><h3 id="h_transfrom">🏹 ' + L.ml_tcode + '</h3><div>' +
'<div class="sub"><h3 id="h_transfrom">🏹 ' + L.ml_tcode + '</h3><div>' +
'<a href="#" id="ac_flac" class="tgl btn" tt="' + L.mt_cflac + '</a>' +
'<a href="#" id="ac_aac" class="tgl btn" tt="' + L.mt_caac + '</a>' +
'<a href="#" id="ac_oth" class="tgl btn" tt="' + L.mt_coth + '</a>' +
'</div></div>' +
'<div><h3 id="h_transto">🎯 ' + L.ml_tcode2 + '</h3><div>' +
'<div class="sub"><h3 id="h_transto">🎯 ' + L.ml_tcode2 + '</h3><div>' +
'<a href="#" id="ac2opus" class="tgl btn" tt="' + L.mt_c2opus + '</a>' +
'<a href="#" id="ac2owa" class="tgl btn" tt="' + L.mt_c2owa + '</a>' +
'<a href="#" id="ac2caf" class="tgl btn" tt="' + L.mt_c2caf + '</a>' +
@ -1186,13 +1188,13 @@ var musicSettings = (
'</div></div>'
) : '') +
'<div><h3 id="h_tint">🕶️ ' + L.ml_tint + '</h3><div>' +
'<div class="sub"><h3 id="h_tint">🕶️ ' + L.ml_tint + '</h3><div>' +
'<input type="text" id="pb_tint" value="0" ' + NOAC + ' style="width:2.4em" tt="' + L.mt_tint + '" />' +
'</div></div>' +
'<div><h3 id="h_drc">🐘 ' + L.ml_drc + '</h3><div><div id="audio_drc"></div></div></div>' +
'<div><h3 id="h_eq">📊 ' + L.ml_eq + '</h3><div><div id="audio_eq"></div></div></div>' +
'<div><h3 id="h_silence">🔇 ' + L.ml_ss + '</h3><div><div id="audio_ss"></div></div></div>' +
'<div class="sub"><h3 id="h_drc">🐘 ' + L.ml_drc + '</h3><div><div id="audio_drc"></div></div></div>' +
'<div class="sub"><h3 id="h_eq">📊 ' + L.ml_eq + '</h3><div><div id="audio_eq"></div></div></div>' +
'<div class="sub"><h3 id="h_silence">🔇 ' + L.ml_ss + '</h3><div><div id="audio_ss"></div></div></div>' +
'');
ebi('op_cfg').innerHTML = (
@ -1320,22 +1322,23 @@ ebi('op_cfg').innerHTML = (
var sId = h.id;
h.id = ''
var subSettings = sections[i].children[1];
var section = '<div id="' + sId + '" class="s_section"><h3>' + sName + '</h3>';
for (var ii = 0; ii < subSettings.children.length; ii++){
var s = subSettings.children[ii];
var info = tt.parse(s.getAttribute('tt'));
s.removeAttribute('tt');
//s.href = '#' + sId;
section += '<div id="' + subSettings.id + '" class="setting">' +
s.outerHTML +
((info != null && info.length > 0) ? '<p class="s_desc">' + info + '</p>' : '') +
'</div>';
var section = '<div id="' + sId + '" class="s_section ' + sections[i].classList +'"><h3>' + sName + '</h3>';
if(subSettings != null){
for (var ii = 0; ii < subSettings.children.length; ii++){
var s = subSettings.children[ii];
var info = tt.parse(s.getAttribute('tt'));
s.removeAttribute('tt');
//s.href = '#' + sId;
section += '<div id="' + subSettings.id + '" class="setting">' +
s.outerHTML +
((info != null && info.length > 0) ? '<p class="s_desc">' + info + '</p>' : '') +
'</div>';
}
subSettings.innerHTML = '';
}
section += '</div>'
ebi('s_list').innerHTML += section;
subSettings.innerHTML = '';
ebi('s_nav').innerHTML += '<a href="#' + sId + '" class="btn">' + 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(){