Commit initial

2026-04-15 17:57:12 +02:00
parent 005d8e797e
commit 55516ee10f
269 changed files with 26854 additions and 0 deletions
@@ -0,0 +1,103 @@
+<!-- Edit trigger button — placed in Actions column -->
+<button class="secondary outline"
+        onclick="document.getElementById('edit-modal-{{ p.id }}').showModal()"
+        x-data x-text="$store.i18n.t('edit')">
+  Edit
+</button>
+
+<!-- Edit dialog — Pico CSS native dialog, no extra library -->
+<dialog id="edit-modal-{{ p.id }}">
+  <article>
+    <header>
+      <button aria-label="Close" rel="prev"
+              onclick="document.getElementById('edit-modal-{{ p.id }}').close()"></button>
+      <h3 x-data x-text="$store.i18n.t('edit_printer_title')">Edit Printer</h3>
+    </header>
+    <div x-data="{ ip: '{{ p.ip_address }}', port: '{{ p.port_name }}', portEdited: true }">
+      <form hx-patch="/printers/{{ p.id }}"
+            hx-target="#printer-list"
+            hx-swap="outerHTML"
+            hx-on::after-request="document.getElementById('edit-modal-{{ p.id }}').close()">
+
+        <label><span x-text="$store.i18n.t('printer_name')">Printer Name</span>
+          <input type="text" name="name" value="{{ p.name }}" required>
+        </label>
+
+        <label><span x-text="$store.i18n.t('ip_address')">IP Address</span>
+          <input type="text" name="ip_address"
+                 x-model="ip"
+                 @input="if (!portEdited) port = 'IP_' + ip.replaceAll('.', '_')"
+                 required>
+        </label>
+
+        <label><span x-text="$store.i18n.t('port_name')">Port Name</span>
+          <input type="text" name="port_name"
+                 x-model="port"
+                 @change="portEdited = true"
+                 @keydown="portEdited = true">
+        </label>
+
+        <label><span x-text="$store.i18n.t('driver')">Driver</span>
+          <select name="driver_id">
+            <option value="" x-text="$store.i18n.t('no_driver_option')">-- No driver --</option>
+            {% for item in driver_data %}
+            <option value="{{ item.driver.id }}"
+                    {% if p.driver_id == item.driver.id %}selected{% endif %}>
+              {{ item.driver.original_filename }} ({{ item.names | join(', ') }})
+            </option>
+            {% endfor %}
+          </select>
+        </label>
+
+        <label><span x-text="$store.i18n.t('duplex_mode')">Duplex Mode</span>
+          <select name="duplex_mode">
+            <option value="OneSided" {% if p.duplex_mode == 'OneSided' %}selected{% endif %} x-text="$store.i18n.t('one_sided')">One-Sided</option>
+            <option value="LongEdge" {% if p.duplex_mode == 'LongEdge' %}selected{% endif %} x-text="$store.i18n.t('long_edge')">Long Edge</option>
+            <option value="ShortEdge" {% if p.duplex_mode == 'ShortEdge' %}selected{% endif %} x-text="$store.i18n.t('short_edge')">Short Edge</option>
+          </select>
+        </label>
+
+        <label>
+          <input type="checkbox" name="color_mode" value="on"
+                 {% if p.color_mode %}checked{% endif %}>
+          <span x-text="$store.i18n.t('color_mode')">Color Mode</span>
+        </label>
+
+        <label><span x-text="$store.i18n.t('paper_size')">Paper Size</span>
+          <select name="paper_size">
+            <option value="A4" {% if p.paper_size == 'A4' %}selected{% endif %}>A4</option>
+            <option value="Letter" {% if p.paper_size == 'Letter' %}selected{% endif %}>Letter</option>
+            <option value="Legal" {% if p.paper_size == 'Legal' %}selected{% endif %}>Legal</option>
+          </select>
+        </label>
+
+        <label>
+          <input type="checkbox" name="collate" value="on"
+                 {% if p.collate %}checked{% endif %}>
+          <span x-text="$store.i18n.t('collate')">Collate</span>
+        </label>
+
+        <label><span x-text="$store.i18n.t('client')">Client</span>
+          <select name="client_id">
+            <option value="" x-text="$store.i18n.t('unassigned_option')">-- Unassigned --</option>
+            {% for c in clients %}
+            <option value="{{ c.id }}"
+                    {% if p.client_id == c.id %}selected{% endif %}>
+              {{ c.name }}
+            </option>
+            {% endfor %}
+          </select>
+        </label>
+
+        <footer>
+          <button type="submit" x-text="$store.i18n.t('save')">Save</button>
+          <button type="button" class="secondary"
+                  onclick="document.getElementById('edit-modal-{{ p.id }}').close()"
+                  x-text="$store.i18n.t('cancel')">
+            Cancel
+          </button>
+        </footer>
+      </form>
+    </div>
+  </article>
+</dialog>