Datenschutz-Hinweis: wegklickbar (localStorage), Notes Mobile-sichtbar — SW by-v429
This commit is contained in:
parent
08e20ab50f
commit
679dbdd862
3 changed files with 34 additions and 13 deletions
|
|
@ -761,14 +761,18 @@ window.Page_diary = (() => {
|
|||
return;
|
||||
}
|
||||
|
||||
// Datenschutz-Hinweis: Einträge sind privat
|
||||
const privacyNotice = `
|
||||
<div style="font-size:var(--text-xs);color:var(--c-text-muted);background:var(--c-surface-2);
|
||||
border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);
|
||||
display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)">
|
||||
// Datenschutz-Hinweis: einmalig anzeigen, per Klick wegklicken
|
||||
const privacyNotice = localStorage.getItem('by_diary_privacy_ack') ? '' : `
|
||||
<div id="diary-privacy-notice" style="font-size:var(--text-xs);color:var(--c-text-muted);
|
||||
background:var(--c-surface-2);border-radius:var(--radius-md);
|
||||
padding:var(--space-2) var(--space-3);display:flex;align-items:center;
|
||||
gap:var(--space-2);margin-bottom:var(--space-3);cursor:pointer"
|
||||
title="Klicken zum Schließen">
|
||||
<svg class="ph-icon" aria-hidden="true" style="width:14px;height:14px;flex-shrink:0">
|
||||
<use href="/icons/phosphor.svg#lock-simple"></use></svg>
|
||||
Deine Tagebucheinträge sind privat — nur du kannst sie sehen.
|
||||
<svg class="ph-icon" aria-hidden="true" style="width:12px;height:12px;margin-left:auto;flex-shrink:0;opacity:0.5">
|
||||
<use href="/icons/phosphor.svg#x"></use></svg>
|
||||
</div>`;
|
||||
|
||||
// Gruppieren nach Jahr-Monat (Anzeigereihenfolge: chronologisch absteigend)
|
||||
|
|
@ -790,6 +794,12 @@ window.Page_diary = (() => {
|
|||
|
||||
listEl.innerHTML = html;
|
||||
|
||||
// Datenschutz-Hinweis wegklicken
|
||||
listEl.querySelector('#diary-privacy-notice')?.addEventListener('click', () => {
|
||||
localStorage.setItem('by_diary_privacy_ack', '1');
|
||||
listEl.querySelector('#diary-privacy-notice')?.remove();
|
||||
});
|
||||
|
||||
// Events an Karten binden
|
||||
listEl.querySelectorAll('[data-entry-id]').forEach(card => {
|
||||
const id = parseInt(card.dataset.entryId);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue