Web-based-Inventory-Control-for-Pharmacies/index.html at main · Eloxbdeveloper/Web-based-Inventory-Control-for-Pharmacies · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
	<!-- Configuración básica del documento -->
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- Hoja de estilos principal del inventario -->
	<link rel="stylesheet" href="./Src/style.css">
	<link rel="shortcut icon" href="./Src/Multimedia/icon.png" type="image/x-icon">

	<title>Control de Inventario Web</title>
</head>

<body>

	<!-- NAVBAR
	     Contiene los controles principales del flujo de inventario:
	     carga de Excel, escaneo, filtros y exportación -->
	<nav class="nav">

		<!-- Input para cargar archivo Excel (uso real en tienda) -->
		<input type="file" class="input">

		<!-- Input para escaneo de código de barras
		     Se habilita solo después de cargar el Excel -->
		<input
			type="number"
			class="input2 remove"
			placeholder="Ingresa Codigo de Barras"
		>

		<!-- Filtro para ocultar filas con diferencia igual a 0 -->
		<button class="ceros button remove">FILTRAR CEROS</button>

		<!-- Elimina filas duplicadas cuando existe un registro válido -->
		<button class="remover button remove">REMOVER REPETIDOS</button>

		<!-- Restaura la tabla a su estado original -->
		<button class="quitar button remove">QUITAR FILTROS</button>

		<!-- Exporta el estado actual de la tabla a Excel -->
		<button class="exportar button remove">DESCARGAR EXCEL</button>

		<!-- Selector para filtrar por inicial de descripción -->
		<select class="select select2 remove"></select>
	</nav>

	<!-- CONTENEDOR PRINCIPAL
	     Envuelve la tabla y controla el layout general -->
	<div class="container">
		<div class="tablediv">

			<!-- Tabla generada dinámicamente desde JS -->
			<table class="table">
				<thead class="thead"></thead>
				<tbody class="tbody"></tbody>
			</table>

		</div>
	</div>

	<!-- Librerías necesarias para lectura y escritura de Excel -->
	<script src="Src/Lib/cptable.min.js"></script>
	<script src="Src/Lib/read-excel-file.min.js"></script>

	<!-- Script principal (ES Modules) -->
	<script type="module" src="./Src/main.js"></script>

</body>
</html>