logistic-bot/food-tracker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

put food card in separate template

Browse source
This commit is contained in:
Khaïs COLIN 2025-10-19 13:55:13 +02:00
parent dd0ac1e4c7
commit e05a4d0ccd
Signed by: logistic-bot
SSH key fingerprint: SHA256:RlpiqKeXpcPFZZ4y9Ou4xi2M8OhRJovIwDlbCaMsuAo
3 changed files with 24 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
foods.db
View file

Binary file not shown.

23
templates/food.html Normal file
View file

@ -0,0 +1,23 @@
<div style="border: 1px solid black; margin: 1em; padding: 1em;">
<div style="text-align: center;">
<p>
<b>{{ food.name }}</b>
</p>
{{ food.portion }} ({{ food.kc_per_serving }} kc.)
<br>
<progress max="{{food.target_servings}}" value="{{food.actual_servings}}" {% if food.actual_servings>
food.target_servings %}
style="accent-color: red;"
{% endif %}>
</progress>
{{ food.actual_servings }}/{{ food.target_servings }}
</div>
<br>
<form method="post">
<div style="text-align: center;">
<button formaction="/decrease/{{ food.id }}" style="width: 40%; height: 3em;" {% if food.actual_servings <=0 %}
disabled {% endif %}>-</button>
<button formaction="/increase/{{ food.id }}" style="width: 40%; height: 3em;">+</button>
</div>
</form>
</div>

24
templates/index.html
View file

@ -12,29 +12,7 @@
<main> <main>
<div style="display: flex-root; margin: auto; width: fit-content;"> <div style="display: flex-root; margin: auto; width: fit-content;">
{% for food in foods %} {% for food in foods %}
<div style="border: 1px solid black; margin: 1em; padding: 1em;"> {% include "food.html" %}
<div style="text-align: center;">
<p>
<b>{{ food.name }}</b>
</p>
{{ food.portion }} ({{ food.kc_per_serving }} kc.)
<br>
<progress max="{{food.target_servings}}" value="{{food.actual_servings}}" {% if food.actual_servings>
food.target_servings %}
style="accent-color: red;"
{% endif %}>
</progress>
{{ food.actual_servings }}/{{ food.target_servings }}
</div>
<br>
<form method="post">
<div style="text-align: center;">
<button formaction="/decrease/{{ food.id }}" style="width: 40%; height: 3em;" {% if food.actual_servings <=0
%} disabled {% endif %}>-</button>
<button formaction="/increase/{{ food.id }}" style="width: 40%; height: 3em;">+</button>
</div>
</form>
</div>
{% endfor %} {% endfor %}
<div style="background-color: lightblue; margin: 1em;"> <div style="background-color: lightblue; margin: 1em;">
<b style="font-size: 24px; padding: 1em;">Total: {{ sum }} kc.</b> <b style="font-size: 24px; padding: 1em;">Total: {{ sum }} kc.</b>