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

zebra_day/templates/modern/printers.html

@@ -0,0 +1,144 @@
+{% extends "modern/base.html" %}
+
+{% block title %}Printers - Zebra Day{% endblock %}
+
+{% block content %}
+<div class="page-header">
+    <h1 class="page-title">{% if lab %}{{ lab }} Printers{% else %}All Printers{% endif %}</h1>
+    <p class="page-subtitle">View and manage Zebra printers</p>
+</div>
+
+<!-- Labs Navigation -->
+{% if not lab and labs %}
+<div class="card mb-lg">
+    <div class="card-header">
+        <h3 class="card-title">Select a Lab</h3>
+    </div>
+    <div class="grid grid-4">
+        {% for lab_name in labs %}
+        <a href="/printers/{{ lab_name }}" class="action-card">
+            <i class="fas fa-building"></i>
+            <div>
+                <strong>{{ lab_name }}</strong>
+                <small class="text-muted d-block">View printers</small>
+            </div>
+        </a>
+        {% endfor %}
+    </div>
+</div>
+{% endif %}
+
+<!-- Printers Table -->
+{% if printers %}
+<div class="card">
+    <div class="card-header">
+        <h3 class="card-title">Printers{% if lab %} in {{ lab_name | default(lab) }}{% endif %}</h3>
+        <a href="/config?action=scan&lab={{ lab | default('') }}" class="btn btn-outline btn-sm">
+            <i class="fas fa-sync"></i> Rescan
+        </a>
+    </div>
+    <div class="table-container" style="box-shadow: none;">
+        <table class="table">
+            <thead>
+                <tr>
+                    <th>Printer</th>
+                    <th>Location</th>
+                    <th>IP Address</th>
+                    <th>Status</th>
+                    <th>Label Styles</th>
+                    <th>Actions</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for printer in printers %}
+                <tr>
+                    <td>
+                        <strong>{{ printer.name }}</strong><br>
+                        <small class="text-muted">{{ printer.manufacturer | default('zebra') | title }} {{ printer.model | default('Unknown model') }}</small>
+                        {% if printer.id != printer.name %}
+                        <br><small class="text-muted">ID: {{ printer.id }}</small>
+                        {% endif %}
+                    </td>
+                    <td>
+                        {% if printer.lab_location %}
+                        <span class="badge badge-info">{{ printer.lab_location }}</span>
+                        {% else %}
+                        <span class="text-muted">—</span>
+                        {% endif %}
+                    </td>
+                    <td>
+                        {% if printer.ip_address != 'dl_png' %}
+                        <a href="http://{{ printer.ip_address }}" target="_blank">{{ printer.ip_address }}</a>
+                        {% else %}
+                        <span class="text-muted">{{ printer.ip_address }}</span>
+                        {% endif %}
+                    </td>
+                    <td>
+                        {% if printer.status == 'online' %}
+                        <span class="badge badge-success"><i class="fas fa-check-circle"></i> Online</span>
+                        {% else %}
+                        <span class="badge badge-error"><i class="fas fa-times-circle"></i> Offline</span>
+                        {% endif %}
+                    </td>
+                    <td>
+                        {% for style in printer.label_zpl_styles[:3] %}
+                        <span class="badge badge-primary">{{ style }}</span>
+                        {% endfor %}
+                        {% if printer.label_zpl_styles | length > 3 %}
+                        <span class="text-muted">+{{ printer.label_zpl_styles | length - 3 }} more</span>
+                        {% endif %}
+                    </td>
+                    <td>
+                        <a href="/printers/{{ lab }}/{{ printer.id }}" class="btn btn-sm btn-outline">
+                            <i class="fas fa-info-circle"></i> Details
+                        </a>
+                        <a href="/print?lab={{ lab }}&printer={{ printer.id }}" class="btn btn-sm btn-primary">
+                            <i class="fas fa-print"></i> Print
+                        </a>
+                    </td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>
+{% elif lab %}
+<div class="card">
+    <div class="empty-state">
+        <i class="fas fa-print"></i>
+        <p>No printers found in {{ lab }}</p>
+        <a href="/config?action=scan&lab={{ lab }}" class="btn btn-primary">
+            <i class="fas fa-wifi"></i> Scan Network
+        </a>
+    </div>
+</div>
+{% endif %}
+
+<!-- Scan Network Card -->
+<div class="card mt-lg">
+    <div class="card-header">
+        <h3 class="card-title">Scan Network for Printers</h3>
+    </div>
+    <form action="/config/scan" method="get" class="grid grid-3">
+        <div class="form-group mb-0">
+            <label class="form-label">IP Range</label>
+            <input type="text" name="ip_stub" class="form-control" value="{{ ip_root | default('192.168.1') }}" placeholder="192.168.1">
+        </div>
+        <div class="form-group mb-0">
+            <label class="form-label">Lab Name</label>
+            <input type="text" name="lab" class="form-control" list="lab_names" value="{{ lab | default('') }}" placeholder="Enter lab name">
+            <datalist id="lab_names">
+                {% for lab_name in labs %}
+                <option value="{{ lab_name }}">
+                {% endfor %}
+            </datalist>
+        </div>
+        <div class="form-group mb-0" style="display: flex; align-items: flex-end;">
+            <button type="submit" class="btn btn-primary">
+                <i class="fas fa-search"></i> Scan Network
+            </button>
+        </div>
+    </form>
+</div>
+{% endblock %}
+

