az/morz-infoboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): Toggle-Button 'Alles anzeigen' — JS direkt statt CSS-Klasse

Browse source
This commit is contained in:
Jesko Anschütz 2026-03-28 10:24:59 +01:00
parent 3a0ac13faa
commit e99cac4719
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
server/backend/internal/httpapi/manage/templates.go
View file

@ -1100,7 +1100,7 @@ const manageTmpl = `<!DOCTYPE html>
<button id="toggle-restricted-btn" class="button is-small is-light" <button id="toggle-restricted-btn" class="button is-small is-light"
onclick="toggleRestrictedMedia(this)" onclick="toggleRestrictedMedia(this)"
style="font-size:.75rem"> style="font-size:.75rem">
Restricted-Medien anzeigen Alles anzeigen
</button> </button>
{{end}} {{end}}
</div> </div>
@ -1707,10 +1707,13 @@ function clearScreenOverride(slug) {
} }
function toggleRestrictedMedia(btn) { function toggleRestrictedMedia(btn) {
var lib = document.querySelector('.lib-grid'); var showing = btn.dataset.showing === '1';
if (!lib) return; showing = !showing;
var showing = lib.classList.toggle('show-restricted'); btn.dataset.showing = showing ? '1' : '0';
btn.textContent = showing ? 'Restricted-Medien ausblenden' : 'Restricted-Medien anzeigen'; document.querySelectorAll('.lib-card[data-owner-restricted="true"]').forEach(function(el) {
el.style.display = showing ? 'flex' : 'none';
});
btn.textContent = showing ? 'Einschränken' : 'Alles anzeigen';
btn.classList.toggle('is-info', showing); btn.classList.toggle('is-info', showing);
btn.classList.toggle('is-light', !showing); btn.classList.toggle('is-light', !showing);
} }