Oliver/brandize-barcode
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Batches

Browse Source
This commit is contained in:
oliver
2026-06-10 06:44:34 -03:00
parent 586eb87156
commit c5f2d299ee
4 changed files with 898 additions and 307 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+117 -21
View File
@@ -9,7 +9,7 @@
<title>Health Routine – Package Scanner</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<body class="tab-scan">
<!-- Brand bar -->
<div class="brand-bar">
<div class="brand-logo-wrap">
@@ -73,34 +73,63 @@
</div>
</div>
<!-- Tab bar -->
<div class="tab-bar">
<button
class="tab-btn active"
data-tab="scan"
onclick="switchTab('scan')"
>
Scan Log
</button>
<button
class="tab-btn"
data-tab="batches"
onclick="switchTab('batches')"
>
Batches
</button>
</div>
<!-- Status banner -->
<div id="statusBanner"></div>
<!-- Main content -->
<main>
<div class="table-meta">
<span class="table-label">Scan Log</span>
<div style="display: flex; align-items: center; gap: 8px">
<span class="queue-pill hidden" id="queuePill">
<span
class="pending-spinner"
style="
width: 10px;
height: 10px;
border-width: 1.5px;
"
></span>
<span id="queuePillText">0 pending</span>
</span>
<span class="count-pill zero" id="countPill">0 scans</span>
</div>
<!-- Scan Log panel -->
<main id="scanPanel">
<div class="scan-search-wrap">
<svg
class="scan-search-icon"
viewBox="0 0 24 24"
width="16"
height="16"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
>
<circle cx="11" cy="11" r="8" />
<line x1="21" y1="21" x2="16.65" y2="16.65" />
</svg>
<input
type="text"
id="scanSearch"
placeholder="Filter scans…"
autocomplete="off"
/>
<span class="count-pill zero" id="countPill">0 scans</span>
<span class="queue-pill hidden" id="queuePill">
<span
class="pending-spinner"
style="width: 10px; height: 10px; border-width: 1.5px"
></span>
<span id="queuePillText">0 pending</span>
</span>
</div>
<div class="table-wrapper" id="tableWrapper">
<table id="scanTable">
<thead>
<tr>
<th>Country</th>
<th>Land</th>
<th>Name</th>
<th>Tag</th>
<th class="col-code">Code</th>
@@ -188,6 +217,73 @@
</div>
</div>
<!-- Batches panel -->
<div class="tab-panel" id="batchesPanel" style="display: none">
<div class="batch-search-wrap">
<svg
class="batch-search-icon"
viewBox="0 0 24 24"
width="16"
height="16"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
>
<circle cx="11" cy="11" r="8" />
<line x1="21" y1="21" x2="16.65" y2="16.65" />
</svg>
<input
type="text"
id="batchSearch"
placeholder="Search batches…"
autocomplete="off"
/>
<select id="batchStateFilter">
<option value="!done">Active</option>
<option value="">All</option>
<option value="done">Done</option>
<option value="open">Open</option>
</select>
</div>
<div class="batch-table-wrap">
<table class="batch-table">
<thead>
<tr>
<th>Charge</th>
<th
class="batch-th-sort"
onclick="sortBatches('name')"
>
Name
<span class="sort-arrow" id="sortArrowName"
>▲</span
>
</th>
<th>Transport</th>
<th
class="batch-th-sort"
onclick="sortBatches('state')"
>
Status
<span
class="sort-arrow"
id="sortArrowState"
></span>
</th>
</tr>
</thead>
<tbody id="batchList">
<tr>
<td colspan="4" class="batch-empty">
Loading batches…
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Toast notification -->
<div id="toast"></div>