qr-codes genereren op basis van database tables

templates/qr_code.html

@@ -26,7 +26,7 @@
     <div class="page-head">
         <div>
             <h2>💡 QR-codes maken</h2>
-            <p class="muted" style="margin:0">Maak eenvoudig QR-codes aan vanuit een Excel-bestand.</p>
+            <p class="muted" style="margin:0">Maak eenvoudig QR-codes aan vanuit een Excel-bestand{{ ' of uit de database (hieronder)' if db_toegang }}.</p>
         </div>
     </div>
 
@@ -50,4 +50,58 @@
         </li>
     </ol>
 </div>
+
+{% if db_toegang %}
+<div class="card">
+    <div class="page-head">
+        <div>
+            <h2>🗄️ QR-codes uit de database</h2>
+            <p class="muted" style="margin:0">Maak QR-codes van de toestellen in PIVOT: één PNG per toestel, samen in een ZIP.</p>
+        </div>
+    </div>
+    <form action="{{ url_for('qr_generator.database_qr') }}" method="post">
+        <div class="field">
+            <label for="qr_veld">In de QR-code</label>
+            <select id="qr_veld" name="qr_veld" required>
+                {% for v in qr_velden %}<option value="{{ v }}">{{ db_velden[v][0] }}</option>{% endfor %}
+            </select>
+            <div class="field-hint">Toestellen zonder deze waarde worden overgeslagen.</div>
+        </div>
+        <div class="options-box">
+            <div class="field">
+                <label for="boven">Tekst boven de QR-code</label>
+                <select id="boven" name="boven">
+                    <option value="">Geen</option>
+                    {% for k, v in db_velden.items() %}<option value="{{ k }}">{{ v[0] }}</option>{% endfor %}
+                </select>
+            </div>
+            <div class="field">
+                <label for="onder">Tekst onder de QR-code</label>
+                <select id="onder" name="onder">
+                    <option value="">Geen</option>
+                    {% for k, v in db_velden.items() %}<option value="{{ k }}" {{ 'selected' if k == 'toestelnummer' }}>{{ v[0] }}</option>{% endfor %}
+                </select>
+            </div>
+        </div>
+        <div class="field">
+            <label for="status">Status</label>
+            <select id="status" name="status">
+                <option value="">Alle toestellen</option>
+                {% for s in statussen %}<option value="{{ s }}">{{ s }}</option>{% endfor %}
+            </select>
+        </div>
+        <div class="field">
+            <label for="zoek">Zoeken (optioneel)</label>
+            <input type="text" id="zoek" name="zoek" placeholder="bv. CB-01 of Lenovo">
+            <div class="field-hint">Enkel toestellen waarvan het toestelnummer, serienummer, SPB-nummer of type deze tekst bevat.</div>
+        </div>
+        <div class="field">
+            <label for="nummers">Enkel deze nummers (optioneel)</label>
+            <textarea id="nummers" name="nummers" rows="4" placeholder="Eén per regel, of gescheiden door komma's"></textarea>
+            <div class="field-hint">Nummers van het gekozen soort (zie "In de QR-code"). Leeg = alle toestellen. Max. {{ max_db_codes }} per keer.</div>
+        </div>
+        <button type="submit" class="btn-block btn-lg">🚀 Genereer QR-codes (ZIP)</button>
+    </form>
+</div>
+{% endif %}
 {% endblock %}