stef_buwalda/cal_counter
1
0
Fork 0
mirror of https://github.com/StefBuwalda/cal_counter.git synced 2025-10-30 11:19:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add daily overview and part_of_day to food logs

Browse Source 
Introduces 'overview' and 'test' routes and templates for daily nutrition summaries. Updates FoodLog model to include 'part_of_day' and 'date_' fields for better log categorization. Adjusts log creation and seed data to support new fields. Removes SSL context from app run for local development.
This commit is contained in:
Stef
2025-07-07 14:44:50 +02:00
parent 74ce42c578
commit 30e5e959cd
6 changed files with 182 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
application/user/templates/overview.html Normal file
View File

@@ -0,0 +1,69 @@
{% extends "base.html" %}
{% block title %}
Food Nutritional Info
{% endblock %}
{% block content %}
<div class="container my-4">
<div class="d-flex justify-content-center mb-4">
<h1>Daily Nutrition Overview</h1>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4">
<!-- Calories -->
<div class="col">
<div class="card text-bg-primary h-100">
<div class="card-body">
<h5 class="card-title">Calories</h5>
<h2>1,850 / 2,000 kcal</h2>
<div class="progress mt-3" style="height: 10px;">
<div class="progress-bar bg-warning" style="width: 92%;"></div>
</div>
</div>
</div>
</div>
<!-- Protein -->
<div class="col">
<div class="card text-bg-success h-100">
<div class="card-body">
<h5 class="card-title">Protein</h5>
<h2>120g / 150g</h2>
<div class="progress mt-3" style="height: 10px;">
<div class="progress-bar bg-light" style="width: 80%;"></div>
</div>
</div>
</div>
</div>
<!-- Carbs -->
<div class="col">
<div class="card text-bg-info h-100">
<div class="card-body">
<h5 class="card-title">Carbs</h5>
<h2>200g / 250g</h2>
<div class="progress mt-3" style="height: 10px;">
<div class="progress-bar bg-dark" style="width: 80%;"></div>
</div>
</div>
</div>
</div>
<!-- Fat -->
<div class="col">
<div class="card text-bg-danger h-100">
<div class="card-body">
<h5 class="card-title">Fat</h5>
<h2>60g / 70g</h2>
<div class="progress mt-3" style="height: 10px;">
<div class="progress-bar bg-light" style="width: 86%;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock%}