-
Notifications
You must be signed in to change notification settings - Fork 0
/
buscador.js
64 lines (59 loc) · 2 KB
/
buscador.js
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
const buscador = document.getElementById("buscador");
const lista = buscador.getAttribute("data-buscarEn");
const buscarEn = (lista) => {
const elementos = JSON.parse(localStorage.getItem(lista));
$("#tabla-principal tbody").empty();
elementos.forEach((elemento) => {
//Primero limpiar el contenido
if (elemento.nombre.includes(buscador.value.toLowerCase())) {
//generar plantilla de la tabla.
switch (lista) {
case "categoria":
$("#tabla-principal > tbody:last-child").append(`
<tr>
<td>${elemento.id}</td>
<td>${elemento.nombre}</td>
<td>${elemento.fecha}</td>
<td><img src="./trash-bin.png" onclick="borrarElemento(${elemento.id})" class="borrar"></td>
</tr>`);
break;
case "suplidor":
$("#tabla-principal > tbody:last-child").append(`
<tr>
<td>${elemento.id}</td>
<td>${elemento.nombre}</td>
<td>${elemento.tel}</td>
<td>${elemento.direccion}</td>
<td>${elemento.fecha}</td>
<td><img src="./trash-bin.png" onclick="borrarElemento(${elemento.id})" class="borrar"></td>
</tr>`);
break;
case "udm":
$("#tabla-principal > tbody:last-child").append(`
<tr>
<td>${elemento.id}</td>
<td>${elemento.nombre}</td>
<td>${elemento.fecha}</td>
<td><img src="./trash-bin.png" onclick="borrarElemento(${elemento.id})" class="borrar"></td>
</tr>`);
break;
case "producto":
$("#tabla-principal > tbody:last-child").append(`
<tr>
<td>${elemento.id}</td>
<td>${elemento.nombre}</td>
<td>${elemento.categoria}</td>
<td>${elemento.suplidor}</td>
<td>${elemento.precio}</td>
<td>${elemento.cantidad}</td>
<td>${elemento.fecha}</td>
<td><img src="./trash-bin.png" onclick="borrarElemento(${elemento.id})" class="borrar"></td>
</tr>`);
break;
}
}
});
};
buscador.oninput = () => {
buscarEn(lista);
};