83 lines
3.9 KiB
HTML
83 lines
3.9 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Zuhause | Nouri{% endblock %}
|
|
{% block content %}
|
|
<section class="page-intro">
|
|
<div>
|
|
<p class="eyebrow">Zuhause</p>
|
|
<h1>Was aktuell da ist</h1>
|
|
<p class="lead">Sichtbar, ruhig und besser nach Tageszeiten sortiert. Wenn etwas aufgebraucht ist, wandert es nicht weg, sondern ins Archiv.</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>
|
|
Tageszeit
|
|
<select name="daypart_id">
|
|
<option value="">Alle Tageszeiten</option>
|
|
{% for daypart in dayparts %}
|
|
<option value="{{ daypart.id }}" {% if selected_daypart_id == daypart.id %}selected{% endif %}>{{ daypart.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</label>
|
|
<div class="filter-actions">
|
|
<button type="submit">Filtern</button>
|
|
<a class="ghost-button" href="{{ url_for('main.home_view') }}">Zurücksetzen</a>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
{% if sections %}
|
|
<section class="stack-sections">
|
|
{% for section in sections if section["items"] %}
|
|
<article class="panel">
|
|
<div class="panel-head">
|
|
<h2>{{ section["title"] }}</h2>
|
|
<span>{{ section["items"]|length }} Einträge</span>
|
|
</div>
|
|
<div class="card-grid">
|
|
{% for item in section["items"] %}
|
|
<article class="item-card compact">
|
|
<div class="item-media">
|
|
{% if item.photo_filename %}
|
|
<img src="{{ url_for('uploaded_file', filename=item.photo_filename) }}" alt="{{ item.name }}">
|
|
{% else %}
|
|
<div class="placeholder-tile">{{ item.name[:1] }}</div>
|
|
{% endif %}
|
|
</div>
|
|
<div class="item-body">
|
|
<h3>{{ item.name }}</h3>
|
|
<p class="muted">{{ item_kind_labels[item.kind] }}{% if item.category %} · {{ item.category }}{% endif %}</p>
|
|
{% if item.components %}
|
|
<p class="muted">Mit: {{ item.components|join(', ') }}</p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="item-actions">
|
|
<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_archive', item_id=item.id) }}">
|
|
{{ csrf_input() }}
|
|
<button class="ghost-button" type="submit">Verbraucht / nicht mehr da</button>
|
|
</form>
|
|
<form method="post" action="{{ url_for('main.item_add_to_shopping', item_id=item.id) }}">
|
|
{{ csrf_input() }}
|
|
<button type="submit">Erneut einkaufen</button>
|
|
</form>
|
|
</div>
|
|
</article>
|
|
{% endfor %}
|
|
</div>
|
|
</article>
|
|
{% endfor %}
|
|
</section>
|
|
{% else %}
|
|
<section class="panel empty-panel">
|
|
<h2>Noch nichts unter Zuhause</h2>
|
|
<p>Ein Einkaufseintrag wird nach dem Abhaken automatisch hier sichtbar.</p>
|
|
</section>
|
|
{% endif %}
|
|
{% endblock %}
|