zebra-day 0.0.37__py3-none-any.whl → 2.0.0__py3-none-any.whl

zebra_day/templates/modern/dashboard.html

@@ -0,0 +1,160 @@
+{% extends "modern/base.html" %}
+
+{% block title %}Dashboard - Zebra Day{% endblock %}
+
+{% block content %}
+<!-- Page Header -->
+<div class="page-header">
+    <h1 class="page-title">Zebra Day Dashboard</h1>
+    <p class="page-subtitle">Zebra printer and label template management</p>
+</div>
+
+<!-- Stats Grid -->
+<div class="grid grid-4 mb-xl">
+    <a href="/printers" class="stat-card stat-card-clickable">
+        <div class="card-icon primary">
+            <i class="fas fa-print"></i>
+        </div>
+        <div>
+            <div class="stat-value">{{ stats.total_printers | default(0) }}</div>
+            <div class="stat-label">Total Printers</div>
+        </div>
+    </a>
+    
+    <a href="/printers" class="stat-card stat-card-clickable">
+        <div class="card-icon success">
+            <i class="fas fa-check-circle"></i>
+        </div>
+        <div>
+            <div class="stat-value">{{ stats.online_printers | default(0) }}</div>
+            <div class="stat-label">Online</div>
+        </div>
+    </a>
+    
+    <a href="/printers" class="stat-card stat-card-clickable">
+        <div class="card-icon info">
+            <i class="fas fa-building"></i>
+        </div>
+        <div>
+            <div class="stat-value">{{ stats.total_labs | default(0) }}</div>
+            <div class="stat-label">Labs</div>
+        </div>
+    </a>
+    
+    <a href="/templates" class="stat-card stat-card-clickable">
+        <div class="card-icon warning">
+            <i class="fas fa-file-code"></i>
+        </div>
+        <div>
+            <div class="stat-value">{{ stats.total_templates | default(0) }}</div>
+            <div class="stat-label">Templates</div>
+        </div>
+    </a>
+</div>
+
+<!-- Main Content Grid -->
+<div class="grid grid-2">
+    <!-- Quick Actions -->
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title">Quick Actions</h3>
+        </div>
+        <div class="quick-actions">
+            <a href="/print" class="action-card">
+                <i class="fas fa-tag"></i>
+                <div>
+                    <strong>Print Label</strong>
+                    <small class="text-muted d-block">Send a print request</small>
+                </div>
+            </a>
+            <a href="/config?action=scan" class="action-card">
+                <i class="fas fa-wifi"></i>
+                <div>
+                    <strong>Scan Network</strong>
+                    <small class="text-muted d-block">Discover printers</small>
+                </div>
+            </a>
+            <a href="/templates" class="action-card">
+                <i class="fas fa-edit"></i>
+                <div>
+                    <strong>Edit Templates</strong>
+                    <small class="text-muted d-block">Manage ZPL files</small>
+                </div>
+            </a>
+            <a href="/config" class="action-card">
+                <i class="fas fa-cog"></i>
+                <div>
+                    <strong>Configuration</strong>
+                    <small class="text-muted d-block">View/edit settings</small>
+                </div>
+            </a>
+        </div>
+    </div>
+    
+    <!-- Labs Overview -->
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title">Labs</h3>
+            <a href="/printers" class="btn btn-outline btn-sm">View All</a>
+        </div>
+        {% if labs %}
+        <div class="table-container" style="box-shadow: none;">
+            <table class="table">
+                <thead>
+                    <tr>
+                        <th>Lab Name</th>
+                        <th>Printers</th>
+                        <th>Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for lab_name, printers in labs.items() %}
+                    <tr>
+                        <td><strong>{{ lab_name }}</strong></td>
+                        <td>{{ printers | length }} printer(s)</td>
+                        <td>
+                            <a href="/printers/{{ lab_name }}" class="btn btn-sm btn-outline">
+                                <i class="fas fa-eye"></i> View
+                            </a>
+                        </td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+        {% else %}
+        <div class="empty-state">
+            <i class="fas fa-building"></i>
+            <p>No labs configured yet</p>
+            <a href="/config?action=scan" class="btn btn-primary">
+                <i class="fas fa-wifi"></i> Scan Network
+            </a>
+        </div>
+        {% endif %}
+    </div>
+</div>
+
+<!-- API Documentation -->
+<div class="card mt-lg">
+    <div class="card-header">
+        <h3 class="card-title">API Documentation</h3>
+    </div>
+    <div class="grid grid-2">
+        <a href="/docs" target="_blank" class="action-card">
+            <i class="fas fa-book-open"></i>
+            <div>
+                <strong>Swagger UI</strong>
+                <small class="text-muted d-block">Interactive API documentation</small>
+            </div>
+        </a>
+        <a href="/redoc" target="_blank" class="action-card">
+            <i class="fas fa-file-alt"></i>
+            <div>
+                <strong>ReDoc</strong>
+                <small class="text-muted d-block">Read-only API reference</small>
+            </div>
+        </a>
+    </div>
+</div>
+{% endblock %}
+

