rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Datenschutz-Hinweis: wegklickbar (localStorage), Notes Mobile-sichtbar — SW by-v429

Browse source
This commit is contained in:
rene 2026-04-26 11:18:48 +02:00
parent 08e20ab50f
commit 679dbdd862
3 changed files with 34 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

20
backend/static/js/pages/diary.js
View file

@ -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);

25
backend/static/js/pages/notes.js
View file

@ -139,14 +139,19 @@ window.Page_notes = (() => {
<span class="notes-count">${_notes.length} Notiz${_notes.length !== 1 ? 'en' : ''}</span>
</div>
<!-- Datenschutz-Hinweis -->
<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)">
<svg class="ph-icon" aria-hidden="true" style="width:14px;height:14px;flex-shrink:0">
<!-- Datenschutz-Hinweis (einmalig, wegklickbar) -->
${localStorage.getItem('by_notes_privacy_ack') ? '' : `
<div id="notes-privacy-notice" style="font-size:var(--text-xs);color:var(--c-text-secondary);
background:var(--c-surface-2);border-radius:var(--radius-md);
padding:var(--space-3) var(--space-3);display:flex;align-items:center;
gap:var(--space-2);cursor:pointer;border:1px solid var(--c-border-light)"
title="Klicken zum Schließen">
<svg class="ph-icon" aria-hidden="true" style="width:16px;height:16px;flex-shrink:0;color:var(--c-primary)">
<use href="/icons/phosphor.svg#lock-simple"></use></svg>
Alle Notizen sind privat — nur du kannst sie lesen.
</div>
<span>Alle Notizen sind privat — nur du kannst sie lesen.</span>
<svg class="ph-icon" aria-hidden="true" style="width:12px;height:12px;margin-left:auto;flex-shrink:0;opacity:0.4">
<use href="/icons/phosphor.svg#x"></use></svg>
</div>`}
<!-- KI-Panel -->
${kiEnabled ? _kiPanelHtml() : ''}
@ -350,6 +355,12 @@ window.Page_notes = (() => {
// ----------------------------------------------------------
function _bindEvents() {
// Datenschutz-Hinweis wegklicken
_container.querySelector('#notes-privacy-notice')?.addEventListener('click', () => {
localStorage.setItem('by_notes_privacy_ack', '1');
_container.querySelector('#notes-privacy-notice')?.remove();
});
// Filter-Chips
_container.querySelectorAll('.notes-chip').forEach(btn => {
btn.addEventListener('click', () => {