From 5efd9078f76c557a101aba28dc92bc12520574bd Mon Sep 17 00:00:00 2001
From: naielv <109038805+naielv@users.noreply.github.com>
Date: Fri, 27 Jun 2025 20:23:33 +0200
Subject: [PATCH] Added build script

---
 _assets.json                                  |   86 +
 build.py                                      |   20 +
 cola_cao.jpg => dist/cola_cao.jpg             |  Bin
 .../icon512_maskable.png                      |  Bin
 .../icon512_rounded.png                       |  Bin
 manifest.json => dist/manifest.json           |    0
 {static => dist/static}/TeleSec.jpg           |  Bin
 {static => dist/static}/axe.js                |    0
 {static => dist/static}/doublescroll.js       |    0
 {static => dist/static}/gun.js                |    0
 {static => dist/static}/ico/add.png           |  Bin
 .../static}/ico/arrow_down_blue.png           |  Bin
 .../static}/ico/arrow_left_green.png          |  Bin
 {static => dist/static}/ico/arrow_up_red.png  |  Bin
 {static => dist/static}/ico/azucar-blanco.jpg |  Bin
 {static => dist/static}/ico/azucar-moreno.png |  Bin
 {static => dist/static}/ico/camera2.png       |  Bin
 {static => dist/static}/ico/cereales.png      |  Bin
 {static => dist/static}/ico/checkbox.png      |  Bin
 .../static}/ico/checkbox_unchecked.png        |  Bin
 {static => dist/static}/ico/coffee_bean.png   |  Bin
 {static => dist/static}/ico/colacao.jpg       |  Bin
 {static => dist/static}/ico/connect_ko.svg    |    0
 {static => dist/static}/ico/connect_ok.svg    |    0
 {static => dist/static}/ico/cookies.png       |  Bin
 {static => dist/static}/ico/cow.png           |  Bin
 {static => dist/static}/ico/delete.png        |  Bin
 {static => dist/static}/ico/fire.png          |  Bin
 .../static}/ico/keyboard_key_g.png            |  Bin
 .../static}/ico/keyboard_key_p.png            |  Bin
 .../ico/layered1/Azucar-Az. Blanco.png        |  Bin
 .../ico/layered1/Azucar-Az. Moreno.png        |  Bin
 .../ico/layered1/Azucar-Edulcorante.png       |  Bin
 .../static}/ico/layered1/Azucar-Sacarina.png  |  Bin
 .../static}/ico/layered1/Azucar-Sin.png       |  Bin
 .../ico/layered1/Azucar-Stevia (Gotas).png    |  Bin
 .../layered1/Azucar-Stevia (Pastillas).png    |  Bin
 .../static}/ico/layered1/Background.png       |  Bin
 .../static}/ico/layered1/Cafeina-Con.png      |  Bin
 .../static}/ico/layered1/Cafeina-Sin.png      |  Bin
 .../static}/ico/layered1/Leche-Agua.png       |  Bin
 .../ico/layered1/Leche-Sin lactosa.png        |  Bin
 .../static}/ico/layered1/Leche-Vegetal.png    |  Bin
 .../static}/ico/layered1/Leche-de Vaca.png    |  Bin
 .../ico/layered1/Selección-CafeSolo.png       |  Bin
 .../ico/layered1/Selección-CaféLeche.png      |  Bin
 .../ico/layered1/Selección-ColaCao.png        |  Bin
 .../ico/layered1/Selección-Infusion.png       |  Bin
 .../static}/ico/layered1/Selección-Leche.png  |  Bin
 .../static}/ico/layered1/Tamaño-Grande.png    |  Bin
 .../static}/ico/layered1/Tamaño-Pequeño.png   |  Bin
 .../ico/layered1/Temperatura-Caliente.png     |  Bin
 .../static}/ico/layered1/Temperatura-Frio.png |  Bin
 .../ico/layered1/Temperatura-Templado.png     |  Bin
 {static => dist/static}/ico/lollipop.png      |  Bin
 {static => dist/static}/ico/milk (1).png      |  Bin
 {static => dist/static}/ico/milk.png          |  Bin
 {static => dist/static}/ico/preferences.png   |  Bin
 {static => dist/static}/ico/sacarina.jpg      |  Bin
 {static => dist/static}/ico/sizes.png         |  Bin
 {static => dist/static}/ico/snowflake.png     |  Bin
 {static => dist/static}/ico/statusok.png      |  Bin
 {static => dist/static}/ico/stevia-gotas.webp |  Bin
 {static => dist/static}/ico/stevia.jpg        |  Bin
 {static => dist/static}/ico/tea_bag.png       |  Bin
 {static => dist/static}/ico/thermometer2.png  |  Bin
 {static => dist/static}/ico/user.png          |  Bin
 {static => dist/static}/ico/user_generic.png  |  Bin
 {static => dist/static}/ico/water_tap.png     |  Bin
 {static => dist/static}/ico/wheat.png         |  Bin
 {static => dist/static}/jquery.js             |    0
 {static => dist/static}/load.js               |    0
 {static => dist/static}/open.js               |    0
 {static => dist/static}/path.js               |    0
 {static => dist/static}/radisk.js             |    0
 {static => dist/static}/radix.js              |    0
 {static => dist/static}/rindexed.js           |    0
 {static => dist/static}/sea.js                |    0
 {static => dist/static}/showdown.min.js       |    0
 {static => dist/static}/simplemde.min.css     |    0
 {static => dist/static}/simplemde.min.js      |    0
 {static => dist/static}/store.js              |    0
 {static => dist/static}/synchronous.js        |    0
 {static => dist/static}/toastr.min.css        |    0
 {static => dist/static}/toastr.min.js         |    0
 {static => dist/static}/webrtc.js             |    0
 {static => dist/static}/yson.js               |    0
 index.html                                    | 3027 +----------------
 src/index.html                                | 2927 ++++++++++++++++
 src/sw.js                                     |   26 +
 sw.js                                         |  111 -
 91 files changed, 3071 insertions(+), 3126 deletions(-)
 create mode 100644 _assets.json
 create mode 100644 build.py
 rename cola_cao.jpg => dist/cola_cao.jpg (100%)
 rename icon512_maskable.png => dist/icon512_maskable.png (100%)
 rename icon512_rounded.png => dist/icon512_rounded.png (100%)
 rename manifest.json => dist/manifest.json (100%)
 rename {static => dist/static}/TeleSec.jpg (100%)
 rename {static => dist/static}/axe.js (100%)
 rename {static => dist/static}/doublescroll.js (100%)
 rename {static => dist/static}/gun.js (100%)
 rename {static => dist/static}/ico/add.png (100%)
 rename {static => dist/static}/ico/arrow_down_blue.png (100%)
 rename {static => dist/static}/ico/arrow_left_green.png (100%)
 rename {static => dist/static}/ico/arrow_up_red.png (100%)
 rename {static => dist/static}/ico/azucar-blanco.jpg (100%)
 rename {static => dist/static}/ico/azucar-moreno.png (100%)
 rename {static => dist/static}/ico/camera2.png (100%)
 rename {static => dist/static}/ico/cereales.png (100%)
 rename {static => dist/static}/ico/checkbox.png (100%)
 rename {static => dist/static}/ico/checkbox_unchecked.png (100%)
 rename {static => dist/static}/ico/coffee_bean.png (100%)
 rename {static => dist/static}/ico/colacao.jpg (100%)
 rename {static => dist/static}/ico/connect_ko.svg (100%)
 rename {static => dist/static}/ico/connect_ok.svg (100%)
 rename {static => dist/static}/ico/cookies.png (100%)
 rename {static => dist/static}/ico/cow.png (100%)
 rename {static => dist/static}/ico/delete.png (100%)
 rename {static => dist/static}/ico/fire.png (100%)
 rename {static => dist/static}/ico/keyboard_key_g.png (100%)
 rename {static => dist/static}/ico/keyboard_key_p.png (100%)
 rename {static => dist/static}/ico/layered1/Azucar-Az. Blanco.png (100%)
 rename {static => dist/static}/ico/layered1/Azucar-Az. Moreno.png (100%)
 rename {static => dist/static}/ico/layered1/Azucar-Edulcorante.png (100%)
 rename {static => dist/static}/ico/layered1/Azucar-Sacarina.png (100%)
 rename {static => dist/static}/ico/layered1/Azucar-Sin.png (100%)
 rename {static => dist/static}/ico/layered1/Azucar-Stevia (Gotas).png (100%)
 rename {static => dist/static}/ico/layered1/Azucar-Stevia (Pastillas).png (100%)
 rename {static => dist/static}/ico/layered1/Background.png (100%)
 rename {static => dist/static}/ico/layered1/Cafeina-Con.png (100%)
 rename {static => dist/static}/ico/layered1/Cafeina-Sin.png (100%)
 rename {static => dist/static}/ico/layered1/Leche-Agua.png (100%)
 rename {static => dist/static}/ico/layered1/Leche-Sin lactosa.png (100%)
 rename {static => dist/static}/ico/layered1/Leche-Vegetal.png (100%)
 rename {static => dist/static}/ico/layered1/Leche-de Vaca.png (100%)
 rename {static => dist/static}/ico/layered1/Selección-CafeSolo.png (100%)
 rename {static => dist/static}/ico/layered1/Selección-CaféLeche.png (100%)
 rename {static => dist/static}/ico/layered1/Selección-ColaCao.png (100%)
 rename {static => dist/static}/ico/layered1/Selección-Infusion.png (100%)
 rename {static => dist/static}/ico/layered1/Selección-Leche.png (100%)
 rename {static => dist/static}/ico/layered1/Tamaño-Grande.png (100%)
 rename {static => dist/static}/ico/layered1/Tamaño-Pequeño.png (100%)
 rename {static => dist/static}/ico/layered1/Temperatura-Caliente.png (100%)
 rename {static => dist/static}/ico/layered1/Temperatura-Frio.png (100%)
 rename {static => dist/static}/ico/layered1/Temperatura-Templado.png (100%)
 rename {static => dist/static}/ico/lollipop.png (100%)
 rename {static => dist/static}/ico/milk (1).png (100%)
 rename {static => dist/static}/ico/milk.png (100%)
 rename {static => dist/static}/ico/preferences.png (100%)
 rename {static => dist/static}/ico/sacarina.jpg (100%)
 rename {static => dist/static}/ico/sizes.png (100%)
 rename {static => dist/static}/ico/snowflake.png (100%)
 rename {static => dist/static}/ico/statusok.png (100%)
 rename {static => dist/static}/ico/stevia-gotas.webp (100%)
 rename {static => dist/static}/ico/stevia.jpg (100%)
 rename {static => dist/static}/ico/tea_bag.png (100%)
 rename {static => dist/static}/ico/thermometer2.png (100%)
 rename {static => dist/static}/ico/user.png (100%)
 rename {static => dist/static}/ico/user_generic.png (100%)
 rename {static => dist/static}/ico/water_tap.png (100%)
 rename {static => dist/static}/ico/wheat.png (100%)
 rename {static => dist/static}/jquery.js (100%)
 rename {static => dist/static}/load.js (100%)
 rename {static => dist/static}/open.js (100%)
 rename {static => dist/static}/path.js (100%)
 rename {static => dist/static}/radisk.js (100%)
 rename {static => dist/static}/radix.js (100%)
 rename {static => dist/static}/rindexed.js (100%)
 rename {static => dist/static}/sea.js (100%)
 rename {static => dist/static}/showdown.min.js (100%)
 rename {static => dist/static}/simplemde.min.css (100%)
 rename {static => dist/static}/simplemde.min.js (100%)
 rename {static => dist/static}/store.js (100%)
 rename {static => dist/static}/synchronous.js (100%)
 rename {static => dist/static}/toastr.min.css (100%)
 rename {static => dist/static}/toastr.min.js (100%)
 rename {static => dist/static}/webrtc.js (100%)
 rename {static => dist/static}/yson.js (100%)
 create mode 100644 src/index.html
 create mode 100644 src/sw.js
 delete mode 100644 sw.js