zebra_day/templates/modern/print_request.html

@@ -0,0 +1,145 @@
+{% extends "modern/base.html" %}
+
+{% block title %}Print Label - Zebra Day{% endblock %}
+
+{% block content %}
+<div class="page-header">
+    <h1 class="page-title">Print Label</h1>
+    <p class="page-subtitle">Send a label print request to a Zebra printer</p>
+</div>
+
+<form id="print-form" action="/_print_label" method="get">
+    <div class="grid grid-2">
+        <!-- Printer Selection -->
+        <div class="card">
+            <div class="card-header">
+                <h3 class="card-title">1. Select Printer</h3>
+            </div>
+            <div class="form-group">
+                <label class="form-label required">Lab</label>
+                <select id="lab-select" name="lab" class="form-control" onchange="updatePrinters()" required>
+                    <option value="">Select a lab...</option>
+                    {% for lab in labs %}
+                    <option value="{{ lab }}" {% if selected_lab == lab %}selected{% endif %}>{{ lab }}</option>
+                    {% endfor %}
+                </select>
+            </div>
+            <div class="form-group">
+                <label class="form-label required">Printer</label>
+                <select id="printer-select" name="printer" class="form-control" required>
+                    <option value="">Select a printer...</option>
+                </select>
+            </div>
+            <div class="form-group mb-0">
+                <label class="form-label required">Label Template</label>
+                <select name="label_zpl_style" class="form-control" required>
+                    <option value="">Select a template...</option>
+                    {% if stable_templates %}
+                    <optgroup label="Stable Templates">
+                        {% for template in stable_templates %}
+                        <option value="{{ template }}" {% if selected_template == template %}selected{% endif %}>{{ template }}</option>
+                        {% endfor %}
+                    </optgroup>
+                    {% endif %}
+                    {% if draft_templates %}
+                    <optgroup label="Draft Templates">
+                        {% for template in draft_templates %}
+                        <option value="{{ template }}" {% if selected_template == template %}selected{% endif %}>{{ template }}</option>
+                        {% endfor %}
+                    </optgroup>
+                    {% endif %}
+                </select>
+            </div>
+        </div>
+
+        <!-- Label Data -->
+        <div class="card">
+            <div class="card-header">
+                <h3 class="card-title">2. Label Data</h3>
+            </div>
+            <div class="form-group">
+                <label class="form-label">UID Barcode</label>
+                <input type="text" name="uid_barcode" class="form-control" placeholder="Enter barcode value">
+            </div>
+            <div class="grid grid-2" style="gap: var(--spacing-md);">
+                <div class="form-group">
+                    <label class="form-label">Alt A</label>
+                    <input type="text" name="alt_a" class="form-control" placeholder="Field A">
+                </div>
+                <div class="form-group">
+                    <label class="form-label">Alt B</label>
+                    <input type="text" name="alt_b" class="form-control" placeholder="Field B">
+                </div>
+                <div class="form-group">
+                    <label class="form-label">Alt C</label>
+                    <input type="text" name="alt_c" class="form-control" placeholder="Field C">
+                </div>
+                <div class="form-group">
+                    <label class="form-label">Alt D</label>
+                    <input type="text" name="alt_d" class="form-control" placeholder="Field D">
+                </div>
+                <div class="form-group">
+                    <label class="form-label">Alt E</label>
+                    <input type="text" name="alt_e" class="form-control" placeholder="Field E">
+                </div>
+                <div class="form-group mb-0">
+                    <label class="form-label">Alt F</label>
+                    <input type="text" name="alt_f" class="form-control" placeholder="Field F">
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Submit -->
+    <div class="card mt-lg">
+        <div class="d-flex" style="justify-content: space-between; align-items: center;">
+            <a href="/" class="btn btn-outline">
+                <i class="fas fa-arrow-left"></i> Cancel
+            </a>
+            <button type="submit" class="btn btn-primary btn-lg" onclick="showLoading('Sending print request...')">
+                <i class="fas fa-print"></i> Print Label
+            </button>
+        </div>
+    </div>
+</form>
+{% endblock %}
+
+{% block extra_scripts %}
+<script>
+    var labsDict = {{ labs_dict | safe }};
+    var selectedPrinter = '{{ selected_printer | default("") }}';
+
+    function updatePrinters() {
+        var labSelect = document.getElementById('lab-select');
+        var printerSelect = document.getElementById('printer-select');
+        var lab = labSelect.value;
+
+        printerSelect.innerHTML = '<option value="">Select a printer...</option>';
+
+        if (lab && labsDict[lab] && labsDict[lab].printers) {
+            // v2 schema: printers are nested under 'printers' key
+            var printers = labsDict[lab].printers;
+            for (var printerId in printers) {
+                var printerInfo = printers[printerId];
+                var option = document.createElement('option');
+                option.value = printerId;
+                // Display friendly name if available, otherwise use ID
+                option.text = printerInfo.printer_name || printerId;
+                if (printerId === selectedPrinter) {
+                    option.selected = true;
+                }
+                printerSelect.appendChild(option);
+            }
+        }
+    }
+
+    // Initialize printers if lab is pre-selected
+    document.addEventListener('DOMContentLoaded', function() {
+        var labSelect = document.getElementById('lab-select');
+        if (labSelect.value) {
+            updatePrinters();
+        }
+    });
+</script>
+{% endblock %}
+

