v0.2 planning and ux improvements

nouri/templates/archive/list.html

@@ -4,11 +4,32 @@
 <section class="page-intro">
     <div>
         <p class="eyebrow">Archiv</p>
-        <h1>Fruehere Ideen bleiben greifbar</h1>
+        <h1>Frühere Ideen bleiben greifbar</h1>
         <p class="lead">Das Archiv ist ein Erinnerungsspeicher. Von hier aus lassen sich vertraute Dinge leicht wieder auf die Einkaufsliste setzen.</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>
+        <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 %}
@@ -42,6 +63,7 @@
                         {{ csrf_input() }}
                         <button type="submit">Wieder einkaufen</button>
                     </form>
+                    <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_restore', item_id=item.id) }}">
                         {{ csrf_input() }}
                         <button class="ghost-button" type="submit">Zur aktiven Liste</button>
@@ -52,8 +74,8 @@
     </section>
 {% else %}
     <section class="panel empty-panel">
-        <h2>Das Archiv ist noch leer</h2>
-        <p>Sobald etwas als verbraucht markiert wird, bleibt es hier als spaetere Erinnerung erhalten.</p>
+        <h2>Keine passenden Archiv-Einträge</h2>
+        <p>Mit einer kurzen Suche findest du vertraute Dinge meist schnell wieder.</p>
     </section>
 {% endif %}
 {% endblock %}