zebra_day/templates/modern/save_result.html

@@ -0,0 +1,46 @@
+{% extends "modern/base.html" %}
+
+{% block title %}{{ title }}{% endblock %}
+
+{% block content %}
+<div class="page-header">
+    <h1 class="page-title">Template Saved</h1>
+    <p class="page-subtitle">Your changes have been saved to a draft file</p>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <span class="card-icon text-success"><i class="fas fa-check-circle"></i></span>
+        <h3 class="card-title">Success</h3>
+    </div>
+    
+    <p>Your changes have been saved to a new draft file:</p>
+    
+    <div class="alert alert-info mt-md">
+        <i class="fas fa-file-code"></i>
+        <code>{{ new_filename }}</code>
+    </div>
+    
+    <p class="text-muted mt-md">
+        Draft files are saved in the <code>tmps/</code> directory. To promote a draft to stable, 
+        rename the file and move it to the main label_styles directory.
+    </p>
+</div>
+
+<div class="card mt-lg">
+    <div class="d-flex" style="justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--spacing-md);">
+        <a href="/templates" class="btn btn-outline">
+            <i class="fas fa-arrow-left"></i> Back to Templates
+        </a>
+        <div class="d-flex gap-md">
+            <a href="/templates/edit?filename={{ new_filename }}&dtype=tmps" class="btn btn-primary">
+                <i class="fas fa-edit"></i> Continue Editing
+            </a>
+            <a href="/" class="btn btn-outline">
+                <i class="fas fa-home"></i> Dashboard
+            </a>
+        </div>
+    </div>
+</div>
+{% endblock %}
+

zebra_day/templates/modern/template_editor.html

