118 lines
5.1 KiB
HTML
118 lines
5.1 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Archiv | Nouri{% endblock %}
|
|
{% block content %}
|
|
<section class="page-intro">
|
|
<div>
|
|
<p class="eyebrow">Archiv</p>
|
|
<h1>Frühere Ideen bleiben greifbar</h1>
|
|
<p class="lead">Archiv bedeutet bewusst ausgeblendet, nicht verbraucht. Von hier aus lassen sich Dinge jederzeit wieder aktivieren.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel compact-form-panel">
|
|
<form method="get" class="filter-form">
|
|
<label class="wide">
|
|
Suche
|
|
<input type="text" name="q" value="{{ query }}" placeholder="Nach Namen suchen">
|
|
</label>
|
|
<label>
|
|
Bereich
|
|
<select name="kind">
|
|
{% for value, label in kind_options %}
|
|
<option value="{{ value }}" {% if selected_kind == value %}selected{% endif %}>{{ label }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</label>
|
|
<label>
|
|
Sichtbarkeit
|
|
<select name="visibility">
|
|
{% for value, label in visibility_options %}
|
|
<option value="{{ value }}" {% if selected_visibility == value %}selected{% endif %}>{{ label }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</label>
|
|
<div class="filter-actions">
|
|
<button type="submit">Filtern</button>
|
|
<a class="ghost-button" href="{{ url_for('main.archive_view') }}">Zurücksetzen</a>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
{% 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>
|
|
{% endif %}
|
|
</div>
|
|
<div class="item-body">
|
|
<h2>{{ item.name }}</h2>
|
|
<div class="chip-row">
|
|
<span class="chip">{{ item.visibility_label }}</span>
|
|
<span class="chip status-soft">{{ item.owner_label }}</span>
|
|
<span class="chip">{{ item.for_label }}</span>
|
|
</div>
|
|
{% if item.kind == 'food' %}
|
|
<div class="chip-row">
|
|
<span class="chip">{{ item.base_type_label }}</span>
|
|
<span class="chip">{{ item.suggestion_role_label }}</span>
|
|
</div>
|
|
<p class="muted">{{ item_kind_labels[item.kind] }}</p>
|
|
{% else %}
|
|
<div class="chip-row">
|
|
<span class="chip">{{ item.meal_type_label }}</span>
|
|
<span class="chip">{{ energy_density_labels[item.energy_density] }}</span>
|
|
{% for tag in item.meal_tag_labels %}
|
|
<span class="chip">{{ tag }}</span>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% if item.dayparts %}
|
|
<div class="chip-row">
|
|
{% for daypart in item.dayparts %}
|
|
<span class="chip">{{ daypart }}</span>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% if item.components %}
|
|
<p class="muted">Mit: {{ item.components|join(', ') }}</p>
|
|
{% endif %}
|
|
{% if item.note %}
|
|
<p>{{ item.note }}</p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="item-actions">
|
|
<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.can_edit %}
|
|
<a class="ghost-button" href="{{ url_for('main.item_edit', item_id=item.id) }}">Bearbeiten</a>
|
|
{% endif %}
|
|
{% if item.can_edit %}
|
|
<form method="post" action="{{ url_for('main.item_restore', item_id=item.id) }}">
|
|
{{ csrf_input() }}
|
|
<button class="ghost-button" type="submit">Wieder aktivieren</button>
|
|
</form>
|
|
{% endif %}
|
|
</div>
|
|
</article>
|
|
{% endfor %}
|
|
</section>
|
|
{% else %}
|
|
<section class="panel empty-panel">
|
|
<h2>Keine passenden Archiv-Einträge</h2>
|
|
<p>Mit einer kurzen Suche findest du vertraute Dinge meist schnell wieder.</p>
|
|
</section>
|
|
{% endif %}
|
|
{% endblock %}
|