Style more compacted

This commit is contained in:
marijo 2026-06-09 11:11:35 +00:00
parent 57463e3865
commit c48c26290e
3 changed files with 52 additions and 9 deletions

23
app.js
View file

@ -28,12 +28,14 @@ init().catch((error) => toast(error.message || String(error)));
async function init() {
bindEvents();
initHeaderEntriesToggle();
await loadState();
}
function bindEvents() {
$('addEntryBtn').addEventListener('click', () => openEntryDialog());
$('settingsBtn').addEventListener('click', openSettingsDialog);
$('toggleEntriesBtn').addEventListener('click', toggleHeaderEntries);
$('closeEntryDialogBtn').addEventListener('click', closeEntryDialog);
$('closeSettingsDialogBtn').addEventListener('click', closeSettingsDialog);
$('entryDialog').addEventListener('click', closeDialogOnBackdrop);
@ -63,6 +65,27 @@ function normalizeSettings(settings) {
return normalized;
}
function initHeaderEntriesToggle() {
const collapsed = localStorage.getItem('go.headerEntriesCollapsed') === '1';
setHeaderEntriesCollapsed(collapsed);
}
function toggleHeaderEntries() {
const entries = document.querySelector('.header-entries');
const collapsed = !entries?.classList.contains('is-collapsed');
setHeaderEntriesCollapsed(collapsed);
localStorage.setItem('go.headerEntriesCollapsed', collapsed ? '1' : '0');
}
function setHeaderEntriesCollapsed(collapsed) {
const entries = document.querySelector('.header-entries');
const button = $('toggleEntriesBtn');
if (!entries || !button) return;
entries.classList.toggle('is-collapsed', collapsed);
button.setAttribute('aria-expanded', collapsed ? 'false' : 'true');
button.textContent = collapsed ? 'Show entries' : 'Hide entries';
}
function renderAll() {
fillSettingsForm();
renderDashboard();