kawa
59fc8b1e9c
- dashboard.html: headings, quick actions, empty states wired to x-text - printers.html: h1, add button, h2 wired to x-text - printers_new.html: all form labels (span pattern), options, submit buttons wired - clients.html: headings, label, submit button wired - client_detail.html: back link, section heading wired - drivers.html: all headings, label, buttons, spinner wired - packages.html: heading, description, table headers, empty state wired - printer_detail.html: all dt/dd, section headings, copy buttons, script/export links wired with conditional Jinja2 for color/collate/client - partials/printer_list.html: table headers, Yes/No cells (Alpine ternary), delete button wired - partials/printer_edit_modal.html: edit trigger, modal title, all labels (span pattern), options, save/cancel wired - partials/client_list.html: empty state, table headers wired - partials/driver_list.html: table headers, unknown values, empty state wired - Fix test_printers_library_no_form: check form element attribute instead of UI label string (now in i18n dict)
101 lines
3.5 KiB
HTML
101 lines
3.5 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block content %}
|
|
<h1 x-data x-text="$store.i18n.t('add_printer_title')">Add Printer</h1>
|
|
|
|
<p><a href="/printers" x-data x-text="$store.i18n.t('back_to_printer_library')">← Back to Printer Library</a></p>
|
|
|
|
<div x-data="{ ip: '', port: '', portEdited: false }">
|
|
<form action="/printers" method="post">
|
|
|
|
<label>
|
|
<span x-text="$store.i18n.t('printer_name')">Printer Name</span>
|
|
<input type="text" name="name" placeholder="e.g. HP LaserJet 4050" 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('.', '_')"
|
|
placeholder="e.g. 192.168.1.100"
|
|
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"
|
|
placeholder="e.g. IP_192_168_1_100">
|
|
</label>
|
|
|
|
<label>
|
|
<span x-text="$store.i18n.t('driver')">Driver</span>
|
|
<select name="driver_id" id="printer-form-driver-select">
|
|
<option value="" x-text="$store.i18n.t('no_driver_option')">-- No driver --</option>
|
|
{% for item in driver_data %}
|
|
<option value="{{ item.driver.id }}">
|
|
{{ 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" selected x-text="$store.i18n.t('one_sided')">One-Sided</option>
|
|
<option value="LongEdge" x-text="$store.i18n.t('long_edge')">Long Edge</option>
|
|
<option value="ShortEdge" x-text="$store.i18n.t('short_edge')">Short Edge</option>
|
|
</select>
|
|
</label>
|
|
|
|
<label>
|
|
<input type="checkbox" name="color_mode" value="on" checked>
|
|
<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" selected>A4</option>
|
|
<option value="Letter">Letter</option>
|
|
<option value="Legal">Legal</option>
|
|
</select>
|
|
</label>
|
|
|
|
<label>
|
|
<input type="checkbox" name="collate" value="on" checked>
|
|
<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 }}">{{ c.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</label>
|
|
|
|
<button type="submit" x-text="$store.i18n.t('save_printer')">Save Printer</button>
|
|
</form>
|
|
|
|
<form hx-post="/drivers/upload"
|
|
hx-target="#driver-list"
|
|
hx-encoding="multipart/form-data"
|
|
hx-swap="outerHTML">
|
|
<input type="hidden" name="caller" value="printer_form">
|
|
<label>
|
|
<span x-text="$store.i18n.t('upload_new_driver')">Upload New Driver</span>
|
|
<input type="file" name="file" accept=".zip" required>
|
|
</label>
|
|
<button type="submit" class="secondary" x-text="$store.i18n.t('upload_driver')">Upload Driver</button>
|
|
</form>
|
|
<div id="driver-list" style="display:none"></div>
|
|
</div>
|
|
{% endblock %}
|