Vereinfache Lebensmittelkarten und behebe Template-Fehler
This commit is contained in:
+106
-69
@@ -5,9 +5,18 @@
|
||||
<div>
|
||||
<p class="eyebrow">{{ item_kind_labels[kind] }}</p>
|
||||
<h1>{{ item_kind_labels[kind] }}</h1>
|
||||
<p class="lead">Gemeinsame und persönliche Ideen bleiben hier ruhig sortiert, mit einem klaren Blick darauf, für wen etwas gedacht ist.</p>
|
||||
{% if kind == 'food' %}
|
||||
<p class="lead">Hier stehen alle aktiven Lebensmittel, egal ob sie gerade zuhause sind oder im Moment fehlen. Archiviertes bleibt bewusst außen vor.</p>
|
||||
{% else %}
|
||||
<p class="lead">Gemeinsame und persönliche Ideen bleiben hier ruhig sortiert, mit einem klaren Blick darauf, für wen etwas gedacht ist.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="hero-actions">
|
||||
{% if kind == 'food' %}
|
||||
<a class="ghost-button" href="{{ url_for('main.item_quick_add') }}">Schnell anlegen</a>
|
||||
{% endif %}
|
||||
<a class="button" href="{{ url_for('main.item_create', kind=kind) }}">Neu anlegen</a>
|
||||
</div>
|
||||
<a class="button" href="{{ url_for('main.item_create', kind=kind) }}">Neu anlegen</a>
|
||||
</section>
|
||||
|
||||
<section class="panel compact-form-panel">
|
||||
@@ -51,58 +60,92 @@
|
||||
{% if items %}
|
||||
<section class="card-grid">
|
||||
{% for item in items %}
|
||||
<article class="item-card">
|
||||
<div class="item-media">
|
||||
{% if item.photo_filename %}
|
||||
<img
|
||||
src="{{ image_url(item.photo_filename, 'md') }}"
|
||||
srcset="{{ image_srcset(item.photo_filename) }}"
|
||||
sizes="{{ image_sizes('grid') }}"
|
||||
alt="{{ item.name }}"
|
||||
loading="lazy">
|
||||
{% else %}
|
||||
<div class="placeholder-tile">{{ item.name[:1] }}</div>
|
||||
{% if item.kind == 'food' %}
|
||||
{% set item_icon_class = {
|
||||
'protein': 'icon-component-protein',
|
||||
'carb': 'icon-component-carb',
|
||||
'veg': 'icon-component-veg',
|
||||
'fruit': 'icon-component-fruit',
|
||||
'dairy': 'icon-component-dairy',
|
||||
'nuts': 'icon-component-nuts',
|
||||
'seeds': 'icon-component-seeds',
|
||||
'neutral': 'icon-component-neutral',
|
||||
}.get(item.primary_builder_key or item.base_type, 'icon-component-neutral') %}
|
||||
<article class="item-card item-card-food{% if not item.is_home %} item-card-food-muted{% endif %}">
|
||||
{% if item.can_edit %}
|
||||
<a class="item-card-cover-link" href="{{ url_for('main.item_edit', item_id=item.id) }}">
|
||||
<span class="sr-only">{{ item.name }} bearbeiten</span>
|
||||
</a>
|
||||
<form
|
||||
class="item-card-archive-form"
|
||||
method="post"
|
||||
action="{{ url_for('main.item_archive', item_id=item.id) }}"
|
||||
onsubmit="return confirm('Willst du dieses Lebensmittel wirklich archivieren?');"
|
||||
>
|
||||
{{ csrf_input() }}
|
||||
<button class="item-card-archive-button" type="submit" aria-label="{{ item.name }} archivieren">×</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="item-body">
|
||||
<div class="item-topline">
|
||||
<h2>{{ item.name }}</h2>
|
||||
<span class="status-pill status-{{ item.availability_state }}">{{ availability_labels[item.availability_state] }}</span>
|
||||
|
||||
<div class="item-media item-media-food">
|
||||
{% if item.photo_filename %}
|
||||
<img
|
||||
src="{{ image_url(item.photo_filename, 'md') }}"
|
||||
srcset="{{ image_srcset(item.photo_filename) }}"
|
||||
sizes="{{ image_sizes('grid') }}"
|
||||
alt="{{ item.name }}"
|
||||
loading="lazy">
|
||||
{% else %}
|
||||
<div class="placeholder-icon-tile">
|
||||
<span class="ui-icon {{ item_icon_class }}"></span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if item.kind == 'food' %}
|
||||
|
||||
<div class="item-body item-body-food">
|
||||
<h2>{{ item.name }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="item-card-hover-meta" aria-hidden="true">
|
||||
<div class="chip-row">
|
||||
<span class="chip">{{ item.for_label }}</span>
|
||||
<span class="chip">{{ item.visibility_label }}</span>
|
||||
<span class="chip status-soft">{{ item.owner_label }}</span>
|
||||
<span class="chip">{{ item.base_type_label }}</span>
|
||||
<span class="chip">{{ item.suggestion_role_label }}</span>
|
||||
<span class="chip">{{ item.suggestion_priority_label }}</span>
|
||||
{% if item.can_be_meal_core %}
|
||||
<span class="chip status-okay">Trägt gut eine Mahlzeit</span>
|
||||
{% endif %}
|
||||
{% if item.is_on_shopping_list %}
|
||||
<span class="chip status-idea">Auf Einkaufsliste</span>
|
||||
{% endif %}
|
||||
{% if item.dayparts %}
|
||||
{% for daypart in item.dayparts %}
|
||||
<span class="chip">{{ daypart }}</span>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
<details class="item-meta-disclosure">
|
||||
<summary>Mehr zeigen</summary>
|
||||
<div class="item-meta-panel">
|
||||
<div class="chip-row">
|
||||
<span class="chip">{{ item.visibility_label }}</span>
|
||||
<span class="chip status-soft">{{ item.owner_label }}</span>
|
||||
<span class="chip">{{ item.base_type_label }}</span>
|
||||
<span class="chip">{{ item.suggestion_role_label }}</span>
|
||||
<span class="chip">{{ item.suggestion_priority_label }}</span>
|
||||
{% if item.can_be_meal_core %}
|
||||
<span class="chip status-okay">Trägt gut eine Mahlzeit</span>
|
||||
{% endif %}
|
||||
<span class="chip">{{ item_kind_labels[item.kind] }}</span>
|
||||
</div>
|
||||
{% if item.dayparts %}
|
||||
<div class="chip-row">
|
||||
{% for daypart in item.dayparts %}
|
||||
<span class="chip">{{ daypart }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if item.note %}
|
||||
<p>{{ item.note }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</details>
|
||||
{% else %}
|
||||
{% if item.note %}
|
||||
<p>{{ item.note }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</article>
|
||||
{% else %}
|
||||
<article class="item-card">
|
||||
<div class="item-media">
|
||||
{% if item.photo_filename %}
|
||||
<img
|
||||
src="{{ image_url(item.photo_filename, 'md') }}"
|
||||
srcset="{{ image_srcset(item.photo_filename) }}"
|
||||
sizes="{{ image_sizes('grid') }}"
|
||||
alt="{{ item.name }}"
|
||||
loading="lazy">
|
||||
{% else %}
|
||||
<div class="placeholder-tile">{{ item.name[:1] }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="item-body">
|
||||
<div class="chip-row">
|
||||
<span class="chip">{{ item.visibility_label }}</span>
|
||||
<span class="chip status-soft">{{ item.owner_label }}</span>
|
||||
@@ -115,7 +158,6 @@
|
||||
<span class="chip">{{ tag }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if item.kind != 'food' and item.dayparts %}
|
||||
<div class="chip-row">
|
||||
{% for daypart in item.dayparts %}
|
||||
@@ -129,30 +171,25 @@
|
||||
{% if item.kind != 'food' and item.note %}
|
||||
<p>{{ item.note }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="item-actions">
|
||||
{% if item.can_edit %}
|
||||
<a class="ghost-button" href="{{ url_for('main.item_edit', item_id=item.id) }}">Bearbeiten</a>
|
||||
{% endif %}
|
||||
<a class="ghost-button" href="{{ url_for('main.planner_day', date=today.isoformat(), item_id=item.id, daypart_id=item.primary_daypart_id) }}">Im Tagesplan öffnen</a>
|
||||
<form method="post" action="{{ url_for('main.item_add_to_shopping', item_id=item.id) }}">
|
||||
{{ csrf_input() }}
|
||||
<button type="submit">Auf Einkaufsliste</button>
|
||||
</form>
|
||||
{% if item.availability_state != 'home' and item.can_edit %}
|
||||
<form method="post" action="{{ url_for('main.item_set_home', item_id=item.id) }}">
|
||||
</div>
|
||||
<div class="item-actions">
|
||||
{% if item.can_edit %}
|
||||
<a class="ghost-button" href="{{ url_for('main.item_edit', item_id=item.id) }}">Bearbeiten</a>
|
||||
{% endif %}
|
||||
<a class="ghost-button" href="{{ url_for('main.planner_day', date=today.isoformat(), item_id=item.id, daypart_id=item.primary_daypart_id) }}">Im Tagesplan öffnen</a>
|
||||
<form class="primary-action" method="post" action="{{ url_for('main.item_add_to_shopping', item_id=item.id) }}">
|
||||
{{ csrf_input() }}
|
||||
<button class="secondary" type="submit">Als Zuhause markieren</button>
|
||||
<button type="submit">Auf Einkaufsliste</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
{% if item.availability_state != 'archived' and item.can_edit %}
|
||||
<form method="post" action="{{ url_for('main.item_archive', item_id=item.id) }}">
|
||||
{{ csrf_input() }}
|
||||
<button class="ghost-button" type="submit">Ins Archiv</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
</div>
|
||||
</article>
|
||||
{% if item.can_edit %}
|
||||
<form method="post" action="{{ url_for('main.item_archive', item_id=item.id) }}">
|
||||
{{ csrf_input() }}
|
||||
<button class="ghost-button" type="submit">Archivieren</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
</div>
|
||||
</article>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
{% else %}
|
||||
|
||||
Reference in New Issue
Block a user