Sprint 19: Social, UX-Verbesserungen, Nerd2Noob-Hilfe
This commit is contained in:
parent
10d30bf565
commit
89d87030a2
18 changed files with 930 additions and 74 deletions
|
|
@ -206,6 +206,20 @@ window.Page_diary = (() => {
|
|||
UI.setLoading(btn, false);
|
||||
}
|
||||
|
||||
// ----------------------------------------------------------
|
||||
// EMPTY-STATE HELPER
|
||||
// ----------------------------------------------------------
|
||||
function _emptyState(icon, title, text, cta = '') {
|
||||
return `<div class="empty-state">
|
||||
<svg class="ph-icon empty-state-icon" aria-hidden="true">
|
||||
<use href="/icons/phosphor.svg#${icon}"></use>
|
||||
</svg>
|
||||
<div class="empty-state-title">${title}</div>
|
||||
${text ? `<p class="empty-state-text">${text}</p>` : ''}
|
||||
${cta ? `<div class="empty-state-cta">${cta}</div>` : ''}
|
||||
</div>`;
|
||||
}
|
||||
|
||||
// ----------------------------------------------------------
|
||||
// LISTE RENDERN — Timeline gruppiert nach Monat
|
||||
// ----------------------------------------------------------
|
||||
|
|
@ -214,12 +228,12 @@ window.Page_diary = (() => {
|
|||
if (!listEl) return;
|
||||
|
||||
if (_entries.length === 0) {
|
||||
listEl.innerHTML = UI.emptyState({
|
||||
icon: '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#book-open"></use></svg>',
|
||||
title: 'Noch keine Einträge',
|
||||
text: 'Halte besondere Momente mit deinem Hund fest.',
|
||||
action: `<button class="btn btn-primary" id="diary-first-entry">Ersten Eintrag erstellen</button>`,
|
||||
});
|
||||
listEl.innerHTML = _emptyState(
|
||||
'book-open',
|
||||
'Noch keine Tagebucheinträge',
|
||||
'Halte besondere Momente mit deinem Hund fest — Spaziergänge, Erlebnisse, Erinnerungen.',
|
||||
`<button class="btn btn-primary" id="diary-first-entry">Ersten Eintrag schreiben</button>`
|
||||
);
|
||||
listEl.querySelector('#diary-first-entry')
|
||||
?.addEventListener('click', () => _showForm(null));
|
||||
return;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue