38 lines
No EOL
1,014 B
HTML
38 lines
No EOL
1,014 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Food Tracker</title>
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<table style="display: flex">
|
|
<tr>
|
|
<th>Portion</th>
|
|
<th>Lebensmittel</th>
|
|
<th>kc.</th>
|
|
<th>Servings (target)</th>
|
|
</tr>
|
|
{% for food in foods %}
|
|
<tr>
|
|
<td>{{ food.portion }}</td>
|
|
<td>{{ food.name }}</td>
|
|
<td style="text-align: right;">{{ food.kc_per_serving }}</td>
|
|
<td>
|
|
<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 }}
|
|
<button>+</button>
|
|
<button>-</button>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
</main>
|
|
</body>
|
|
|
|
</html> |