feat: add captura, POS, cuentas, and tienda pages
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
99
dashboard/captura.html
Normal file
99
dashboard/captura.html
Normal file
@@ -0,0 +1,99 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Captura de Datos — NEXUS AUTOPARTS</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/shared.css">
|
||||
<link rel="stylesheet" href="/captura.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="shared-nav"></div>
|
||||
|
||||
<div class="captura-container">
|
||||
<!-- Main Tabs -->
|
||||
<div class="captura-tabs">
|
||||
<button class="captura-tab active" data-tab="oem">Partes OEM</button>
|
||||
<button class="captura-tab" data-tab="aftermarket">Intercambios</button>
|
||||
<button class="captura-tab" data-tab="images">Imagenes</button>
|
||||
</div>
|
||||
|
||||
<!-- ============================================ -->
|
||||
<!-- SECTION 1: OEM Parts Entry -->
|
||||
<!-- ============================================ -->
|
||||
<div id="section-oem" class="captura-section active">
|
||||
<!-- Vehicle selection view -->
|
||||
<div id="oem-vehicle-select">
|
||||
<div class="status-tabs">
|
||||
<button class="status-tab active" data-status="pending">Pendientes</button>
|
||||
<button class="status-tab" data-status="in_progress">En progreso</button>
|
||||
</div>
|
||||
|
||||
<div class="vehicle-filters">
|
||||
<div class="filter-group">
|
||||
<label>Marca</label>
|
||||
<select id="oem-brand-filter">
|
||||
<option value="">Todas</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="filter-group">
|
||||
<label>Modelo</label>
|
||||
<input id="oem-model-filter" type="text" placeholder="Buscar modelo...">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="oem-vehicle-list" class="vehicle-list">
|
||||
<div class="loading"><div class="spinner"></div></div>
|
||||
</div>
|
||||
<div id="oem-vehicle-pagination" class="captura-pagination"></div>
|
||||
</div>
|
||||
|
||||
<!-- Part entry view (hidden until vehicle selected) -->
|
||||
<div id="oem-part-entry" style="display: none;">
|
||||
<div id="oem-vehicle-header" class="vehicle-header"></div>
|
||||
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
|
||||
<div>
|
||||
<div class="progress-bar" style="width: 200px;">
|
||||
<div id="oem-progress-fill" class="progress-fill" style="width: 0%"></div>
|
||||
</div>
|
||||
<span id="oem-progress-text" class="progress-text">0 partes registradas</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="oem-groups-container"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ============================================ -->
|
||||
<!-- SECTION 2: Aftermarket / Interchange Entry -->
|
||||
<!-- ============================================ -->
|
||||
<div id="section-aftermarket" class="captura-section">
|
||||
<div class="captura-search">
|
||||
<input id="aftermarket-search" type="text" placeholder="Buscar por # OEM o nombre...">
|
||||
<button class="btn btn-primary" onclick="loadPartsWithoutAftermarket()">Buscar</button>
|
||||
</div>
|
||||
|
||||
<div id="aftermarket-list"></div>
|
||||
<div id="aftermarket-pagination" class="captura-pagination"></div>
|
||||
</div>
|
||||
|
||||
<!-- ============================================ -->
|
||||
<!-- SECTION 3: Image Upload -->
|
||||
<!-- ============================================ -->
|
||||
<div id="section-images" class="captura-section">
|
||||
<div class="captura-search">
|
||||
<input id="image-search" type="text" placeholder="Buscar por # OEM o nombre...">
|
||||
<button class="btn btn-primary" onclick="loadPartsWithoutImage()">Buscar</button>
|
||||
</div>
|
||||
|
||||
<div id="image-list"></div>
|
||||
<div id="image-pagination" class="captura-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/nav.js"></script>
|
||||
<script src="/captura.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user