sstent/foodplanner
1
0
Fork 0
mirror of https://github.com/sstent/foodplanner.git synced 2026-03-06 18:25:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

days implemented

Browse Source
This commit is contained in:
sstent
2025-09-19 15:36:38 -07:00
parent 7adf7e4d14
commit 7d3e4b3339
5 changed files with 356 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
templates/detailed.html
View File

@@ -3,17 +3,39 @@
<div class="row mb-3">
<div class="col-md-6">
<h3>Detailed View for {{ person }}</h3>
<form method="get" class="d-flex">
<input type="hidden" name="person" value="{{ person }}">
<select class="form-control me-2" name="plan_day">
{% for day in days %}
<option value="{{ day }}" {% if day == selected_day %}selected{% endif %}>{{ day }}</option>
{% endfor %}
</select>
<button class="btn btn-primary" type="submit">
<i class="bi bi-search"></i> View
</button>
</form>
<div class="mb-3">
<div class="btn-group" role="group">
<input type="radio" class="btn-check" name="viewMode" id="dayView" autocomplete="off" {% if view_mode == 'day' or not view_mode %}checked{% endif %}>
<label class="btn btn-outline-primary" for="dayView">View Planned Day</label>
<input type="radio" class="btn-check" name="viewMode" id="templateView" autocomplete="off" {% if view_mode == 'template' %}checked{% endif %}>
<label class="btn btn-outline-primary" for="templateView">View Template</label>
</div>
</div>
<div id="daySelector" {% if view_mode == 'template' %}style="display: none;"{% endif %}>
<form method="get" class="d-flex">
<input type="hidden" name="person" value="{{ person }}">
<input type="date" class="form-control me-2" name="plan_date" value="{% if view_mode == 'day' %}{{ plan_date }}{% else %}{{ today|default('') }}{% endif %}" required>
<button class="btn btn-primary" type="submit">
<i class="bi bi-search"></i> View Day
</button>
</form>
</div>
<div id="templateSelector" {% if view_mode != 'template' %}style="display: none;"{% endif %}>
<form method="get" class="d-flex">
<input type="hidden" name="person" value="{{ person }}">
<select class="form-control me-2" name="template_id" required>
<option value="">Select Template...</option>
{% for template in templates %}
<option value="{{ template.id }}" {% if template_id == template.id %}selected{% endif %}>{{ template.name }}</option>
{% endfor %}
</select>
<button class="btn btn-primary" type="submit">
<i class="bi bi-search"></i> View Template
</button>
</form>
</div>
</div>
<div class="col-md-6 text-end">
<h4 class="mb-0">{{ selected_day }}</h4>
@@ -259,8 +281,43 @@
{% if not meal_details %}
<div class="alert alert-info">
<i class="bi bi-info-circle"></i> No meals planned for this date. Go to the Plan tab to add meals.
<i class="bi bi-info-circle"></i>
{% if view_mode == 'template' %}
No template selected. Please select a template to view.
{% else %}
No meals planned for this date. Go to the Plan tab to add meals.
{% endif %}
</div>
{% endif %}
<script>
document.addEventListener('DOMContentLoaded', function() {
// Handle view mode switching
const dayViewRadio = document.getElementById('dayView');
const templateViewRadio = document.getElementById('templateView');
const daySelector = document.getElementById('daySelector');
const templateSelector = document.getElementById('templateSelector');
function switchViewMode() {
if (dayViewRadio.checked) {
daySelector.style.display = 'block';
templateSelector.style.display = 'none';
} else {
daySelector.style.display = 'none';
templateSelector.style.display = 'block';
}
}
dayViewRadio.addEventListener('change', switchViewMode);
templateViewRadio.addEventListener('change', switchViewMode);
// Set default date to today if no date is selected
const dateInput = document.querySelector('input[name="plan_date"]');
if (dateInput && !dateInput.value) {
const today = new Date().toISOString().split('T')[0];
dateInput.value = today;
}
});
</script>
{% endblock %}

45
templates/plans.html
View File

@@ -289,6 +289,10 @@ function createTemplate() {
function useTemplateModal(templateId) {
currentTemplateId = templateId;
// Set default date to today
const today = new Date().toISOString().split('T')[0];
document.getElementById('startDate').value = today;
document.getElementById('overwriteWarning').style.display = 'none';
new bootstrap.Modal(document.getElementById('useTemplateModal')).show();
}
@@ -298,7 +302,46 @@ function useTemplate() {
const data = {
person: formData.get('person'),
start_day: formData.get('start_day')
start_date: formData.get('start_date')
};
fetch(`/templates/${currentTemplateId}/use`, {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
body: new URLSearchParams(data)
})
.then(response => response.json())
.then(data => {
if (data.status === 'confirm_overwrite') {
// Show overwrite warning
document.getElementById('overwriteWarning').style.display = 'block';
// Change button text to confirm overwrite
const submitBtn = document.querySelector('#useTemplateForm button[type="submit"]');
submitBtn.textContent = 'Overwrite Existing Meals';
submitBtn.onclick = () => confirmOverwrite(data);
} else if (data.status === 'success') {
bootstrap.Modal.getInstance(document.getElementById('useTemplateModal')).hide();
alert('Template applied to your plan successfully!');
} else {
alert('Error using template: ' + data.message);
}
})
.catch(error => {
console.error('Error:', error);
alert('Error using template');
});
}
function confirmOverwrite(overwriteData) {
const form = document.getElementById('useTemplateForm');
const formData = new FormData(form);
const data = {
person: formData.get('person'),
start_date: formData.get('start_date'),
confirm_overwrite: 'true'
};
fetch(`/templates/${currentTemplateId}/use`, {