release nouri 0.4.0 templates suggestions and mobile sheet

nouri/templates/library/set_form.html

@@ -0,0 +1,73 @@
+{% extends "base.html" %}
+{% block title %}{% if item_set %}Paket bearbeiten{% else %}Neues Paket{% endif %} | Nouri{% endblock %}
+{% block content %}
+<section class="page-intro">
+    <div>
+        <p class="eyebrow">Kleines Paket</p>
+        <h1>{% if item_set %}{{ item_set.name }} bearbeiten{% else %}Paket anlegen{% endif %}</h1>
+        <p class="lead">Pakete bündeln wiederkehrende Dinge ganz leicht, zum Beispiel schnelles Frühstück, sicherer Snack oder Einkauf für zwei Tage.</p>
+    </div>
+</section>
+
+<section class="panel form-panel">
+    <form method="post" class="stack-form">
+        {{ csrf_input() }}
+        <label>
+            Name des Pakets
+            <input type="text" name="name" value="{{ form_data.name }}" placeholder="{{ name_suggestions[0] }}" required>
+        </label>
+
+        <label>
+            Beschreibung
+            <textarea name="description" rows="3" placeholder="Optional, wenn eine kleine Erinnerung hilfreich ist.">{{ form_data.description }}</textarea>
+        </label>
+
+        <label>
+            Sichtbarkeit
+            <select name="visibility">
+                {% for value, label in visibility_options %}
+                    <option value="{{ value }}" {% if form_data.visibility == value %}selected{% endif %}>{{ label }}</option>
+                {% endfor %}
+            </select>
+            <small class="helper-text">{{ visibility_descriptions[form_data.visibility] }}</small>
+        </label>
+
+        <div class="chip-row">
+            {% for suggestion in name_suggestions %}
+                <span class="chip status-soft">{{ suggestion }}</span>
+            {% endfor %}
+        </div>
+
+        <fieldset>
+            <legend>Einträge auswählen</legend>
+            <label>
+                Einträge filtern
+                <input type="text" placeholder="Nach Namen suchen" data-filter-input data-filter-target="#item-set-list">
+            </label>
+            <div class="stack-sections" id="item-set-list">
+                {% for group in item_groups %}
+                    <div class="component-group">
+                        <div class="panel-head">
+                            <h3>{{ group["title"] }}</h3>
+                            <span>{{ group["items"]|length }} Einträge</span>
+                        </div>
+                        <div class="checkbox-grid">
+                            {% for item in group["items"] %}
+                                <label class="check-option" data-filter-label="{{ item.name|lower }} {{ item.category|default('', true)|lower }}">
+                                    <input type="checkbox" name="item_ids" value="{{ item.id }}" {% if item.id in form_data.item_ids %}checked{% endif %}>
+                                    <span>{{ item.name }} · {{ item_kind_labels[item.kind] }} · {{ item.visibility_label }} · {{ item.for_label }}</span>
+                                </label>
+                            {% endfor %}
+                        </div>
+                    </div>
+                {% endfor %}
+            </div>
+        </fieldset>
+
+        <div class="form-actions">
+            <button type="submit">Speichern</button>
+            <a class="ghost-button" href="{{ url_for('main.template_library') }}">Zurück</a>
+        </div>
+    </form>
+</section>
+{% endblock %}