feat: timer integrato nella modalita cucina

- Rileva automaticamente durate nel testo dello step (minuti, ore, secondi,
  mezz'ora, un quarto d'ora, qualche minuto, un paio di minuti, ecc.)
- Mostra countdown grande con Avvia/Pausa/Reset
- Ultimi 30 secondi in arancione, scaduto in rosso pulsante
- Allo scadere: vibrazione + TTS 'Tempo scaduto!'
- Timer continua a contare in overtime (+00:XX) dopo lo zero
- Timer si resetta automaticamente cambiando step o chiudendo
This commit is contained in:
dadaloop82
2026-03-29 16:09:12 +00:00
parent 2d754526a5
commit 7be6ae8cd7
4 changed files with 216 additions and 1 deletions
+8 -1
View File
@@ -982,6 +982,13 @@
<div class="cooking-step-num" id="cooking-step-num">1 / 1</div>
<div class="cooking-step-text" id="cooking-step-text"></div>
<button class="cooking-replay-btn" id="cooking-replay" onclick="replayCookingTTS()" title="Rileggi questo passo">🔊 Rileggi</button>
<div class="cooking-timer-wrap" id="cooking-timer-wrap" style="display:none">
<div class="cooking-timer-display" id="cooking-timer-display">00:00</div>
<div class="cooking-timer-actions">
<button class="cooking-timer-btn" id="cooking-timer-start" onclick="toggleCookingTimer()">⏱️ Avvia timer</button>
<button class="cooking-timer-btn cooking-timer-reset" id="cooking-timer-reset" onclick="resetCookingTimer()" style="display:none">↩ Reset</button>
</div>
</div>
<div class="cooking-step-ings" id="cooking-step-ings" style="display:none"></div>
</div>
<div class="cooking-nav">
@@ -990,6 +997,6 @@
</div>
</div>
<script src="assets/js/app.js?v=20260329c"></script>
<script src="assets/js/app.js?v=20260329d"></script>
</body>
</html>