zebra_day/templates/modern/print_result.html

@@ -0,0 +1,88 @@
+{% extends "modern/base.html" %}
+
+{% block title %}Print Result - Zebra Day{% endblock %}
+
+{% block content %}
+<div class="page-header">
+    <h1 class="page-title">Print Result</h1>
+    <p class="page-subtitle">Label print request completed</p>
+</div>
+
+<div class="grid grid-2">
+    <!-- Result Card -->
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title">
+                {% if success %}
+                <i class="fas fa-check-circle text-success"></i> Success
+                {% else %}
+                <i class="fas fa-times-circle text-error"></i> Failed
+                {% endif %}
+            </h3>
+        </div>
+        
+        {% if success %}
+        <p class="mb-lg">Your label has been sent to the printer successfully.</p>
+        {% else %}
+        <p class="mb-lg text-error">{{ error_message | default('An error occurred while printing.') }}</p>
+        {% endif %}
+
+        {% if full_url %}
+        <div class="form-group">
+            <label class="form-label">Request URL</label>
+            <div class="d-flex gap-sm">
+                <input type="text" class="form-control" value="{{ full_url }}" readonly id="request-url">
+                <button type="button" class="btn btn-outline btn-sm" onclick="copyToClipboard(document.getElementById('request-url').value)">
+                    <i class="fas fa-copy"></i>
+                </button>
+            </div>
+            <small class="text-muted">Save this URL to quickly repeat this print request</small>
+        </div>
+        {% endif %}
+
+        <div class="quick-actions mt-lg">
+            <a href="/print" class="action-card">
+                <i class="fas fa-print"></i>
+                <div>
+                    <strong>Print Another</strong>
+                    <small class="text-muted d-block">New print request</small>
+                </div>
+            </a>
+            <a href="/" class="action-card">
+                <i class="fas fa-home"></i>
+                <div>
+                    <strong>Dashboard</strong>
+                    <small class="text-muted d-block">Go back home</small>
+                </div>
+            </a>
+        </div>
+    </div>
+
+    <!-- Preview Card -->
+    {% if png_url %}
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title">Label Preview</h3>
+            <a href="{{ png_url }}" target="_blank" class="btn btn-outline btn-sm">
+                <i class="fas fa-external-link-alt"></i> Open Full Size
+            </a>
+        </div>
+        <div style="text-align: center; background: var(--color-white); padding: var(--spacing-lg); border-radius: var(--radius-md);">
+            <img src="{{ png_url }}" alt="Label preview" style="max-width: 100%; height: auto;">
+        </div>
+    </div>
+    {% else %}
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title">Label Preview</h3>
+        </div>
+        <div class="empty-state">
+            <i class="fas fa-image"></i>
+            <p>Preview sent directly to printer</p>
+            <small class="text-muted">PNG preview is only available when using the dl_png virtual printer</small>
+        </div>
+    </div>
+    {% endif %}
+</div>
+{% endblock %}
+

zebra_day/templates/modern/printer_detail.html

