kawaandClaude Sonnet 4.6
409d43bd75
HTMX outerHTML swap target was hidden — upload confirmation (driver name + table) was invisible to technician despite server returning correct fragment. Single-line removal on line 98; no other files modified. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
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"></div>
|
|
</div>
|
|
{% endblock %}
|