Style more compacted
This commit is contained in:
parent
57463e3865
commit
c48c26290e
3 changed files with 52 additions and 9 deletions
23
app.js
23
app.js
|
|
@ -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();
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue