added image prefetch
This commit is contained in:
naielv
156
index.html
156
index.html
@@ -318,7 +318,92 @@
|
||||
}
|
||||
</style>
|
||||
<link href="static/toastr.min.css" rel="stylesheet" />
|
||||
<!--<link rel="stylesheet" href="static/simplemde.min.css">-->
|
||||
|
||||
<link rel="prefetch" href="icon512_maskable.png" />
|
||||
<link rel="prefetch" href="icon512_rounded.png" />
|
||||
<link rel="prefetch" href="index.html" />
|
||||
<link rel="prefetch" href="manifest.json" />
|
||||
<link rel="prefetch" href="sw.js" />
|
||||
<link rel="prefetch" href="static/axe.js" />
|
||||
<link rel="prefetch" href="static/doublescroll.js" />
|
||||
<link rel="prefetch" href="static/gun.js" />
|
||||
<link rel="prefetch" href="static/jquery.js" />
|
||||
<link rel="prefetch" href="static/load.js" />
|
||||
<link rel="prefetch" href="static/open.js" />
|
||||
<link rel="prefetch" href="static/path.js" />
|
||||
<link rel="prefetch" href="static/radisk.js" />
|
||||
<link rel="prefetch" href="static/radix.js" />
|
||||
<link rel="prefetch" href="static/rindexed.js" />
|
||||
<link rel="prefetch" href="static/sea.js" />
|
||||
<link rel="prefetch" href="static/showdown.min.js" />
|
||||
<link rel="prefetch" href="static/simplemde.min.css" />
|
||||
<link rel="prefetch" href="static/simplemde.min.js" />
|
||||
<link rel="prefetch" href="static/store.js" />
|
||||
<link rel="prefetch" href="static/synchronous.js" />
|
||||
<link rel="prefetch" href="static/TeleSec.jpg" />
|
||||
<link rel="prefetch" href="static/toastr.min.css" />
|
||||
<link rel="prefetch" href="static/toastr.min.js" />
|
||||
<link rel="prefetch" href="static/webrtc.js" />
|
||||
<link rel="prefetch" href="static/yson.js" />
|
||||
<link rel="prefetch" href="static/ico/add.png" />
|
||||
<link rel="prefetch" href="static/ico/azucar-moreno.png" />
|
||||
<link rel="prefetch" href="static/ico/azucar-blanco.jpg" />
|
||||
<link rel="prefetch" href="static/ico/stevia.jpg" />
|
||||
<link rel="prefetch" href="static/ico/stevia-gotas.webp" />
|
||||
<link rel="prefetch" href="static/ico/sacarina.jpg" />
|
||||
<link rel="prefetch" href="static/ico/arrow_down_blue.png" />
|
||||
<link rel="prefetch" href="static/ico/arrow_left_green.png" />
|
||||
<link rel="prefetch" href="static/ico/arrow_up_red.png" />
|
||||
<link rel="prefetch" href="static/ico/camera2.png" />
|
||||
<link rel="prefetch" href="static/ico/cereales.png" />
|
||||
<link rel="prefetch" href="static/ico/checkbox.png" />
|
||||
<link rel="prefetch" href="static/ico/checkbox_unchecked.png" />
|
||||
<link rel="prefetch" href="static/ico/connect_ok.svg" />
|
||||
<link rel="prefetch" href="static/ico/connect_ko.svg" />
|
||||
<link rel="prefetch" href="static/ico/coffee_bean.png" />
|
||||
<link rel="prefetch" href="static/ico/colacao.jpg" />
|
||||
<link rel="prefetch" href="static/ico/cookies.png" />
|
||||
<link rel="prefetch" href="static/ico/cow.png" />
|
||||
<link rel="prefetch" href="static/ico/delete.png" />
|
||||
<link rel="prefetch" href="static/ico/fire.png" />
|
||||
<link rel="prefetch" href="static/ico/keyboard_key_g.png" />
|
||||
<link rel="prefetch" href="static/ico/keyboard_key_p.png" />
|
||||
<link rel="prefetch" href="static/ico/lollipop.png" />
|
||||
<link rel="prefetch" href="static/ico/milk.png" />
|
||||
<link rel="prefetch" href="static/ico/preferences.png" />
|
||||
<link rel="prefetch" href="static/ico/sizes.png" />
|
||||
<link rel="prefetch" href="static/ico/statusok.png" />
|
||||
<link rel="prefetch" href="static/ico/snowflake.png" />
|
||||
<link rel="prefetch" href="static/ico/tea_bag.png" />
|
||||
<link rel="prefetch" href="static/ico/thermometer2.png" />
|
||||
<link rel="prefetch" href="static/ico/user.png" />
|
||||
<link rel="prefetch" href="static/ico/user_generic.png" />
|
||||
<link rel="prefetch" href="static/ico/water_tap.png" />
|
||||
<link rel="prefetch" href="static/ico/wheat.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Azucar-Az. Blanco.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Azucar-Az. Moreno.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Azucar-Edulcorante.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Azucar-Sacarina.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Azucar-Sin.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Azucar-Stevia (Gotas).png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Azucar-Stevia (Pastillas).png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Background.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Cafeina-Con.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Cafeina-Sin.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Leche-Agua.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Leche-Sin lactosa.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Leche-Vegetal.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Leche-de Vaca.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Selección-CafeSolo.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Selección-CaféLeche.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Selección-ColaCao.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Selección-Infusion.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Selección-Leche.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Tamaño-Grande.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Tamaño-Pequeño.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Temperatura-Caliente.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Temperatura-Frio.png" />
|
||||
<link rel="prefetch" href="static/ico/layered1/Temperatura-Templado.png" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -697,7 +782,6 @@
|
||||
gun.get(TABLE).get("heartbeat"),
|
||||
"heartbeat-" + CurrentISOTime()
|
||||
);
|
||||
// console.log("Beep")
|
||||
gun.get(TABLE).get("heartbeat").load(console.debug);
|
||||
}, 5000);
|
||||
gun.get(TABLE).on((data) => {var e = true})
|
||||
@@ -708,6 +792,66 @@
|
||||
} catch {
|
||||
console.log("ScreenLock Failed")
|
||||
}
|
||||
function setLayeredImages(comanda, key) {
|
||||
// Base paths for each layer type (adjust paths as needed)
|
||||
const basePaths = {
|
||||
Selección: "static/ico/layered1/",
|
||||
Café: "static/ico/layered1/",
|
||||
Endulzante: "static/ico/layered1/",
|
||||
Cafeina: "static/ico/layered1/",
|
||||
Leche: "static/ico/layered1/",
|
||||
};
|
||||
|
||||
// Map for Selección to filenames
|
||||
const selectionMap = {
|
||||
"ColaCao con leche": "Selección-ColaCao.png",
|
||||
"Infusión": "Selección-Infusion.png",
|
||||
"Café con leche": "Selección-CaféLeche.png",
|
||||
"Solo Leche": "Selección-Leche.png",
|
||||
"Solo café (sin leche)": "Selección-CaféSolo.png",
|
||||
};
|
||||
|
||||
// Start div with relative positioning for layering
|
||||
let html = `<div style="position: relative; width: 200px; height: 200px; background: white; display: inline-block;">`;
|
||||
|
||||
// Layer 1: Selección image
|
||||
const selection = comanda["Selección"];
|
||||
if (selectionMap[selection]) {
|
||||
html += `<img id="img1-${key}" src="${basePaths.Selección + selectionMap[selection]}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">`;
|
||||
}
|
||||
|
||||
// Layer 2: Café
|
||||
if (comanda.Café) {
|
||||
html += `<img id="img2-${key}" src="${basePaths.Café}Café-${comanda.Café}.png" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">`;
|
||||
}
|
||||
|
||||
// Layer 3: Endulzante
|
||||
if (comanda.Endulzante) {
|
||||
html += `<img id="img3-${key}" src="${basePaths.Endulzante}Azucar-${comanda.Endulzante}.png" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">`;
|
||||
}
|
||||
|
||||
// Layer 4: Cafeina
|
||||
if (comanda.Cafeina) {
|
||||
html += `<img id="img4-${key}" src="${basePaths.Cafeina}Cafeina-${comanda.Cafeina}.png" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">`;
|
||||
}
|
||||
// Layer 5: Leche
|
||||
if (comanda.Leche) {
|
||||
html += `<img id="img5-${key}" src="${basePaths.Leche}Leche-${comanda.Leche}.png" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">`;
|
||||
}
|
||||
// Layer 6: Temperatura
|
||||
if (comanda.Temperatura) {
|
||||
html += `<img id="img6-${key}" src="${basePaths.Leche}Temperatura-${comanda.Temperatura}.png" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">`;
|
||||
}
|
||||
// Layer 7: Tamaño
|
||||
if (comanda.Tamaño) {
|
||||
html += `<img id="img7-${key}" src="${basePaths.Leche}Tamaño-${comanda.Tamaño}.png" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">`;
|
||||
}
|
||||
|
||||
// Close div
|
||||
html += "</div>";
|
||||
|
||||
return html;
|
||||
}
|
||||
function addCategory(
|
||||
parent,
|
||||
name,
|
||||
@@ -1815,7 +1959,6 @@
|
||||
resizeInputImage(
|
||||
file,
|
||||
function (url) {
|
||||
console.log(url);
|
||||
document.getElementById(render_foto).src = url;
|
||||
resized = url;
|
||||
},
|
||||
@@ -2201,7 +2344,9 @@
|
||||
<br><button id="${btn_Entregado}" class="">Entregado</button>
|
||||
<br><button id="${btn_Deuda}" class="">Deuda</button>
|
||||
<br><button id="${btn_Pagado}" class="">Pagado</button></td>
|
||||
<td><pre style="font-size: 17px;">${SC_parse(JSON.parse(data.Comanda)) +
|
||||
<td>
|
||||
${setLayeredImages(JSON.parse(data.Comanda), data._key)}
|
||||
<pre style="font-size: 17px; display: inline-block;">${SC_parse(JSON.parse(data.Comanda)) +
|
||||
"<hr>" +
|
||||
data.Notas
|
||||
}</pre></td>
|
||||
@@ -2349,12 +2494,10 @@
|
||||
function add_row(data, key) {
|
||||
if (data != null) {
|
||||
data["_key"] = key;
|
||||
console.log(old[key], data.Estado)
|
||||
if (old[key] == undefined) {
|
||||
old[key] = "";
|
||||
}
|
||||
if (old[key] != data.Estado) {
|
||||
console.log("SC:Updated:", data)
|
||||
if (tts && document.getElementById(tts_check).checked) {
|
||||
var msg = `Comanda de ${SC_Personas[data.Persona].Region}. - ${JSON.parse(data.Comanda)["Selección"]}. - ${SC_Personas[data.Persona].Nombre}. - ${data.Estado}`
|
||||
console.log("TTS: " + msg)
|
||||
@@ -2367,7 +2510,6 @@
|
||||
rows2[key] = data;
|
||||
old[key] = data.Estado;
|
||||
} else {
|
||||
// console.log("delete", key);
|
||||
delete rows2[key];
|
||||
delete old[key];
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user