Add pallet-list page and Pallet form auto-fill

2026-05-19 20:57:35 +00:00
parent 2a2dccdcdc
commit 73e7df4735
6 changed files with 317 additions and 0 deletions
@@ -0,0 +1,51 @@
+<style>
+  .pallet-table-container { padding: 0; overflow-x: auto; }
+  .pallet-table { width: 100%; border-collapse: collapse; font-size: 13px; }
+  .pallet-table th { background: #3cc062; color: white; padding: 8px 10px; text-align: left; cursor: pointer; }
+  .pallet-table td { padding: 5px 10px; border-bottom: 1px solid #eee; }
+  .pallet-table tr:hover { background: #f5f5f5; }
+  .status-received { color: #2196F3; }
+  .status-sorting { color: #FF9800; }
+  .status-processing { color: #9C27B0; }
+  .status-complete { color: #4CAF50; }
+  .status-shipped { color: #607D8B; }
+</style>
+
+<div class="search-box">
+  <input type="text" id="pallet-search" placeholder="Search pallet #...">
+  <select id="status-filter">
+    <option value="">All</option>
+    <option value="Received">Received</option>
+    <option value="Sorting">Sorting</option>
+    <option value="Processing">Processing</option>
+    <option value="Complete">Complete</option>
+    <option value="Shipped">Shipped</option>
+  </select>
+</div>
+
+<div class="pallet-table-container">
+  <table class="pallet-table" id="pallet-table">
+    <thead>
+      <tr>
+        <th>Pallet #</th>
+        <th>Date Reserved</th>
+        <th>Rec. Date</th>
+        <th>Customer #</th>
+        <th>Company</th>
+        <th>Lbs</th>
+        <th>Who</th>
+        <th>Items</th>
+        <th>QTY Sale</th>
+        <th>Lbs Sale</th>
+        <th>Finish Date</th>
+        <th>Status</th>
+        <th>Notes</th>
+      </tr>
+    </thead>
+    <tbody id="pallet-tbody">
+      <tr><td colspan="13" style="text-align:center;padding:40px;">Loading...</td></tr>
+    </tbody>
+  </table>
+</div>
+
+<div id="pallet-pagination" style="margin-top:12px;"\u003e</div>