diff --git a/_assets.json b/_assets.json
new file mode 100644
index 0000000..023f02a
--- /dev/null
+++ b/_assets.json
@@ -0,0 +1,86 @@
+[
+    "icon512_maskable.png",
+    "icon512_rounded.png",
+    "index.html",
+    "manifest.json",
+    "static/axe.js",
+    "static/doublescroll.js",
+    "static/gun.js",
+    "static/jquery.js",
+    "static/load.js",
+    "static/open.js",
+    "static/path.js",
+    "static/radisk.js",
+    "static/radix.js",
+    "static/rindexed.js",
+    "static/sea.js",
+    "static/showdown.min.js",
+    "static/simplemde.min.css",
+    "static/simplemde.min.js",
+    "static/store.js",
+    "static/synchronous.js",
+    "static/TeleSec.jpg",
+    "static/toastr.min.css",
+    "static/toastr.min.js",
+    "static/webrtc.js",
+    "static/yson.js",
+    "static/ico/add.png",
+    "static/ico/azucar-moreno.png",
+    "static/ico/azucar-blanco.jpg",
+    "static/ico/stevia.jpg",
+    "static/ico/stevia-gotas.webp",
+    "static/ico/sacarina.jpg",
+    "static/ico/arrow_down_blue.png",
+    "static/ico/arrow_left_green.png",
+    "static/ico/arrow_up_red.png",
+    "static/ico/camera2.png",
+    "static/ico/cereales.png",
+    "static/ico/checkbox.png",
+    "static/ico/checkbox_unchecked.png",
+    "static/ico/connect_ok.svg",
+    "static/ico/connect_ko.svg",
+    "static/ico/coffee_bean.png",
+    "static/ico/colacao.jpg",
+    "static/ico/cookies.png",
+    "static/ico/cow.png",
+    "static/ico/delete.png",
+    "static/ico/fire.png",
+    "static/ico/keyboard_key_g.png",
+    "static/ico/keyboard_key_p.png",
+    "static/ico/lollipop.png",
+    "static/ico/milk.png",
+    "static/ico/preferences.png",
+    "static/ico/sizes.png",
+    "static/ico/statusok.png",
+    "static/ico/snowflake.png",
+    "static/ico/tea_bag.png",
+    "static/ico/thermometer2.png",
+    "static/ico/user.png",
+    "static/ico/user_generic.png",
+    "static/ico/water_tap.png",
+    "static/ico/wheat.png",
+    "static/ico/layered1/Azucar-Az. Blanco.png",
+    "static/ico/layered1/Azucar-Az. Moreno.png",
+    "static/ico/layered1/Azucar-Edulcorante.png",
+    "static/ico/layered1/Azucar-Sacarina.png",
+    "static/ico/layered1/Azucar-Sin.png",
+    "static/ico/layered1/Azucar-Stevia (Gotas).png",
+    "static/ico/layered1/Azucar-Stevia (Pastillas).png",
+    "static/ico/layered1/Background.png",
+    "static/ico/layered1/Cafeina-Con.png",
+    "static/ico/layered1/Cafeina-Sin.png",
+    "static/ico/layered1/Leche-Agua.png",
+    "static/ico/layered1/Leche-Sin lactosa.png",
+    "static/ico/layered1/Leche-Vegetal.png",
+    "static/ico/layered1/Leche-de Vaca.png",
+    "static/ico/layered1/Selección-CafeSolo.png",
+    "static/ico/layered1/Selección-CaféLeche.png",
+    "static/ico/layered1/Selección-ColaCao.png",
+    "static/ico/layered1/Selección-Infusion.png",
+    "static/ico/layered1/Selección-Leche.png",
+    "static/ico/layered1/Tamaño-Grande.png",
+    "static/ico/layered1/Tamaño-Pequeño.png",
+    "static/ico/layered1/Temperatura-Caliente.png",
+    "static/ico/layered1/Temperatura-Frio.png",
+    "static/ico/layered1/Temperatura-Templado.png"
+]
\ No newline at end of file
diff --git a/build.py b/build.py
new file mode 100644
index 0000000..4ea0b38
--- /dev/null
+++ b/build.py
@@ -0,0 +1,20 @@
+import json
+ASSETS = json.load(open("_assets.json", "r"))
+PREFETCH = ""
+VERSIONCO = "2025-06-27_1"
+HANDLEPARSE = ["index.html", "sw.js"]
+for asset in ASSETS:
+    PREFETCH += f'<link rel="prefetch" href="{asset}" />\n'
+
+def replace_handles(string):
+    string = string.replace("%%PREFETCH%%", PREFETCH)
+    string = string.replace("%%VERSIONCO%%", VERSIONCO)
+    string = string.replace("%%ASSETSJSON%%", json.dumps(ASSETS, ensure_ascii=False))
+    return string
+
+for file in HANDLEPARSE:
+
+    with open("src/" + file, "r") as f:
+        out = replace_handles(f.read())
+    with open("dist/" + file, "w") as f:
+        f.write(out)
diff --git a/cola_cao.jpg b/dist/cola_cao.jpg
similarity index 100%
rename from cola_cao.jpg
rename to dist/cola_cao.jpg
diff --git a/icon512_maskable.png b/dist/icon512_maskable.png
similarity index 100%
rename from icon512_maskable.png
rename to dist/icon512_maskable.png
diff --git a/icon512_rounded.png b/dist/icon512_rounded.png
similarity index 100%
rename from icon512_rounded.png
rename to dist/icon512_rounded.png
diff --git a/manifest.json b/dist/manifest.json
similarity index 100%
rename from manifest.json
rename to dist/manifest.json
diff --git a/static/TeleSec.jpg b/dist/static/TeleSec.jpg
similarity index 100%
rename from static/TeleSec.jpg
rename to dist/static/TeleSec.jpg
diff --git a/static/axe.js b/dist/static/axe.js
similarity index 100%
rename from static/axe.js
rename to dist/static/axe.js
diff --git a/static/doublescroll.js b/dist/static/doublescroll.js
similarity index 100%
rename from static/doublescroll.js
rename to dist/static/doublescroll.js
diff --git a/static/gun.js b/dist/static/gun.js
similarity index 100%
rename from static/gun.js
rename to dist/static/gun.js
diff --git a/static/ico/add.png b/dist/static/ico/add.png
similarity index 100%
rename from static/ico/add.png
rename to dist/static/ico/add.png
diff --git a/static/ico/arrow_down_blue.png b/dist/static/ico/arrow_down_blue.png
similarity index 100%
rename from static/ico/arrow_down_blue.png
rename to dist/static/ico/arrow_down_blue.png
diff --git a/static/ico/arrow_left_green.png b/dist/static/ico/arrow_left_green.png
similarity index 100%
rename from static/ico/arrow_left_green.png
rename to dist/static/ico/arrow_left_green.png
diff --git a/static/ico/arrow_up_red.png b/dist/static/ico/arrow_up_red.png
similarity index 100%
rename from static/ico/arrow_up_red.png
rename to dist/static/ico/arrow_up_red.png
diff --git a/static/ico/azucar-blanco.jpg b/dist/static/ico/azucar-blanco.jpg
similarity index 100%
rename from static/ico/azucar-blanco.jpg
rename to dist/static/ico/azucar-blanco.jpg
diff --git a/static/ico/azucar-moreno.png b/dist/static/ico/azucar-moreno.png
similarity index 100%
rename from static/ico/azucar-moreno.png
rename to dist/static/ico/azucar-moreno.png
diff --git a/static/ico/camera2.png b/dist/static/ico/camera2.png
similarity index 100%
rename from static/ico/camera2.png
rename to dist/static/ico/camera2.png
diff --git a/static/ico/cereales.png b/dist/static/ico/cereales.png
similarity index 100%
rename from static/ico/cereales.png
rename to dist/static/ico/cereales.png
diff --git a/static/ico/checkbox.png b/dist/static/ico/checkbox.png
similarity index 100%
rename from static/ico/checkbox.png
rename to dist/static/ico/checkbox.png
diff --git a/static/ico/checkbox_unchecked.png b/dist/static/ico/checkbox_unchecked.png
similarity index 100%
rename from static/ico/checkbox_unchecked.png
rename to dist/static/ico/checkbox_unchecked.png
diff --git a/static/ico/coffee_bean.png b/dist/static/ico/coffee_bean.png
similarity index 100%
rename from static/ico/coffee_bean.png
rename to dist/static/ico/coffee_bean.png
diff --git a/static/ico/colacao.jpg b/dist/static/ico/colacao.jpg
similarity index 100%
rename from static/ico/colacao.jpg
rename to dist/static/ico/colacao.jpg
diff --git a/static/ico/connect_ko.svg b/dist/static/ico/connect_ko.svg
similarity index 100%
rename from static/ico/connect_ko.svg
rename to dist/static/ico/connect_ko.svg
diff --git a/static/ico/connect_ok.svg b/dist/static/ico/connect_ok.svg
similarity index 100%
rename from static/ico/connect_ok.svg
rename to dist/static/ico/connect_ok.svg
diff --git a/static/ico/cookies.png b/dist/static/ico/cookies.png
similarity index 100%
rename from static/ico/cookies.png
rename to dist/static/ico/cookies.png
diff --git a/static/ico/cow.png b/dist/static/ico/cow.png
similarity index 100%
rename from static/ico/cow.png
rename to dist/static/ico/cow.png
diff --git a/static/ico/delete.png b/dist/static/ico/delete.png
similarity index 100%
rename from static/ico/delete.png
rename to dist/static/ico/delete.png
diff --git a/static/ico/fire.png b/dist/static/ico/fire.png
similarity index 100%
rename from static/ico/fire.png
rename to dist/static/ico/fire.png
diff --git a/static/ico/keyboard_key_g.png b/dist/static/ico/keyboard_key_g.png
similarity index 100%
rename from static/ico/keyboard_key_g.png
rename to dist/static/ico/keyboard_key_g.png
diff --git a/static/ico/keyboard_key_p.png b/dist/static/ico/keyboard_key_p.png
similarity index 100%
rename from static/ico/keyboard_key_p.png
rename to dist/static/ico/keyboard_key_p.png
diff --git a/static/ico/layered1/Azucar-Az. Blanco.png b/dist/static/ico/layered1/Azucar-Az. Blanco.png
similarity index 100%
rename from static/ico/layered1/Azucar-Az. Blanco.png
rename to dist/static/ico/layered1/Azucar-Az. Blanco.png
diff --git a/static/ico/layered1/Azucar-Az. Moreno.png b/dist/static/ico/layered1/Azucar-Az. Moreno.png
similarity index 100%
rename from static/ico/layered1/Azucar-Az. Moreno.png
rename to dist/static/ico/layered1/Azucar-Az. Moreno.png
diff --git a/static/ico/layered1/Azucar-Edulcorante.png b/dist/static/ico/layered1/Azucar-Edulcorante.png
similarity index 100%
rename from static/ico/layered1/Azucar-Edulcorante.png
rename to dist/static/ico/layered1/Azucar-Edulcorante.png
diff --git a/static/ico/layered1/Azucar-Sacarina.png b/dist/static/ico/layered1/Azucar-Sacarina.png
similarity index 100%
rename from static/ico/layered1/Azucar-Sacarina.png
rename to dist/static/ico/layered1/Azucar-Sacarina.png
diff --git a/static/ico/layered1/Azucar-Sin.png b/dist/static/ico/layered1/Azucar-Sin.png
similarity index 100%
rename from static/ico/layered1/Azucar-Sin.png
rename to dist/static/ico/layered1/Azucar-Sin.png
diff --git a/static/ico/layered1/Azucar-Stevia (Gotas).png b/dist/static/ico/layered1/Azucar-Stevia (Gotas).png
similarity index 100%
rename from static/ico/layered1/Azucar-Stevia (Gotas).png
rename to dist/static/ico/layered1/Azucar-Stevia (Gotas).png
diff --git a/static/ico/layered1/Azucar-Stevia (Pastillas).png b/dist/static/ico/layered1/Azucar-Stevia (Pastillas).png
similarity index 100%
rename from static/ico/layered1/Azucar-Stevia (Pastillas).png
rename to dist/static/ico/layered1/Azucar-Stevia (Pastillas).png
diff --git a/static/ico/layered1/Background.png b/dist/static/ico/layered1/Background.png
similarity index 100%
rename from static/ico/layered1/Background.png
rename to dist/static/ico/layered1/Background.png
diff --git a/static/ico/layered1/Cafeina-Con.png b/dist/static/ico/layered1/Cafeina-Con.png
similarity index 100%
rename from static/ico/layered1/Cafeina-Con.png
rename to dist/static/ico/layered1/Cafeina-Con.png
diff --git a/static/ico/layered1/Cafeina-Sin.png b/dist/static/ico/layered1/Cafeina-Sin.png
similarity index 100%
rename from static/ico/layered1/Cafeina-Sin.png
rename to dist/static/ico/layered1/Cafeina-Sin.png
diff --git a/static/ico/layered1/Leche-Agua.png b/dist/static/ico/layered1/Leche-Agua.png
similarity index 100%
rename from static/ico/layered1/Leche-Agua.png
rename to dist/static/ico/layered1/Leche-Agua.png
diff --git a/static/ico/layered1/Leche-Sin lactosa.png b/dist/static/ico/layered1/Leche-Sin lactosa.png
similarity index 100%
rename from static/ico/layered1/Leche-Sin lactosa.png
rename to dist/static/ico/layered1/Leche-Sin lactosa.png
diff --git a/static/ico/layered1/Leche-Vegetal.png b/dist/static/ico/layered1/Leche-Vegetal.png
similarity index 100%
rename from static/ico/layered1/Leche-Vegetal.png
rename to dist/static/ico/layered1/Leche-Vegetal.png
diff --git a/static/ico/layered1/Leche-de Vaca.png b/dist/static/ico/layered1/Leche-de Vaca.png
similarity index 100%
rename from static/ico/layered1/Leche-de Vaca.png
rename to dist/static/ico/layered1/Leche-de Vaca.png
diff --git a/static/ico/layered1/Selección-CafeSolo.png b/dist/static/ico/layered1/Selección-CafeSolo.png
similarity index 100%
rename from static/ico/layered1/Selección-CafeSolo.png
rename to dist/static/ico/layered1/Selección-CafeSolo.png
diff --git a/static/ico/layered1/Selección-CaféLeche.png b/dist/static/ico/layered1/Selección-CaféLeche.png
similarity index 100%
rename from static/ico/layered1/Selección-CaféLeche.png
rename to dist/static/ico/layered1/Selección-CaféLeche.png
diff --git a/static/ico/layered1/Selección-ColaCao.png b/dist/static/ico/layered1/Selección-ColaCao.png
similarity index 100%
rename from static/ico/layered1/Selección-ColaCao.png
rename to dist/static/ico/layered1/Selección-ColaCao.png
diff --git a/static/ico/layered1/Selección-Infusion.png b/dist/static/ico/layered1/Selección-Infusion.png
similarity index 100%
rename from static/ico/layered1/Selección-Infusion.png
rename to dist/static/ico/layered1/Selección-Infusion.png
diff --git a/static/ico/layered1/Selección-Leche.png b/dist/static/ico/layered1/Selección-Leche.png
similarity index 100%
rename from static/ico/layered1/Selección-Leche.png
rename to dist/static/ico/layered1/Selección-Leche.png
diff --git a/static/ico/layered1/Tamaño-Grande.png b/dist/static/ico/layered1/Tamaño-Grande.png
similarity index 100%
rename from static/ico/layered1/Tamaño-Grande.png
rename to dist/static/ico/layered1/Tamaño-Grande.png
diff --git a/static/ico/layered1/Tamaño-Pequeño.png b/dist/static/ico/layered1/Tamaño-Pequeño.png
similarity index 100%
rename from static/ico/layered1/Tamaño-Pequeño.png
rename to dist/static/ico/layered1/Tamaño-Pequeño.png
diff --git a/static/ico/layered1/Temperatura-Caliente.png b/dist/static/ico/layered1/Temperatura-Caliente.png
similarity index 100%
rename from static/ico/layered1/Temperatura-Caliente.png
rename to dist/static/ico/layered1/Temperatura-Caliente.png
diff --git a/static/ico/layered1/Temperatura-Frio.png b/dist/static/ico/layered1/Temperatura-Frio.png
similarity index 100%
rename from static/ico/layered1/Temperatura-Frio.png
rename to dist/static/ico/layered1/Temperatura-Frio.png
diff --git a/static/ico/layered1/Temperatura-Templado.png b/dist/static/ico/layered1/Temperatura-Templado.png
similarity index 100%
rename from static/ico/layered1/Temperatura-Templado.png
rename to dist/static/ico/layered1/Temperatura-Templado.png
diff --git a/static/ico/lollipop.png b/dist/static/ico/lollipop.png
similarity index 100%
rename from static/ico/lollipop.png
rename to dist/static/ico/lollipop.png
diff --git a/static/ico/milk (1).png b/dist/static/ico/milk (1).png
similarity index 100%
rename from static/ico/milk (1).png
rename to dist/static/ico/milk (1).png
diff --git a/static/ico/milk.png b/dist/static/ico/milk.png
similarity index 100%
rename from static/ico/milk.png
rename to dist/static/ico/milk.png
diff --git a/static/ico/preferences.png b/dist/static/ico/preferences.png
similarity index 100%
rename from static/ico/preferences.png
rename to dist/static/ico/preferences.png
diff --git a/static/ico/sacarina.jpg b/dist/static/ico/sacarina.jpg
similarity index 100%
rename from static/ico/sacarina.jpg
rename to dist/static/ico/sacarina.jpg
diff --git a/static/ico/sizes.png b/dist/static/ico/sizes.png
similarity index 100%
rename from static/ico/sizes.png
rename to dist/static/ico/sizes.png
diff --git a/static/ico/snowflake.png b/dist/static/ico/snowflake.png
similarity index 100%
rename from static/ico/snowflake.png
rename to dist/static/ico/snowflake.png
diff --git a/static/ico/statusok.png b/dist/static/ico/statusok.png
similarity index 100%
rename from static/ico/statusok.png
rename to dist/static/ico/statusok.png
diff --git a/static/ico/stevia-gotas.webp b/dist/static/ico/stevia-gotas.webp
similarity index 100%
rename from static/ico/stevia-gotas.webp
rename to dist/static/ico/stevia-gotas.webp
diff --git a/static/ico/stevia.jpg b/dist/static/ico/stevia.jpg
similarity index 100%
rename from static/ico/stevia.jpg
rename to dist/static/ico/stevia.jpg
diff --git a/static/ico/tea_bag.png b/dist/static/ico/tea_bag.png
similarity index 100%
rename from static/ico/tea_bag.png
rename to dist/static/ico/tea_bag.png
diff --git a/static/ico/thermometer2.png b/dist/static/ico/thermometer2.png
similarity index 100%
rename from static/ico/thermometer2.png
rename to dist/static/ico/thermometer2.png
diff --git a/static/ico/user.png b/dist/static/ico/user.png
similarity index 100%
rename from static/ico/user.png
rename to dist/static/ico/user.png
diff --git a/static/ico/user_generic.png b/dist/static/ico/user_generic.png
similarity index 100%
rename from static/ico/user_generic.png
rename to dist/static/ico/user_generic.png
diff --git a/static/ico/water_tap.png b/dist/static/ico/water_tap.png
similarity index 100%
rename from static/ico/water_tap.png
rename to dist/static/ico/water_tap.png
diff --git a/static/ico/wheat.png b/dist/static/ico/wheat.png
similarity index 100%
rename from static/ico/wheat.png
rename to dist/static/ico/wheat.png
diff --git a/static/jquery.js b/dist/static/jquery.js
similarity index 100%
rename from static/jquery.js
rename to dist/static/jquery.js
diff --git a/static/load.js b/dist/static/load.js
similarity index 100%
rename from static/load.js
rename to dist/static/load.js
diff --git a/static/open.js b/dist/static/open.js
similarity index 100%
rename from static/open.js
rename to dist/static/open.js
diff --git a/static/path.js b/dist/static/path.js
similarity index 100%
rename from static/path.js
rename to dist/static/path.js
diff --git a/static/radisk.js b/dist/static/radisk.js
similarity index 100%
rename from static/radisk.js
rename to dist/static/radisk.js
diff --git a/static/radix.js b/dist/static/radix.js
similarity index 100%
rename from static/radix.js
rename to dist/static/radix.js
diff --git a/static/rindexed.js b/dist/static/rindexed.js
similarity index 100%
rename from static/rindexed.js
rename to dist/static/rindexed.js
diff --git a/static/sea.js b/dist/static/sea.js
similarity index 100%
rename from static/sea.js
rename to dist/static/sea.js
diff --git a/static/showdown.min.js b/dist/static/showdown.min.js
similarity index 100%
rename from static/showdown.min.js
rename to dist/static/showdown.min.js
diff --git a/static/simplemde.min.css b/dist/static/simplemde.min.css
similarity index 100%
rename from static/simplemde.min.css
rename to dist/static/simplemde.min.css
diff --git a/static/simplemde.min.js b/dist/static/simplemde.min.js
similarity index 100%
rename from static/simplemde.min.js
rename to dist/static/simplemde.min.js
diff --git a/static/store.js b/dist/static/store.js
similarity index 100%
rename from static/store.js
rename to dist/static/store.js
diff --git a/static/synchronous.js b/dist/static/synchronous.js
similarity index 100%
rename from static/synchronous.js
rename to dist/static/synchronous.js
diff --git a/static/toastr.min.css b/dist/static/toastr.min.css
similarity index 100%
rename from static/toastr.min.css
rename to dist/static/toastr.min.css
diff --git a/static/toastr.min.js b/dist/static/toastr.min.js
similarity index 100%
rename from static/toastr.min.js
rename to dist/static/toastr.min.js
diff --git a/static/webrtc.js b/dist/static/webrtc.js
similarity index 100%
rename from static/webrtc.js
rename to dist/static/webrtc.js
diff --git a/static/yson.js b/dist/static/yson.js
similarity index 100%
rename from static/yson.js
rename to dist/static/yson.js
diff --git a/index.html b/index.html
index ed055af..0827d9d 100644
--- a/index.html
+++ b/index.html
@@ -1,3015 +1,12 @@
-<!DOCTYPE html>
-<html lang="es">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="manifest" href="manifest.json" />
-    <title>TeleSec</title>
-    <link rel="icon" type="image/png" href="static/TeleSec.jpg" />
-    <style>
-      html {
-        color-scheme: light only;
-      }
-
-      body {
-        font-family: Arial, Helvetica, sans-serif;
-      }
-
-      main {
-        /*max-width: 45rem;
-            margin: 0 auto;*/
-        padding: 0 15px;
-      }
-
-      .supermesh-indicator {
-        border-top-left-radius: 15px;
-        background-color: greenyellow;
-        border-top: 5px solid green;
-        border-left: 5px solid green;
-        padding: 15px;
-        max-width: 30rem;
-        position: fixed;
-        right: 0;
-        bottom: 0;
-        color: black;
-        display: none;
-      }
-
-      .supermesh-indicator a {
-        color: blue;
-      }
-
-      details.supermesh-indicator summary {
-        font-size: unset;
-      }
-
-      .link,
-      a {
-        color: blue;
-        text-decoration: underline;
-        cursor: pointer;
-      }
-
-      .link:hover,
-      a:hover {
-        text-decoration: underline;
-      }
-
-      #articleID {
-        font-family: monospace;
-      }
-
-      @media (prefers-color-scheme: dark) {
-        .link,
-        a {
-          color: lightblue;
-        }
-      }
-
-      @media print {
-        .supermesh-indicator,
-        .no_print {
-          display: none;
-        }
-      }
-
-      main {
-        margin-bottom: 25rem;
-      }
-
-      button,
-      .button {
-        display: inline-block;
-        padding: 5px 10px;
-        background-color: beige;
-        border: 2px solid black;
-        font-size: 20px;
-        margin: 3px;
-        text-decoration: none;
-        color: black;
-      }
-
-      button:hover,
-      .button:hover {
-        text-decoration: underline;
-      }
-
-      /* https://coolors.co/palette/ff0000-ff8700-ffd300-deff0a-a1ff0a-0aff99-0aefff-147df5-580aff-be0aff */
-      .rojo {
-        background: #ff0000;
-        color: white;
-      }
-
-      .btn1 {
-        background: #ff0000;
-        color: white;
-      }
-
-      .btn2 {
-        background: #ff8700;
-        color: white;
-      }
-
-      .btn3 {
-        background: #ffd300;
-        color: black;
-      }
-
-      .btn4 {
-        background: #deff0a;
-        color: black;
-      }
-
-      .btn5 {
-        background: #a1ff0a;
-        color: black;
-      }
-
-      .btn6 {
-        background: #0aff99;
-        color: black;
-      }
-
-      .btn7 {
-        background: #0aefff;
-        color: black;
-      }
-
-      .btn8 {
-        background: #147df5;
-        color: white;
-      }
-
-      .nav-disabled {
-        background: black !important;
-        color: grey !important;
-      }
-
-      .nav-disabled:hover {
-        text-decoration: unset !important;
-      }
-
-      input,
-      select,
-      textarea {
-        font-size: 18px;
-        padding: 5px;
-        width: calc(100% - 11px);
-      }
-
-      select {
-        width: 100%;
-      }
-
-      details input,
-      details select,
-      details textarea {
-        font-size: 18px;
-        padding: 5px;
-        width: calc(100% - 15px);
-      }
-
-      input[type="color"] {
-        width: 50px;
-        height: 50px;
-      }
-
-      textarea {
-        height: 150px;
-      }
-
-      details summary {
-        font-size: 20px;
-      }
-
-      thead tr {
-        background-color: black;
-        color: white;
-      }
-
-      table {
-        display: block;
-        line-break: loose;
-        width: fit-content;
-        min-width: 750px;
-        border: 1px solid black;
-      }
-
-      table tr th {
-        line-break: auto;
-      }
-
-      table tr td {
-        border-bottom: 3px solid black !important;
-        padding: 5px;
-      }
-
-      .scase {
-        text-transform: lowercase;
-      }
-
-      .scase:first-letter {
-        text-transform: uppercase;
-      }
-
-      table tr:hover td {
-        text-decoration: underline;
-        background: rgba(200, 200, 200, 0.5);
-        /* color: black; */
-      }
-
-      table tr:hover td.TextBorder {
-        background: inherit;
-        color: inherit;
-        text-decoration: none;
-      }
-
-      fieldset {
-        max-width: 25rem;
-      }
-
-      .TextBorder {
-        color: black;
-        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
-          1px 1px 0 #fff;
-        -webkit-text-stroke: 0.25px #fff;
-      }
-
-      code {
-        font-size: x-small;
-        color: gray;
-      }
-
-      .activeSCButton {
-        border: 7px dashed beige;
-        color: beige;
-        background: black !important;
-      }
-
-      .btn1.activeSCButton {
-        border-color: #ff0000;
-        color: #ff0000;
-      }
-
-      .btn2.activeSCButton {
-        border-color: #ff8700;
-        color: #ff8700;
-      }
-
-      .btn3.activeSCButton {
-        border-color: #ffd300;
-        color: #ffd300;
-      }
-
-      .btn4.activeSCButton {
-        border-color: #deff0a;
-        color: #deff0a;
-      }
-
-      .btn5.activeSCButton {
-        border-color: #a1ff0a;
-        color: #a1ff0a;
-      }
-
-      .btn6.activeSCButton {
-        border-color: #0aff99;
-        color: #0aff99;
-      }
-
-      .btn7.activeSCButton {
-        border-color: #0aefff;
-        color: #0aefff;
-      }
-
-      .btn8.activeSCButton {
-        border-color: #147df5;
-        color: #147df5;
-      }
-
-      hr {
-        border-color: black;
-        border-style: solid;
-      }
-
-      #snackbar {
-        visibility: hidden;
-        /* min-width: 250px; */
-        background-color: #333;
-        color: #fff;
-        text-align: center;
-        border-radius: 2px;
-        padding: 16px;
-        position: fixed;
-        z-index: 1;
-        right: 70px;
-        bottom: 25px;
-      }
-
-      #snackbar a {
-        color: lightblue;
-      }
-
-      #snackbar.show {
-        visibility: visible;
-      }
-    </style>
-    <link href="static/toastr.min.css" rel="stylesheet" />
-
-    <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>
-    <details class="supermesh-indicator">
-      <summary>
-        <b>SuperMesh</b><br />
-        <br /><small id="peerPID" style="font-family: monospace"
-          >PID ??????????</small
-        >
-      </summary>
-      <ul id="peerList"></ul>
-      <i>Todos los datos están encriptados.</i>
-    </details>
-    <main>
-      <header class="no_print" id="header_hide_query">
-        <details id="LinkAccount_details" open>
-          <summary>
-            <b
-              >TeleSec - <span id="groupId">???</span> - (<span id="peerCount"
-                >?</span
-              >
-              nodos)</b
-            >
-          </summary>
-          <fieldset id="auth_fieldSet">
-            <legend>Credenciales</legend>
-            <br />
-            <label
-              >Codigo de grupo:<br />
-              <input type="text" id="LinkAccount_group"
-            /></label>
-            <br />
-            <br />
-            <label
-              >Clave secreta:<br />
-              <input type="text" id="LinkAccount_secret"
-            /></label>
-            <br /><br />
-            <button
-              type="button"
-              onclick='LinkAccount(document.getElementById("LinkAccount_group").value, document.getElementById("LinkAccount_secret").value, true)'
-            >
-              Iniciar sesión
-            </button>
-          </fieldset>
-        </details>
-        <!-- <button onclick="displayPost('index')">Ir a la pagina de inicio</button> -->
-        <div id="appendApps">
-          <!--<a class="button nav-supercafe nav-disabled" disabled>SuperCafé</a>
-                <a class="button nav-comedor nav-disabled" disabled>Menú Comedor</a>
-                <a class="button nav-recetas nav-disabled" disabled>Recetas</a>-->
-        </div>
-        <hr />
-      </header>
-      <div id="container"></div>
-      <!-- <br><br><br>
-    <footer>
-      <hr>
-      <details>
-        <summary><b>Apps SuperMesh</b></summary>
-        <button type="button">
-          <img src="static/TeleSec.jpg" alt="" width="100px">
-          <br>TeleSec
-        </button>
-      </details>
-    </footer> -->
-      <img
-        id="connectStatus"
-        style="bottom: 15px; right: 15px; position: fixed; width: 50px"
-      />
-    </main>
-    <img
-      id="actionStatus"
-      src="static/ico/statusok.png"
-      style="
-        z-index: 2048;
-        margin: 0px;
-        position: fixed;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        width: 100px;
-        height: 100px;
-        display: none;
-      "
-    />
-    <script src="static/showdown.min.js"></script>
-    <script src="static/jquery.js"></script>
-    <script src="static/gun.js"></script>
-    <script src="static/webrtc.js"></script>
-    <script src="static/sea.js"></script>
-    <script src="static/yson.js"></script>
-    <script src="static/radix.js"></script>
-    <script src="static/radisk.js"></script>
-    <script src="static/store.js"></script>
-    <script src="static/rindexed.js"></script>
-    <script src="static/path.js"></script>
-    <script src="static/open.js"></script>
-    <script src="static/load.js"></script>
-    <!--<script src="static/synchronous.js"></script>-->
-    <!--<script src="static/axe.js"></script>-->
-    <script src="static/toastr.min.js"></script>
-    <script src="static/doublescroll.js"></script>
-    <!--<script src="static/simplemde.min.js"></script>-->
-    <script async>
-      async function getQuota(cb = () => {}) {
-        if (navigator.storage && navigator.storage.estimate) {
-          const quota = await navigator.storage.estimate();
-          // quota.usage -> Number of bytes used.
-          // quota.quota -> Maximum number of bytes available.
-          const percentageUsed = (quota.usage / quota.quota) * 100;
-          console.log(
-            `You've used ${percentageUsed}% of the available storage.`
-          );
-          const remaining = quota.quota - quota.usage;
-          cb(percentageUsed, remaining);
-          console.log(`You can write up to ${remaining} more bytes.`);
-        }
-      }
-      getQuota();
-    </script>
-    <div id="snackbar">
-      Hay una nueva versión de TeleSec.<br /><a id="reload"
-        >Pulsa aqui para actualizar.</a
-      >
-    </div>
-    <script id="pwa">
-      let newWorker;
-
-      function showUpdateBar() {
-        let snackbar = document.getElementById("snackbar");
-        snackbar.className = "show";
-      }
-
-      // The click event on the pop up notification
-      document.getElementById("reload").addEventListener("click", function () {
-        setTimeout(() => {
-          removeCache();
-        }, 1000);
-        newWorker.postMessage({ action: "skipWaiting" });
-      });
-
-      if ("serviceWorker" in navigator) {
-        navigator.serviceWorker.register("/sw.js").then((reg) => {
-          reg.addEventListener("updatefound", () => {
-            // A wild service worker has appeared in reg.installing!
-            newWorker = reg.installing;
-
-            newWorker.addEventListener("statechange", () => {
-              // Has network.state changed?
-              switch (newWorker.state) {
-                case "installed":
-                  if (navigator.serviceWorker.controller) {
-                    // new update available
-                    showUpdateBar();
-                  }
-                  // No update available
-                  break;
-              }
-            });
-          });
-        });
-
-        let refreshing;
-        navigator.serviceWorker.addEventListener(
-          "controllerchange",
-          function () {
-            if (refreshing) return;
-            window.location.reload();
-            refreshing = true;
-          }
-        );
-      }
-    </script>
-    <script>
-      var EVENTLISTENER = null;
-      var EVENTLISTENER2 = null;
-      var urlParams = new URLSearchParams(location.search);
-      if (urlParams.get("hidenav") == "yes") {
-        document.getElementById("header_hide_query").style.display = "none";
-      }
-      var GROUPID = "";
-      // const PUBLIC_KEY = "~cppGiuA4UFUPGTDoC-4r2izVC3F7MfpaCmF3iZdESN4.vntmjgbAVUpF_zfinYY6EKVFuuTYxh5xOrL4KmtdTmc"
-      var TABLE = GROUPID + ":telesec.tech.eus";
-      const RELAYS = [
-        "https://gun-es01.tech.eus/gun",
-        "https://gun-es02.tech.eus/gun",
-        "https://gun-es03.tech.eus/gun",
-        "https://gun-es04.tech.eus/gun",
-        "https://gun-es05.tech.eus/gun",
-        "https://gun-es06.tech.eus/gun",
-        // "https://gun-es07.tech.eus/gun", // No he podido instalar el nodo.
-        "https://gun-manhattan.herokuapp.com/gun",
-        "https://peer.wallie.io/gun",
-        "https://gun.defucc.me/gun",
-      ];
-      var SECRET = "";
-    </script>
-    <script id="gun_init">
-      window.rtcRoom = "telesec.tech.eus";
-      var gun = Gun(RELAYS, {
-        axe: false,
-        localStorage: true,
-        radisk: true,
-      });
-      var SEA = Gun.SEA;
-      var user = gun.user();
-      function removeCache() {
-        caches.keys().then(function (names) {
-          for (let name of names) caches.delete(name);
-          console.log("Removing cache " + name);
-          console.log("OK");
-          location.reload(true);
-        });
-      }
-      function getPeers() {
-        var peerCount = 0;
-        var peerCountEl = document.getElementById("peerCount");
-        var peerListEl = document.getElementById("peerList");
-        var list = document.createElement("ul");
-        document.getElementById("peerPID").innerText =
-          "PID " + gun.back("opt.pid");
-        Object.values(gun.back("opt.peers")).forEach((peer) => {
-          if (
-            peer.wire != undefined &&
-            (peer.wire.readyState == 1 || peer.wire.readyState == "open")
-          ) {
-            peerCount += 1;
-            var wireType = peer.wire.constructor.name;
-            var wireHType = peer.wire.constructor.name;
-            var wireID = peer.id;
-            switch (wireType) {
-              case "WebSocket":
-                wireHType = "Web";
-                wireID = wireID.split("/")[2];
-                break;
-              case "RTCDataChannel":
-                wireHType = "Mesh";
-                wireID = peer.id;
-            }
-            var el = document.createElement("li");
-            el.innerText = `Nodo ${wireHType}: ${wireID}`;
-            list.append(el);
-          }
-        });
-        peerListEl.innerHTML = list.innerHTML;
-        peerCountEl.innerText = peerCount;
-        if (peerCount < 3) {
-          document.getElementById("connectStatus").src =
-            "static/ico/connect_ko.svg";
-          gun.opt({ peers: RELAYS });
-        } else {
-          document.getElementById("connectStatus").src =
-            "static/ico/connect_ok.svg";
-        }
-      }
-      getPeers();
-      setInterval(() => {
-        getPeers();
-      }, 5000);
-      function safeuuid(prefix = "AXLUID_") {
-        return prefix + crypto.randomUUID().split("-")[4];
-      }
-    </script>
-    <script id="app_logic">
-      function tableScroll(query) {
-        $(query).doubleScroll();
-      }
-      //var secretTokenEl = document.getElementById("secretToken");
-      var groupIdEl = document.getElementById("groupId");
-      var container = document.getElementById("container");
-      function LinkAccount(
-        LinkAccount_group,
-        LinkAccount_secret,
-        refresh = false
-      ) {
-        GROUPID = LinkAccount_group.toUpperCase();
-        SECRET = LinkAccount_secret.toUpperCase();
-
-        localStorage.setItem("TELESEC_AUTO", "YES");
-        localStorage.setItem("TELESEC_groupid", GROUPID);
-        localStorage.setItem("TELESEC_secret", SECRET);
-
-        TABLE = GROUPID + ":telesec.tech.eus";
-        //secretTokenEl.innerText = SECRET;
-        groupIdEl.innerText = GROUPID;
-        document.getElementById("LinkAccount_details").open = false;
-        if (refresh == true) {
-          location.reload();
-        }
-      }
-      if (localStorage.getItem("TELESEC_AUTO") == "YES") {
-        LinkAccount(
-          localStorage.getItem("TELESEC_groupid"),
-          localStorage.getItem("TELESEC_secret")
-        );
-      }
-      if (urlParams.get("login") != null) {
-        LinkAccount(
-          urlParams.get("login").split(":")[0],
-          urlParams.get("login").split(":")[1]
-        );
-        //location.search = "";
-      }
-      function open_page(params) {
-        if (params == "") {
-          params = "index";
-        }
-        var path = params.split(",");
-        var app = path[0];
-        if (path[1] == undefined) {
-          PAGES[app].index();
-          return;
-        }
-        PAGES[app].edit(path[1]);
-      }
-      function setUrlHash(hash) {
-        location.hash = "#" + hash;
-      }
-      window.onhashchange = () => {
-        try {
-          if (EVENTLISTENER != null) {
-            try {
-              EVENTLISTENER.off();
-              EVENTLISTENER = null;
-              EVENTLISTENER2.off();
-              EVENTLISTENER2 = null;
-              // TypeError: Cannot read properties of null (reading 'off')
-            } catch (error) {
-              if (!error.name == "TypeError") {
-                console.debug("EVENTLISTENER error", error);
-              }
-            }
-          }
-        } catch (e) {
-          console.debug("EVENTLISTENER onhashchange", e);
-        }
-
-        open_page(location.hash.replace("#", ""));
-      };
-      function download(filename, text) {
-        var element = document.createElement("a");
-        element.setAttribute(
-          "href",
-          "data:application/octet-stream;charset=utf-8," +
-            encodeURIComponent(text)
-        );
-        element.setAttribute("download", filename);
-
-        element.style.display = "none";
-        document.body.appendChild(element);
-
-        element.click();
-
-        document.body.removeChild(element);
-      }
-      function resizeInputImage(
-        file,
-        callback,
-        targetHeight = 256,
-        targetQuality = 0.75
-      ) {
-        const reader = new FileReader();
-
-        reader.onload = function (event) {
-          const img = new Image();
-          img.onload = function () {
-            const aspectRatio = img.width / img.height;
-            const targetWidth = targetHeight * aspectRatio;
-
-            const canvas = document.createElement("canvas");
-            canvas.width = targetWidth;
-            canvas.height = targetHeight;
-
-            const ctx = canvas.getContext("2d");
-
-            ctx.fillStyle = "#ffffff";
-            ctx.fillRect(0, 0, canvas.width, canvas.height);
-
-            ctx.drawImage(img, 0, 0, targetWidth, targetHeight);
-
-            // Get resized image as Blob
-            const dataURL = canvas.toDataURL("image/jpeg", targetQuality);
-            callback(dataURL);
-          };
-          img.src = event.target.result;
-        };
-
-        reader.readAsDataURL(file);
-      }
-      function CurrentISODate() {
-        return new Date().toISOString().split("T")[0].replace("T", " ");
-      }
-      function CurrentISOTime() {
-        return new Date().toISOString();
-      }
-
-      function betterGunPut(ref, data) {
-        ref.put(data, (ack) => {
-          if (ack.err) {
-            toastr.error("Error al guardar: " + ack.err);
-          } else {
-            console.debug("Guardado correctamente");
-          }
-        });
-        setTimeout(() => {
-          ref.put(data);
-        }, 250);
-        setTimeout(() => {
-          ref.put(data);
-        }, 500);
-      }
-      setInterval(() => {
-        betterGunPut(
-          gun.get(TABLE).get("heartbeat"),
-          "heartbeat-" + CurrentISOTime()
-        );
-        gun.get(TABLE).get("heartbeat").load(console.debug);
-      }, 5000);
-      gun.get(TABLE).on((data) => {
-        var e = true;
-      });
-    </script>
-    <script id="app_modules">
-      try {
-        navigator.wakeLock.request("screen");
-      } catch {
-        console.log("ScreenLock Failed");
-      }
-      String.prototype.toHex = function () {
-        var s = this + "0123456789"
-        var colors = [
-          "#ff0000",
-          "#ff00ff",
-          "#00ff00",
-          "#0000ff",
-          "#00ffff",
-          "#000000",
-        ];
-        var color =
-          s.charCodeAt(1) *
-          s.charCodeAt(2) /
-          s.charCodeAt(s.length - 1) *
-          s.charCodeAt(s.length - 2) /
-          s.charCodeAt(s.length - 2) *
-          s.charCodeAt(s.length - 3) /
-          s.charCodeAt(s.length - 3);
-        var cid = colors[Math.round(color) % (colors.length)];
-        console.log(color, cid, colors);
-        return cid;
-      };
-      function stringToColour(str) {
-        return str.toHex();
-      }
-      function colorIsDarkAdvanced(bgColor) {
-        let color =
-          bgColor.charAt(0) === "#" ? bgColor.substring(1, 7) : bgColor;
-        let r = parseInt(color.substring(0, 2), 16); // hexToR
-        let g = parseInt(color.substring(2, 4), 16); // hexToG
-        let b = parseInt(color.substring(4, 6), 16); // hexToB
-        let uicolors = [r / 255, g / 255, b / 255];
-        let c = uicolors.map((col) => {
-          if (col <= 0.03928) {
-            return col / 12.92;
-          }
-          return Math.pow((col + 0.055) / 1.055, 2.4);
-        });
-        let L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
-        return L <= 0.179 ? "#FFFFFF" : "#000000";
-      }
-      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; border: 1px dotted black;">`;
-
-        // 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,
-        icon,
-        options,
-        values,
-        change_cb = () => {}
-      ) {
-        var details_0 = document.createElement("details"); // children: img_0, summary_0
-        //details_0.open = true;
-        var img_0 = document.createElement("img");
-        img_0.src = "static/ico/checkbox_unchecked.png";
-        img_0.style.height = "30px";
-        if (values[name] != undefined) {
-          //details_0.open = true;
-          img_0.src = "static/ico/checkbox.png";
-        }
-        var summary_0 = document.createElement("summary");
-        var span_0 = document.createElement("span");
-        span_0.style.float = "right";
-        span_0.append(values[name] || "", " ", img_0);
-        summary_0.append(name, span_0);
-        details_0.append(summary_0, document.createElement("br"));
-        details_0.style.textAlign = "center";
-        details_0.style.margin = "5px";
-        details_0.style.padding = "5px";
-        details_0.style.border = "2px solid black";
-        details_0.style.borderRadius = "5px";
-        details_0.style.backgroundColor = "white";
-        details_0.style.cursor = "pointer";
-        details_0.style.width = "calc(100% - 25px)";
-        details_0.style.display = "inline-block";
-        summary_0.style.padding = "10px";
-        // background image at the start of summary_0:
-        summary_0.style.backgroundImage = "url('" + icon + "')";
-        summary_0.style.backgroundSize = "contain";
-        summary_0.style.backgroundPosition = "left";
-        summary_0.style.backgroundRepeat = "no-repeat";
-        summary_0.style.textAlign = "left";
-        summary_0.style.paddingLeft = "55px";
-        parent.append(details_0);
-
-        options.forEach((option) => {
-          var btn = document.createElement("button");
-          var br1 = document.createElement("br");
-          //btn.innerText = option.key + ": " + option.value
-          btn.append(option.value);
-          // for each image in option.img:
-
-          if (option.img) {
-            var br2 = document.createElement("br");
-            btn.append(br2);
-            option.img.forEach((imgsrc) => {
-              var img = document.createElement("img");
-              img.src = imgsrc;
-              img.style.height = "50px";
-              img.style.padding = "5px";
-              img.style.backgroundColor = "white";
-              btn.append(img, " ");
-            });
-          }
-          btn.className = option.className;
-          if (values[option.key] == option.value) {
-            btn.classList.add("activeSCButton");
-          }
-          btn.onclick = () => {
-            var items = details_0.getElementsByClassName("activeSCButton");
-            for (var i = 0; i < items.length; i++) {
-              items[i].classList.remove("activeSCButton");
-            }
-            btn.classList.add("activeSCButton");
-            values[option.key] = option.value;
-            span_0.innerText = option.value;
-            change_cb(values);
-            img_0.src = "static/ico/checkbox.png";
-          };
-          btn.style.borderRadius = "20px";
-          //btn.style.fontSize="17.5px"
-          details_0.append(btn);
-        });
-      }
-      function addCategory_Personas(
-        parent,
-        options,
-        defaultval,
-        change_cb = () => {},
-        label = "Persona"
-      ) {
-        var details_0 = document.createElement("details"); // children: img_0, summary_0
-        //details_0.open = true;
-        var img_0 = document.createElement("img");
-        img_0.src = "static/ico/checkbox_unchecked.png";
-        img_0.style.height = "30px";
-        if (defaultval != "") {
-          details_0.open = false;
-          img_0.src = "static/ico/checkbox.png";
-        }
-        var summary_0 = document.createElement("summary");
-        var span_0 = document.createElement("span");
-        span_0.style.float = "right";
-        var p = SC_Personas[defaultval] || {};
-        span_0.append(p.Nombre || "", " ", img_0);
-        summary_0.append(label, span_0);
-        details_0.append(summary_0, document.createElement("br"));
-        details_0.style.textAlign = "center";
-        details_0.style.margin = "5px";
-        details_0.style.padding = "5px";
-        details_0.style.border = "2px solid black";
-        details_0.style.borderRadius = "5px";
-        details_0.style.backgroundColor = "white";
-        details_0.style.cursor = "pointer";
-        details_0.style.width = "calc(100% - 25px)";
-        details_0.style.display = "inline-block";
-        summary_0.style.padding = "10px";
-        // background image at the start of summary_0:
-        summary_0.style.backgroundImage = "url('static/ico/user.png')";
-        summary_0.style.backgroundSize = "contain";
-        summary_0.style.backgroundPosition = "left";
-        summary_0.style.backgroundRepeat = "no-repeat";
-        summary_0.style.textAlign = "left";
-        summary_0.style.paddingLeft = "55px";
-        parent.append(details_0);
-        var lastreg = "";
-        Object.entries(options)
-          .sort(PERSONAS_Sorter)
-          .map((entry) => {
-            var key = entry[0];
-            var value = entry[1];
-            if (lastreg != value.Region.toUpperCase()) {
-              lastreg = value.Region.toUpperCase();
-              var h3_0 = document.createElement("h2");
-              h3_0.style.margin = "0";
-              h3_0.style.marginTop = "15px";
-              h3_0.innerText = lastreg;
-              details_0.append(h3_0);
-            }
-            var option = value.Nombre;
-            var btn = document.createElement("button");
-            var br1 = document.createElement("br");
-            //btn.innerText = option.key + ": " + option.value
-            btn.append(option);
-
-            var br2 = document.createElement("br");
-            btn.append(br2);
-            var img = document.createElement("img");
-            img.src = value.Foto;
-            img.style.height = "60px";
-            img.style.padding = "5px";
-            img.style.backgroundColor = "white";
-            btn.append(img, " ");
-
-            if (defaultval == key) {
-              btn.classList.add("activeSCButton");
-            }
-            btn.onclick = () => {
-              var items = details_0.getElementsByClassName("activeSCButton");
-              for (var i = 0; i < items.length; i++) {
-                items[i].classList.remove("activeSCButton");
-              }
-              btn.classList.add("activeSCButton");
-              defaultval = key;
-              span_0.innerText = "";
-              var img_5 = document.createElement("img");
-              img_5.src = value.Foto;
-              img_5.style.height = "30px";
-              span_0.append(img_5, value.Nombre);
-              change_cb(defaultval);
-              img_0.src = "static/ico/checkbox.png";
-            };
-            btn.style.borderRadius = "20px";
-            //btn.style.fontSize="17.5px"
-            details_0.append(btn);
-          });
-      }
-      const SC_actions_icons = {
-        Tamaño: "static/ico/sizes.png",
-        Temperatura: "static/ico/thermometer2.png",
-        Leche: "static/ico/milk.png",
-        Selección: "static/ico/preferences.png",
-        Cafeina: "static/ico/coffee_bean.png",
-        Endulzante: "static/ico/lollipop.png",
-        Receta: "static/ico/cookies.png",
-      };
-      const SC_actions = {
-        Selección: [
-          {
-            value: "Solo Leche",
-            key: "Selección",
-            className: "btn4",
-            img: ["static/ico/milk.png"],
-          },
-          {
-            value: "Solo café (sin leche)",
-            key: "Selección",
-            className: "btn4",
-            img: ["static/ico/coffee_bean.png"],
-          },
-          {
-            value: "Café con leche",
-            key: "Selección",
-            className: "btn4",
-            img: ["static/ico/coffee_bean.png", "static/ico/milk.png"],
-          },
-          {
-            value: "ColaCao con leche",
-            key: "Selección",
-            className: "btn4",
-            img: ["static/ico/colacao.jpg", "static/ico/milk.png"],
-          },
-          {
-            value: "Leche con cereales",
-            key: "Selección",
-            className: "btn4",
-            img: ["static/ico/cereales.png", "static/ico/milk.png"],
-          },
-          {
-            value: "Infusión",
-            key: "Selección",
-            className: "btn4",
-            img: ["static/ico/tea_bag.png"],
-          },
-        ],
-        Tamaño: [
-          {
-            value: "Grande",
-            key: "Tamaño",
-            className: "btn1",
-            img: ["static/ico/keyboard_key_g.png"],
-          },
-          {
-            value: "Pequeño",
-            key: "Tamaño",
-            className: "btn1",
-            img: ["static/ico/keyboard_key_p.png"],
-          },
-        ],
-        Temperatura: [
-          {
-            value: "Caliente",
-            key: "Temperatura",
-            className: "btn2",
-            img: [
-              "static/ico/thermometer2.png",
-              "static/ico/arrow_up_red.png",
-              "static/ico/fire.png",
-            ],
-          },
-          {
-            value: "Templado",
-            key: "Temperatura",
-            className: "btn2",
-            img: [
-              "static/ico/thermometer2.png",
-              "static/ico/arrow_left_green.png",
-            ],
-          },
-          {
-            value: "Frio",
-            key: "Temperatura",
-            className: "btn2",
-            img: [
-              "static/ico/thermometer2.png",
-              "static/ico/arrow_down_blue.png",
-              "static/ico/snowflake.png",
-            ],
-          },
-        ],
-        Leche: [
-          {
-            value: "de Vaca",
-            key: "Leche",
-            className: "btn3",
-            img: ["static/ico/cow.png", "static/ico/add.png"],
-          },
-          {
-            value: "Sin lactosa",
-            key: "Leche",
-            className: "btn3",
-            img: ["static/ico/cow.png", "static/ico/delete.png"],
-          },
-          {
-            value: "Vegetal",
-            key: "Leche",
-            className: "btn3",
-            img: ["static/ico/milk.png", "static/ico/wheat.png"],
-          },
-          {
-            value: "Agua",
-            key: "Leche",
-            className: "btn3",
-            img: ["static/ico/water_tap.png"],
-          },
-        ],
-        Cafeina: [
-          {
-            value: "Con",
-            key: "Cafeina",
-            className: "btn5",
-            img: ["static/ico/coffee_bean.png", "static/ico/add.png"],
-          },
-          {
-            value: "Sin",
-            key: "Cafeina",
-            className: "btn5",
-            img: ["static/ico/coffee_bean.png", "static/ico/delete.png"],
-          },
-        ],
-        Endulzante: [
-          {
-            value: "Az. Blanco",
-            key: "Endulzante",
-            className: "btn6",
-            img: ["static/ico/azucar-blanco.jpg"],
-          },
-          {
-            value: "Az. Moreno",
-            key: "Endulzante",
-            className: "btn6",
-            img: ["static/ico/azucar-moreno.png"],
-          },
-          {
-            value: "Sacarina",
-            key: "Endulzante",
-            className: "btn6",
-            img: ["static/ico/sacarina.jpg"],
-          },
-          {
-            value: "Stevia (Pastillas)",
-            key: "Endulzante",
-            className: "btn6",
-            img: ["static/ico/stevia.jpg"],
-          },
-          {
-            value: "Stevia (Gotas)",
-            key: "Endulzante",
-            className: "btn6",
-            img: ["static/ico/stevia-gotas.webp"],
-          },
-          {
-            value: "Sin",
-            key: "Endulzante",
-            className: "btn6",
-            img: ["static/ico/delete.png"],
-          },
-        ],
-        Receta: [
-          {
-            value: "Si",
-            key: "Receta",
-            className: "btn7",
-            img: ["static/ico/add.png"],
-          },
-          {
-            value: "No",
-            key: "Receta",
-            className: "btn7",
-            img: ["static/ico/delete.png"],
-          },
-        ],
-      };
-      var SC_Personas = {};
-      // Listado precargado de personas:
-      gun
-        .get(TABLE)
-        .get("personas")
-        .map()
-        .on((data, key, _msg, _ev) => {
-          if (data != null) {
-            function add_row(data, key) {
-              if (data != null) {
-                data["_key"] = key;
-                SC_Personas[key] = data;
-              } else {
-                delete SC_Personas[key];
-              }
-            }
-            if (typeof data == "string") {
-              SEA.decrypt(data, SECRET, (data) => {
-                add_row(data, key);
-              });
-            } else {
-              add_row(data, key);
-            }
-          }
-        });
-
-      function SC_parse(json) {
-        var out = "";
-        Object.entries(json).forEach((entry) => {
-          out += entry[0] + ": " + entry[1] + "\n";
-        });
-        return out;
-      }
-      function SC_parse_short(json) {
-        var valores =
-          "<small style='font-size: 60%;'>Servicio base (10c)</small>\n";
-
-        Object.entries(json).forEach((entry) => {
-          valores +=
-            "<small style='font-size: 60%;'>" +
-            entry[0] +
-            ":</small> " +
-            entry[1] +
-            " ";
-          var combo = entry[0] + ";" + entry[1];
-          switch (entry[0]) {
-            case "Leche":
-              // Leche pequeña = 10c
-              if (
-                json["Tamaño"] == "Pequeño" &&
-                ["de Vaca", "Sin lactosa", "Vegetal"].includes(json["Leche"])
-              ) {
-                valores += "<small>(P = 10c)</small>";
-              }
-              // Leche grande = 20c
-              if (
-                json["Tamaño"] == "Grande" &&
-                ["de Vaca", "Sin lactosa", "Vegetal"].includes(json["Leche"])
-              ) {
-                valores += "<small>(G = 20c)</small>";
-              }
-              break;
-            case "Selección":
-              // Café = 20c
-              if (
-                ["Café con leche", "Solo café (sin leche)"].includes(
-                  json["Selección"]
-                )
-              ) {
-                valores += "<small>(20c)</small>";
-              }
-              // ColaCao = 20c
-              if (json["Selección"] == "ColaCao con leche") {
-                valores += "<small>(20c)</small>";
-              }
-            default:
-              break;
-          }
-
-          valores += "\n";
-        });
-        return valores;
-      }
-      function SC_priceCalc(json) {
-        var precio = 0;
-        var valores = "";
-        // Servicio base = 10c
-        precio += 10;
-        valores += "Servicio base = 10c\n";
-        // Leche pequeña = 10c
-        if (
-          json["Tamaño"] == "Pequeño" &&
-          ["de Vaca", "Sin lactosa", "Vegetal"].includes(json["Leche"])
-        ) {
-          precio += 10;
-          valores += "Leche pequeña = 10c\n";
-        }
-        // Leche grande = 20c
-        if (
-          json["Tamaño"] == "Grande" &&
-          ["de Vaca", "Sin lactosa", "Vegetal"].includes(json["Leche"])
-        ) {
-          precio += 20;
-          valores += "Leche grande = 20c\n";
-        }
-        // Café = 20c
-        if (
-          ["Café con leche", "Solo café (sin leche)"].includes(
-            json["Selección"]
-          )
-        ) {
-          precio += 20;
-          valores += "Café = 20c\n";
-        }
-        // ColaCao = 20c
-        if (json["Selección"] == "ColaCao con leche") {
-          precio += 20;
-          valores += "ColaCao = 20c\n";
-        }
-        valores += "<hr>Total: " + precio + "c\n";
-        return [precio, valores];
-      }
-      function PERSONAS_Sorter(a, b) {
-        if (a[1].Region < b[1].Region) {
-          return -1;
-        }
-        if (a[1].Region > b[1].Region) {
-          return 1;
-        }
-        return 0;
-      }
-
-      function TS_IndexElement(pageco, config, ref, container) {
-        // Every item in config should have:
-        // key: string
-        // type: string
-        // default: string
-        // label: string
-        var tablebody = safeuuid();
-        var tablehead = safeuuid();
-        container.innerHTML = `
-          <div id="scrolltable">
-            <table>
-              <thead>
-                  <tr id="${tablehead}"></tr>
-              </thead>
-              <tbody id="${tablebody}">
-              </tbody>
-            </table>
-          </div>
-          `;
-        tableScroll("#scrolltable"); // id="scrolltable"
-        var tablehead_EL = document.getElementById(tablehead);
-        var tablebody_EL = document.getElementById(tablebody);
-        var rows = {};
-        config.forEach((key) => {
-          tablehead_EL.innerHTML += `<th>${key.label}</th>`;
-        });
-        function render() {
-          function sorter(a, b) {
-            if (a.Fecha < b.Fecha) {
-              return -1;
-            }
-            if (a.Fecha > b.Fecha) {
-              return 1;
-            }
-            return 0;
-          }
-          var tablebody_EL = document.getElementById(tablebody);
-          tablebody_EL.innerHTML = "";
-          Object.values(rows)
-            .sort(sorter)
-            .forEach((data) => {
-              var new_tr = document.createElement("tr");
-
-              config.forEach((key) => {
-                switch (key.type) {
-                  case "raw":
-                    new_tr.innerHTML += `<td>${
-                      data[key.key] || key.default
-                    }</td>`;
-                    break;
-                  case "persona":
-                    var persona = SC_Personas[data[key.key]];
-                    console.warn(persona.Region.toLowerCase() || "?")
-                    var regco = stringToColour(
-                      persona.Region.toLowerCase() || "?"
-                    );
-                    new_tr.innerHTML += `
-                  <td class="" style="text-align: center; font-size: 20px; background-color: ${regco}; color: ${colorIsDarkAdvanced(
-                      regco
-                    )}">
-                    <span style="font-size: 40px; text-transform: capitalize;">
-                      ${(persona.Region || "?").toLowerCase() || "?"}
-                    </span><br>
-                    <span style="background-color: white; border: 2px solid black; border-radius: 5px; display: inline-block; padding: 5px; color: black;">
-                      <img src="${
-                        persona.Foto || "static/ico/user_generic.png"
-                      }" height="70">
-                      <br>${persona.Nombre || ""}
-                      <br><span style="font-size: 17px;">${
-                        persona.Puntos || "0"
-                      } puntos.</span>
-                    </span>
-                  </td>
-                    `;
-                    break;
-
-                  default:
-                    break;
-                }
-              });
-
-              new_tr.style.backgroundColor = "#FFCCCB";
-              if (data.Estado == "leido") {
-                new_tr.style.backgroundColor = "lightgreen";
-              }
-              new_tr.onclick = () => {
-                setUrlHash(pageco + "," + data._key);
-              };
-              tablebody_EL.append(new_tr);
-            });
-        }
-        ref.map().on((data, key, _msg, _ev) => {
-          EVENTLISTENER = _ev;
-          if (data != null) {
-            function add_row(data, key) {
-              if (data != null) {
-                data["_key"] = key;
-                rows[key] = data;
-              } else {
-                delete rows[key];
-              }
-              render();
-            }
-            if (typeof data == "string") {
-              SEA.decrypt(data, SECRET, (data) => {
-                add_row(data, key);
-              });
-            } else {
-              add_row(data, key);
-            }
-          }
-        });
-      }
-
-      const PAGES = {
-        index: {
-          //navcss: "btn1",
-          Title: "Inicio",
-          index: function () {
-            container.innerHTML = `
-                <h1>Inicio</h1>
-                <em>Utiliza el menú superior para abrir un modulo</em>
-            `;
-          },
-        },
-
-        importar: {
-          navcss: "btn1",
-          Title: "Importar",
-          index: function () {
-            var select_type = safeuuid();
-            var textarea_content = safeuuid();
-            var button_import = safeuuid();
-            var button_clear = safeuuid();
-            container.innerHTML = `
-                <h1>Importar Datos</h1>
-                <fieldset>
-                    <legend>Importar datos</legend>
-                    <em>Espera hasta que se vacien todas las notificaciones.</em>
-                    <select id="${select_type}">
-                        <option value="" disabled selected>Tipo de archivo...</option>
-                        <option value="comedor">Galileo - db.comedor.axd</option>
-                        <option value="recetas">Galileo - db.recetas.axd</option>
-                        <option value="materiales">Galileo - db.materiales.axd</option>
-                        <option value="personas">Galileo - db.personas.axd</option>
-                        <option value="comandas">Galileo - db.cafe.comandas.axd</option>
-                        <option value="%telesec">TeleSec Exportado (encriptado o no)</option>
-                    </select>
-                    <textarea id="${textarea_content}" style="height: 100px;" placeholder="Introduce el contenido del archivo"></textarea>
-                    <button id="${button_import}" type="button">Importar</button>
-                    <button id="${button_clear}" type="button">Vaciar</button>
-                </fieldset>
-            `;
-            document.getElementById(button_import).onclick = () => {
-              toastr.info("Importando datos...");
-              var val = document.getElementById(textarea_content).value;
-              var sel = document.getElementById(select_type).value;
-              if (sel == "%telesec") {
-                gun.get(TABLE).put(JSON.parse(val), (ack) => {
-                  toastr.info("Importado " + entry[0] + ".");
-                });
-              } else {
-                Object.entries(JSON.parse(val)["data"]).forEach((entry) => {
-                  var enc = SEA.encrypt(entry[1], SECRET, (encrypted) => {
-                    betterGunPut(
-                      gun.get(TABLE).get(sel).get(entry[0]),
-                      encrypted
-                    );
-                  });
-                });
-              }
-              setTimeout(() => {
-                toastr.info("Importado todo!");
-
-                if (sel == "%telesec") {
-                  setUrlHash("inicio");
-                } else {
-                  setUrlHash(sel);
-                }
-              }, 5000);
-            };
-          },
-        },
-        exportar: {
-          navcss: "btn1",
-          Title: "Exportar",
-          index: function () {
-            var select_type = safeuuid();
-            var textarea_content = safeuuid();
-            var button_export_local = safeuuid();
-            var button_export_safe = safeuuid();
-            var button_export_safe_cloud = safeuuid();
-            var button_clear = safeuuid();
-            container.innerHTML = `
-                <h1>Exportar Datos</h1>
-                <fieldset>
-                    <legend>Exportar datos</legend>
-                    <em>Al pulsar, Espera hasta que salga una notificacion verde.</em>
-                    <br>
-                    <br>
-                    <button id="${button_export_local}" type="button">Exportar sin cifrar</button>
-                    <button id="${button_export_safe}" type="button">Exportar con cifrado</button>
-                    <button id="${button_export_safe_cloud}" style="display: none;" type="button">Exportar a EuskadiTech - cifrado</button>
-                    <br><br><em>Para descargar envia un correo a telesec@tech.eus con el asunto "TSBK %${GROUPID}".</em>
-                </fieldset>
-            `;
-            document.getElementById(button_export_local).onclick = () => {
-              var data_export = {};
-              var output = {
-                materiales: {},
-                personas: {},
-              };
-              var download_data = (DATA) => {
-                Object.keys(DATA).forEach((modul) => {
-                  Object.entries(DATA[modul] || {}).forEach((entry) => {
-                    var key = entry[0];
-                    var value = entry[1];
-                    if (value != null) {
-                      if (typeof value == "string") {
-                        SEA.decrypt(value, SECRET, (data) => {
-                          output[modul][key] = data;
-                        });
-                      } else {
-                        output[modul][key] = value;
-                      }
-                    }
-                  });
-                  toastr.success("Exportado todo, descargando!");
-                  console.error(output);
-                  download(
-                    `Export TeleSec ${GROUPID}.json.txt`,
-                    JSON.stringify(output)
-                  );
-                  //setUrlHash(sel);
-                }, 2500);
-              };
-              gun.get(TABLE).load(download_data);
-            };
-            document.getElementById(button_export_safe).onclick = () => {
-              var download_data = (DATA) => {
-                toastr.success("Exportado todo, descargado!");
-                console.error(DATA);
-                download(
-                  `Export TeleSec Encriptado ${GROUPID}.json.txt`,
-                  JSON.stringify(DATA)
-                );
-                //setUrlHash(sel);
-              };
-              gun.get(TABLE).load(download_data);
-            };
-            document.getElementById(button_export_safe_cloud).onclick = () => {
-              var download_data = (DATA) => {
-                toastr.info("Exportado todo, subiendo!");
-                console.error(DATA);
-                fetch(
-                  "https://telesec-sync.tech.eus/upload_backup.php?table=" +
-                    GROUPID,
-                  {
-                    method: "POST",
-                    body: JSON.stringify(DATA),
-                  }
-                )
-                  .then(() => {
-                    toastr.success("Subido correctamente!");
-                  })
-                  .catch(() => {
-                    toastr.error("Ha ocurrido un error en la subida.");
-                  });
-              };
-              gun.get(TABLE).load(download_data);
-            };
-          },
-        },
-        materiales: {
-          navcss: "btn2",
-          Title: "Materiales",
-          edit: function (mid) {
-            var nameh1 = safeuuid();
-            var field_nombre = safeuuid();
-            var field_cantidad = safeuuid();
-            var field_unidad = safeuuid();
-            var field_cantidad_min = safeuuid();
-            var field_abierto = safeuuid();
-            var field_ubicacion = safeuuid();
-            var field_referencia = safeuuid();
-            var field_notas = safeuuid();
-            var btn_guardar = safeuuid();
-            var btn_borrar = safeuuid();
-            container.innerHTML = `
-                <h1>Material <code id="${nameh1}"></code></h1>
-                <fieldset>
-                    <label>
-                        Referencia<br>
-                        <input type="text" id="${field_referencia}" value="?"><br><br>
-                    </label>
-                    <label>
-                        Nombre<br>
-                        <input type="text" id="${field_nombre}"><br><br>
-                    </label>
-                    <label>
-                        Unidad<br>
-                        <input type="text" id="${field_unidad}"><br><br>
-                    </label>
-                    <label>
-                        Cantidad Actual<br>
-                        <input type="number" step="0.5" id="${field_cantidad}"><br><br>
-                    </label>
-                    <label>
-                        Cantidad Minima<br>
-                        <input type="number" step="0.5" id="${field_cantidad_min}"><br><br>
-                    </label>
-                    <label>
-                        Ubicación<br>
-                        <input type="text" id="${field_ubicacion}" value="-"><br><br>
-                    </label>
-                    <label>
-                        Notas<br>
-                        <textarea id="${field_notas}"></textarea><br><br>
-                    </label><hr>
-                    <button class="btn5" id="${btn_guardar}">Guardar</button>
-                    <button class="rojo" id="${btn_borrar}">Borrar</button>
-                </fieldset>
-                `;
-            gun
-              .get(TABLE)
-              .get("materiales")
-              .get(mid)
-              .once((data, key) => {
-                function load_data(data, ENC = "") {
-                  document.getElementById(nameh1).innerText = key;
-                  document.getElementById(field_nombre).value =
-                    data["Nombre"] || "";
-                  document.getElementById(field_unidad).value =
-                    data["Unidad"] || "";
-                  document.getElementById(field_cantidad).value =
-                    data["Cantidad"] || "";
-                  document.getElementById(field_cantidad_min).value =
-                    data["Cantidad_Minima"] || "";
-                  document.getElementById(field_ubicacion).value =
-                    data["Ubicacion"] || "-";
-                  document.getElementById(field_referencia).value =
-                    data["Referencia"] || "?";
-                  document.getElementById(field_notas).value =
-                    data["Notas"] || "";
-                }
-                if (typeof data == "string") {
-                  SEA.decrypt(data, SECRET, (data) => {
-                    load_data(data, "%E");
-                  });
-                } else {
-                  load_data(data);
-                }
-              });
-            document.getElementById(btn_guardar).onclick = () => {
-              var data = {
-                Nombre: document.getElementById(field_nombre).value,
-                Unidad: document.getElementById(field_unidad).value,
-                Cantidad: document.getElementById(field_cantidad).value,
-                Cantidad_Minima:
-                  document.getElementById(field_cantidad_min).value,
-                Ubicacion: document.getElementById(field_ubicacion).value,
-                Referencia: document.getElementById(field_referencia).value,
-                Notas: document.getElementById(field_notas).value,
-              };
-              var enc = SEA.encrypt(data, SECRET, (encrypted) => {
-                document.getElementById("actionStatus").style.display = "block";
-                betterGunPut(
-                  gun.get(TABLE).get("materiales").get(mid),
-                  encrypted
-                );
-                toastr.success("Guardado!");
-                setTimeout(() => {
-                  document.getElementById("actionStatus").style.display =
-                    "none";
-                  setUrlHash("materiales");
-                }, 1500);
-              });
-            };
-            document.getElementById(btn_borrar).onclick = () => {
-              if (confirm("¿Quieres borrar este material?") == true) {
-                betterGunPut(gun.get(TABLE).get("materiales").get(mid), null);
-                toastr.error("Borrado!");
-                setTimeout(() => {
-                  setUrlHash("materiales");
-                }, 1500);
-              }
-            };
-          },
-          index: function () {
-            const tablebody = safeuuid();
-            var btn_new = safeuuid();
-            container.innerHTML = `
-                <h1>Materiales</h1>
-                <button id="${btn_new}">Nuevo Material</button>
-                <div id="scrolltable"><table>
-                    <thead>
-                        <tr>
-                            <th>Referencia</th>
-                            <th>Nombre</th>
-                            <th>Ubicación</th>
-                            <th>Cantidad</th>
-                            <th>Notas</th>
-                        </tr>
-                    </thead>
-                    <tbody id="${tablebody}">
-                    </tbody>
-                </table></div>
-                `;
-            tableScroll("#scrolltable");
-            var tablebody_EL = document.getElementById(tablebody);
-            var rows = {};
-            function render() {
-              function sorter(a, b) {
-                if (a.Nombre < b.Nombre) {
-                  return -1;
-                }
-                if (a.Nombre > b.Nombre) {
-                  return 1;
-                }
-                return 0;
-              }
-              var tablebody_EL = document.getElementById(tablebody);
-              tablebody_EL.innerHTML = "";
-              Object.values(rows)
-                .sort(sorter)
-                .forEach((data) => {
-                  var new_tr = document.createElement("tr");
-                  new_tr.innerHTML = `
-                    <td>${data.Referencia || "?"}</td>
-                    <td>${data.Nombre || "?"}</td>
-                    <td>${data.Ubicacion || "?"}</td>
-                    <td>${data.Cantidad || "?"} ${data.Unidad || "?"}</td>
-                    <td>${data.Notas || "?"}</td>
-                    `;
-                  var min = parseFloat(data.Cantidad_Minima);
-                  var act = parseFloat(data.Cantidad);
-                  if (act < min) {
-                    new_tr.style.backgroundColor = "lightcoral";
-                  }
-                  new_tr.onclick = () => {
-                    setUrlHash("materiales," + data._key);
-                  };
-                  tablebody_EL.append(new_tr);
-                });
-            }
-            gun
-              .get(TABLE)
-              .get("materiales")
-              .map()
-              .on((data, key, _msg, _ev) => {
-                EVENTLISTENER = _ev;
-                if (data != null) {
-                  function add_row(data, key) {
-                    if (data != null) {
-                      data["_key"] = key;
-                      rows[key] = data;
-                    } else {
-                      delete rows[key];
-                    }
-                    render();
-                  }
-                  if (typeof data == "string") {
-                    SEA.decrypt(data, SECRET, (data) => {
-                      add_row(data, key);
-                    });
-                  } else {
-                    add_row(data, key);
-                  }
-                }
-              });
-            document.getElementById(btn_new).onclick = () => {
-              setUrlHash("materiales," + safeuuid(""));
-            };
-          },
-        },
-        resumen_diario: {
-          navcss: "btn3",
-          Title: "Resumen Semanal",
-          index: function () {
-            var table_materialesLow = safeuuid();
-            var table_personasHigh = safeuuid();
-            container.innerHTML = `
-                <h1>Resumen Semanal</h1>
-                <h2>Personas con café gratis (para el Viernes)</h2>
-                <div id="${table_personasHigh}"></div>
-                <h2>Materiales faltantes (o por llegar)</h2>
-                <div id="${table_materialesLow}"></div>
-            `;
-            var materiales_low = {};
-            var personas_high = {};
-            function render_materialesLow() {
-              function sorter(a, b) {
-                if (a.Nombre < b.Nombre) {
-                  return -1;
-                }
-                if (a.Nombre > b.Nombre) {
-                  return 1;
-                }
-                return 0;
-              }
-              var tablebody_EL = document.getElementById(table_materialesLow);
-              tablebody_EL.innerHTML = "";
-              Object.values(materiales_low)
-                .sort(sorter)
-                .forEach((data) => {
-                  var min = parseFloat(data.Cantidad_Minima);
-                  var act = parseFloat(data.Cantidad);
-                  var falta = min - act;
-                  if (act < min) {
-                    var new_tr = document.createElement("span");
-                    new_tr.innerHTML = `<b>${
-                      data.Nombre || "?"
-                    }</b><br>Faltan ${falta || "?"} ${
-                      data.Unidad || "?"
-                    } <br><i style="font-size: 75%">${
-                      data.Ubicacion || "?"
-                    }</i>`;
-                    new_tr.className = PAGES["materiales"].navcss;
-                    new_tr.style.display = "inline-block";
-                    new_tr.style.margin = "5px";
-                    new_tr.style.padding = "5px";
-                    new_tr.style.borderRadius = "5px";
-                    new_tr.style.border = "2px solid black";
-                    new_tr.style.cursor = "pointer";
-                    new_tr.onclick = () => {
-                      setUrlHash("materiales," + data._key);
-                    };
-                    tablebody_EL.append(new_tr);
-                  }
-                });
-            }
-            gun
-              .get(TABLE)
-              .get("materiales")
-              .map()
-              .on((data, key, _msg, _ev) => {
-                EVENTLISTENER2 = _ev;
-                if (data != null) {
-                  function add_row(data, key) {
-                    if (data != null) {
-                      data["_key"] = key;
-                      materiales_low[key] = data;
-                    } else {
-                      delete materiales_low[key];
-                    }
-                    render_materialesLow();
-                  }
-                  if (typeof data == "string") {
-                    SEA.decrypt(data, SECRET, (data) => {
-                      add_row(data, key);
-                    });
-                  } else {
-                    add_row(data, key);
-                  }
-                }
-              });
-            function render_personasHigh() {
-              function sorter(a, b) {
-                if (a.Nombre < b.Nombre) {
-                  return -1;
-                }
-                if (a.Nombre > b.Nombre) {
-                  return 1;
-                }
-                return 0;
-              }
-              var tablebody_EL = document.getElementById(table_personasHigh);
-              tablebody_EL.innerHTML = "";
-              Object.values(personas_high)
-                .sort(sorter)
-                .forEach((data) => {
-                  if (data.Puntos >= 10) {
-                    var new_tr = document.createElement("span");
-                    new_tr.innerHTML = `<img src="${
-                      data.Foto || ""
-                    }" alt="" height="55" style="float: left; margin-right: 5px;"><b>${
-                      data.Nombre || "?"
-                    }</b><br>Tiene ${
-                      data.Puntos || "?"
-                    } puntos <br><i style="font-size: 75%">${
-                      data.Region || "?"
-                    }</i>`;
-                    new_tr.className = PAGES["personas"].navcss;
-                    new_tr.style.display = "inline-block";
-                    new_tr.style.margin = "5px";
-                    new_tr.style.padding = "5px";
-                    new_tr.style.borderRadius = "5px";
-                    new_tr.style.border = "2px solid black";
-                    new_tr.style.cursor = "pointer";
-                    new_tr.style.width = "200px";
-
-                    new_tr.onclick = () => {
-                      setUrlHash("personas," + data._key);
-                    };
-                    tablebody_EL.append(new_tr);
-                  }
-                });
-            }
-            gun
-              .get(TABLE)
-              .get("personas")
-              .map()
-              .on((data, key, _msg, _ev) => {
-                EVENTLISTENER = _ev;
-                if (data != null) {
-                  function add_row(data, key) {
-                    if (data != null) {
-                      data["_key"] = key;
-                      personas_high[key] = data;
-                    } else {
-                      delete personas_high[key];
-                    }
-                    render_personasHigh();
-                  }
-                  if (typeof data == "string") {
-                    SEA.decrypt(data, SECRET, (data) => {
-                      add_row(data, key);
-                    });
-                  } else {
-                    add_row(data, key);
-                  }
-                }
-              });
-          },
-        },
-        personas: {
-          navcss: "btn4",
-          Title: "Personas",
-          edit: function (mid) {
-            var nameh1 = safeuuid();
-            var field_nombre = safeuuid();
-            var field_zona = safeuuid();
-            var field_roles = safeuuid();
-            var field_puntos = safeuuid();
-            var field_notas = safeuuid();
-            var field_anilla = safeuuid();
-            var field_foto = safeuuid();
-            var render_foto = safeuuid();
-            var btn_guardar = safeuuid();
-            var btn_borrar = safeuuid();
-            container.innerHTML = `
-                <h1>Persona <code id="${nameh1}"></code></h1>
-                <fieldset>
-                    <label>
-                        Nombre<br>
-                        <input type="text" id="${field_nombre}"><br><br>
-                    </label>
-                    <label>
-                        Zona<br>
-                        <input type="text" id="${field_zona}"><br><br>
-                    </label>
-                    <label>
-                        Permisos<br>
-                        <input type="text" id="${field_roles}"><br><br>
-                    </label>
-                    <label>
-                        Puntos<br>
-                        <input type="number" id="${field_puntos}"><br><br>
-                    </label>
-                    <label>
-                        Anilla<br>
-                        <input type="color" id="${field_anilla}"><br><br>
-                    </label>
-                    <label>
-                        Foto (PNG o JPG)<br>
-                        <img id="${render_foto}" height="100px" style="border: 3px inset; min-width: 7px;" src="static/camera2.png">
-                        <input type="file" accept="image/*" id="${field_foto}" style="display: none;"><br><br>
-                    </label>
-
-
-                    <label>
-                        Notas<br>
-                        <textarea id="${field_notas}"></textarea><br><br>
-                    </label><hr>
-                    <button class="btn5" id="${btn_guardar}">Guardar</button>
-                    <button class="rojo" id="${btn_borrar}">Borrar</button>
-                </fieldset>
-                `;
-            var resized = "";
-            gun
-              .get(TABLE)
-              .get("personas")
-              .get(mid)
-              .once((data, key) => {
-                function load_data(data, ENC = "") {
-                  document.getElementById(nameh1).innerText = key;
-                  document.getElementById(field_nombre).value =
-                    data["Nombre"] || "";
-                  document.getElementById(field_zona).value =
-                    data["Region"] || "";
-                  document.getElementById(field_roles).value =
-                    data["Roles"] || "";
-                  document.getElementById(field_puntos).value =
-                    data["Puntos"] || 0;
-                  document.getElementById(field_anilla).value =
-                    data["SC_Anilla"] || "";
-                  // document.getElementById(field_foto).value = "";
-                  document.getElementById(render_foto).src =
-                    data["Foto"] || "static/ico/user_generic.png";
-                  resized = data["Foto"] || "static/ico/user_generic.png";
-                  document.getElementById(field_notas).value =
-                    data["markdown"] || "";
-                }
-                if (typeof data == "string") {
-                  SEA.decrypt(data, SECRET, (data) => {
-                    load_data(data, "%E");
-                  });
-                } else {
-                  load_data(data);
-                }
-              });
-            document
-              .getElementById(field_foto)
-              .addEventListener("change", function (e) {
-                const file = e.target.files[0];
-                if (!file) return;
-
-                resizeInputImage(
-                  file,
-                  function (url) {
-                    document.getElementById(render_foto).src = url;
-                    resized = url;
-                  },
-                  125,
-                  0.7
-                );
-              });
-            document.getElementById(btn_guardar).onclick = () => {
-              var data = {
-                Nombre: document.getElementById(field_nombre).value,
-                Region: document.getElementById(field_zona).value,
-                Roles: document.getElementById(field_roles).value,
-                Puntos: document.getElementById(field_puntos).value,
-                SC_Anilla: document.getElementById(field_anilla).value,
-                Foto: resized,
-                markdown: document.getElementById(field_notas).value,
-              };
-              var enc = SEA.encrypt(data, SECRET, (encrypted) => {
-                document.getElementById("actionStatus").style.display = "block";
-                betterGunPut(
-                  gun.get(TABLE).get("personas").get(mid),
-                  encrypted
-                );
-                toastr.success("Guardado!");
-                setTimeout(() => {
-                  document.getElementById("actionStatus").style.display =
-                    "none";
-                  setUrlHash("personas");
-                }, 1500);
-              });
-            };
-            document.getElementById(btn_borrar).onclick = () => {
-              if (confirm("¿Quieres borrar esta persona?") == true) {
-                betterGunPut(gun.get(TABLE).get("personas").get(mid), null);
-                toastr.error("Borrado!");
-                setTimeout(() => {
-                  setUrlHash("personas");
-                }, 1500);
-              }
-            };
-          },
-          index: function () {
-            const tablebody = safeuuid();
-            var btn_new = safeuuid();
-            container.innerHTML = `
-                <h1>Personas</h1>
-                <button id="${btn_new}">Nueva Persona</button>
-                <div id="scrolltable"><table>
-                    <thead>
-                        <tr>
-                            <th>Nombre</th>
-                            <th>Zona</th>
-                            <th>Puntos</th>
-                            <th>Permisos</th>
-                        </tr>
-                    </thead>
-                    <tbody id="${tablebody}">
-                    </tbody>
-                </table></div>
-                `;
-            tableScroll("#scrolltable"); // id="scrolltable"
-            var tablebody_EL = document.getElementById(tablebody);
-            var rows = {};
-            function render() {
-              function sorter(a, b) {
-                if (a.Region.toUpperCase() < b.Region.toUpperCase()) {
-                  return -1;
-                }
-                if (a.Region.toUpperCase() > b.Region.toUpperCase()) {
-                  return 1;
-                }
-                return 0;
-              }
-              var tablebody_EL = document.getElementById(tablebody);
-              tablebody_EL.innerHTML = "";
-              // SC_Personas = rows
-              Object.values(rows)
-                .sort(sorter)
-                .forEach((data) => {
-                  var btn_comanda = safeuuid();
-                  var new_tr = document.createElement("tr");
-                  new_tr.innerHTML = `
-                    <td class="TextBorder" style="background-color: ${
-                      data.SC_Anilla
-                    }; text-align: center"><img src="${
-                    data.Foto || "static/ico/user_generic.png"
-                  }" height="50"> <br> ${data.Nombre || ""}</td>
-                    <td>${data.Region || "?"}</td>
-                    <td>${data.Puntos || 0}</td>
-                    <td>${data.Roles || ""}</td>
-                    `;
-
-                  // <button id="${btn_comanda}" class="${PAGES.ventas.navcss}">Nueva venta</button>
-                  var act = parseFloat(data.Puntos);
-                  if (act >= 10) {
-                    new_tr.style.backgroundColor = "gold";
-                  }
-                  new_tr.onclick = () => {
-                    setUrlHash("personas," + data._key);
-                  };
-                  tablebody_EL.append(new_tr);
-                  // document.getElementById(btn_comanda).onclick = (e) => {
-                  //   setUrlHash("ventas," + data._key);
-                  //   if (!e) var e = window.event;
-                  //   e.cancelBubble = true;
-                  //   if (e.stopPropagation) e.stopPropagation();
-                  // };
-                });
-            }
-            gun
-              .get(TABLE)
-              .get("personas")
-              .map()
-              .on((data, key, _msg, _ev) => {
-                EVENTLISTENER = _ev;
-                if (data != null) {
-                  function add_row(data, key) {
-                    if (data != null) {
-                      data["_key"] = key;
-                      rows[key] = data;
-                    } else {
-                      delete rows[key];
-                    }
-                    render();
-                  }
-                  if (typeof data == "string") {
-                    SEA.decrypt(data, SECRET, (data) => {
-                      add_row(data, key);
-                    });
-                  } else {
-                    add_row(data, key);
-                  }
-                }
-              });
-            document.getElementById(btn_new).onclick = () => {
-              setUrlHash("personas," + safeuuid(""));
-            };
-          },
-        },
-        supercafe: {
-          navcss: "btn5",
-          Title: "SuperCafé",
-          edit: function (mid) {
-            var nameh1 = safeuuid();
-            var field_fecha = safeuuid();
-            var field_persona = safeuuid();
-            var field_comanda = safeuuid();
-            var field_notas = safeuuid();
-            var field_estado = safeuuid();
-            var div_actions = safeuuid();
-            var btn_pagos = safeuuid();
-            var btn_cocina = safeuuid();
-            var btn_guardar = safeuuid();
-            var btn_guardar2 = safeuuid();
-            var btn_borrar = safeuuid();
-            container.innerHTML = `
-                <h1>Comanda <code id="${nameh1}"></code></h1>
-                <button onclick="setUrlHash('supercafe');">Salir</button>
-                <fieldset style="text-align: center;">
-                    <legend>Rellenar comanda</legend>
-                    <label style="display: none;">
-                        Fecha<br>
-                        <input readonly disabled type="text" id="${field_fecha}" value="${CurrentISODate()}"><br><br>
-                    </label>
-                    <label style="display: none;">
-                        Persona<br>
-                        <input type="hidden" id="${field_persona}">
-                        <br><br>
-                    </label>
-                    <label style="display: none;">
-                        Comanda (utiliza el panel de relleno)<br>
-                        <textarea readonly disabled id="${field_comanda}"></textarea><br><br>
-                    </label>
-                    <div id="${div_actions}" open>
-                      <!--<summary>Mostrar botones de relleno</summary>-->
-                    </div>
-                    <label>
-                        Notas<br>
-                        <textarea id="${field_notas}"></textarea><br><br>
-                    </label>
-                    <label style="display: none;">
-                        Estado<br>
-                        <input readonly disabled type="text" id="${field_estado}" value="%%">
-                        <br>Modificar en el listado de comandas<br>
-                    </label>
-                    <button id=${btn_guardar} class="btn5">Guardar</button>
-                    <button id=${btn_borrar} class="rojo">Borrar</button>
-                </fieldset>
-                `;
-            var currentData = {};
-            var currentPersonaID = "";
-            var divact = document.getElementById(div_actions);
-
-            function loadActions() {
-              divact.innerHTML = "";
-              addCategory_Personas(
-                divact,
-                SC_Personas,
-                currentPersonaID,
-                (value) => {
-                  document.getElementById(field_persona).value = value;
-                }
-              );
-              Object.entries(SC_actions).forEach((category) => {
-                addCategory(
-                  divact,
-                  category[0],
-                  SC_actions_icons[category[0]],
-                  category[1],
-                  currentData,
-                  (values) => {
-                    document.getElementById(field_comanda).value =
-                      SC_parse(values);
-                  }
-                );
-              });
-            }
-            loadActions();
-            gun
-              .get(TABLE)
-              .get("supercafe")
-              .get(mid)
-              .once((data, key) => {
-                function load_data(data, ENC = "") {
-                  document.getElementById(nameh1).innerText = key;
-                  document.getElementById(field_fecha).value = data["Fecha"];
-                  document.getElementById(field_persona).value =
-                    data["Persona"] || "";
-                  currentPersonaID = data["Persona"] || "";
-                  document.getElementById(field_comanda).value =
-                    SC_parse(JSON.parse(data["Comanda"] || "{}")) || "";
-                  document.getElementById(field_notas).value =
-                    data["Notas"] || "";
-                  document.getElementById(field_estado).value =
-                    data["Estado"] || "";
-                  currentData = JSON.parse(data["Comanda"] || "{}");
-
-                  loadActions();
-                }
-                if (typeof data == "string") {
-                  SEA.decrypt(data, SECRET, (data) => {
-                    load_data(data, "%E");
-                  });
-                } else {
-                  load_data(data);
-                }
-              });
-            document.getElementById(btn_guardar).onclick = () => {
-              if (document.getElementById(field_persona).value == "") {
-                alert("¡Hay que elegir una persona!");
-                return;
-              }
-              var data = {
-                Fecha: document.getElementById(field_fecha).value,
-                Persona: document.getElementById(field_persona).value,
-                Comanda: JSON.stringify(currentData),
-                Notas: document.getElementById(field_notas).value,
-                Estado: document
-                  .getElementById(field_estado)
-                  .value.replace("%%", "Pedido"),
-              };
-              var enc = SEA.encrypt(data, SECRET, (encrypted) => {
-                document.getElementById("actionStatus").style.display = "block";
-                betterGunPut(
-                  gun.get(TABLE).get("supercafe").get(mid),
-                  encrypted
-                );
-                toastr.success("Guardado!");
-                setTimeout(() => {
-                  document.getElementById("actionStatus").style.display =
-                    "none";
-                  setUrlHash("supercafe");
-                }, 1500);
-              });
-            };
-            document.getElementById(btn_borrar).onclick = () => {
-              if (
-                confirm(
-                  "¿Quieres borrar esta comanda? - NO se actualizaran los puntos de la persona asignada."
-                ) == true
-              ) {
-                betterGunPut(gun.get(TABLE).get("supercafe").get(mid), null);
-                setTimeout(() => {
-                  setUrlHash("supercafe");
-                }, 1500);
-              }
-            };
-          },
-          index: function () {
-            var tts = false;
-            var sc_nobtn = "";
-            if (urlParams.get("sc_nobtn") == "yes") {
-              sc_nobtn = "pointer-events: none; opacity: 0.5";
-            }
-            setTimeout(() => {
-              tts = true;
-              console.log("TTS Enabled");
-              toastr.info("Texto a voz disponible");
-            }, 6500);
-            const tablebody = safeuuid();
-            const tablebody2 = safeuuid();
-            var btn_new = safeuuid();
-            var tts_check = safeuuid();
-            container.innerHTML = `
-                <h1>SuperCafé</h1>
-                <button id="${btn_new}" style="${sc_nobtn};">Nueva comanda</button>
-                <br>
-                <label>
-                  <b>Habilitar avisos:</b>
-                  <input type="checkbox" id="${tts_check}" style="height: 25px;width: 25px;">
-                </label>
-
-                <details style="background: beige; padding: 15px; border-radius: 15px; border: 2px solid black" open>
-                  <summary>Todas las comandas</summary>
-                  <div id="scrolltable">
-                    <table>
-                      <thead>
-                          <tr>
-                            <th>Persona</th>
-                            <th style="${sc_nobtn};">Estado</th>
-                            <th>Comanda</th>
-                          </tr>
-                      </thead>
-                      <tbody id="${tablebody}">
-                      </tbody>
-                    </table>
-                  </div>
-                </details>
-                <br>
-                <details style="background: lightpink; padding: 15px; border-radius: 15px; border: 2px solid black" open>
-                  <summary>Deudas</summary>
-                  <div id="scrolltable2">
-                    <table>
-                      <thead>
-                          <tr>
-                            <th>Persona</th>
-                            <th style="${sc_nobtn};">Estado</th>
-                            <th>Comanda</th>
-                          </tr>
-                      </thead>
-                      <tbody id="${tablebody2}">
-                      </tbody>
-                    </table>
-                  </div>
-                </details>
-                `;
-
-            tableScroll("#scrolltable"); // id="scrolltable"
-            tableScroll("#scrolltable2"); // id="scrolltable2"
-            var tablebody_EL = document.getElementById(tablebody);
-            var tablebody2_EL = document.getElementById(tablebody);
-            var rows2 = {};
-            function render() {
-              function sorter(a, b) {
-                if (
-                  SC_Personas[a.Persona].Region.toUpperCase() <
-                  SC_Personas[b.Persona].Region.toUpperCase()
-                ) {
-                  return -1;
-                }
-                if (
-                  SC_Personas[a.Persona].Region.toUpperCase() >
-                  SC_Personas[b.Persona].Region.toUpperCase()
-                ) {
-                  return 1;
-                }
-                return 0;
-              }
-              var tablebody_EL = document.getElementById(tablebody);
-              var tablebody2_EL = document.getElementById(tablebody2);
-              tablebody_EL.innerHTML = "";
-              tablebody2_EL.innerHTML = "";
-              var DefaultPersona = {
-                Foto: "static/ico/user_generic.png",
-                Nombre: "Desconocido??",
-                Puntos: "1",
-                Region: "SIN AULA",
-                Roles: "Cafe_SiCaf",
-                SC_Anilla: "#000000",
-                markdown: "Fantasma",
-                _key: "135733281028030249",
-              };
-              Object.values(rows2)
-                .sort(sorter)
-                .forEach((data) => {
-                  var btn_Pedido = safeuuid();
-                  var btn_Preparacion = safeuuid();
-                  var btn_Hecho = safeuuid();
-                  var btn_Entregado = safeuuid();
-                  var btn_Deuda = safeuuid();
-                  var btn_Pagado = safeuuid();
-                  var span_precio = safeuuid();
-                  var persona = SC_Personas[data.Persona] || DefaultPersona;
-                  var new_tr = document.createElement("tr");
-                  var pcalc = SC_priceCalc(JSON.parse(data.Comanda));
-                  var precio = pcalc[0];
-                  var resumen = pcalc[1];
-                  if (persona == DefaultPersona) {
-                    data.Persona = "135733281028030249";
-                  }
-                  if (sc_nobtn != "") {
-                    new_tr.style.pointerEvents = "none";
-                  }
-                  var regco = stringToColour(
-                    persona.Region.toLowerCase() || "?"
-                  );
-                  new_tr.innerHTML = `
-                  <td class="" style="text-align: center; font-size: 20px; background-color: ${regco}; color: ${colorIsDarkAdvanced(
-                    regco
-                  )}">
-                    <span style="font-size: 40px; text-transform: capitalize;">
-                      ${persona.Region.toLowerCase() || "?"}
-                    </span><br>
-                    <span style="background-color: white; border: 2px solid black; border-radius: 5px; display: inline-block; padding: 5px; color: black;">
-                      <img src="${
-                        persona.Foto || "static/ico/user_generic.png"
-                      }" height="70">
-                      <br>${persona.Nombre || ""}
-                      <br><span style="font-size: 17px;">${
-                        persona.Puntos || "0"
-                      } puntos.</span>
-                    </span>
-                    <br><br> ${data.Fecha}
-                  </td>
-                        <td style="font-size: 17px; ${sc_nobtn};">
-                          <button id="${btn_Pedido}" class="">Pedido</button>
-                          <br><button id="${btn_Preparacion}" class="">En preparación</button>
-                          <br><button id="${btn_Hecho}" class="">Listo</button>
-                          <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>
-                          ${setLayeredImages(
-                            JSON.parse(data.Comanda),
-                            data._key
-                          )}
-                          <pre style="font-size: 15px; display: inline-block;"><span style="font-size: 20px;" id="${span_precio}"></span>\n${
-                    SC_parse_short(JSON.parse(data.Comanda)) +
-                    "<hr>" +
-                    data.Notas
-                  }</pre></td>
-                        `;
-                  if (data.Estado == "Deuda") {
-                    tablebody2_EL.append(new_tr);
-                  } else {
-                    tablebody_EL.append(new_tr);
-                  }
-                  if (data.Estado == "Pedido") {
-                    document.getElementById(btn_Pedido).classList = "rojo";
-                    new_tr.style.backgroundColor = "#FFFFFF";
-                  }
-                  if (data.Estado == "En preparación") {
-                    document.getElementById(btn_Preparacion).classList = "rojo";
-                    new_tr.style.backgroundColor = "#FFCCCB";
-                  }
-                  if (data.Estado == "Listo") {
-                    new_tr.style.backgroundColor = "gold";
-                    document.getElementById(btn_Hecho).classList = "rojo";
-                  }
-                  if (data.Estado == "Entregado") {
-                    document.getElementById(btn_Entregado).classList = "rojo";
-                    new_tr.style.backgroundColor = "lightgreen";
-                  }
-                  if (data.Estado == "Deuda") {
-                    document.getElementById(btn_Deuda).classList = "rojo";
-                    new_tr.style.backgroundColor = "#f5d3ff";
-                  }
-                  new_tr.onclick = () => {
-                    setUrlHash("supercafe," + data._key);
-                  };
-                  if (SC_Personas[data.Persona].Puntos >= 10) {
-                    document.getElementById(
-                      span_precio
-                    ).innerHTML = `Total: Gratis!(${precio}c)`;
-                  } else {
-                    document.getElementById(
-                      span_precio
-                    ).innerHTML = `Total: ${precio}c`;
-                  }
-                  // Acciónes
-                  document.getElementById(btn_Pedido).onclick = () => {
-                    window.event.cancelBubble = true;
-                    window.event.stopPropagation();
-                    data.Estado = "Pedido";
-                    var enc = SEA.encrypt(data, SECRET, (encrypted) => {
-                      betterGunPut(
-                        gun.get(TABLE).get("supercafe").get(data._key),
-                        encrypted
-                      );
-                      toastr.success("Guardado!");
-                    });
-                  };
-                  document.getElementById(btn_Preparacion).onclick = () => {
-                    window.event.cancelBubble = true;
-                    window.event.stopPropagation();
-                    data.Estado = "En preparación";
-                    var enc = SEA.encrypt(data, SECRET, (encrypted) => {
-                      betterGunPut(
-                        gun.get(TABLE).get("supercafe").get(data._key),
-                        encrypted
-                      );
-                      toastr.success("Guardado!");
-                    });
-                  };
-                  document.getElementById(btn_Hecho).onclick = () => {
-                    window.event.cancelBubble = true;
-                    window.event.stopPropagation();
-                    data.Estado = "Listo";
-                    var enc = SEA.encrypt(data, SECRET, (encrypted) => {
-                      betterGunPut(
-                        gun.get(TABLE).get("supercafe").get(data._key),
-                        encrypted
-                      );
-                      toastr.success("Guardado!");
-                    });
-                  };
-                  document.getElementById(btn_Entregado).onclick = () => {
-                    window.event.cancelBubble = true;
-                    window.event.stopPropagation();
-                    data.Estado = "Entregado";
-                    var enc = SEA.encrypt(data, SECRET, (encrypted) => {
-                      betterGunPut(
-                        gun.get(TABLE).get("supercafe").get(data._key),
-                        encrypted
-                      );
-                      toastr.success("Guardado!");
-                    });
-                  };
-                  document.getElementById(btn_Deuda).onclick = () => {
-                    window.event.cancelBubble = true;
-                    window.event.stopPropagation();
-                    data.Estado = "Deuda";
-                    var enc = SEA.encrypt(data, SECRET, (encrypted) => {
-                      betterGunPut(
-                        gun.get(TABLE).get("supercafe").get(data._key),
-                        encrypted
-                      );
-                      toastr.success("Guardado!");
-                    });
-                  };
-                  document.getElementById(btn_Pagado).onclick = () => {
-                    window.event.cancelBubble = true;
-                    window.event.stopPropagation();
-                    if (
-                      !confirm(
-                        "¿Quieres marcar como pagado? - Se borrara la comanda y se actualizarán los puntos."
-                      )
-                    ) {
-                      return;
-                    }
-                    data.Estado = "Pagado";
-                    betterGunPut(
-                      gun.get(TABLE).get("supercafe").get(data._key),
-                      null
-                    );
-                    //setUrlHash("personas");
-                    //setUrlHash("supercafe");
-                    toastr.success("Guardado!");
-                    if (SC_Personas[data.Persona].Puntos >= 10) {
-                      SC_Personas[data.Persona].Puntos -= 10;
-                      toastr.success(
-                        "¡Comada gratis para " +
-                          SC_Personas[data.Persona].Nombre +
-                          "!"
-                      );
-                      toastr.success(
-                        "¡Comada gratis para " +
-                          SC_Personas[data.Persona].Nombre +
-                          "!"
-                      );
-                    } else {
-                      SC_Personas[data.Persona].Puntos += 1;
-                      toastr.success("¡Comada DE PAGO!");
-                    }
-                    SEA.encrypt(
-                      SC_Personas[data.Persona],
-                      SECRET,
-                      (encrypted) => {
-                        betterGunPut(
-                          gun.get(TABLE).get("personas").get(data.Persona),
-                          encrypted
-                        );
-                      }
-                    );
-                  };
-                });
-            }
-            var old = {};
-            gun
-              .get(TABLE)
-              .get("supercafe")
-              .map()
-              .on((data, key, _msg, _ev) => {
-                EVENTLISTENER = _ev;
-                //alert("sc_map_on")
-                function add_row(data, key) {
-                  if (data != null) {
-                    data["_key"] = key;
-                    if (old[key] == undefined) {
-                      old[key] = "";
-                    }
-                    if (old[key] != data.Estado) {
-                      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);
-                        let utterance = new SpeechSynthesisUtterance(msg);
-                        utterance.rate = 0.9;
-                        // utterance.voice = speechSynthesis.getVoices()[7]
-                        speechSynthesis.speak(utterance);
-                      }
-                    }
-                    rows2[key] = data;
-                    old[key] = data.Estado;
-                  } else {
-                    delete rows2[key];
-                    delete old[key];
-                  }
-                  render();
-                }
-                if (typeof data == "string") {
-                  SEA.decrypt(data, SECRET, (data) => {
-                    add_row(data, key);
-                  });
-                } else {
-                  add_row(data, key);
-                }
-              });
-            document.getElementById(btn_new).onclick = () => {
-              setUrlHash("supercafe," + safeuuid(""));
-            };
-          },
-        },
-        notificaciones: {
-          navcss: "btn6",
-          Title: "Notificaciones",
-          edit: function (mid) {
-            var nameh1 = safeuuid();
-            var field_fecha = safeuuid();
-            var field_asunto = safeuuid();
-            var field_origen = safeuuid();
-            var field_destino = safeuuid();
-            var field_estado = safeuuid();
-            var field_mensaje = safeuuid();
-            var field_respuesta = safeuuid();
-            var btn_leer = safeuuid();
-            var btn_desleer = safeuuid();
-            var btn_guardar = safeuuid();
-            var btn_borrar = safeuuid();
-            var div_actions = safeuuid();
-            container.innerHTML = `
-                <h1>Notificación <code id="${nameh1}"></code></h1>
-                <fieldset style="float: left;">
-                    <legend>Valores</legend>
-                    <label>
-                        Fecha<br>
-                        <input readonly disabled type="text" id="${field_fecha}" value="${CurrentISODate()}"><br><br>
-                    </label>
-                    <label>
-                        Asunto<br>
-                        <input type="text" id="${field_asunto}" value=""><br><br>
-                    </label>
-                    <input type="hidden" id="${field_origen}">
-                    <input type="hidden" id="${field_destino}">
-                    <div id="${div_actions}"></div>
-                    <label>
-                        Mensaje<br>
-                        <textarea id="${field_mensaje}"></textarea><br><br>
-                    </label>
-                    <label>
-                        Respuesta<br>
-                        <textarea id="${field_respuesta}"></textarea><br><br>
-                    </label>
-                    <label>
-                        Estado<br>
-                        <input readonly disabled type="text" id="${field_estado}" value="%%">
-                        <br>
-                        <button id="${btn_leer}">Leido</button>
-                        <button id="${btn_desleer}">No leido</button>
-                        <br>
-                    </label><hr>
-                    <button class="btn5" id="${btn_guardar}">Guardar</button>
-                    <button class="rojo" id="${btn_borrar}">Borrar</button>
-                </fieldset>
-                `;
-            document.getElementById(btn_leer).onclick = () => {
-              document.getElementById(field_estado).value = "leido";
-            };
-            document.getElementById(btn_desleer).onclick = () => {
-              document.getElementById(field_estado).value = "por_leer";
-            };
-            var divact = document.getElementById(div_actions);
-            addCategory_Personas(
-              divact,
-              SC_Personas,
-              "",
-              (value) => {
-                document.getElementById(field_origen).value = value;
-              },
-              "Origen"
-            );
-            addCategory_Personas(
-              divact,
-              SC_Personas,
-              "",
-              (value) => {
-                document.getElementById(field_destino).value = value;
-              },
-              "Destino"
-            );
-            gun
-              .get(TABLE)
-              .get("notificaciones")
-              .get(mid)
-              .once((data, key) => {
-                function load_data(data, ENC = "") {
-                  document.getElementById(nameh1).innerText = key;
-                  document.getElementById(field_fecha).value = data["Fecha"];
-                  document.getElementById(field_asunto).value =
-                    data["Asunto"] || "";
-                  document.getElementById(field_mensaje).value =
-                    data["Mensaje"] || "";
-                  document.getElementById(field_origen).value =
-                    data["Origen"] || "";
-                  document.getElementById(field_destino).value =
-                    data["Destino"] || "";
-                  document.getElementById(field_estado).value =
-                    data["Estado"] || "";
-                  document.getElementById(field_respuesta).value =
-                    data["Respuesta"] || "";
-
-                  // Persona select
-                  divact.innerHTML = "";
-                  addCategory_Personas(
-                    divact,
-                    SC_Personas,
-                    data["Origen"] || "",
-                    (value) => {
-                      document.getElementById(field_origen).value = value;
-                    },
-                    "Origen"
-                  );
-                  addCategory_Personas(
-                    divact,
-                    SC_Personas,
-                    data["Destino"] || "",
-                    (value) => {
-                      document.getElementById(field_destino).value = value;
-                    },
-                    "Destino"
-                  );
-                }
-                if (typeof data == "string") {
-                  SEA.decrypt(data, SECRET, (data) => {
-                    load_data(data, "%E");
-                  });
-                } else {
-                  load_data(data);
-                }
-              });
-            document.getElementById(btn_guardar).onclick = () => {
-              if (document.getElementById(field_origen).value == "") {
-                alert("¡Hay que elegir una persona de origen!");
-                return;
-              }
-              if (document.getElementById(field_destino).value == "") {
-                alert("¡Hay que elegir una persona de origen!");
-                return;
-              }
-              var data = {
-                Fecha: document.getElementById(field_fecha).value,
-                Origen: document.getElementById(field_origen).value,
-                Destino: document.getElementById(field_destino).value,
-                Mensaje: document.getElementById(field_mensaje).value,
-                Respuesta: document.getElementById(field_respuesta).value,
-                Asunto: document.getElementById(field_asunto).value,
-                Estado: document
-                  .getElementById(field_estado)
-                  .value.replace("%%", "por_leer"),
-              };
-              var enc = SEA.encrypt(data, SECRET, (encrypted) => {
-                document.getElementById("actionStatus").style.display = "block";
-                betterGunPut(
-                  gun.get(TABLE).get("notificaciones").get(mid),
-                  encrypted
-                );
-                toastr.success("Guardado!");
-                setTimeout(() => {
-                  document.getElementById("actionStatus").style.display =
-                    "none";
-                  setUrlHash("notificaciones");
-                }, 1500);
-              });
-            };
-            document.getElementById(btn_borrar).onclick = () => {
-              if (confirm("¿Quieres borrar esta notificación?") == true) {
-                betterGunPut(
-                  gun.get(TABLE).get("notificaciones").get(mid),
-                  null
-                );
-                toastr.error("Borrado!");
-                setTimeout(() => {
-                  setUrlHash("notificaciones");
-                }, 1500);
-              }
-            };
-          },
-          index: function () {
-            const tablebody = safeuuid();
-            var btn_new = safeuuid();
-            container.innerHTML = `
-                <h1>Notificaciones</h1>
-                <button id="${btn_new}">Nueva notificación</button>
-                <div id="cont">
-                `;
-            TS_IndexElement(
-              "notificaciones",
-              [
-                {
-                  key: "Origen",
-                  type: "persona",
-                  default: "",
-                  label: "Origen",
-                },
-                {
-                  key: "Destino",
-                  type: "persona",
-                  default: "",
-                  label: "Destino",
-                },
-                {
-                  key: "Asunto",
-                  type: "raw",
-                  default: "",
-                  label: "Asunto",
-                },
-                {
-                  key: "Estado",
-                  type: "raw",
-                  default: "",
-                  label: "Estado",
-                },
-              ],
-              gun.get(TABLE).get("notificaciones"),
-              document.querySelector("#cont")
-            );
-            document.getElementById(btn_new).onclick = () => {
-              setUrlHash("notificaciones," + safeuuid(""));
-            };
-          },
-        },
-      };
-      Object.keys(PAGES).forEach((key) => {
-        var a = document.createElement("a");
-        a.className = "button " + PAGES[key].navcss;
-        a.href = "#" + key;
-        a.innerText = PAGES[key].Title;
-        document.getElementById("appendApps").append(a);
-      });
-      open_page(location.hash.replace("#", ""));
-    </script>
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TeleSec build error</title>
+</head>
+<body>
+    <h1>Si ves esto, ha ocurrido un fallo critico en la compilación de TeleSec</h1>
+    <p>Esto NUNCA deberia de ser mostrado.</p>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..0080d73
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,2927 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="manifest" href="manifest.json" />
+    <title>TeleSec</title>
+    <link rel="icon" type="image/png" href="static/TeleSec.jpg" />
+    <style>
+      html {
+        color-scheme: light only;
+      }
+
+      body {
+        font-family: Arial, Helvetica, sans-serif;
+      }
+
+      main {
+        /*max-width: 45rem;
+            margin: 0 auto;*/
+        padding: 0 15px;
+      }
+
+      .supermesh-indicator {
+        border-top-left-radius: 15px;
+        background-color: greenyellow;
+        border-top: 5px solid green;
+        border-left: 5px solid green;
+        padding: 15px;
+        max-width: 30rem;
+        position: fixed;
+        right: 0;
+        bottom: 0;
+        color: black;
+        display: none;
+      }
+
+      .supermesh-indicator a {
+        color: blue;
+      }
+
+      details.supermesh-indicator summary {
+        font-size: unset;
+      }
+
+      .link,
+      a {
+        color: blue;
+        text-decoration: underline;
+        cursor: pointer;
+      }
+
+      .link:hover,
+      a:hover {
+        text-decoration: underline;
+      }
+
+      #articleID {
+        font-family: monospace;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        .link,
+        a {
+          color: lightblue;
+        }
+      }
+
+      @media print {
+        .supermesh-indicator,
+        .no_print {
+          display: none;
+        }
+      }
+
+      main {
+        margin-bottom: 25rem;
+      }
+
+      button,
+      .button {
+        display: inline-block;
+        padding: 5px 10px;
+        background-color: beige;
+        border: 2px solid black;
+        font-size: 20px;
+        margin: 3px;
+        text-decoration: none;
+        color: black;
+      }
+
+      button:hover,
+      .button:hover {
+        text-decoration: underline;
+      }
+
+      /* https://coolors.co/palette/ff0000-ff8700-ffd300-deff0a-a1ff0a-0aff99-0aefff-147df5-580aff-be0aff */
+      .rojo {
+        background: #ff0000;
+        color: white;
+      }
+
+      .btn1 {
+        background: #ff0000;
+        color: white;
+      }
+
+      .btn2 {
+        background: #ff8700;
+        color: white;
+      }
+
+      .btn3 {
+        background: #ffd300;
+        color: black;
+      }
+
+      .btn4 {
+        background: #deff0a;
+        color: black;
+      }
+
+      .btn5 {
+        background: #a1ff0a;
+        color: black;
+      }
+
+      .btn6 {
+        background: #0aff99;
+        color: black;
+      }
+
+      .btn7 {
+        background: #0aefff;
+        color: black;
+      }
+
+      .btn8 {
+        background: #147df5;
+        color: white;
+      }
+
+      .nav-disabled {
+        background: black !important;
+        color: grey !important;
+      }
+
+      .nav-disabled:hover {
+        text-decoration: unset !important;
+      }
+
+      input,
+      select,
+      textarea {
+        font-size: 18px;
+        padding: 5px;
+        width: calc(100% - 11px);
+      }
+
+      select {
+        width: 100%;
+      }
+
+      details input,
+      details select,
+      details textarea {
+        font-size: 18px;
+        padding: 5px;
+        width: calc(100% - 15px);
+      }
+
+      input[type="color"] {
+        width: 50px;
+        height: 50px;
+      }
+
+      textarea {
+        height: 150px;
+      }
+
+      details summary {
+        font-size: 20px;
+      }
+
+      thead tr {
+        background-color: black;
+        color: white;
+      }
+
+      table {
+        display: block;
+        line-break: loose;
+        width: fit-content;
+        min-width: 750px;
+        border: 1px solid black;
+      }
+
+      table tr th {
+        line-break: auto;
+      }
+
+      table tr td {
+        border-bottom: 3px solid black !important;
+        padding: 5px;
+      }
+
+      .scase {
+        text-transform: lowercase;
+      }
+
+      .scase:first-letter {
+        text-transform: uppercase;
+      }
+
+      table tr:hover td {
+        text-decoration: underline;
+        background: rgba(200, 200, 200, 0.5);
+        /* color: black; */
+      }
+
+      table tr:hover td.TextBorder {
+        background: inherit;
+        color: inherit;
+        text-decoration: none;
+      }
+
+      fieldset {
+        max-width: 25rem;
+      }
+
+      .TextBorder {
+        color: black;
+        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
+          1px 1px 0 #fff;
+        -webkit-text-stroke: 0.25px #fff;
+      }
+
+      code {
+        font-size: x-small;
+        color: gray;
+      }
+
+      .activeSCButton {
+        border: 7px dashed beige;
+        color: beige;
+        background: black !important;
+      }
+
+      .btn1.activeSCButton {
+        border-color: #ff0000;
+        color: #ff0000;
+      }
+
+      .btn2.activeSCButton {
+        border-color: #ff8700;
+        color: #ff8700;
+      }
+
+      .btn3.activeSCButton {
+        border-color: #ffd300;
+        color: #ffd300;
+      }
+
+      .btn4.activeSCButton {
+        border-color: #deff0a;
+        color: #deff0a;
+      }
+
+      .btn5.activeSCButton {
+        border-color: #a1ff0a;
+        color: #a1ff0a;
+      }
+
+      .btn6.activeSCButton {
+        border-color: #0aff99;
+        color: #0aff99;
+      }
+
+      .btn7.activeSCButton {
+        border-color: #0aefff;
+        color: #0aefff;
+      }
+
+      .btn8.activeSCButton {
+        border-color: #147df5;
+        color: #147df5;
+      }
+
+      hr {
+        border-color: black;
+        border-style: solid;
+      }
+
+      #snackbar {
+        visibility: hidden;
+        /* min-width: 250px; */
+        background-color: #333;
+        color: #fff;
+        text-align: center;
+        border-radius: 2px;
+        padding: 16px;
+        position: fixed;
+        z-index: 1;
+        right: 70px;
+        bottom: 25px;
+      }
+
+      #snackbar a {
+        color: lightblue;
+      }
+
+      #snackbar.show {
+        visibility: visible;
+      }
+    </style>
+    <link href="static/toastr.min.css" rel="stylesheet" />
+
+    %%PREFETCH%%
+  </head>
+
+  <body>
+    <details class="supermesh-indicator">
+      <summary>
+        <b>SuperMesh</b><br />
+        <br /><small id="peerPID" style="font-family: monospace"
+          >PID ??????????</small
+        >
+      </summary>
+      <ul id="peerList"></ul>
+      <i>Todos los datos están encriptados.</i>
+    </details>
+    <main>
+      <header class="no_print" id="header_hide_query">
+        <details id="LinkAccount_details" open>
+          <summary>
+            <b
+              >TeleSec - <span id="groupId">???</span> - (<span id="peerCount"
+                >?</span
+              >
+              nodos)</b
+            >
+          </summary>
+          <fieldset id="auth_fieldSet">
+            <legend>Credenciales</legend>
+            <br />
+            <label
+              >Codigo de grupo:<br />
+              <input type="text" id="LinkAccount_group"
+            /></label>
+            <br />
+            <br />
+            <label
+              >Clave secreta:<br />
+              <input type="text" id="LinkAccount_secret"
+            /></label>
+            <br /><br />
+            <button
+              type="button"
+              onclick='LinkAccount(document.getElementById("LinkAccount_group").value, document.getElementById("LinkAccount_secret").value, true)'
+            >
+              Iniciar sesión
+            </button>
+          </fieldset>
+        </details>
+        <!-- <button onclick="displayPost('index')">Ir a la pagina de inicio</button> -->
+        <div id="appendApps">
+          <!--<a class="button nav-supercafe nav-disabled" disabled>SuperCafé</a>
+                <a class="button nav-comedor nav-disabled" disabled>Menú Comedor</a>
+                <a class="button nav-recetas nav-disabled" disabled>Recetas</a>-->
+        </div>
+        <hr />
+      </header>
+      <div id="container"></div>
+      <!-- <br><br><br>
+    <footer>
+      <hr>
+      <details>
+        <summary><b>Apps SuperMesh</b></summary>
+        <button type="button">
+          <img src="static/TeleSec.jpg" alt="" width="100px">
+          <br>TeleSec
+        </button>
+      </details>
+    </footer> -->
+      <img
+        id="connectStatus"
+        style="bottom: 15px; right: 15px; position: fixed; width: 50px"
+      />
+    </main>
+    <img
+      id="actionStatus"
+      src="static/ico/statusok.png"
+      style="
+        z-index: 2048;
+        margin: 0px;
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 100px;
+        height: 100px;
+        display: none;
+      "
+    />
+    <script src="static/showdown.min.js"></script>
+    <script src="static/jquery.js"></script>
+    <script src="static/gun.js"></script>
+    <script src="static/webrtc.js"></script>
+    <script src="static/sea.js"></script>
+    <script src="static/yson.js"></script>
+    <script src="static/radix.js"></script>
+    <script src="static/radisk.js"></script>
+    <script src="static/store.js"></script>
+    <script src="static/rindexed.js"></script>
+    <script src="static/path.js"></script>
+    <script src="static/open.js"></script>
+    <script src="static/load.js"></script>
+    <!--<script src="static/synchronous.js"></script>-->
+    <!--<script src="static/axe.js"></script>-->
+    <script src="static/toastr.min.js"></script>
+    <script src="static/doublescroll.js"></script>
+    <!--<script src="static/simplemde.min.js"></script>-->
+    <script async>
+      async function getQuota(cb = () => {}) {
+        if (navigator.storage && navigator.storage.estimate) {
+          const quota = await navigator.storage.estimate();
+          // quota.usage -> Number of bytes used.
+          // quota.quota -> Maximum number of bytes available.
+          const percentageUsed = (quota.usage / quota.quota) * 100;
+          console.log(
+            `You've used ${percentageUsed}% of the available storage.`
+          );
+          const remaining = quota.quota - quota.usage;
+          cb(percentageUsed, remaining);
+          console.log(`You can write up to ${remaining} more bytes.`);
+        }
+      }
+      getQuota();
+    </script>
+    <div id="snackbar">
+      Hay una nueva versión de TeleSec.<br /><a id="reload"
+        >Pulsa aqui para actualizar.</a
+      >
+    </div>
+    <script id="pwa">
+      let newWorker;
+
+      function showUpdateBar() {
+        let snackbar = document.getElementById("snackbar");
+        snackbar.className = "show";
+      }
+
+      // The click event on the pop up notification
+      document.getElementById("reload").addEventListener("click", function () {
+        setTimeout(() => {
+          removeCache();
+        }, 1000);
+        newWorker.postMessage({ action: "skipWaiting" });
+      });
+
+      if ("serviceWorker" in navigator) {
+        navigator.serviceWorker.register("/sw.js").then((reg) => {
+          reg.addEventListener("updatefound", () => {
+            // A wild service worker has appeared in reg.installing!
+            newWorker = reg.installing;
+
+            newWorker.addEventListener("statechange", () => {
+              // Has network.state changed?
+              switch (newWorker.state) {
+                case "installed":
+                  if (navigator.serviceWorker.controller) {
+                    // new update available
+                    showUpdateBar();
+                  }
+                  // No update available
+                  break;
+              }
+            });
+          });
+        });
+
+        let refreshing;
+        navigator.serviceWorker.addEventListener(
+          "controllerchange",
+          function () {
+            if (refreshing) return;
+            window.location.reload();
+            refreshing = true;
+          }
+        );
+      }
+    </script>
+    <script>
+      var EVENTLISTENER = null;
+      var EVENTLISTENER2 = null;
+      var urlParams = new URLSearchParams(location.search);
+      if (urlParams.get("hidenav") == "yes") {
+        document.getElementById("header_hide_query").style.display = "none";
+      }
+      var GROUPID = "";
+      // const PUBLIC_KEY = "~cppGiuA4UFUPGTDoC-4r2izVC3F7MfpaCmF3iZdESN4.vntmjgbAVUpF_zfinYY6EKVFuuTYxh5xOrL4KmtdTmc"
+      var TABLE = GROUPID + ":telesec.tech.eus";
+      const RELAYS = [
+        "https://gun-es01.tech.eus/gun",
+        "https://gun-es02.tech.eus/gun",
+        "https://gun-es03.tech.eus/gun",
+        "https://gun-es04.tech.eus/gun",
+        "https://gun-es05.tech.eus/gun",
+        "https://gun-es06.tech.eus/gun",
+        // "https://gun-es07.tech.eus/gun", // No he podido instalar el nodo.
+        "https://gun-manhattan.herokuapp.com/gun",
+        "https://peer.wallie.io/gun",
+        "https://gun.defucc.me/gun",
+      ];
+      var SECRET = "";
+    </script>
+    <script id="gun_init">
+      window.rtcRoom = "telesec.tech.eus";
+      var gun = Gun(RELAYS, {
+        axe: false,
+        localStorage: true,
+        radisk: true,
+      });
+      var SEA = Gun.SEA;
+      var user = gun.user();
+      function removeCache() {
+        caches.keys().then(function (names) {
+          for (let name of names) caches.delete(name);
+          console.log("Removing cache " + name);
+          console.log("OK");
+          location.reload(true);
+        });
+      }
+      function getPeers() {
+        var peerCount = 0;
+        var peerCountEl = document.getElementById("peerCount");
+        var peerListEl = document.getElementById("peerList");
+        var list = document.createElement("ul");
+        document.getElementById("peerPID").innerText =
+          "PID " + gun.back("opt.pid");
+        Object.values(gun.back("opt.peers")).forEach((peer) => {
+          if (
+            peer.wire != undefined &&
+            (peer.wire.readyState == 1 || peer.wire.readyState == "open")
+          ) {
+            peerCount += 1;
+            var wireType = peer.wire.constructor.name;
+            var wireHType = peer.wire.constructor.name;
+            var wireID = peer.id;
+            switch (wireType) {
+              case "WebSocket":
+                wireHType = "Web";
+                wireID = wireID.split("/")[2];
+                break;
+              case "RTCDataChannel":
+                wireHType = "Mesh";
+                wireID = peer.id;
+            }
+            var el = document.createElement("li");
+            el.innerText = `Nodo ${wireHType}: ${wireID}`;
+            list.append(el);
+          }
+        });
+        peerListEl.innerHTML = list.innerHTML;
+        peerCountEl.innerText = peerCount;
+        if (peerCount < 3) {
+          document.getElementById("connectStatus").src =
+            "static/ico/connect_ko.svg";
+          gun.opt({ peers: RELAYS });
+        } else {
+          document.getElementById("connectStatus").src =
+            "static/ico/connect_ok.svg";
+        }
+      }
+      getPeers();
+      setInterval(() => {
+        getPeers();
+      }, 5000);
+      function safeuuid(prefix = "AXLUID_") {
+        return prefix + crypto.randomUUID().split("-")[4];
+      }
+    </script>
+    <script id="app_logic">
+      function tableScroll(query) {
+        $(query).doubleScroll();
+      }
+      //var secretTokenEl = document.getElementById("secretToken");
+      var groupIdEl = document.getElementById("groupId");
+      var container = document.getElementById("container");
+      function LinkAccount(
+        LinkAccount_group,
+        LinkAccount_secret,
+        refresh = false
+      ) {
+        GROUPID = LinkAccount_group.toUpperCase();
+        SECRET = LinkAccount_secret.toUpperCase();
+
+        localStorage.setItem("TELESEC_AUTO", "YES");
+        localStorage.setItem("TELESEC_groupid", GROUPID);
+        localStorage.setItem("TELESEC_secret", SECRET);
+
+        TABLE = GROUPID + ":telesec.tech.eus";
+        //secretTokenEl.innerText = SECRET;
+        groupIdEl.innerText = GROUPID;
+        document.getElementById("LinkAccount_details").open = false;
+        if (refresh == true) {
+          location.reload();
+        }
+      }
+      if (localStorage.getItem("TELESEC_AUTO") == "YES") {
+        LinkAccount(
+          localStorage.getItem("TELESEC_groupid"),
+          localStorage.getItem("TELESEC_secret")
+        );
+      }
+      if (urlParams.get("login") != null) {
+        LinkAccount(
+          urlParams.get("login").split(":")[0],
+          urlParams.get("login").split(":")[1]
+        );
+        //location.search = "";
+      }
+      function open_page(params) {
+        if (params == "") {
+          params = "index";
+        }
+        var path = params.split(",");
+        var app = path[0];
+        if (path[1] == undefined) {
+          PAGES[app].index();
+          return;
+        }
+        PAGES[app].edit(path[1]);
+      }
+      function setUrlHash(hash) {
+        location.hash = "#" + hash;
+      }
+      window.onhashchange = () => {
+        try {
+          if (EVENTLISTENER != null) {
+            try {
+              EVENTLISTENER.off();
+              EVENTLISTENER = null;
+              EVENTLISTENER2.off();
+              EVENTLISTENER2 = null;
+              // TypeError: Cannot read properties of null (reading 'off')
+            } catch (error) {
+              if (!error.name == "TypeError") {
+                console.debug("EVENTLISTENER error", error);
+              }
+            }
+          }
+        } catch (e) {
+          console.debug("EVENTLISTENER onhashchange", e);
+        }
+
+        open_page(location.hash.replace("#", ""));
+      };
+      function download(filename, text) {
+        var element = document.createElement("a");
+        element.setAttribute(
+          "href",
+          "data:application/octet-stream;charset=utf-8," +
+            encodeURIComponent(text)
+        );
+        element.setAttribute("download", filename);
+
+        element.style.display = "none";
+        document.body.appendChild(element);
+
+        element.click();
+
+        document.body.removeChild(element);
+      }
+      function resizeInputImage(
+        file,
+        callback,
+        targetHeight = 256,
+        targetQuality = 0.75
+      ) {
+        const reader = new FileReader();
+
+        reader.onload = function (event) {
+          const img = new Image();
+          img.onload = function () {
+            const aspectRatio = img.width / img.height;
+            const targetWidth = targetHeight * aspectRatio;
+
+            const canvas = document.createElement("canvas");
+            canvas.width = targetWidth;
+            canvas.height = targetHeight;
+
+            const ctx = canvas.getContext("2d");
+
+            ctx.fillStyle = "#ffffff";
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+            ctx.drawImage(img, 0, 0, targetWidth, targetHeight);
+
+            // Get resized image as Blob
+            const dataURL = canvas.toDataURL("image/jpeg", targetQuality);
+            callback(dataURL);
+          };
+          img.src = event.target.result;
+        };
+
+        reader.readAsDataURL(file);
+      }
+      function CurrentISODate() {
+        return new Date().toISOString().split("T")[0].replace("T", " ");
+      }
+      function CurrentISOTime() {
+        return new Date().toISOString();
+      }
+
+      function betterGunPut(ref, data) {
+        ref.put(data, (ack) => {
+          if (ack.err) {
+            toastr.error("Error al guardar: " + ack.err);
+          } else {
+            console.debug("Guardado correctamente");
+          }
+        });
+        setTimeout(() => {
+          ref.put(data);
+        }, 250);
+        setTimeout(() => {
+          ref.put(data);
+        }, 500);
+      }
+      setInterval(() => {
+        betterGunPut(
+          gun.get(TABLE).get("heartbeat"),
+          "heartbeat-" + CurrentISOTime()
+        );
+        gun.get(TABLE).get("heartbeat").load(console.debug);
+      }, 5000);
+      gun.get(TABLE).on((data) => {
+        var e = true;
+      });
+    </script>
+    <script id="app_modules">
+      try {
+        navigator.wakeLock.request("screen");
+      } catch {
+        console.log("ScreenLock Failed");
+      }
+      String.prototype.toHex = function () {
+        var s = this + "0123456789";
+        var colors = [
+          "#ff0000",
+          "#ff00ff",
+          "#00ff00",
+          "#0000ff",
+          "#00ffff",
+          "#000000",
+        ];
+        var color =
+          (((((s.charCodeAt(1) * s.charCodeAt(2)) /
+            s.charCodeAt(s.length - 1)) *
+            s.charCodeAt(s.length - 2)) /
+            s.charCodeAt(s.length - 2)) *
+            s.charCodeAt(s.length - 3)) /
+          s.charCodeAt(s.length - 3);
+        var cid = colors[Math.round(color) % colors.length];
+        console.log(color, cid, colors);
+        return cid;
+      };
+      function stringToColour(str) {
+        return str.toHex();
+      }
+      function colorIsDarkAdvanced(bgColor) {
+        let color =
+          bgColor.charAt(0) === "#" ? bgColor.substring(1, 7) : bgColor;
+        let r = parseInt(color.substring(0, 2), 16); // hexToR
+        let g = parseInt(color.substring(2, 4), 16); // hexToG
+        let b = parseInt(color.substring(4, 6), 16); // hexToB
+        let uicolors = [r / 255, g / 255, b / 255];
+        let c = uicolors.map((col) => {
+          if (col <= 0.03928) {
+            return col / 12.92;
+          }
+          return Math.pow((col + 0.055) / 1.055, 2.4);
+        });
+        let L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
+        return L <= 0.179 ? "#FFFFFF" : "#000000";
+      }
+      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; border: 1px dotted black;">`;
+
+        // 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,
+        icon,
+        options,
+        values,
+        change_cb = () => {}
+      ) {
+        var details_0 = document.createElement("details"); // children: img_0, summary_0
+        //details_0.open = true;
+        var img_0 = document.createElement("img");
+        img_0.src = "static/ico/checkbox_unchecked.png";
+        img_0.style.height = "30px";
+        if (values[name] != undefined) {
+          //details_0.open = true;
+          img_0.src = "static/ico/checkbox.png";
+        }
+        var summary_0 = document.createElement("summary");
+        var span_0 = document.createElement("span");
+        span_0.style.float = "right";
+        span_0.append(values[name] || "", " ", img_0);
+        summary_0.append(name, span_0);
+        details_0.append(summary_0, document.createElement("br"));
+        details_0.style.textAlign = "center";
+        details_0.style.margin = "5px";
+        details_0.style.padding = "5px";
+        details_0.style.border = "2px solid black";
+        details_0.style.borderRadius = "5px";
+        details_0.style.backgroundColor = "white";
+        details_0.style.cursor = "pointer";
+        details_0.style.width = "calc(100% - 25px)";
+        details_0.style.display = "inline-block";
+        summary_0.style.padding = "10px";
+        // background image at the start of summary_0:
+        summary_0.style.backgroundImage = "url('" + icon + "')";
+        summary_0.style.backgroundSize = "contain";
+        summary_0.style.backgroundPosition = "left";
+        summary_0.style.backgroundRepeat = "no-repeat";
+        summary_0.style.textAlign = "left";
+        summary_0.style.paddingLeft = "55px";
+        parent.append(details_0);
+
+        options.forEach((option) => {
+          var btn = document.createElement("button");
+          var br1 = document.createElement("br");
+          //btn.innerText = option.key + ": " + option.value
+          btn.append(option.value);
+          // for each image in option.img:
+
+          if (option.img) {
+            var br2 = document.createElement("br");
+            btn.append(br2);
+            option.img.forEach((imgsrc) => {
+              var img = document.createElement("img");
+              img.src = imgsrc;
+              img.style.height = "50px";
+              img.style.padding = "5px";
+              img.style.backgroundColor = "white";
+              btn.append(img, " ");
+            });
+          }
+          btn.className = option.className;
+          if (values[option.key] == option.value) {
+            btn.classList.add("activeSCButton");
+          }
+          btn.onclick = () => {
+            var items = details_0.getElementsByClassName("activeSCButton");
+            for (var i = 0; i < items.length; i++) {
+              items[i].classList.remove("activeSCButton");
+            }
+            btn.classList.add("activeSCButton");
+            values[option.key] = option.value;
+            span_0.innerText = option.value;
+            change_cb(values);
+            img_0.src = "static/ico/checkbox.png";
+          };
+          btn.style.borderRadius = "20px";
+          //btn.style.fontSize="17.5px"
+          details_0.append(btn);
+        });
+      }
+      function addCategory_Personas(
+        parent,
+        options,
+        defaultval,
+        change_cb = () => {},
+        label = "Persona"
+      ) {
+        var details_0 = document.createElement("details"); // children: img_0, summary_0
+        //details_0.open = true;
+        var img_0 = document.createElement("img");
+        img_0.src = "static/ico/checkbox_unchecked.png";
+        img_0.style.height = "30px";
+        if (defaultval != "") {
+          details_0.open = false;
+          img_0.src = "static/ico/checkbox.png";
+        }
+        var summary_0 = document.createElement("summary");
+        var span_0 = document.createElement("span");
+        span_0.style.float = "right";
+        var p = SC_Personas[defaultval] || {};
+        span_0.append(p.Nombre || "", " ", img_0);
+        summary_0.append(label, span_0);
+        details_0.append(summary_0, document.createElement("br"));
+        details_0.style.textAlign = "center";
+        details_0.style.margin = "5px";
+        details_0.style.padding = "5px";
+        details_0.style.border = "2px solid black";
+        details_0.style.borderRadius = "5px";
+        details_0.style.backgroundColor = "white";
+        details_0.style.cursor = "pointer";
+        details_0.style.width = "calc(100% - 25px)";
+        details_0.style.display = "inline-block";
+        summary_0.style.padding = "10px";
+        // background image at the start of summary_0:
+        summary_0.style.backgroundImage = "url('static/ico/user.png')";
+        summary_0.style.backgroundSize = "contain";
+        summary_0.style.backgroundPosition = "left";
+        summary_0.style.backgroundRepeat = "no-repeat";
+        summary_0.style.textAlign = "left";
+        summary_0.style.paddingLeft = "55px";
+        parent.append(details_0);
+        var lastreg = "";
+        Object.entries(options)
+          .sort(PERSONAS_Sorter)
+          .map((entry) => {
+            var key = entry[0];
+            var value = entry[1];
+            if (lastreg != value.Region.toUpperCase()) {
+              lastreg = value.Region.toUpperCase();
+              var h3_0 = document.createElement("h2");
+              h3_0.style.margin = "0";
+              h3_0.style.marginTop = "15px";
+              h3_0.innerText = lastreg;
+              details_0.append(h3_0);
+            }
+            var option = value.Nombre;
+            var btn = document.createElement("button");
+            var br1 = document.createElement("br");
+            //btn.innerText = option.key + ": " + option.value
+            btn.append(option);
+
+            var br2 = document.createElement("br");
+            btn.append(br2);
+            var img = document.createElement("img");
+            img.src = value.Foto;
+            img.style.height = "60px";
+            img.style.padding = "5px";
+            img.style.backgroundColor = "white";
+            btn.append(img, " ");
+
+            if (defaultval == key) {
+              btn.classList.add("activeSCButton");
+            }
+            btn.onclick = () => {
+              var items = details_0.getElementsByClassName("activeSCButton");
+              for (var i = 0; i < items.length; i++) {
+                items[i].classList.remove("activeSCButton");
+              }
+              btn.classList.add("activeSCButton");
+              defaultval = key;
+              span_0.innerText = "";
+              var img_5 = document.createElement("img");
+              img_5.src = value.Foto;
+              img_5.style.height = "30px";
+              span_0.append(img_5, value.Nombre);
+              change_cb(defaultval);
+              img_0.src = "static/ico/checkbox.png";
+            };
+            btn.style.borderRadius = "20px";
+            //btn.style.fontSize="17.5px"
+            details_0.append(btn);
+          });
+      }
+      const SC_actions_icons = {
+        Tamaño: "static/ico/sizes.png",
+        Temperatura: "static/ico/thermometer2.png",
+        Leche: "static/ico/milk.png",
+        Selección: "static/ico/preferences.png",
+        Cafeina: "static/ico/coffee_bean.png",
+        Endulzante: "static/ico/lollipop.png",
+        Receta: "static/ico/cookies.png",
+      };
+      const SC_actions = {
+        Selección: [
+          {
+            value: "Solo Leche",
+            key: "Selección",
+            className: "btn4",
+            img: ["static/ico/milk.png"],
+          },
+          {
+            value: "Solo café (sin leche)",
+            key: "Selección",
+            className: "btn4",
+            img: ["static/ico/coffee_bean.png"],
+          },
+          {
+            value: "Café con leche",
+            key: "Selección",
+            className: "btn4",
+            img: ["static/ico/coffee_bean.png", "static/ico/milk.png"],
+          },
+          {
+            value: "ColaCao con leche",
+            key: "Selección",
+            className: "btn4",
+            img: ["static/ico/colacao.jpg", "static/ico/milk.png"],
+          },
+          {
+            value: "Leche con cereales",
+            key: "Selección",
+            className: "btn4",
+            img: ["static/ico/cereales.png", "static/ico/milk.png"],
+          },
+          {
+            value: "Infusión",
+            key: "Selección",
+            className: "btn4",
+            img: ["static/ico/tea_bag.png"],
+          },
+        ],
+        Tamaño: [
+          {
+            value: "Grande",
+            key: "Tamaño",
+            className: "btn1",
+            img: ["static/ico/keyboard_key_g.png"],
+          },
+          {
+            value: "Pequeño",
+            key: "Tamaño",
+            className: "btn1",
+            img: ["static/ico/keyboard_key_p.png"],
+          },
+        ],
+        Temperatura: [
+          {
+            value: "Caliente",
+            key: "Temperatura",
+            className: "btn2",
+            img: [
+              "static/ico/thermometer2.png",
+              "static/ico/arrow_up_red.png",
+              "static/ico/fire.png",
+            ],
+          },
+          {
+            value: "Templado",
+            key: "Temperatura",
+            className: "btn2",
+            img: [
+              "static/ico/thermometer2.png",
+              "static/ico/arrow_left_green.png",
+            ],
+          },
+          {
+            value: "Frio",
+            key: "Temperatura",
+            className: "btn2",
+            img: [
+              "static/ico/thermometer2.png",
+              "static/ico/arrow_down_blue.png",
+              "static/ico/snowflake.png",
+            ],
+          },
+        ],
+        Leche: [
+          {
+            value: "de Vaca",
+            key: "Leche",
+            className: "btn3",
+            img: ["static/ico/cow.png", "static/ico/add.png"],
+          },
+          {
+            value: "Sin lactosa",
+            key: "Leche",
+            className: "btn3",
+            img: ["static/ico/cow.png", "static/ico/delete.png"],
+          },
+          {
+            value: "Vegetal",
+            key: "Leche",
+            className: "btn3",
+            img: ["static/ico/milk.png", "static/ico/wheat.png"],
+          },
+          {
+            value: "Agua",
+            key: "Leche",
+            className: "btn3",
+            img: ["static/ico/water_tap.png"],
+          },
+        ],
+        Cafeina: [
+          {
+            value: "Con",
+            key: "Cafeina",
+            className: "btn5",
+            img: ["static/ico/coffee_bean.png", "static/ico/add.png"],
+          },
+          {
+            value: "Sin",
+            key: "Cafeina",
+            className: "btn5",
+            img: ["static/ico/coffee_bean.png", "static/ico/delete.png"],
+          },
+        ],
+        Endulzante: [
+          {
+            value: "Az. Blanco",
+            key: "Endulzante",
+            className: "btn6",
+            img: ["static/ico/azucar-blanco.jpg"],
+          },
+          {
+            value: "Az. Moreno",
+            key: "Endulzante",
+            className: "btn6",
+            img: ["static/ico/azucar-moreno.png"],
+          },
+          {
+            value: "Sacarina",
+            key: "Endulzante",
+            className: "btn6",
+            img: ["static/ico/sacarina.jpg"],
+          },
+          {
+            value: "Stevia (Pastillas)",
+            key: "Endulzante",
+            className: "btn6",
+            img: ["static/ico/stevia.jpg"],
+          },
+          {
+            value: "Stevia (Gotas)",
+            key: "Endulzante",
+            className: "btn6",
+            img: ["static/ico/stevia-gotas.webp"],
+          },
+          {
+            value: "Sin",
+            key: "Endulzante",
+            className: "btn6",
+            img: ["static/ico/delete.png"],
+          },
+        ],
+        Receta: [
+          {
+            value: "Si",
+            key: "Receta",
+            className: "btn7",
+            img: ["static/ico/add.png"],
+          },
+          {
+            value: "No",
+            key: "Receta",
+            className: "btn7",
+            img: ["static/ico/delete.png"],
+          },
+        ],
+      };
+      var SC_Personas = {};
+      // Listado precargado de personas:
+      gun
+        .get(TABLE)
+        .get("personas")
+        .map()
+        .on((data, key, _msg, _ev) => {
+          if (data != null) {
+            function add_row(data, key) {
+              if (data != null) {
+                data["_key"] = key;
+                SC_Personas[key] = data;
+              } else {
+                delete SC_Personas[key];
+              }
+            }
+            if (typeof data == "string") {
+              SEA.decrypt(data, SECRET, (data) => {
+                add_row(data, key);
+              });
+            } else {
+              add_row(data, key);
+            }
+          }
+        });
+
+      function SC_parse(json) {
+        var out = "";
+        Object.entries(json).forEach((entry) => {
+          out += entry[0] + ": " + entry[1] + "\n";
+        });
+        return out;
+      }
+      function SC_parse_short(json) {
+        var valores =
+          "<small style='font-size: 60%;'>Servicio base (10c)</small>\n";
+
+        Object.entries(json).forEach((entry) => {
+          valores +=
+            "<small style='font-size: 60%;'>" +
+            entry[0] +
+            ":</small> " +
+            entry[1] +
+            " ";
+          var combo = entry[0] + ";" + entry[1];
+          switch (entry[0]) {
+            case "Leche":
+              // Leche pequeña = 10c
+              if (
+                json["Tamaño"] == "Pequeño" &&
+                ["de Vaca", "Sin lactosa", "Vegetal"].includes(json["Leche"])
+              ) {
+                valores += "<small>(P = 10c)</small>";
+              }
+              // Leche grande = 20c
+              if (
+                json["Tamaño"] == "Grande" &&
+                ["de Vaca", "Sin lactosa", "Vegetal"].includes(json["Leche"])
+              ) {
+                valores += "<small>(G = 20c)</small>";
+              }
+              break;
+            case "Selección":
+              // Café = 20c
+              if (
+                ["Café con leche", "Solo café (sin leche)"].includes(
+                  json["Selección"]
+                )
+              ) {
+                valores += "<small>(20c)</small>";
+              }
+              // ColaCao = 20c
+              if (json["Selección"] == "ColaCao con leche") {
+                valores += "<small>(20c)</small>";
+              }
+            default:
+              break;
+          }
+
+          valores += "\n";
+        });
+        return valores;
+      }
+      function SC_priceCalc(json) {
+        var precio = 0;
+        var valores = "";
+        // Servicio base = 10c
+        precio += 10;
+        valores += "Servicio base = 10c\n";
+        // Leche pequeña = 10c
+        if (
+          json["Tamaño"] == "Pequeño" &&
+          ["de Vaca", "Sin lactosa", "Vegetal"].includes(json["Leche"])
+        ) {
+          precio += 10;
+          valores += "Leche pequeña = 10c\n";
+        }
+        // Leche grande = 20c
+        if (
+          json["Tamaño"] == "Grande" &&
+          ["de Vaca", "Sin lactosa", "Vegetal"].includes(json["Leche"])
+        ) {
+          precio += 20;
+          valores += "Leche grande = 20c\n";
+        }
+        // Café = 20c
+        if (
+          ["Café con leche", "Solo café (sin leche)"].includes(
+            json["Selección"]
+          )
+        ) {
+          precio += 20;
+          valores += "Café = 20c\n";
+        }
+        // ColaCao = 20c
+        if (json["Selección"] == "ColaCao con leche") {
+          precio += 20;
+          valores += "ColaCao = 20c\n";
+        }
+        valores += "<hr>Total: " + precio + "c\n";
+        return [precio, valores];
+      }
+      function PERSONAS_Sorter(a, b) {
+        if (a[1].Region < b[1].Region) {
+          return -1;
+        }
+        if (a[1].Region > b[1].Region) {
+          return 1;
+        }
+        return 0;
+      }
+
+      function TS_IndexElement(pageco, config, ref, container) {
+        // Every item in config should have:
+        // key: string
+        // type: string
+        // default: string
+        // label: string
+        var tablebody = safeuuid();
+        var tablehead = safeuuid();
+        container.innerHTML = `
+          <div id="scrolltable">
+            <table>
+              <thead>
+                  <tr id="${tablehead}"></tr>
+              </thead>
+              <tbody id="${tablebody}">
+              </tbody>
+            </table>
+          </div>
+          `;
+        tableScroll("#scrolltable"); // id="scrolltable"
+        var tablehead_EL = document.getElementById(tablehead);
+        var tablebody_EL = document.getElementById(tablebody);
+        var rows = {};
+        config.forEach((key) => {
+          tablehead_EL.innerHTML += `<th>${key.label}</th>`;
+        });
+        function render() {
+          function sorter(a, b) {
+            if (a.Fecha < b.Fecha) {
+              return -1;
+            }
+            if (a.Fecha > b.Fecha) {
+              return 1;
+            }
+            return 0;
+          }
+          var tablebody_EL = document.getElementById(tablebody);
+          tablebody_EL.innerHTML = "";
+          Object.values(rows)
+            .sort(sorter)
+            .forEach((data) => {
+              var new_tr = document.createElement("tr");
+
+              config.forEach((key) => {
+                switch (key.type) {
+                  case "raw":
+                    new_tr.innerHTML += `<td>${
+                      data[key.key] || key.default
+                    }</td>`;
+                    break;
+                  case "persona":
+                    var persona = SC_Personas[data[key.key]];
+                    console.warn(persona.Region.toLowerCase() || "?");
+                    var regco = stringToColour(
+                      persona.Region.toLowerCase() || "?"
+                    );
+                    new_tr.innerHTML += `
+                  <td class="" style="text-align: center; font-size: 20px; background-color: ${regco}; color: ${colorIsDarkAdvanced(
+                      regco
+                    )}">
+                    <span style="font-size: 40px; text-transform: capitalize;">
+                      ${(persona.Region || "?").toLowerCase() || "?"}
+                    </span><br>
+                    <span style="background-color: white; border: 2px solid black; border-radius: 5px; display: inline-block; padding: 5px; color: black;">
+                      <img src="${
+                        persona.Foto || "static/ico/user_generic.png"
+                      }" height="70">
+                      <br>${persona.Nombre || ""}
+                      <br><span style="font-size: 17px;">${
+                        persona.Puntos || "0"
+                      } puntos.</span>
+                    </span>
+                  </td>
+                    `;
+                    break;
+
+                  default:
+                    break;
+                }
+              });
+
+              new_tr.style.backgroundColor = "#FFCCCB";
+              if (data.Estado == "leido") {
+                new_tr.style.backgroundColor = "lightgreen";
+              }
+              new_tr.onclick = () => {
+                setUrlHash(pageco + "," + data._key);
+              };
+              tablebody_EL.append(new_tr);
+            });
+        }
+        ref.map().on((data, key, _msg, _ev) => {
+          EVENTLISTENER = _ev;
+          if (data != null) {
+            function add_row(data, key) {
+              if (data != null) {
+                data["_key"] = key;
+                rows[key] = data;
+              } else {
+                delete rows[key];
+              }
+              render();
+            }
+            if (typeof data == "string") {
+              SEA.decrypt(data, SECRET, (data) => {
+                add_row(data, key);
+              });
+            } else {
+              add_row(data, key);
+            }
+          }
+        });
+      }
+
+      const PAGES = {
+        index: {
+          //navcss: "btn1",
+          Title: "Inicio",
+          index: function () {
+            container.innerHTML = `
+                <h1>Inicio</h1>
+                <em>Utiliza el menú superior para abrir un modulo</em>
+            `;
+          },
+        },
+
+        importar: {
+          navcss: "btn1",
+          Title: "Importar",
+          index: function () {
+            var select_type = safeuuid();
+            var textarea_content = safeuuid();
+            var button_import = safeuuid();
+            var button_clear = safeuuid();
+            container.innerHTML = `
+                <h1>Importar Datos</h1>
+                <fieldset>
+                    <legend>Importar datos</legend>
+                    <em>Espera hasta que se vacien todas las notificaciones.</em>
+                    <select id="${select_type}">
+                        <option value="" disabled selected>Tipo de archivo...</option>
+                        <option value="comedor">Galileo - db.comedor.axd</option>
+                        <option value="recetas">Galileo - db.recetas.axd</option>
+                        <option value="materiales">Galileo - db.materiales.axd</option>
+                        <option value="personas">Galileo - db.personas.axd</option>
+                        <option value="comandas">Galileo - db.cafe.comandas.axd</option>
+                        <option value="%telesec">TeleSec Exportado (encriptado o no)</option>
+                    </select>
+                    <textarea id="${textarea_content}" style="height: 100px;" placeholder="Introduce el contenido del archivo"></textarea>
+                    <button id="${button_import}" type="button">Importar</button>
+                    <button id="${button_clear}" type="button">Vaciar</button>
+                </fieldset>
+            `;
+            document.getElementById(button_import).onclick = () => {
+              toastr.info("Importando datos...");
+              var val = document.getElementById(textarea_content).value;
+              var sel = document.getElementById(select_type).value;
+              if (sel == "%telesec") {
+                gun.get(TABLE).put(JSON.parse(val), (ack) => {
+                  toastr.info("Importado " + entry[0] + ".");
+                });
+              } else {
+                Object.entries(JSON.parse(val)["data"]).forEach((entry) => {
+                  var enc = SEA.encrypt(entry[1], SECRET, (encrypted) => {
+                    betterGunPut(
+                      gun.get(TABLE).get(sel).get(entry[0]),
+                      encrypted
+                    );
+                  });
+                });
+              }
+              setTimeout(() => {
+                toastr.info("Importado todo!");
+
+                if (sel == "%telesec") {
+                  setUrlHash("inicio");
+                } else {
+                  setUrlHash(sel);
+                }
+              }, 5000);
+            };
+          },
+        },
+        exportar: {
+          navcss: "btn1",
+          Title: "Exportar",
+          index: function () {
+            var select_type = safeuuid();
+            var textarea_content = safeuuid();
+            var button_export_local = safeuuid();
+            var button_export_safe = safeuuid();
+            var button_export_safe_cloud = safeuuid();
+            var button_clear = safeuuid();
+            container.innerHTML = `
+                <h1>Exportar Datos</h1>
+                <fieldset>
+                    <legend>Exportar datos</legend>
+                    <em>Al pulsar, Espera hasta que salga una notificacion verde.</em>
+                    <br>
+                    <br>
+                    <button id="${button_export_local}" type="button">Exportar sin cifrar</button>
+                    <button id="${button_export_safe}" type="button">Exportar con cifrado</button>
+                    <button id="${button_export_safe_cloud}" style="display: none;" type="button">Exportar a EuskadiTech - cifrado</button>
+                    <br><br><em>Para descargar envia un correo a telesec@tech.eus con el asunto "TSBK %${GROUPID}".</em>
+                </fieldset>
+            `;
+            document.getElementById(button_export_local).onclick = () => {
+              var data_export = {};
+              var output = {
+                materiales: {},
+                personas: {},
+              };
+              var download_data = (DATA) => {
+                Object.keys(DATA).forEach((modul) => {
+                  Object.entries(DATA[modul] || {}).forEach((entry) => {
+                    var key = entry[0];
+                    var value = entry[1];
+                    if (value != null) {
+                      if (typeof value == "string") {
+                        SEA.decrypt(value, SECRET, (data) => {
+                          output[modul][key] = data;
+                        });
+                      } else {
+                        output[modul][key] = value;
+                      }
+                    }
+                  });
+                  toastr.success("Exportado todo, descargando!");
+                  console.error(output);
+                  download(
+                    `Export TeleSec ${GROUPID}.json.txt`,
+                    JSON.stringify(output)
+                  );
+                  //setUrlHash(sel);
+                }, 2500);
+              };
+              gun.get(TABLE).load(download_data);
+            };
+            document.getElementById(button_export_safe).onclick = () => {
+              var download_data = (DATA) => {
+                toastr.success("Exportado todo, descargado!");
+                console.error(DATA);
+                download(
+                  `Export TeleSec Encriptado ${GROUPID}.json.txt`,
+                  JSON.stringify(DATA)
+                );
+                //setUrlHash(sel);
+              };
+              gun.get(TABLE).load(download_data);
+            };
+            document.getElementById(button_export_safe_cloud).onclick = () => {
+              var download_data = (DATA) => {
+                toastr.info("Exportado todo, subiendo!");
+                console.error(DATA);
+                fetch(
+                  "https://telesec-sync.tech.eus/upload_backup.php?table=" +
+                    GROUPID,
+                  {
+                    method: "POST",
+                    body: JSON.stringify(DATA),
+                  }
+                )
+                  .then(() => {
+                    toastr.success("Subido correctamente!");
+                  })
+                  .catch(() => {
+                    toastr.error("Ha ocurrido un error en la subida.");
+                  });
+              };
+              gun.get(TABLE).load(download_data);
+            };
+          },
+        },
+        materiales: {
+          navcss: "btn2",
+          Title: "Materiales",
+          edit: function (mid) {
+            var nameh1 = safeuuid();
+            var field_nombre = safeuuid();
+            var field_cantidad = safeuuid();
+            var field_unidad = safeuuid();
+            var field_cantidad_min = safeuuid();
+            var field_abierto = safeuuid();
+            var field_ubicacion = safeuuid();
+            var field_referencia = safeuuid();
+            var field_notas = safeuuid();
+            var btn_guardar = safeuuid();
+            var btn_borrar = safeuuid();
+            container.innerHTML = `
+                <h1>Material <code id="${nameh1}"></code></h1>
+                <fieldset>
+                    <label>
+                        Referencia<br>
+                        <input type="text" id="${field_referencia}" value="?"><br><br>
+                    </label>
+                    <label>
+                        Nombre<br>
+                        <input type="text" id="${field_nombre}"><br><br>
+                    </label>
+                    <label>
+                        Unidad<br>
+                        <input type="text" id="${field_unidad}"><br><br>
+                    </label>
+                    <label>
+                        Cantidad Actual<br>
+                        <input type="number" step="0.5" id="${field_cantidad}"><br><br>
+                    </label>
+                    <label>
+                        Cantidad Minima<br>
+                        <input type="number" step="0.5" id="${field_cantidad_min}"><br><br>
+                    </label>
+                    <label>
+                        Ubicación<br>
+                        <input type="text" id="${field_ubicacion}" value="-"><br><br>
+                    </label>
+                    <label>
+                        Notas<br>
+                        <textarea id="${field_notas}"></textarea><br><br>
+                    </label><hr>
+                    <button class="btn5" id="${btn_guardar}">Guardar</button>
+                    <button class="rojo" id="${btn_borrar}">Borrar</button>
+                </fieldset>
+                `;
+            gun
+              .get(TABLE)
+              .get("materiales")
+              .get(mid)
+              .once((data, key) => {
+                function load_data(data, ENC = "") {
+                  document.getElementById(nameh1).innerText = key;
+                  document.getElementById(field_nombre).value =
+                    data["Nombre"] || "";
+                  document.getElementById(field_unidad).value =
+                    data["Unidad"] || "";
+                  document.getElementById(field_cantidad).value =
+                    data["Cantidad"] || "";
+                  document.getElementById(field_cantidad_min).value =
+                    data["Cantidad_Minima"] || "";
+                  document.getElementById(field_ubicacion).value =
+                    data["Ubicacion"] || "-";
+                  document.getElementById(field_referencia).value =
+                    data["Referencia"] || "?";
+                  document.getElementById(field_notas).value =
+                    data["Notas"] || "";
+                }
+                if (typeof data == "string") {
+                  SEA.decrypt(data, SECRET, (data) => {
+                    load_data(data, "%E");
+                  });
+                } else {
+                  load_data(data);
+                }
+              });
+            document.getElementById(btn_guardar).onclick = () => {
+              var data = {
+                Nombre: document.getElementById(field_nombre).value,
+                Unidad: document.getElementById(field_unidad).value,
+                Cantidad: document.getElementById(field_cantidad).value,
+                Cantidad_Minima:
+                  document.getElementById(field_cantidad_min).value,
+                Ubicacion: document.getElementById(field_ubicacion).value,
+                Referencia: document.getElementById(field_referencia).value,
+                Notas: document.getElementById(field_notas).value,
+              };
+              var enc = SEA.encrypt(data, SECRET, (encrypted) => {
+                document.getElementById("actionStatus").style.display = "block";
+                betterGunPut(
+                  gun.get(TABLE).get("materiales").get(mid),
+                  encrypted
+                );
+                toastr.success("Guardado!");
+                setTimeout(() => {
+                  document.getElementById("actionStatus").style.display =
+                    "none";
+                  setUrlHash("materiales");
+                }, 1500);
+              });
+            };
+            document.getElementById(btn_borrar).onclick = () => {
+              if (confirm("¿Quieres borrar este material?") == true) {
+                betterGunPut(gun.get(TABLE).get("materiales").get(mid), null);
+                toastr.error("Borrado!");
+                setTimeout(() => {
+                  setUrlHash("materiales");
+                }, 1500);
+              }
+            };
+          },
+          index: function () {
+            const tablebody = safeuuid();
+            var btn_new = safeuuid();
+            container.innerHTML = `
+                <h1>Materiales</h1>
+                <button id="${btn_new}">Nuevo Material</button>
+                <div id="scrolltable"><table>
+                    <thead>
+                        <tr>
+                            <th>Referencia</th>
+                            <th>Nombre</th>
+                            <th>Ubicación</th>
+                            <th>Cantidad</th>
+                            <th>Notas</th>
+                        </tr>
+                    </thead>
+                    <tbody id="${tablebody}">
+                    </tbody>
+                </table></div>
+                `;
+            tableScroll("#scrolltable");
+            var tablebody_EL = document.getElementById(tablebody);
+            var rows = {};
+            function render() {
+              function sorter(a, b) {
+                if (a.Nombre < b.Nombre) {
+                  return -1;
+                }
+                if (a.Nombre > b.Nombre) {
+                  return 1;
+                }
+                return 0;
+              }
+              var tablebody_EL = document.getElementById(tablebody);
+              tablebody_EL.innerHTML = "";
+              Object.values(rows)
+                .sort(sorter)
+                .forEach((data) => {
+                  var new_tr = document.createElement("tr");
+                  new_tr.innerHTML = `
+                    <td>${data.Referencia || "?"}</td>
+                    <td>${data.Nombre || "?"}</td>
+                    <td>${data.Ubicacion || "?"}</td>
+                    <td>${data.Cantidad || "?"} ${data.Unidad || "?"}</td>
+                    <td>${data.Notas || "?"}</td>
+                    `;
+                  var min = parseFloat(data.Cantidad_Minima);
+                  var act = parseFloat(data.Cantidad);
+                  if (act < min) {
+                    new_tr.style.backgroundColor = "lightcoral";
+                  }
+                  new_tr.onclick = () => {
+                    setUrlHash("materiales," + data._key);
+                  };
+                  tablebody_EL.append(new_tr);
+                });
+            }
+            gun
+              .get(TABLE)
+              .get("materiales")
+              .map()
+              .on((data, key, _msg, _ev) => {
+                EVENTLISTENER = _ev;
+                if (data != null) {
+                  function add_row(data, key) {
+                    if (data != null) {
+                      data["_key"] = key;
+                      rows[key] = data;
+                    } else {
+                      delete rows[key];
+                    }
+                    render();
+                  }
+                  if (typeof data == "string") {
+                    SEA.decrypt(data, SECRET, (data) => {
+                      add_row(data, key);
+                    });
+                  } else {
+                    add_row(data, key);
+                  }
+                }
+              });
+            document.getElementById(btn_new).onclick = () => {
+              setUrlHash("materiales," + safeuuid(""));
+            };
+          },
+        },
+        resumen_diario: {
+          navcss: "btn3",
+          Title: "Resumen Semanal",
+          index: function () {
+            var table_materialesLow = safeuuid();
+            var table_personasHigh = safeuuid();
+            container.innerHTML = `
+                <h1>Resumen Semanal</h1>
+                <h2>Personas con café gratis (para el Viernes)</h2>
+                <div id="${table_personasHigh}"></div>
+                <h2>Materiales faltantes (o por llegar)</h2>
+                <div id="${table_materialesLow}"></div>
+            `;
+            var materiales_low = {};
+            var personas_high = {};
+            function render_materialesLow() {
+              function sorter(a, b) {
+                if (a.Nombre < b.Nombre) {
+                  return -1;
+                }
+                if (a.Nombre > b.Nombre) {
+                  return 1;
+                }
+                return 0;
+              }
+              var tablebody_EL = document.getElementById(table_materialesLow);
+              tablebody_EL.innerHTML = "";
+              Object.values(materiales_low)
+                .sort(sorter)
+                .forEach((data) => {
+                  var min = parseFloat(data.Cantidad_Minima);
+                  var act = parseFloat(data.Cantidad);
+                  var falta = min - act;
+                  if (act < min) {
+                    var new_tr = document.createElement("span");
+                    new_tr.innerHTML = `<b>${
+                      data.Nombre || "?"
+                    }</b><br>Faltan ${falta || "?"} ${
+                      data.Unidad || "?"
+                    } <br><i style="font-size: 75%">${
+                      data.Ubicacion || "?"
+                    }</i>`;
+                    new_tr.className = PAGES["materiales"].navcss;
+                    new_tr.style.display = "inline-block";
+                    new_tr.style.margin = "5px";
+                    new_tr.style.padding = "5px";
+                    new_tr.style.borderRadius = "5px";
+                    new_tr.style.border = "2px solid black";
+                    new_tr.style.cursor = "pointer";
+                    new_tr.onclick = () => {
+                      setUrlHash("materiales," + data._key);
+                    };
+                    tablebody_EL.append(new_tr);
+                  }
+                });
+            }
+            gun
+              .get(TABLE)
+              .get("materiales")
+              .map()
+              .on((data, key, _msg, _ev) => {
+                EVENTLISTENER2 = _ev;
+                if (data != null) {
+                  function add_row(data, key) {
+                    if (data != null) {
+                      data["_key"] = key;
+                      materiales_low[key] = data;
+                    } else {
+                      delete materiales_low[key];
+                    }
+                    render_materialesLow();
+                  }
+                  if (typeof data == "string") {
+                    SEA.decrypt(data, SECRET, (data) => {
+                      add_row(data, key);
+                    });
+                  } else {
+                    add_row(data, key);
+                  }
+                }
+              });
+            function render_personasHigh() {
+              function sorter(a, b) {
+                if (a.Nombre < b.Nombre) {
+                  return -1;
+                }
+                if (a.Nombre > b.Nombre) {
+                  return 1;
+                }
+                return 0;
+              }
+              var tablebody_EL = document.getElementById(table_personasHigh);
+              tablebody_EL.innerHTML = "";
+              Object.values(personas_high)
+                .sort(sorter)
+                .forEach((data) => {
+                  if (data.Puntos >= 10) {
+                    var new_tr = document.createElement("span");
+                    new_tr.innerHTML = `<img src="${
+                      data.Foto || ""
+                    }" alt="" height="55" style="float: left; margin-right: 5px;"><b>${
+                      data.Nombre || "?"
+                    }</b><br>Tiene ${
+                      data.Puntos || "?"
+                    } puntos <br><i style="font-size: 75%">${
+                      data.Region || "?"
+                    }</i>`;
+                    new_tr.className = PAGES["personas"].navcss;
+                    new_tr.style.display = "inline-block";
+                    new_tr.style.margin = "5px";
+                    new_tr.style.padding = "5px";
+                    new_tr.style.borderRadius = "5px";
+                    new_tr.style.border = "2px solid black";
+                    new_tr.style.cursor = "pointer";
+                    new_tr.style.width = "200px";
+
+                    new_tr.onclick = () => {
+                      setUrlHash("personas," + data._key);
+                    };
+                    tablebody_EL.append(new_tr);
+                  }
+                });
+            }
+            gun
+              .get(TABLE)
+              .get("personas")
+              .map()
+              .on((data, key, _msg, _ev) => {
+                EVENTLISTENER = _ev;
+                if (data != null) {
+                  function add_row(data, key) {
+                    if (data != null) {
+                      data["_key"] = key;
+                      personas_high[key] = data;
+                    } else {
+                      delete personas_high[key];
+                    }
+                    render_personasHigh();
+                  }
+                  if (typeof data == "string") {
+                    SEA.decrypt(data, SECRET, (data) => {
+                      add_row(data, key);
+                    });
+                  } else {
+                    add_row(data, key);
+                  }
+                }
+              });
+          },
+        },
+        personas: {
+          navcss: "btn4",
+          Title: "Personas",
+          edit: function (mid) {
+            var nameh1 = safeuuid();
+            var field_nombre = safeuuid();
+            var field_zona = safeuuid();
+            var field_roles = safeuuid();
+            var field_puntos = safeuuid();
+            var field_notas = safeuuid();
+            var field_anilla = safeuuid();
+            var field_foto = safeuuid();
+            var render_foto = safeuuid();
+            var btn_guardar = safeuuid();
+            var btn_borrar = safeuuid();
+            container.innerHTML = `
+                <h1>Persona <code id="${nameh1}"></code></h1>
+                <fieldset>
+                    <label>
+                        Nombre<br>
+                        <input type="text" id="${field_nombre}"><br><br>
+                    </label>
+                    <label>
+                        Zona<br>
+                        <input type="text" id="${field_zona}"><br><br>
+                    </label>
+                    <label>
+                        Permisos<br>
+                        <input type="text" id="${field_roles}"><br><br>
+                    </label>
+                    <label>
+                        Puntos<br>
+                        <input type="number" id="${field_puntos}"><br><br>
+                    </label>
+                    <label>
+                        Anilla<br>
+                        <input type="color" id="${field_anilla}"><br><br>
+                    </label>
+                    <label>
+                        Foto (PNG o JPG)<br>
+                        <img id="${render_foto}" height="100px" style="border: 3px inset; min-width: 7px;" src="static/camera2.png">
+                        <input type="file" accept="image/*" id="${field_foto}" style="display: none;"><br><br>
+                    </label>
+
+
+                    <label>
+                        Notas<br>
+                        <textarea id="${field_notas}"></textarea><br><br>
+                    </label><hr>
+                    <button class="btn5" id="${btn_guardar}">Guardar</button>
+                    <button class="rojo" id="${btn_borrar}">Borrar</button>
+                </fieldset>
+                `;
+            var resized = "";
+            gun
+              .get(TABLE)
+              .get("personas")
+              .get(mid)
+              .once((data, key) => {
+                function load_data(data, ENC = "") {
+                  document.getElementById(nameh1).innerText = key;
+                  document.getElementById(field_nombre).value =
+                    data["Nombre"] || "";
+                  document.getElementById(field_zona).value =
+                    data["Region"] || "";
+                  document.getElementById(field_roles).value =
+                    data["Roles"] || "";
+                  document.getElementById(field_puntos).value =
+                    data["Puntos"] || 0;
+                  document.getElementById(field_anilla).value =
+                    data["SC_Anilla"] || "";
+                  // document.getElementById(field_foto).value = "";
+                  document.getElementById(render_foto).src =
+                    data["Foto"] || "static/ico/user_generic.png";
+                  resized = data["Foto"] || "static/ico/user_generic.png";
+                  document.getElementById(field_notas).value =
+                    data["markdown"] || "";
+                }
+                if (typeof data == "string") {
+                  SEA.decrypt(data, SECRET, (data) => {
+                    load_data(data, "%E");
+                  });
+                } else {
+                  load_data(data);
+                }
+              });
+            document
+              .getElementById(field_foto)
+              .addEventListener("change", function (e) {
+                const file = e.target.files[0];
+                if (!file) return;
+
+                resizeInputImage(
+                  file,
+                  function (url) {
+                    document.getElementById(render_foto).src = url;
+                    resized = url;
+                  },
+                  125,
+                  0.7
+                );
+              });
+            document.getElementById(btn_guardar).onclick = () => {
+              var data = {
+                Nombre: document.getElementById(field_nombre).value,
+                Region: document.getElementById(field_zona).value,
+                Roles: document.getElementById(field_roles).value,
+                Puntos: document.getElementById(field_puntos).value,
+                SC_Anilla: document.getElementById(field_anilla).value,
+                Foto: resized,
+                markdown: document.getElementById(field_notas).value,
+              };
+              var enc = SEA.encrypt(data, SECRET, (encrypted) => {
+                document.getElementById("actionStatus").style.display = "block";
+                betterGunPut(
+                  gun.get(TABLE).get("personas").get(mid),
+                  encrypted
+                );
+                toastr.success("Guardado!");
+                setTimeout(() => {
+                  document.getElementById("actionStatus").style.display =
+                    "none";
+                  setUrlHash("personas");
+                }, 1500);
+              });
+            };
+            document.getElementById(btn_borrar).onclick = () => {
+              if (confirm("¿Quieres borrar esta persona?") == true) {
+                betterGunPut(gun.get(TABLE).get("personas").get(mid), null);
+                toastr.error("Borrado!");
+                setTimeout(() => {
+                  setUrlHash("personas");
+                }, 1500);
+              }
+            };
+          },
+          index: function () {
+            const tablebody = safeuuid();
+            var btn_new = safeuuid();
+            container.innerHTML = `
+                <h1>Personas</h1>
+                <button id="${btn_new}">Nueva Persona</button>
+                <div id="scrolltable"><table>
+                    <thead>
+                        <tr>
+                            <th>Nombre</th>
+                            <th>Zona</th>
+                            <th>Puntos</th>
+                            <th>Permisos</th>
+                        </tr>
+                    </thead>
+                    <tbody id="${tablebody}">
+                    </tbody>
+                </table></div>
+                `;
+            tableScroll("#scrolltable"); // id="scrolltable"
+            var tablebody_EL = document.getElementById(tablebody);
+            var rows = {};
+            function render() {
+              function sorter(a, b) {
+                if (a.Region.toUpperCase() < b.Region.toUpperCase()) {
+                  return -1;
+                }
+                if (a.Region.toUpperCase() > b.Region.toUpperCase()) {
+                  return 1;
+                }
+                return 0;
+              }
+              var tablebody_EL = document.getElementById(tablebody);
+              tablebody_EL.innerHTML = "";
+              // SC_Personas = rows
+              Object.values(rows)
+                .sort(sorter)
+                .forEach((data) => {
+                  var btn_comanda = safeuuid();
+                  var new_tr = document.createElement("tr");
+                  new_tr.innerHTML = `
+                    <td class="TextBorder" style="background-color: ${
+                      data.SC_Anilla
+                    }; text-align: center"><img src="${
+                    data.Foto || "static/ico/user_generic.png"
+                  }" height="50"> <br> ${data.Nombre || ""}</td>
+                    <td>${data.Region || "?"}</td>
+                    <td>${data.Puntos || 0}</td>
+                    <td>${data.Roles || ""}</td>
+                    `;
+
+                  // <button id="${btn_comanda}" class="${PAGES.ventas.navcss}">Nueva venta</button>
+                  var act = parseFloat(data.Puntos);
+                  if (act >= 10) {
+                    new_tr.style.backgroundColor = "gold";
+                  }
+                  new_tr.onclick = () => {
+                    setUrlHash("personas," + data._key);
+                  };
+                  tablebody_EL.append(new_tr);
+                  // document.getElementById(btn_comanda).onclick = (e) => {
+                  //   setUrlHash("ventas," + data._key);
+                  //   if (!e) var e = window.event;
+                  //   e.cancelBubble = true;
+                  //   if (e.stopPropagation) e.stopPropagation();
+                  // };
+                });
+            }
+            gun
+              .get(TABLE)
+              .get("personas")
+              .map()
+              .on((data, key, _msg, _ev) => {
+                EVENTLISTENER = _ev;
+                if (data != null) {
+                  function add_row(data, key) {
+                    if (data != null) {
+                      data["_key"] = key;
+                      rows[key] = data;
+                    } else {
+                      delete rows[key];
+                    }
+                    render();
+                  }
+                  if (typeof data == "string") {
+                    SEA.decrypt(data, SECRET, (data) => {
+                      add_row(data, key);
+                    });
+                  } else {
+                    add_row(data, key);
+                  }
+                }
+              });
+            document.getElementById(btn_new).onclick = () => {
+              setUrlHash("personas," + safeuuid(""));
+            };
+          },
+        },
+        supercafe: {
+          navcss: "btn5",
+          Title: "SuperCafé",
+          edit: function (mid) {
+            var nameh1 = safeuuid();
+            var field_fecha = safeuuid();
+            var field_persona = safeuuid();
+            var field_comanda = safeuuid();
+            var field_notas = safeuuid();
+            var field_estado = safeuuid();
+            var div_actions = safeuuid();
+            var btn_pagos = safeuuid();
+            var btn_cocina = safeuuid();
+            var btn_guardar = safeuuid();
+            var btn_guardar2 = safeuuid();
+            var btn_borrar = safeuuid();
+            container.innerHTML = `
+                <h1>Comanda <code id="${nameh1}"></code></h1>
+                <button onclick="setUrlHash('supercafe');">Salir</button>
+                <fieldset style="text-align: center;">
+                    <legend>Rellenar comanda</legend>
+                    <label style="display: none;">
+                        Fecha<br>
+                        <input readonly disabled type="text" id="${field_fecha}" value="${CurrentISODate()}"><br><br>
+                    </label>
+                    <label style="display: none;">
+                        Persona<br>
+                        <input type="hidden" id="${field_persona}">
+                        <br><br>
+                    </label>
+                    <label style="display: none;">
+                        Comanda (utiliza el panel de relleno)<br>
+                        <textarea readonly disabled id="${field_comanda}"></textarea><br><br>
+                    </label>
+                    <div id="${div_actions}" open>
+                      <!--<summary>Mostrar botones de relleno</summary>-->
+                    </div>
+                    <label>
+                        Notas<br>
+                        <textarea id="${field_notas}"></textarea><br><br>
+                    </label>
+                    <label style="display: none;">
+                        Estado<br>
+                        <input readonly disabled type="text" id="${field_estado}" value="%%">
+                        <br>Modificar en el listado de comandas<br>
+                    </label>
+                    <button id=${btn_guardar} class="btn5">Guardar</button>
+                    <button id=${btn_borrar} class="rojo">Borrar</button>
+                </fieldset>
+                `;
+            var currentData = {};
+            var currentPersonaID = "";
+            var divact = document.getElementById(div_actions);
+
+            function loadActions() {
+              divact.innerHTML = "";
+              addCategory_Personas(
+                divact,
+                SC_Personas,
+                currentPersonaID,
+                (value) => {
+                  document.getElementById(field_persona).value = value;
+                }
+              );
+              Object.entries(SC_actions).forEach((category) => {
+                addCategory(
+                  divact,
+                  category[0],
+                  SC_actions_icons[category[0]],
+                  category[1],
+                  currentData,
+                  (values) => {
+                    document.getElementById(field_comanda).value =
+                      SC_parse(values);
+                  }
+                );
+              });
+            }
+            loadActions();
+            gun
+              .get(TABLE)
+              .get("supercafe")
+              .get(mid)
+              .once((data, key) => {
+                function load_data(data, ENC = "") {
+                  document.getElementById(nameh1).innerText = key;
+                  document.getElementById(field_fecha).value = data["Fecha"];
+                  document.getElementById(field_persona).value =
+                    data["Persona"] || "";
+                  currentPersonaID = data["Persona"] || "";
+                  document.getElementById(field_comanda).value =
+                    SC_parse(JSON.parse(data["Comanda"] || "{}")) || "";
+                  document.getElementById(field_notas).value =
+                    data["Notas"] || "";
+                  document.getElementById(field_estado).value =
+                    data["Estado"] || "";
+                  currentData = JSON.parse(data["Comanda"] || "{}");
+
+                  loadActions();
+                }
+                if (typeof data == "string") {
+                  SEA.decrypt(data, SECRET, (data) => {
+                    load_data(data, "%E");
+                  });
+                } else {
+                  load_data(data);
+                }
+              });
+            document.getElementById(btn_guardar).onclick = () => {
+              if (document.getElementById(field_persona).value == "") {
+                alert("¡Hay que elegir una persona!");
+                return;
+              }
+              var data = {
+                Fecha: document.getElementById(field_fecha).value,
+                Persona: document.getElementById(field_persona).value,
+                Comanda: JSON.stringify(currentData),
+                Notas: document.getElementById(field_notas).value,
+                Estado: document
+                  .getElementById(field_estado)
+                  .value.replace("%%", "Pedido"),
+              };
+              var enc = SEA.encrypt(data, SECRET, (encrypted) => {
+                document.getElementById("actionStatus").style.display = "block";
+                betterGunPut(
+                  gun.get(TABLE).get("supercafe").get(mid),
+                  encrypted
+                );
+                toastr.success("Guardado!");
+                setTimeout(() => {
+                  document.getElementById("actionStatus").style.display =
+                    "none";
+                  setUrlHash("supercafe");
+                }, 1500);
+              });
+            };
+            document.getElementById(btn_borrar).onclick = () => {
+              if (
+                confirm(
+                  "¿Quieres borrar esta comanda? - NO se actualizaran los puntos de la persona asignada."
+                ) == true
+              ) {
+                betterGunPut(gun.get(TABLE).get("supercafe").get(mid), null);
+                setTimeout(() => {
+                  setUrlHash("supercafe");
+                }, 1500);
+              }
+            };
+          },
+          index: function () {
+            var tts = false;
+            var sc_nobtn = "";
+            if (urlParams.get("sc_nobtn") == "yes") {
+              sc_nobtn = "pointer-events: none; opacity: 0.5";
+            }
+            setTimeout(() => {
+              tts = true;
+              console.log("TTS Enabled");
+              toastr.info("Texto a voz disponible");
+            }, 6500);
+            const tablebody = safeuuid();
+            const tablebody2 = safeuuid();
+            var btn_new = safeuuid();
+            var tts_check = safeuuid();
+            container.innerHTML = `
+                <h1>SuperCafé</h1>
+                <button id="${btn_new}" style="${sc_nobtn};">Nueva comanda</button>
+                <br>
+                <label>
+                  <b>Habilitar avisos:</b>
+                  <input type="checkbox" id="${tts_check}" style="height: 25px;width: 25px;">
+                </label>
+
+                <details style="background: beige; padding: 15px; border-radius: 15px; border: 2px solid black" open>
+                  <summary>Todas las comandas</summary>
+                  <div id="scrolltable">
+                    <table>
+                      <thead>
+                          <tr>
+                            <th>Persona</th>
+                            <th style="${sc_nobtn};">Estado</th>
+                            <th>Comanda</th>
+                          </tr>
+                      </thead>
+                      <tbody id="${tablebody}">
+                      </tbody>
+                    </table>
+                  </div>
+                </details>
+                <br>
+                <details style="background: lightpink; padding: 15px; border-radius: 15px; border: 2px solid black" open>
+                  <summary>Deudas</summary>
+                  <div id="scrolltable2">
+                    <table>
+                      <thead>
+                          <tr>
+                            <th>Persona</th>
+                            <th style="${sc_nobtn};">Estado</th>
+                            <th>Comanda</th>
+                          </tr>
+                      </thead>
+                      <tbody id="${tablebody2}">
+                      </tbody>
+                    </table>
+                  </div>
+                </details>
+                `;
+
+            tableScroll("#scrolltable"); // id="scrolltable"
+            tableScroll("#scrolltable2"); // id="scrolltable2"
+            var tablebody_EL = document.getElementById(tablebody);
+            var tablebody2_EL = document.getElementById(tablebody);
+            var rows2 = {};
+            function render() {
+              function sorter(a, b) {
+                if (
+                  SC_Personas[a.Persona].Region.toUpperCase() <
+                  SC_Personas[b.Persona].Region.toUpperCase()
+                ) {
+                  return -1;
+                }
+                if (
+                  SC_Personas[a.Persona].Region.toUpperCase() >
+                  SC_Personas[b.Persona].Region.toUpperCase()
+                ) {
+                  return 1;
+                }
+                return 0;
+              }
+              var tablebody_EL = document.getElementById(tablebody);
+              var tablebody2_EL = document.getElementById(tablebody2);
+              tablebody_EL.innerHTML = "";
+              tablebody2_EL.innerHTML = "";
+              var DefaultPersona = {
+                Foto: "static/ico/user_generic.png",
+                Nombre: "Desconocido??",
+                Puntos: "1",
+                Region: "SIN AULA",
+                Roles: "Cafe_SiCaf",
+                SC_Anilla: "#000000",
+                markdown: "Fantasma",
+                _key: "135733281028030249",
+              };
+              Object.values(rows2)
+                .sort(sorter)
+                .forEach((data) => {
+                  var btn_Pedido = safeuuid();
+                  var btn_Preparacion = safeuuid();
+                  var btn_Hecho = safeuuid();
+                  var btn_Entregado = safeuuid();
+                  var btn_Deuda = safeuuid();
+                  var btn_Pagado = safeuuid();
+                  var span_precio = safeuuid();
+                  var persona = SC_Personas[data.Persona] || DefaultPersona;
+                  var new_tr = document.createElement("tr");
+                  var pcalc = SC_priceCalc(JSON.parse(data.Comanda));
+                  var precio = pcalc[0];
+                  var resumen = pcalc[1];
+                  if (persona == DefaultPersona) {
+                    data.Persona = "135733281028030249";
+                  }
+                  if (sc_nobtn != "") {
+                    new_tr.style.pointerEvents = "none";
+                  }
+                  var regco = stringToColour(
+                    persona.Region.toLowerCase() || "?"
+                  );
+                  new_tr.innerHTML = `
+                  <td class="" style="text-align: center; font-size: 20px; background-color: ${regco}; color: ${colorIsDarkAdvanced(
+                    regco
+                  )}">
+                    <span style="font-size: 40px; text-transform: capitalize;">
+                      ${persona.Region.toLowerCase() || "?"}
+                    </span><br>
+                    <span style="background-color: white; border: 2px solid black; border-radius: 5px; display: inline-block; padding: 5px; color: black;">
+                      <img src="${
+                        persona.Foto || "static/ico/user_generic.png"
+                      }" height="70">
+                      <br>${persona.Nombre || ""}
+                      <br><span style="font-size: 17px;">${
+                        persona.Puntos || "0"
+                      } puntos.</span>
+                    </span>
+                    <br><br> ${data.Fecha}
+                  </td>
+                        <td style="font-size: 17px; ${sc_nobtn};">
+                          <button id="${btn_Pedido}" class="">Pedido</button>
+                          <br><button id="${btn_Preparacion}" class="">En preparación</button>
+                          <br><button id="${btn_Hecho}" class="">Listo</button>
+                          <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>
+                          ${setLayeredImages(
+                            JSON.parse(data.Comanda),
+                            data._key
+                          )}
+                          <pre style="font-size: 15px; display: inline-block;"><span style="font-size: 20px;" id="${span_precio}"></span>\n${
+                    SC_parse_short(JSON.parse(data.Comanda)) +
+                    "<hr>" +
+                    data.Notas
+                  }</pre></td>
+                        `;
+                  if (data.Estado == "Deuda") {
+                    tablebody2_EL.append(new_tr);
+                  } else {
+                    tablebody_EL.append(new_tr);
+                  }
+                  if (data.Estado == "Pedido") {
+                    document.getElementById(btn_Pedido).classList = "rojo";
+                    new_tr.style.backgroundColor = "#FFFFFF";
+                  }
+                  if (data.Estado == "En preparación") {
+                    document.getElementById(btn_Preparacion).classList = "rojo";
+                    new_tr.style.backgroundColor = "#FFCCCB";
+                  }
+                  if (data.Estado == "Listo") {
+                    new_tr.style.backgroundColor = "gold";
+                    document.getElementById(btn_Hecho).classList = "rojo";
+                  }
+                  if (data.Estado == "Entregado") {
+                    document.getElementById(btn_Entregado).classList = "rojo";
+                    new_tr.style.backgroundColor = "lightgreen";
+                  }
+                  if (data.Estado == "Deuda") {
+                    document.getElementById(btn_Deuda).classList = "rojo";
+                    new_tr.style.backgroundColor = "#f5d3ff";
+                  }
+                  new_tr.onclick = () => {
+                    setUrlHash("supercafe," + data._key);
+                  };
+                  if (SC_Personas[data.Persona].Puntos >= 10) {
+                    document.getElementById(
+                      span_precio
+                    ).innerHTML = `Total: Gratis!(${precio}c)`;
+                  } else {
+                    document.getElementById(
+                      span_precio
+                    ).innerHTML = `Total: ${precio}c`;
+                  }
+                  // Acciónes
+                  document.getElementById(btn_Pedido).onclick = () => {
+                    window.event.cancelBubble = true;
+                    window.event.stopPropagation();
+                    data.Estado = "Pedido";
+                    var enc = SEA.encrypt(data, SECRET, (encrypted) => {
+                      betterGunPut(
+                        gun.get(TABLE).get("supercafe").get(data._key),
+                        encrypted
+                      );
+                      toastr.success("Guardado!");
+                    });
+                  };
+                  document.getElementById(btn_Preparacion).onclick = () => {
+                    window.event.cancelBubble = true;
+                    window.event.stopPropagation();
+                    data.Estado = "En preparación";
+                    var enc = SEA.encrypt(data, SECRET, (encrypted) => {
+                      betterGunPut(
+                        gun.get(TABLE).get("supercafe").get(data._key),
+                        encrypted
+                      );
+                      toastr.success("Guardado!");
+                    });
+                  };
+                  document.getElementById(btn_Hecho).onclick = () => {
+                    window.event.cancelBubble = true;
+                    window.event.stopPropagation();
+                    data.Estado = "Listo";
+                    var enc = SEA.encrypt(data, SECRET, (encrypted) => {
+                      betterGunPut(
+                        gun.get(TABLE).get("supercafe").get(data._key),
+                        encrypted
+                      );
+                      toastr.success("Guardado!");
+                    });
+                  };
+                  document.getElementById(btn_Entregado).onclick = () => {
+                    window.event.cancelBubble = true;
+                    window.event.stopPropagation();
+                    data.Estado = "Entregado";
+                    var enc = SEA.encrypt(data, SECRET, (encrypted) => {
+                      betterGunPut(
+                        gun.get(TABLE).get("supercafe").get(data._key),
+                        encrypted
+                      );
+                      toastr.success("Guardado!");
+                    });
+                  };
+                  document.getElementById(btn_Deuda).onclick = () => {
+                    window.event.cancelBubble = true;
+                    window.event.stopPropagation();
+                    data.Estado = "Deuda";
+                    var enc = SEA.encrypt(data, SECRET, (encrypted) => {
+                      betterGunPut(
+                        gun.get(TABLE).get("supercafe").get(data._key),
+                        encrypted
+                      );
+                      toastr.success("Guardado!");
+                    });
+                  };
+                  document.getElementById(btn_Pagado).onclick = () => {
+                    window.event.cancelBubble = true;
+                    window.event.stopPropagation();
+                    if (
+                      !confirm(
+                        "¿Quieres marcar como pagado? - Se borrara la comanda y se actualizarán los puntos."
+                      )
+                    ) {
+                      return;
+                    }
+                    data.Estado = "Pagado";
+                    betterGunPut(
+                      gun.get(TABLE).get("supercafe").get(data._key),
+                      null
+                    );
+                    //setUrlHash("personas");
+                    //setUrlHash("supercafe");
+                    toastr.success("Guardado!");
+                    if (SC_Personas[data.Persona].Puntos >= 10) {
+                      SC_Personas[data.Persona].Puntos -= 10;
+                      toastr.success(
+                        "¡Comada gratis para " +
+                          SC_Personas[data.Persona].Nombre +
+                          "!"
+                      );
+                      toastr.success(
+                        "¡Comada gratis para " +
+                          SC_Personas[data.Persona].Nombre +
+                          "!"
+                      );
+                    } else {
+                      SC_Personas[data.Persona].Puntos += 1;
+                      toastr.success("¡Comada DE PAGO!");
+                    }
+                    SEA.encrypt(
+                      SC_Personas[data.Persona],
+                      SECRET,
+                      (encrypted) => {
+                        betterGunPut(
+                          gun.get(TABLE).get("personas").get(data.Persona),
+                          encrypted
+                        );
+                      }
+                    );
+                  };
+                });
+            }
+            var old = {};
+            gun
+              .get(TABLE)
+              .get("supercafe")
+              .map()
+              .on((data, key, _msg, _ev) => {
+                EVENTLISTENER = _ev;
+                //alert("sc_map_on")
+                function add_row(data, key) {
+                  if (data != null) {
+                    data["_key"] = key;
+                    if (old[key] == undefined) {
+                      old[key] = "";
+                    }
+                    if (old[key] != data.Estado) {
+                      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);
+                        let utterance = new SpeechSynthesisUtterance(msg);
+                        utterance.rate = 0.9;
+                        // utterance.voice = speechSynthesis.getVoices()[7]
+                        speechSynthesis.speak(utterance);
+                      }
+                    }
+                    rows2[key] = data;
+                    old[key] = data.Estado;
+                  } else {
+                    delete rows2[key];
+                    delete old[key];
+                  }
+                  render();
+                }
+                if (typeof data == "string") {
+                  SEA.decrypt(data, SECRET, (data) => {
+                    add_row(data, key);
+                  });
+                } else {
+                  add_row(data, key);
+                }
+              });
+            document.getElementById(btn_new).onclick = () => {
+              setUrlHash("supercafe," + safeuuid(""));
+            };
+          },
+        },
+        notificaciones: {
+          navcss: "btn6",
+          Title: "Notificaciones",
+          edit: function (mid) {
+            var nameh1 = safeuuid();
+            var field_fecha = safeuuid();
+            var field_asunto = safeuuid();
+            var field_origen = safeuuid();
+            var field_destino = safeuuid();
+            var field_estado = safeuuid();
+            var field_mensaje = safeuuid();
+            var field_respuesta = safeuuid();
+            var btn_leer = safeuuid();
+            var btn_desleer = safeuuid();
+            var btn_guardar = safeuuid();
+            var btn_borrar = safeuuid();
+            var div_actions = safeuuid();
+            container.innerHTML = `
+                <h1>Notificación <code id="${nameh1}"></code></h1>
+                <fieldset style="float: left;">
+                    <legend>Valores</legend>
+                    <label>
+                        Fecha<br>
+                        <input readonly disabled type="text" id="${field_fecha}" value="${CurrentISODate()}"><br><br>
+                    </label>
+                    <label>
+                        Asunto<br>
+                        <input type="text" id="${field_asunto}" value=""><br><br>
+                    </label>
+                    <input type="hidden" id="${field_origen}">
+                    <input type="hidden" id="${field_destino}">
+                    <div id="${div_actions}"></div>
+                    <label>
+                        Mensaje<br>
+                        <textarea id="${field_mensaje}"></textarea><br><br>
+                    </label>
+                    <label>
+                        Respuesta<br>
+                        <textarea id="${field_respuesta}"></textarea><br><br>
+                    </label>
+                    <label>
+                        Estado<br>
+                        <input readonly disabled type="text" id="${field_estado}" value="%%">
+                        <br>
+                        <button id="${btn_leer}">Leido</button>
+                        <button id="${btn_desleer}">No leido</button>
+                        <br>
+                    </label><hr>
+                    <button class="btn5" id="${btn_guardar}">Guardar</button>
+                    <button class="rojo" id="${btn_borrar}">Borrar</button>
+                </fieldset>
+                `;
+            document.getElementById(btn_leer).onclick = () => {
+              document.getElementById(field_estado).value = "leido";
+            };
+            document.getElementById(btn_desleer).onclick = () => {
+              document.getElementById(field_estado).value = "por_leer";
+            };
+            var divact = document.getElementById(div_actions);
+            addCategory_Personas(
+              divact,
+              SC_Personas,
+              "",
+              (value) => {
+                document.getElementById(field_origen).value = value;
+              },
+              "Origen"
+            );
+            addCategory_Personas(
+              divact,
+              SC_Personas,
+              "",
+              (value) => {
+                document.getElementById(field_destino).value = value;
+              },
+              "Destino"
+            );
+            gun
+              .get(TABLE)
+              .get("notificaciones")
+              .get(mid)
+              .once((data, key) => {
+                function load_data(data, ENC = "") {
+                  document.getElementById(nameh1).innerText = key;
+                  document.getElementById(field_fecha).value = data["Fecha"];
+                  document.getElementById(field_asunto).value =
+                    data["Asunto"] || "";
+                  document.getElementById(field_mensaje).value =
+                    data["Mensaje"] || "";
+                  document.getElementById(field_origen).value =
+                    data["Origen"] || "";
+                  document.getElementById(field_destino).value =
+                    data["Destino"] || "";
+                  document.getElementById(field_estado).value =
+                    data["Estado"] || "";
+                  document.getElementById(field_respuesta).value =
+                    data["Respuesta"] || "";
+
+                  // Persona select
+                  divact.innerHTML = "";
+                  addCategory_Personas(
+                    divact,
+                    SC_Personas,
+                    data["Origen"] || "",
+                    (value) => {
+                      document.getElementById(field_origen).value = value;
+                    },
+                    "Origen"
+                  );
+                  addCategory_Personas(
+                    divact,
+                    SC_Personas,
+                    data["Destino"] || "",
+                    (value) => {
+                      document.getElementById(field_destino).value = value;
+                    },
+                    "Destino"
+                  );
+                }
+                if (typeof data == "string") {
+                  SEA.decrypt(data, SECRET, (data) => {
+                    load_data(data, "%E");
+                  });
+                } else {
+                  load_data(data);
+                }
+              });
+            document.getElementById(btn_guardar).onclick = () => {
+              if (document.getElementById(field_origen).value == "") {
+                alert("¡Hay que elegir una persona de origen!");
+                return;
+              }
+              if (document.getElementById(field_destino).value == "") {
+                alert("¡Hay que elegir una persona de origen!");
+                return;
+              }
+              var data = {
+                Fecha: document.getElementById(field_fecha).value,
+                Origen: document.getElementById(field_origen).value,
+                Destino: document.getElementById(field_destino).value,
+                Mensaje: document.getElementById(field_mensaje).value,
+                Respuesta: document.getElementById(field_respuesta).value,
+                Asunto: document.getElementById(field_asunto).value,
+                Estado: document
+                  .getElementById(field_estado)
+                  .value.replace("%%", "por_leer"),
+              };
+              var enc = SEA.encrypt(data, SECRET, (encrypted) => {
+                document.getElementById("actionStatus").style.display = "block";
+                betterGunPut(
+                  gun.get(TABLE).get("notificaciones").get(mid),
+                  encrypted
+                );
+                toastr.success("Guardado!");
+                setTimeout(() => {
+                  document.getElementById("actionStatus").style.display =
+                    "none";
+                  setUrlHash("notificaciones");
+                }, 1500);
+              });
+            };
+            document.getElementById(btn_borrar).onclick = () => {
+              if (confirm("¿Quieres borrar esta notificación?") == true) {
+                betterGunPut(
+                  gun.get(TABLE).get("notificaciones").get(mid),
+                  null
+                );
+                toastr.error("Borrado!");
+                setTimeout(() => {
+                  setUrlHash("notificaciones");
+                }, 1500);
+              }
+            };
+          },
+          index: function () {
+            const tablebody = safeuuid();
+            var btn_new = safeuuid();
+            container.innerHTML = `
+                <h1>Notificaciones</h1>
+                <button id="${btn_new}">Nueva notificación</button>
+                <div id="cont">
+                `;
+            TS_IndexElement(
+              "notificaciones",
+              [
+                {
+                  key: "Origen",
+                  type: "persona",
+                  default: "",
+                  label: "Origen",
+                },
+                {
+                  key: "Destino",
+                  type: "persona",
+                  default: "",
+                  label: "Destino",
+                },
+                {
+                  key: "Asunto",
+                  type: "raw",
+                  default: "",
+                  label: "Asunto",
+                },
+                {
+                  key: "Estado",
+                  type: "raw",
+                  default: "",
+                  label: "Estado",
+                },
+              ],
+              gun.get(TABLE).get("notificaciones"),
+              document.querySelector("#cont")
+            );
+            document.getElementById(btn_new).onclick = () => {
+              setUrlHash("notificaciones," + safeuuid(""));
+            };
+          },
+        },
+      };
+      Object.keys(PAGES).forEach((key) => {
+        var a = document.createElement("a");
+        a.className = "button " + PAGES[key].navcss;
+        a.href = "#" + key;
+        a.innerText = PAGES[key].Title;
+        document.getElementById("appendApps").append(a);
+      });
+      open_page(location.hash.replace("#", ""));
+    </script>
+  </body>
+</html>
diff --git a/src/sw.js b/src/sw.js
new file mode 100644
index 0000000..d2412c1
--- /dev/null
+++ b/src/sw.js
@@ -0,0 +1,26 @@
+var cacheName = 'telesec_%%VERSIONCO%%';
+
+self.addEventListener('install', event => {
+  event.waitUntil(
+    caches.open(cacheName)
+      .then(cache => cache.addAll(%%ASSETSJSON%%))
+  );
+});
+
+self.addEventListener('message', function (event) {
+  if (event.data.action === 'skipWaiting') {
+    self.skipWaiting();
+  }
+});
+
+self.addEventListener('fetch', function (event) {
+  event.respondWith(
+    caches.match(event.request)
+      .then(function (response) {
+        if (response) {
+          return response;
+        }
+        return fetch(event.request);
+      })
+  );
+});
diff --git a/sw.js b/sw.js
deleted file mode 100644
index ffde985..0000000
--- a/sw.js
+++ /dev/null
@@ -1,111 +0,0 @@
-var cacheName = 'telesec_2025-06-19_2';
-
-self.addEventListener('install', event => {
-  event.waitUntil(
-    caches.open(cacheName)
-      .then(cache => cache.addAll([
-        "icon512_maskable.png",
-        "icon512_rounded.png",
-        "index.html",
-        "manifest.json",
-        "static/axe.js",
-        "static/doublescroll.js",
-        "static/gun.js",
-        "static/jquery.js",
-        "static/load.js",
-        "static/open.js",
-        "static/path.js",
-        "static/radisk.js",
-        "static/radix.js",
-        "static/rindexed.js",
-        "static/sea.js",
-        "static/showdown.min.js",
-        "static/simplemde.min.css",
-        "static/simplemde.min.js",
-        "static/store.js",
-        "static/synchronous.js",
-        "static/TeleSec.jpg",
-        "static/toastr.min.css",
-        "static/toastr.min.js",
-        "static/webrtc.js",
-        "static/yson.js",
-        "static/ico/add.png",
-        "static/ico/azucar-moreno.png",
-        "static/ico/azucar-blanco.jpg",
-        "static/ico/stevia.jpg",
-        "static/ico/stevia-gotas.webp",
-        "static/ico/sacarina.jpg",
-        "static/ico/arrow_down_blue.png",
-        "static/ico/arrow_left_green.png",
-        "static/ico/arrow_up_red.png",
-        "static/ico/camera2.png",
-        "static/ico/cereales.png",
-        "static/ico/checkbox.png",
-        "static/ico/checkbox_unchecked.png",
-        "static/ico/connect_ok.svg",
-        "static/ico/connect_ko.svg",
-        "static/ico/coffee_bean.png",
-        "static/ico/colacao.jpg",
-        "static/ico/cookies.png",
-        "static/ico/cow.png",
-        "static/ico/delete.png",
-        "static/ico/fire.png",
-        "static/ico/keyboard_key_g.png",
-        "static/ico/keyboard_key_p.png",
-        "static/ico/lollipop.png",
-        "static/ico/milk.png",
-        "static/ico/preferences.png",
-        "static/ico/sizes.png",
-        "static/ico/statusok.png",
-        "static/ico/snowflake.png",
-        "static/ico/tea_bag.png",
-        "static/ico/thermometer2.png",
-        "static/ico/user.png",
-        "static/ico/user_generic.png",
-        "static/ico/water_tap.png",
-        "static/ico/wheat.png",
-        "static/ico/layered1/Azucar-Az. Blanco.png",
-        "static/ico/layered1/Azucar-Az. Moreno.png",
-        "static/ico/layered1/Azucar-Edulcorante.png",
-        "static/ico/layered1/Azucar-Sacarina.png",
-        "static/ico/layered1/Azucar-Sin.png",
-        "static/ico/layered1/Azucar-Stevia (Gotas).png",
-        "static/ico/layered1/Azucar-Stevia (Pastillas).png",
-        "static/ico/layered1/Background.png",
-        "static/ico/layered1/Cafeina-Con.png",
-        "static/ico/layered1/Cafeina-Sin.png",
-        "static/ico/layered1/Leche-Agua.png",
-        "static/ico/layered1/Leche-Sin lactosa.png",
-        "static/ico/layered1/Leche-Vegetal.png",
-        "static/ico/layered1/Leche-de Vaca.png",
-        "static/ico/layered1/Selección-CafeSolo.png",
-        "static/ico/layered1/Selección-CaféLeche.png",
-        "static/ico/layered1/Selección-ColaCao.png",
-        "static/ico/layered1/Selección-Infusion.png",
-        "static/ico/layered1/Selección-Leche.png",
-        "static/ico/layered1/Tamaño-Grande.png",
-        "static/ico/layered1/Tamaño-Pequeño.png",
-        "static/ico/layered1/Temperatura-Caliente.png",
-        "static/ico/layered1/Temperatura-Frio.png",
-        "static/ico/layered1/Temperatura-Templado.png",
-      ]))
-  );
-});
-
-self.addEventListener('message', function (event) {
-  if (event.data.action === 'skipWaiting') {
-    self.skipWaiting();
-  }
-});
-
-self.addEventListener('fetch', function (event) {
-  event.respondWith(
-    caches.match(event.request)
-      .then(function (response) {
-        if (response) {
-          return response;
-        }
-        return fetch(event.request);
-      })
-  );
-});