Westech Admin
53 lines
2.8 KiB
HTML
53 lines
2.8 KiB
HTML
<div class="ld-container" style="padding: 20px;">
|
|
<style>
|
|
.ld-header { background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 20px; }
|
|
.ld-table { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 13px; }
|
|
.ld-table th { background: #37474f; color: white; padding: 8px; text-align: left; }
|
|
.ld-table td { padding: 6px 8px; border-bottom: 1px solid #e0e0e0; }
|
|
.ld-table .num { text-align: right; font-family: monospace; }
|
|
.ld-btn { background: #455a64; color: white; border: none; padding: 8px 20px; border-radius: 4px; cursor: pointer; margin-bottom: 20px; margin-right: 10px; }
|
|
.ld-badge { display: inline-block; padding: 2px 8px; border-radius: 12px; font-size: 11px; margin-right: 4px; }
|
|
.bg-rcv { background: #e3f2fd; color: #1565c0; }
|
|
.bg-hdr { background: #fff3e0; color: #e65100; }
|
|
.bg-tst { background: #e8f5e9; color: #2e7d32; }
|
|
.bg-r2 { background: #f3e5f5; color: #7b1fa2; }
|
|
.bg-des { background: #ffebee; color: #c62828; }
|
|
</style>
|
|
|
|
<div class="ld-header">
|
|
<h2>Load: <span id="ld-name"></span></h2>
|
|
<div>In Date: <span id="ld-date"></span> | Customer: <span id="ld-cust"></span> | Devices: <span id="ld-dev"></span> | Weight: <span id="ld-wt"></span> lbs</div>
|
|
</div>
|
|
|
|
<div style="margin-bottom: 15px;">
|
|
<span class="ld-badge bg-rcv">Receiving</span>
|
|
<span class="ld-badge bg-hdr">HDR / Disassembly</span>
|
|
<span class="ld-badge bg-tst">Test</span>
|
|
<span class="ld-badge bg-r2">R2 Downstream</span>
|
|
<span class="ld-badge bg-des">Destruction</span>
|
|
</div>
|
|
|
|
<button class="ld-btn" onclick="window.print()">Print Data Tracking Worksheet</button>
|
|
<button class="ld-btn" style="background: #1976d2;" onclick="window.location.href='/app/load-list'">Back to Loads</button>
|
|
|
|
<table class="ld-table" id="ld-table">
|
|
<thead>
|
|
<tr>
|
|
<th rowspan="2">Material Type</th>
|
|
<th colspan="3" style="text-align:center; background:#1565c0;">Receiving</th>
|
|
<th colspan="3" style="text-align:center; background:#e65100;">HDR / Disassembly</th>
|
|
<th colspan="3" style="text-align:center; background:#2e7d32;">Test</th>
|
|
<th style="text-align:center; background:#7b1fa2;">R2</th>
|
|
<th colspan="4" style="text-align:center; background:#c62828;">Destruction</th>
|
|
</tr>
|
|
<tr>
|
|
<th>Count</th><th>Status</th><th>Send To</th>
|
|
<th>Recv'd</th><th>HDD Out</th><th>Send To</th>
|
|
<th>Sanitized</th><th>Status</th><th>Send To</th>
|
|
<th>Sent</th>
|
|
<th>Phys</th><th>HDD Need</th><th>HDD Phys</th><th>HDD Logic</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="ld-body"></tbody>
|
|
</table>
|
|
</div> |