Spaces:
Running
Running
Update static/scripts.js
Browse files- static/scripts.js +4 -3
static/scripts.js
CHANGED
|
@@ -86,9 +86,11 @@ function setupEventListeners() {
|
|
| 86 |
});
|
| 87 |
|
| 88 |
|
| 89 |
-
//
|
| 90 |
elements.resetButton.addEventListener('click', resetUpload);
|
|
|
|
| 91 |
elements.scanButton.addEventListener('click', handleScan);
|
|
|
|
| 92 |
elements.darkModeToggle.addEventListener('click', () => {
|
| 93 |
const isDark = document.documentElement.classList.toggle('dark');
|
| 94 |
localStorage.setItem('darkMode', isDark);
|
|
@@ -124,7 +126,6 @@ function resetUpload() {
|
|
| 124 |
state.uploadedImage = null;
|
| 125 |
state.detectedIngredients = [];
|
| 126 |
state.isProcessing = false;
|
| 127 |
-
|
| 128 |
abortController = null;
|
| 129 |
|
| 130 |
// Reset UI
|
|
@@ -207,7 +208,7 @@ async function handleScan() {
|
|
| 207 |
card.className = "recipe-card";
|
| 208 |
card.innerHTML = `<div class="recipe-header"><h4>AI-Generated Recipe</h4></div>
|
| 209 |
<div class="recipe-section"><p style="text-align:center;padding:3rem">
|
| 210 |
-
<em>Chef is thinking...</em><br><br>This can take up to 60s without
|
| 211 |
</p></div>`;
|
| 212 |
elements.recipesList.appendChild(card);
|
| 213 |
elements.recipesSection.style.display = "block";
|
|
|
|
| 86 |
});
|
| 87 |
|
| 88 |
|
| 89 |
+
// Reset button
|
| 90 |
elements.resetButton.addEventListener('click', resetUpload);
|
| 91 |
+
// Scan button
|
| 92 |
elements.scanButton.addEventListener('click', handleScan);
|
| 93 |
+
// Dark mode toggle
|
| 94 |
elements.darkModeToggle.addEventListener('click', () => {
|
| 95 |
const isDark = document.documentElement.classList.toggle('dark');
|
| 96 |
localStorage.setItem('darkMode', isDark);
|
|
|
|
| 126 |
state.uploadedImage = null;
|
| 127 |
state.detectedIngredients = [];
|
| 128 |
state.isProcessing = false;
|
|
|
|
| 129 |
abortController = null;
|
| 130 |
|
| 131 |
// Reset UI
|
|
|
|
| 208 |
card.className = "recipe-card";
|
| 209 |
card.innerHTML = `<div class="recipe-header"><h4>AI-Generated Recipe</h4></div>
|
| 210 |
<div class="recipe-section"><p style="text-align:center;padding:3rem">
|
| 211 |
+
<em>Chef is thinking...</em><br><br>This can take up to 60s without your Gemini API key
|
| 212 |
</p></div>`;
|
| 213 |
elements.recipesList.appendChild(card);
|
| 214 |
elements.recipesSection.style.display = "block";
|