morgane/EverShelf
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

feat(cooking): show required tools/appliances bar in cooking mode

Browse Source
This commit is contained in:
dadaloop82
2026-05-16 09:58:39 +00:00
parent 8928c75a9d
commit e19c2564f6
3 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/style.css
+22
View File
@@ -4503,6 +4503,28 @@ body.cooking-mode-active .app-header {
} }
.cooking-timers-bar::-webkit-scrollbar { display: none; } .cooking-timers-bar::-webkit-scrollbar { display: none; }
.cooking-tools-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
padding: 7px 14px;
background: rgba(99,102,241,0.15);
border-bottom: 1px solid rgba(99,102,241,0.25);
flex-shrink: 0;
font-size: 0.78rem;
color: #c7d2fe;
}
.cooking-tool-chip {
background: rgba(99,102,241,0.25);
border: 1px solid rgba(99,102,241,0.4);
border-radius: 20px;
padding: 2px 9px;
font-size: 0.76rem;
color: #e0e7ff;
white-space: nowrap;
}
.cooking-timer-card { .cooking-timer-card {
display: flex; display: flex;
align-items: center; align-items: center;
assets/js/app.js
+12
View File
@@ -12095,6 +12095,18 @@ function startCookingMode() {
_cookingTTS = true; _cookingTTS = true;
document.getElementById('cooking-title').textContent = _cookingRecipe.title || ''; document.getElementById('cooking-title').textContent = _cookingRecipe.title || '';
document.getElementById('cooking-tts-btn').textContent = '🔊'; document.getElementById('cooking-tts-btn').textContent = '🔊';
// Tools bar
const toolsBar = document.getElementById('cooking-tools-bar');
if (toolsBar) {
const tools = (_cookingRecipe.tools_needed || []).filter(t => t && t.trim());
if (tools.length > 0) {
toolsBar.innerHTML = '🔧 ' + tools.map(t => `<span class="cooking-tool-chip">${t}</span>`).join('');
toolsBar.style.display = '';
} else {
toolsBar.style.display = 'none';
toolsBar.innerHTML = '';
}
}
document.getElementById('cooking-overlay').style.display = 'flex'; document.getElementById('cooking-overlay').style.display = 'flex';
document.body.classList.add('cooking-mode-active'); document.body.classList.add('cooking-mode-active');
// Hide kiosk overlay — it lives outside <body> with z-index:2147483647 and would overlap cooking UI // Hide kiosk overlay — it lives outside <body> with z-index:2147483647 and would overlap cooking UI
index.html
+1
View File
@@ -1522,6 +1522,7 @@
<button class="cooking-tts-btn" id="cooking-tts-btn" onclick="toggleCookingTTS()" title="Leggi ad alta voce">🔊</button> <button class="cooking-tts-btn" id="cooking-tts-btn" onclick="toggleCookingTTS()" title="Leggi ad alta voce">🔊</button>
</div> </div>
<div id="cooking-timers-bar" class="cooking-timers-bar" style="display:none"></div> <div id="cooking-timers-bar" class="cooking-timers-bar" style="display:none"></div>
<div id="cooking-tools-bar" class="cooking-tools-bar" style="display:none"></div>
<div class="cooking-body"> <div class="cooking-body">
<div class="cooking-step-header"> <div class="cooking-step-header">
<div class="cooking-step-num" id="cooking-step-num">1 / 1</div> <div class="cooking-step-num" id="cooking-step-num">1 / 1</div>