23 lines
831 B
HTML
23 lines
831 B
HTML
|
<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>
|