@@ -0,0 +1,244 @@
+{% extends "modern/base.html" %}
+
+{% block title %}{{ printer_name }} - Zebra Day{% endblock %}
+
+{% block content %}
+<div class="page-header">
+    <h1 class="page-title">{{ printer_name }}</h1>
+    <p class="page-subtitle">Printer details for {{ lab_name | default(lab) }}</p>
+</div>
+
+<!-- Breadcrumb -->
+<div class="mb-lg">
+    <a href="/" class="text-muted">Dashboard</a>
+    <span class="text-muted"> / </span>
+    <a href="/printers">Printers</a>
+    <span class="text-muted"> / </span>
+    <a href="/printers/{{ lab }}">{{ lab_name | default(lab) }}</a>
+    <span class="text-muted"> / </span>
+    <span>{{ printer_name }}</span>
+</div>
+
+<div class="grid grid-2">
+    <!-- Printer Info -->
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title">Printer Information</h3>
+            {% if printer_info.ip_address != 'dl_png' %}
+            <a href="http://{{ printer_info.ip_address }}" target="_blank" class="btn btn-outline btn-sm">
+                <i class="fas fa-external-link-alt"></i> Web Interface
+            </a>
+            {% endif %}
+        </div>
+        <table class="table" style="background: transparent; box-shadow: none;">
+            <tbody>
+                <tr>
+                    <td style="width: 40%;"><strong>Printer ID</strong></td>
+                    <td>{{ printer_id }}</td>
+                </tr>
+                <tr>
+                    <td><strong>Display Name</strong></td>
+                    <td>{{ printer_info.printer_name | default('Not set', true) }}</td>
+                </tr>
+                <tr>
+                    <td><strong>Location</strong></td>
+                    <td>{{ printer_info.lab_location | default('Not set', true) }}</td>
+                </tr>
+                <tr>
+                    <td><strong>Manufacturer</strong></td>
+                    <td>{{ printer_info.manufacturer | default('zebra') | title }}</td>
+                </tr>
+                <tr>
+                    <td><strong>Model</strong></td>
+                    <td>{{ printer_info.model | default('Unknown') }}</td>
+                </tr>
+                <tr>
+                    <td><strong>Serial</strong></td>
+                    <td>{{ printer_info.serial | default('Unknown') }}</td>
+                </tr>
+                <tr>
+                    <td><strong>IP Address</strong></td>
+                    <td>
+                        {% if printer_info.ip_address != 'dl_png' %}
+                        <a href="http://{{ printer_info.ip_address }}" target="_blank">{{ printer_info.ip_address }}</a>
+                        {% else %}
+                        {{ printer_info.ip_address }}
+                        {% endif %}
+                    </td>
+                </tr>
+                <tr>
+                    <td><strong>Print Method</strong></td>
+                    <td>{{ printer_info.print_method | default('socket') }}</td>
+                </tr>
+                <tr>
+                    <td><strong>Label Styles</strong></td>
+                    <td>
+                        {% for style in printer_info.label_zpl_styles %}
+                        <span class="badge badge-primary">{{ style }}</span>
+                        {% endfor %}
+                    </td>
+                </tr>
+                <tr>
+                    <td><strong>Default Label Style</strong></td>
+                    <td>
+                        {% if printer_info.default_label_style %}
+                        <span class="badge badge-success">{{ printer_info.default_label_style }}</span>
+                        {% else %}
+                        <span class="text-muted">{{ printer_info.label_zpl_styles[0] if printer_info.label_zpl_styles else 'None' }} (first in list)</span>
+                        {% endif %}
+                    </td>
+                </tr>
+                {% if printer_info.notes %}
+                <tr>
+                    <td><strong>Notes</strong></td>
+                    <td>{{ printer_info.notes }}</td>
+                </tr>
+                {% endif %}
+            </tbody>
+        </table>
+    </div>
+
+    <!-- Edit Printer Settings -->
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title">Edit Settings</h3>
+        </div>
+        <form id="printer-edit-form" class="form-group">
+            <div class="form-group">
+                <label class="form-label">Display Name</label>
+                <input type="text" name="printer_name" class="form-control"
+                       value="{{ printer_info.printer_name | default('', true) }}"
+                       placeholder="e.g., Lab 3 - Bench A">
+                <small class="text-muted">User-friendly name for this printer</small>
+            </div>
+            <div class="form-group">
+                <label class="form-label">Location</label>
+                {% if available_locations %}
+                <select name="lab_location" class="form-control">
+                    <option value="">-- Select Location --</option>
+                    {% for loc in available_locations %}
+                    <option value="{{ loc }}" {% if printer_info.lab_location == loc %}selected{% endif %}>{{ loc }}</option>
+                    {% endfor %}
+                </select>
+                {% else %}
+                <input type="text" name="lab_location" class="form-control"
+                       value="{{ printer_info.lab_location | default('', true) }}"
+                       placeholder="No locations defined for this lab">
+                <small class="text-muted">Define locations at the lab level first</small>
+                {% endif %}
+            </div>
+            <div class="form-group">
+                <label class="form-label">Default Label Style</label>
+                <select name="default_label_style" class="form-control">
+                    <option value="">-- Use first in list --</option>
+                    {% for style in printer_info.label_zpl_styles %}
+                    <option value="{{ style }}" {% if printer_info.default_label_style == style %}selected{% endif %}>{{ style }}</option>
+                    {% endfor %}
+                </select>
+                <small class="text-muted">Style used when printing without specifying a template</small>
+            </div>
+            <div class="form-group">
+                <label class="form-label">Notes</label>
+                <textarea name="notes" class="form-control" rows="2" placeholder="Optional notes">{{ printer_info.notes | default('', true) }}</textarea>
+            </div>
+            <button type="submit" class="btn btn-primary">
+                <i class="fas fa-save"></i> Save Changes
+            </button>
+        </form>
+    </div>
+</div>
+
+<!-- Quick Actions -->
+<div class="card mt-lg">
+    <div class="card-header">
+        <h3 class="card-title">Quick Actions</h3>
+    </div>
+    <div class="grid grid-3">
+        <a href="/print?lab={{ lab }}&printer={{ printer_id }}" class="action-card">
+            <i class="fas fa-print"></i>
+            <div>
+                <strong>Print Label</strong>
+                <small class="text-muted d-block">Send a print request</small>
+            </div>
+        </a>
+        <a href="/templates" class="action-card">
+            <i class="fas fa-file-code"></i>
+            <div>
+                <strong>View Templates</strong>
+                <small class="text-muted d-block">Available label styles</small>
+            </div>
+        </a>
+        <a href="/printers/{{ lab }}" class="action-card">
+            <i class="fas fa-arrow-left"></i>
+            <div>
+                <strong>Back to Lab</strong>
+                <small class="text-muted d-block">View all printers</small>
+            </div>
+        </a>
+    </div>
+</div>
+
+<!-- Printer Configuration -->
+{% if printer_config %}
+<div class="card mt-lg">
+    <div class="card-header">
+        <h3 class="card-title">Printer Configuration</h3>
+        <button class="btn btn-outline btn-sm" onclick="copyToClipboard(document.getElementById('printer-config').textContent)">
+            <i class="fas fa-copy"></i> Copy
+        </button>
+    </div>
+    <pre id="printer-config">{{ printer_config }}</pre>
+</div>
+{% endif %}
+
+<!-- Test Print Section -->
+<div class="card mt-lg">
+    <div class="card-header">
+        <h3 class="card-title">Test Print</h3>
+    </div>
+    <p class="text-muted mb-lg">Send a test label to verify the printer is working correctly.</p>
+    <div class="grid grid-3">
+        {% for style in printer_info.label_zpl_styles[:6] %}
+        <a href="/print?lab={{ lab }}&printer={{ printer_id }}&template={{ style }}&test=1" class="action-card">
+            <i class="fas fa-tag"></i>
+            <div>
+                <strong>{{ style }}</strong>
+                <small class="text-muted d-block">Test print</small>
+            </div>
+        </a>
+        {% endfor %}
+    </div>
+</div>
+
+<script>
+document.getElementById('printer-edit-form').addEventListener('submit', async (e) => {
+    e.preventDefault();
+    const form = e.target;
+    const data = {
+        printer_name: form.printer_name.value || null,
+        lab_location: form.lab_location.value || null,
+        default_label_style: form.default_label_style.value || null,
+        notes: form.notes.value || ''
+    };
+
+    try {
+        const response = await fetch('/api/v1/labs/{{ lab }}/printers/{{ printer_id }}', {
+            method: 'PATCH',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(data)
+        });
+
+        if (response.ok) {
+            showToast('success', 'Saved', 'Printer settings updated successfully');
+            setTimeout(() => window.location.reload(), 1000);
+        } else {
+            const err = await response.json();
+            showToast('error', 'Error', err.detail || 'Failed to save settings');
+        }
+    } catch (err) {
+        showToast('error', 'Error', 'Network error: ' + err.message);
+    }
+});
+</script>
+{% endblock %}
+