@@ -40,10 +54,10 @@ document.querySelectorAll('form').forEach(form => {
e.preventDefault();
const submitBtn = form.querySelector('button[type="submit"]');
const resultsDiv = document.getElementById('upload-results');
-
+
submitBtn.disabled = true;
submitBtn.innerHTML = '
Uploading...';
-
+
try {
const formData = new FormData(form);
const response = await fetch(form.action, {
@@ -52,7 +66,7 @@ document.querySelectorAll('form').forEach(form => {
});
if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
-
+
const results = await response.json();
resultsDiv.style.display = 'block';
document.getElementById('created-count').textContent = results.created || 0;
@@ -79,5 +93,107 @@ document.querySelectorAll('form').forEach(form => {
}
});
});
+
+// OpenFoodFacts search functionality
+async function searchOpenFoodFacts() {
+ const query = document.getElementById('offSearch').value.trim();
+ if (!query) {
+ alert('Please enter a search term');
+ return;
+ }
+
+ const resultsDiv = document.getElementById('offResults');
+ const resultsList = document.getElementById('offResultsList');
+
+ // Show loading
+ resultsDiv.style.display = 'block';
+ resultsList.innerHTML = '
';
+
+ try {
+ const response = await fetch(`/foods/search_openfoodfacts?query=${encodeURIComponent(query)}`);
+ const data = await response.json();
+
+ if (data.status === 'success') {
+ displayOpenFoodFactsResults(data.results);
+ } else {
+ resultsList.innerHTML = `
Error: ${data.message}
`;
+ }
+ } catch (error) {
+ resultsList.innerHTML = `
Error: ${error.message}
`;
+ }
+}
+
+function displayOpenFoodFactsResults(results) {
+ const resultsList = document.getElementById('offResultsList');
+
+ if (results.length === 0) {
+ resultsList.innerHTML = '
No results found
';
+ return;
+ }
+
+ let html = '';
+ results.forEach((food, index) => {
+ html += `
+
+
+
+
${food.name}
+
+ ${food.serving_size}${food.serving_unit} |
+ ${food.calories} cal |
+ P: ${food.protein}g, C: ${food.carbs}g, F: ${food.fat}g
+
+ ${food.brand ? `
Brand: ${food.brand}` : ''}
+
+
+
+
+ `;
+ });
+
+ resultsList.innerHTML = html;
+
+ // Store results for later use
+ window.offSearchResults = results;
+}
+
+async function addOpenFoodFactsFood(index) {
+ const food = window.offSearchResults[index];
+ if (!food) return;
+
+ try {
+ const formData = new FormData();
+ Object.keys(food).forEach(key => {
+ if (key !== 'image_url' && key !== 'openfoodfacts_id' && key !== 'brand') {
+ formData.append(key, food[key]);
+ }
+ });
+
+ const response = await fetch('/foods/add_openfoodfacts', {
+ method: 'POST',
+ body: formData
+ });
+
+ const result = await response.json();
+
+ if (result.status === 'success') {
+ alert('Food added successfully!');
+ // Optionally reload the page or update UI
+ } else {
+ alert('Error adding food: ' + result.message);
+ }
+ } catch (error) {
+ alert('Error adding food: ' + error.message);
+ }
+}
+
+// Allow Enter key to trigger search
+document.getElementById('offSearch').addEventListener('keypress', function(e) {
+ if (e.key === 'Enter') {
+ searchOpenFoodFacts();
+ }
+});
{% endblock %}
\ No newline at end of file
diff --git a/templates/plan.html b/templates/plan.html
index 4de5f36..c4b4bbb 100644
--- a/templates/plan.html
+++ b/templates/plan.html
@@ -43,7 +43,9 @@
{% for plan in plans[day.date.isoformat()] %}
- {{ plan.meal.name }}
+
+ {{ plan.meal_time }}: {{ plan.meal.name }}
+
{% endfor %}
{% if not plans[day.date.isoformat()] %}
No meals
@@ -89,6 +91,18 @@
{% endfor %}
+
+
+
+
+
+
+
+
|