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

updated the tracker to have more features

Browse Source
This commit is contained in:
sstent
2025-09-30 12:30:42 -07:00
parent 199893c4d8
commit ea56efa3d4
1 changed files with 21 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
templates/tracker.html
View File

@@ -20,31 +20,35 @@
</button> </button>
</div> </div>
<!-- Reset to Plan Button (only show if modified) -->
{% if is_modified %}
<div class="d-flex justify-content-center mb-4">
<button class="btn btn-outline-primary" onclick="resetToPlan()">
<i class="bi bi-arrow-counterclockwise"></i> Reset to Plan
</button>
</div>
{% endif %}
<!-- Template Actions --> <!-- Template Actions -->
<div class="d-flex gap-2 mb-4"> <div class="d-flex justify-content-center gap-2 mb-4">
<button class="btn btn-success" onclick="saveAsTemplate()"> <button class="btn btn-success" onclick="saveAsTemplate()">
<i class="bi bi-save"></i> Save as Template <i class="bi bi-save"></i> Save as Template
</button> </button>
<button class="btn btn-primary" onclick="applyTemplate()"> <button class="btn btn-primary" onclick="applyTemplate()">
<i class="bi bi-upload"></i> Apply Template <i class="bi bi-upload"></i> Apply Template
</button> </button>
{% if is_modified %}
<button class="btn btn-outline-primary" onclick="resetToPlan()">
<i class="bi bi-arrow-counterclockwise"></i> Reset to Plan
</button>
{% endif %}
</div> </div>
<!-- Meal Times --> <!-- Meal Times -->
{% set meal_times = ["Breakfast", "Lunch", "Dinner", "Snack 1", "Snack 2", "Beverage 1", "Beverage 2"] %} {% set meal_times = ["Breakfast", "Lunch", "Dinner", "Snack 1", "Snack 2", "Beverage 1", "Beverage 2"] %}
{% for meal_time in meal_times %} {% for meal_time in meal_times %}
<div class="card mb-3"> <div class="card mb-3">
<div class="card-header"> <div class="card-header d-flex justify-content-between align-items-center">
<h5 class="mb-0">{{ meal_time }}</h5> <h5 class="mb-0">{{ meal_time }}</h5>
<div class="d-flex gap-2">
<button class="btn btn-sm btn-outline-success" onclick="addMealToTime('{{ meal_time }}')">
<i class="bi bi-plus"></i> Add Meal
</button>
<button class="btn btn-sm btn-info text-white" onclick="addSingleFoodToTime('{{ meal_time }}')">
<i class="bi bi-plus-circle"></i> Add Food
</button>
</div>
</div> </div>
<div class="card-body"> <div class="card-body">
<div id="meals-{{ meal_time|lower|replace(' ', '-') }}"> <div id="meals-{{ meal_time|lower|replace(' ', '-') }}">
@@ -73,19 +77,17 @@
</div> </div>
<!-- Food Breakdown --> <!-- Food Breakdown -->
<div class="ms-3 row row-cols-2 g-1"> <div class="ms-3">
<div class="row row-cols-1 row-cols-sm-2">
{% for meal_food in tracked_meal.meal.meal_foods %} {% for meal_food in tracked_meal.meal.meal_foods %}
<div class="col"> <div class="col">
<div class="small text-muted"> <div class="d-flex justify-content-between small text-muted">
• {{ meal_food.food.name }} <span>• {{ meal_food.food.name }}</span>
</div> <span class="text-end">{{ meal_food.food.serving_size }} {{ meal_food.food.serving_unit }}</span>
</div>
<div class="col text-end">
<div class="small text-muted">
{{ meal_food.food.serving_size }} {{ meal_food.food.serving_unit }}
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
</div>
{% if not tracked_meal.meal.meal_foods %} {% if not tracked_meal.meal.meal_foods %}
<div class="col-12"> <div class="col-12">
<div class="small text-muted">No foods in this meal</div> <div class="small text-muted">No foods in this meal</div>
@@ -99,15 +101,6 @@
{% endif %} {% endif %}
</div> </div>
<!-- Add Meal Button -->
<div class="d-flex gap-2 mt-2">
<button class="btn btn-sm btn-outline-success" onclick="addMealToTime('{{ meal_time }}')">
<i class="bi bi-plus"></i> Add Meal
</button>
<button class="btn btn-sm btn-info text-white" onclick="addSingleFoodToTime('{{ meal_time }}')">
<i class="bi bi-plus-circle"></i> Add Food
</button>
</div>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}