@@ -0,0 +1,175 @@
+{% extends "modern/base.html" %}
+
+{% block title %}Edit: {{ filename }} - Zebra Day{% endblock %}
+
+{% block extra_head %}
+<style>
+    .editor-container { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); }
+    .editor-textarea { min-height: 500px; font-family: var(--font-mono); font-size: 14px; }
+    .preview-frame { background: var(--color-white); border-radius: var(--radius-md); padding: var(--spacing-lg); min-height: 300px; }
+    @media (max-width: 1024px) { .editor-container { grid-template-columns: 1fr; } }
+</style>
+{% endblock %}
+
+{% block content %}
+<div class="page-header">
+    <h1 class="page-title">Edit: {{ filename }}</h1>
+    <p class="page-subtitle">{% if dtype %}Draft template{% else %}Stable template{% endif %}</p>
+</div>
+
+<!-- Breadcrumb -->
+<div class="mb-lg">
+    <a href="/" class="text-muted">Dashboard</a>
+    <span class="text-muted"> / </span>
+    <a href="/templates">Templates</a>
+    <span class="text-muted"> / </span>
+    <span>{{ filename }}</span>
+</div>
+
+<form id="editor-form" action="/save" method="post">
+    <input type="hidden" name="filename" value="{{ filename }}">
+    
+    <div class="editor-container">
+        <!-- Editor Panel -->
+        <div class="card">
+            <div class="card-header">
+                <h3 class="card-title"><i class="fas fa-code"></i> ZPL Code</h3>
+                <button type="button" class="btn btn-outline btn-sm" onclick="previewTemplate()">
+                    <i class="fas fa-eye"></i> Preview
+                </button>
+            </div>
+            <textarea name="content" id="zpl-editor" class="form-control editor-textarea">{{ content }}</textarea>
+        </div>
+
+        <!-- Preview Panel -->
+        <div class="card">
+            <div class="card-header">
+                <h3 class="card-title"><i class="fas fa-image"></i> Preview</h3>
+                <span class="badge badge-info" id="preview-status">Ready</span>
+            </div>
+            <div class="preview-frame" id="preview-container">
+                <div class="empty-state">
+                    <i class="fas fa-image"></i>
+                    <p>Click Preview to generate</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Save Options -->
+    <div class="card mt-lg">
+        <div class="card-header">
+            <h3 class="card-title">Save Options</h3>
+        </div>
+        <div class="grid grid-3">
+            <div class="form-group mb-0">
+                <label class="form-label">Draft Tag</label>
+                <input type="text" name="ftag" class="form-control" value="draft" placeholder="Tag for draft version">
+            </div>
+            <div class="form-group mb-0">
+                <label class="form-label">Test Lab</label>
+                <select name="lab" class="form-control" id="test-lab" onchange="updateTestPrinters()">
+                    <option value="">Select lab...</option>
+                    {% for lab in labs %}
+                    <option value="{{ lab }}">{{ lab }}</option>
+                    {% endfor %}
+                </select>
+            </div>
+            <div class="form-group mb-0">
+                <label class="form-label">Test Printer</label>
+                <select name="printer" class="form-control" id="test-printer">
+                    <option value="">Select printer...</option>
+                </select>
+            </div>
+        </div>
+    </div>
+
+    <!-- Actions -->
+    <div class="card mt-lg">
+        <div class="d-flex" style="justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--spacing-md);">
+            <a href="/templates" class="btn btn-outline">
+                <i class="fas fa-arrow-left"></i> Cancel
+            </a>
+            <div class="d-flex gap-md">
+                <button type="button" class="btn btn-outline" onclick="testPrint()">
+                    <i class="fas fa-print"></i> Test Print
+                </button>
+                <button type="submit" class="btn btn-primary">
+                    <i class="fas fa-save"></i> Save as Draft
+                </button>
+            </div>
+        </div>
+    </div>
+</form>
+{% endblock %}
+
+{% block extra_scripts %}
+<script>
+    var labsDict = {{ labs_dict | safe }};
+
+    function updateTestPrinters() {
+        var labSelect = document.getElementById('test-lab');
+        var printerSelect = document.getElementById('test-printer');
+        var lab = labSelect.value;
+
+        printerSelect.innerHTML = '<option value="">Select 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;
+                option.text = printerInfo.printer_name || printerId;
+                printerSelect.appendChild(option);
+            }
+        }
+    }
+
+    async function previewTemplate() {
+        var statusBadge = document.getElementById('preview-status');
+        var container = document.getElementById('preview-container');
+        var content = document.getElementById('zpl-editor').value;
+
+        statusBadge.textContent = 'Loading...';
+        statusBadge.className = 'badge badge-warning';
+
+        try {
+            var response = await fetch('/api/v1/preview_zpl', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ zpl_content: content })
+            });
+            var data = await response.json();
+            if (data.png_url) {
+                container.innerHTML = '<img src="' + data.png_url + '" alt="Preview" style="max-width: 100%;">';
+                statusBadge.textContent = 'Ready';
+                statusBadge.className = 'badge badge-success';
+            } else {
+                throw new Error(data.error || 'Preview failed');
+            }
+        } catch (err) {
+            container.innerHTML = '<div class="empty-state"><i class="fas fa-exclamation-triangle"></i><p>' + err.message + '</p></div>';
+            statusBadge.textContent = 'Error';
+            statusBadge.className = 'badge badge-error';
+        }
+    }
+
+    function testPrint() {
+        var lab = document.getElementById('test-lab').value;
+        var printer = document.getElementById('test-printer').value;
+        if (!lab || !printer) {
+            showToast('warning', 'Select Printer', 'Please select a lab and printer for test print.');
+            return;
+        }
+        var content = document.getElementById('zpl-editor').value;
+        var form = document.createElement('form');
+        form.method = 'POST';
+        form.action = '/api/v1/print_raw_zpl';
+        form.innerHTML = '<input name="lab" value="' + lab + '"><input name="printer" value="' + printer + '"><textarea name="zpl_content">' + content + '</textarea>';
+        document.body.appendChild(form);
+        form.submit();
+    }
+</script>
+{% endblock %}
+

