feat(recipe): Wake-Lock-Schalter + Profil-Chip nur Lucide + Save-Text
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 1m16s

1) ProfileSwitcher-Chip: Profil-Emoji (avatar_emoji) ist jetzt aus dem
   Header-Badge raus — immer CircleUser-Icon vor dem Namen. Im Profil-
   Auswahl-Modal bleiben die individuellen Emojis erhalten, damit User
   ihr Profil dort weiterhin erkennen. Unused .emoji CSS entfernt.

2) Preview-Button: "In meine Sammlung speichern" → "Rezept in Kochwas
   speichern". Klarer, was die App heißt.

3) Wake-Lock-Schalter:
   - Erklärung: navigator.wakeLock.request('screen') hindert Android/iOS
     daran, das Display zu dimmen/zu sperren, solange der Tab sichtbar
     ist. Beim Kochen sehr nützlich — Hände sind klebrig.
   - Neuer Toggle-Button im Rezept-Detail, zweite Aktion-Zeile zwischen
     "Heute gekocht" und "Löschen": Lightbulb (an, gelb-gehighlighted)
     oder LightbulbOff (aus).
   - Preference wird in localStorage persistiert (kochwas.wakeLock),
     Default an. Gilt für alle Rezepte.
   - visibilitychange-Handler re-requestet den Sentinel, wenn User den
     Tab wieder nach vorne holt und die Pref an ist.
   - release-Event räumt wakeLock-Variable sauber auf.
This commit is contained in:
hsiegeln
2026-04-17 19:21:28 +02:00
parent 60021b879f
commit 018fc987cd
3 changed files with 65 additions and 13 deletions

View File

@@ -24,11 +24,10 @@
</script>
<button class="chip" onclick={() => (showModal = true)} aria-label="Profil wechseln">
<span class="icon"><CircleUser size={20} strokeWidth={1.75} /></span>
{#if profileStore.active}
<span class="emoji">{profileStore.active.avatar_emoji ?? '🙂'}</span>
<span class="name">{profileStore.active.name}</span>
{:else}
<span class="icon"><CircleUser size={20} strokeWidth={1.75} /></span>
<span class="name">Profil wählen</span>
{/if}
</button>
@@ -105,9 +104,6 @@
.chip:hover {
background: #f4f8f5;
}
.emoji {
font-size: 1.1rem;
}
.icon {
display: inline-flex;
align-items: center;