Commit initial

imptune/templates/partials/printer_list.html

@@ -0,0 +1,58 @@
+<div id="printer-list">
+  {% if not grouped %}
+  <p x-data x-text="$store.i18n.t('no_printers')">No printers configured yet.</p>
+  {% else %}
+  {% for client_name, printers in grouped.items() %}
+  <section>
+    {% set group_client_id = printers[0].client_id if printers else None %}
+    {% if group_client_id %}
+    <h3><a href="/clients/{{ group_client_id }}">{{ client_name }}</a></h3>
+    {% else %}
+    <h3>{{ client_name }}</h3>
+    {% endif %}
+    <table>
+      <thead>
+        <tr>
+          <th x-data x-text="$store.i18n.t('th_name')">Name</th>
+          <th x-data x-text="$store.i18n.t('th_ip')">IP Address</th>
+          <th x-data x-text="$store.i18n.t('th_port')">Port</th>
+          <th x-data x-text="$store.i18n.t('th_driver')">Driver</th>
+          <th x-data x-text="$store.i18n.t('th_duplex')">Duplex</th>
+          <th x-data x-text="$store.i18n.t('th_color')">Color</th>
+          <th x-data x-text="$store.i18n.t('th_paper')">Paper</th>
+          <th x-data x-text="$store.i18n.t('th_collate')">Collate</th>
+          <th x-data x-text="$store.i18n.t('th_actions')">Actions</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for p in printers %}
+        <tr>
+          <td><a href="/printers/{{ p.id }}">{{ p.name }}</a></td>
+          <td>{{ p.ip_address }}</td>
+          <td>{{ p.port_name }}</td>
+          <td>{{ p.driver.original_filename if p.driver_id else '—' }}</td>
+          <td>{{ p.duplex_mode }}</td>
+          <td x-data="{ val: {{ 'true' if p.color_mode else 'false' }} }"
+              x-text="val ? $store.i18n.t('yes') : $store.i18n.t('no')">{{ 'Yes' if p.color_mode else 'No' }}</td>
+          <td>{{ p.paper_size }}</td>
+          <td x-data="{ val: {{ 'true' if p.collate else 'false' }} }"
+              x-text="val ? $store.i18n.t('yes') : $store.i18n.t('no')">{{ 'Yes' if p.collate else 'No' }}</td>
+          <td>
+            {% include "partials/printer_edit_modal.html" %}
+            <button
+              hx-delete="/printers/{{ p.id }}"
+              hx-target="#printer-list"
+              hx-swap="outerHTML"
+              hx-confirm="Delete '{{ p.name }}'?"
+              x-data x-text="$store.i18n.t('delete')">
+              Delete
+            </button>
+          </td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </section>
+  {% endfor %}
+  {% endif %}
+</div>