zebra_day/templates/modern/templates.html

@@ -0,0 +1,122 @@
+{% extends "modern/base.html" %}
+
+{% block title %}Templates - Zebra Day{% endblock %}
+
+{% block content %}
+<div class="page-header">
+    <h1 class="page-title">ZPL Templates</h1>
+    <p class="page-subtitle">Manage label templates and styles</p>
+</div>
+
+<div class="grid grid-2">
+    <!-- Stable Templates -->
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title">
+                <i class="fas fa-check-circle text-success"></i> Stable Templates
+            </h3>
+            <span class="badge badge-success">{{ stable_templates | length }}</span>
+        </div>
+        {% if stable_templates %}
+        <div class="table-container" style="box-shadow: none;">
+            <table class="table">
+                <thead>
+                    <tr>
+                        <th>Template Name</th>
+                        <th>Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for template in stable_templates %}
+                    <tr>
+                        <td>
+                            <i class="fas fa-file-code text-muted"></i>
+                            <strong>{{ template }}</strong>
+                        </td>
+                        <td>
+                            <a href="/templates/edit?filename={{ template }}" class="btn btn-sm btn-outline">
+                                <i class="fas fa-edit"></i> Edit
+                            </a>
+                            <a href="/templates/preview?filename={{ template }}" class="btn btn-sm btn-primary">
+                                <i class="fas fa-eye"></i> Preview
+                            </a>
+                        </td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+        {% else %}
+        <div class="empty-state">
+            <i class="fas fa-file-code"></i>
+            <p>No stable templates found</p>
+        </div>
+        {% endif %}
+    </div>
+
+    <!-- Draft Templates -->
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title">
+                <i class="fas fa-pencil-alt text-warning"></i> Draft Templates
+            </h3>
+            <span class="badge badge-warning">{{ draft_templates | length }}</span>
+        </div>
+        {% if draft_templates %}
+        <div class="table-container" style="box-shadow: none;">
+            <table class="table">
+                <thead>
+                    <tr>
+                        <th>Template Name</th>
+                        <th>Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for template in draft_templates %}
+                    <tr>
+                        <td>
+                            <i class="fas fa-file-alt text-muted"></i>
+                            <strong>{{ template }}</strong>
+                        </td>
+                        <td>
+                            <a href="/templates/edit?filename={{ template }}&dtype=tmps" class="btn btn-sm btn-outline">
+                                <i class="fas fa-edit"></i> Edit
+                            </a>
+                            <a href="/templates/preview?filename={{ template }}&dtype=tmps" class="btn btn-sm btn-primary">
+                                <i class="fas fa-eye"></i> Preview
+                            </a>
+                        </td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+        {% else %}
+        <div class="empty-state">
+            <i class="fas fa-pencil-alt"></i>
+            <p>No draft templates yet</p>
+            <small class="text-muted">Edit a stable template to create a draft</small>
+        </div>
+        {% endif %}
+    </div>
+</div>
+
+<!-- Format Keys Reference -->
+<div class="card mt-lg">
+    <div class="card-header">
+        <h3 class="card-title">Template Format Keys</h3>
+    </div>
+    <p class="text-muted mb-lg">Use these placeholders in your ZPL templates to insert dynamic data:</p>
+    <div class="grid grid-4">
+        <div><code>{uid_barcode}</code> - Barcode value</div>
+        <div><code>{alt_a}</code> - Custom field A</div>
+        <div><code>{alt_b}</code> - Custom field B</div>
+        <div><code>{alt_c}</code> - Custom field C</div>
+        <div><code>{alt_d}</code> - Custom field D</div>
+        <div><code>{alt_e}</code> - Custom field E</div>
+        <div><code>{alt_f}</code> - Custom field F</div>
+        <div><code>{rec_date}</code> - Record date</div>
+    </div>
+</div>
+{% endblock %}
+

zebra_day/web/__init__.py

@@ -0,0 +1,9 @@
+"""
+zebra_day web application module.
+
+FastAPI-based web interface for managing Zebra printers and label templates.
+"""
+from zebra_day.web.app import create_app
+
+__all__ = ["create_app"]
+