Clarify meal editing and selected ingredients

This commit is contained in:
2026-04-13 19:29:15 +02:00
parent 5a1c1d5c41
commit e057cf0382
3 changed files with 155 additions and 21 deletions
+36 -15
View File
@@ -174,27 +174,48 @@
</div>
{% endif %}
<fieldset>
<legend>Passende Tageszeiten</legend>
<div class="checkbox-grid daypart-option-grid">
{% for daypart in dayparts %}
<label class="daypart-option">
<input type="checkbox" name="daypart_ids" value="{{ daypart.id }}" {% if daypart.id in form_data.daypart_ids %}checked{% endif %}>
<span class="daypart-option-card">
<span class="daypart-option-icon">
<span class="ui-icon {{ daypart_icon_class(daypart.slug) }}"></span>
{% if kind == 'food' %}
<fieldset>
<legend>Passende Tageszeiten</legend>
<div class="checkbox-grid daypart-option-grid">
{% for daypart in dayparts %}
<label class="daypart-option">
<input type="checkbox" name="daypart_ids" value="{{ daypart.id }}" {% if daypart.id in form_data.daypart_ids %}checked{% endif %}>
<span class="daypart-option-card">
<span class="daypart-option-icon">
<span class="ui-icon {{ daypart_icon_class(daypart.slug) }}"></span>
</span>
<span class="daypart-option-label">{{ daypart.name }}</span>
</span>
<span class="daypart-option-label">{{ daypart.name }}</span>
</span>
</label>
{% endfor %}
</div>
</fieldset>
</label>
{% endfor %}
</div>
</fieldset>
{% endif %}
{% if kind == 'meal' %}
<fieldset>
<legend>Bestandteile der Mahlzeitenidee</legend>
<p class="muted">Du kannst eine Mahlzeitenidee frei benennen oder aus sichtbaren Lebensmitteln zusammensetzen. Nouri nutzt dabei später Grundtyp, Rolle und Tageszeit der Lebensmittel für ruhigere Vorschläge.</p>
{% if selected_components %}
<div class="selected-component-stack">
<p class="helper-text">Schon ausgewählt</p>
<div class="selected-components-grid">
{% for component in selected_components %}
<article class="selected-component-card">
<input type="hidden" name="component_ids" value="{{ component.id }}">
<div class="selected-component-main">
<strong>{{ component.name }}</strong>
<small>{{ component.base_type_label }} · {{ component.visibility_label }}</small>
</div>
<button class="ghost-button selected-component-remove" type="submit" name="remove_component_id" value="{{ component.id }}">
Entfernen
</button>
</article>
{% endfor %}
</div>
</div>
{% endif %}
<div class="inline-form">
<label class="wide">
Lebensmittel suchen