chore: clean up empty code change sections in the changes log

src/page/comedor.js

@@ -117,6 +117,14 @@ PAGES.comedor = {
           <img src="static/garbage.png" />
           <br>Borrar
         </button>
+        <button class="opicon" onclick="setUrlHash('comedor')" style="float: right;"> <!-- Align to the right -->
+          <img src="static/exit.png" />
+          <br>Salir
+        </button>
+        <button class="opicon" id="${btn_print_chart}" style="float: right;"> <!-- Align to the right -->
+          <img src="static/printer2.png" />
+          <br>Imprimir
+        </button>
       </fieldset>
     `;
     const pictogramSelector = TS_CreateArasaacSelector({

src/page/materiales.js

@@ -225,6 +225,18 @@ PAGES.materiales = {
             <input type="text" id="${field_nombre}" style="flex: 1;" />
           </div>
 
+          <div style="display: flex;flex-direction: column;align-items: stretch;gap: 6px;min-width: 220px;flex: 1 1 280px;">
+            <label for="${field_ubicacion}">Ubicación</label>
+            <input
+              type="text"
+              id="${field_ubicacion}"
+              value="-"
+              list="${field_ubicacion}_list"
+              style="flex: 1;"
+            />
+            <datalist id="${field_ubicacion}_list"></datalist>
+          </div>
+
           <div style="display: flex;flex-direction: column;align-items: stretch;gap: 6px;min-width: 220px;flex: 1 1 280px;">
             <label for="${field_unidad}">Unidad</label>
             <select id="${field_unidad}" style="flex: 1;">
@@ -250,22 +262,10 @@ PAGES.materiales = {
             <input type="number" step="0.5" id="${field_cantidad_min}" style="flex: 1;" />
           </div>
 
-          <div style="display: flex;flex-direction: column;align-items: stretch;gap: 6px;min-width: 220px;flex: 1 1 280px;">
+          <label style="display: flex;flex-direction: column;gap: 6px;min-width: 220px;flex: 1 1 100%;">
-            <label for="${field_ubicacion}">Ubicación</label>
+              Notas
-            <input
+              <textarea id="${field_notas}"></textarea>
-              type="text"
+          </label>
-              id="${field_ubicacion}"
-              value="-"
-              list="${field_ubicacion}_list"
-              style="flex: 1;"
-            />
-            <datalist id="${field_ubicacion}_list"></datalist>
-          </div>
-
-          <div style="display: flex;flex-direction: column;align-items: stretch;gap: 6px;min-width: 220px;flex: 1 1 100%;">
-            <label for="${field_notas}">Notas</label>
-            <textarea id="${field_notas}" style="flex: 1;"></textarea>
-          </div>
         </div>
 
         <div
@@ -325,14 +325,14 @@ PAGES.materiales = {
           <img src="static/exchange.png" />
           <br>Movimientos
         </button>
-        <button class="opicon" id="${btn_print_chart}">
+        <button class="opicon" onclick="setUrlHash('materiales')" style="float: right;"> <!-- Align to the right -->
-          <img src="static/printer2.png" />
-          <br>Imprimir
-        </button>
-        <button class="opicon" onclick="setUrlHash('materiales')">
           <img src="static/exit.png" />
           <br>Salir
         </button>
+        <button class="opicon" id="${btn_print_chart}" style="float: right;"> <!-- Align to the right -->
+          <img src="static/printer2.png" />
+          <br>Imprimir
+        </button>
       </fieldset>
       <div id="${mov_chart}" style="max-width: 980px;width: 100%;margin-top: 14px;min-height: 260px;height: min(400px, 52vh);"></div>
     `;

src/page/mensajes.js

@@ -56,6 +56,14 @@ PAGES.mensajes = {
           <img src="static/garbage.png" />
           <br>Borrar
         </button>
+        <button class="opicon" onclick="setUrlHash('mensajes')" style="float: right;"> <!-- Align to the right -->
+          <img src="static/exit.png" />
+          <br>Salir
+        </button>
+        <button class="opicon" id="${btn_print_chart}" style="float: right;"> <!-- Align to the right -->
+          <img src="static/printer2.png" />
+          <br>Imprimir
+        </button>
       </fieldset>
     `;
     DB.get('mensajes', mid).then((data) => {

src/page/notas.js

@@ -53,6 +53,14 @@ PAGES.notas = {
           <img src="static/garbage.png" />
           <br>Borrar
         </button>
+        <button class="opicon" onclick="setUrlHash('notas')" style="float: right;"> <!-- Align to the right -->
+          <img src="static/exit.png" />
+          <br>Salir
+        </button>
+        <button class="opicon" id="${btn_print_chart}" style="float: right;"> <!-- Align to the right -->
+          <img src="static/printer2.png" />
+          <br>Imprimir
+        </button>
       </fieldset>
     `;
     var divact = document.getElementById(div_actions);

src/page/personas.js

@@ -20,73 +20,58 @@ PAGES.personas = {
     var field_oculto = safeuuid();
     var render_foto = safeuuid();
     var field_monedero_balance = safeuuid();
-    var field_monedero_notas = safeuuid();
     var btn_guardar = safeuuid();
     var btn_borrar = safeuuid();
     var btn_ver_monedero = safeuuid();
     container.innerHTML = html`
       <h1>Persona <code id="${nameh1}"></code></h1>
-      ${BuildQR('personas,' + mid, 'Esta Persona')}
+      <fieldset style="width: 100%;max-width: 980px;box-sizing: border-box;">
-      <fieldset>
+          <div style="display: flex;flex-wrap: wrap;gap: 10px 16px;">
-          <label>
+            <label style="display: flex;flex-direction: column;gap: 6px;max-width: 105px;flex: 1 1 105px;">
-              Nombre<br>
+                Foto
-              <input type="text" id="${field_nombre}"><br><br>
+                <img id="${render_foto}" height="100px" style="border: 3px inset; min-width: 7px; width: fit-content;" src="static/ico/user_generic.png">
+                <input type="file" accept="image/*" id="${field_foto}" style="display: none;">
             </label>
-          <label>
+            <label style="display: flex;flex-direction: column;gap: 6px;min-width: 220px;flex: 1 1 280px;">
-              Zona<br>
+                Nombre
-              <input type="text" id="${field_zona}"><br><br>
+                <input type="text" id="${field_nombre}">
             </label>
-          <details>
+            <label style="display: flex;flex-direction: column;gap: 6px;min-width: 170px;flex: 1 1 170px;">
+                Zona
+                <input type="text" id="${field_zona}">
+            </label>
+            <label style="display: flex;flex-direction: column;gap: 6px;max-width: 170px;flex: 1 1 170px;">
+                Saldo Monedero
+                <input type="number" step="0.01" id="${field_monedero_balance}" disabled style="color: #000; font-weight: bold;">
+            </label>
+            <label style="display: flex;flex-direction: column;gap: 6px;max-width: 50px;flex: 1 1 50px;">
+                Anilla
+                <input type="color" id="${field_anilla}">
+            </label>
+            <label style="display: flex;flex-direction: column;gap: 6px;max-width: 60px;flex: 1 1 60px;">
+                Ocultar?
+                <input type="checkbox" id="${field_oculto}" style="height: 50px; width: 50px; margin: 0;">
+            </label>
+            <label style="display: flex;flex-direction: column;gap: 6px;min-width: 220px;flex: 1 1 100%;">
+                Notas
+                <textarea id="${field_notas}"></textarea>
+            </label>
+            <details style="flex: 1 1 100%;">
               <summary>Permisos</summary>
               <form id="${permisosdet}">
               </form>
             </details>
-          <label>
+            <details style="background: #e3fde3ff; border: 2px solid #21f328ff; border-radius: 8px; padding: 10px; margin: 15px 0; display: none; flex: 1 1 100%;">
-              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/ico/user_generic.png">
-              <input type="file" accept="image/*" id="${field_foto}" style="display: none;"><br><br>
-          </label>
-          <label>
-              Ocultar persona?<br>
-              <input type="checkbox" id="${field_oculto}"><br><br>
-          </label>
-          <details style="background: #e3f2fd; border: 2px solid #2196f3; border-radius: 8px; padding: 10px; margin: 15px 0;">
-            <summary style="cursor: pointer; font-weight: bold; color: #1976d2;">💳 Tarjeta Monedero</summary>
-            <div style="padding: 15px;">
-              <label>
-                  Balance Actual<br>
-                  <input type="number" step="0.01" id="${field_monedero_balance}" style="font-size: 24px; font-weight: bold; color: #1976d2;"><br>
-                  <small>Se actualiza automáticamente con las transacciones</small><br><br>
-              </label>
-              <label>
-                  Notas del Monedero<br>
-                  <textarea id="${field_monedero_notas}" rows="3" placeholder="Notas adicionales sobre el monedero..."></textarea><br><br>
-              </label>
-              <button type="button" id="${btn_ver_monedero}" class="btn5">Ver movimientos</button>
-            </div>
-          </details>
-          <details style="background: #e3fde3ff; border: 2px solid #21f328ff; border-radius: 8px; padding: 10px; margin: 15px 0; display: none;">
               <summary style="cursor: pointer; font-weight: bold; color: rgba(26, 141, 3, 1);">🔗 Generar enlaces</summary>
-            <div style="padding: 15px;">
+              <div style="padding: 15px;display: flex;flex-wrap: wrap;gap: 10px 16px;align-items: flex-end;">
-              <label>
+                <label style="display: flex;flex-direction: column;gap: 6px;min-width: 220px;flex: 1 1 100%;">
-                  Este servidor<br>
+                    Este servidor
-                  <input type="url" value="${location.protocol}//${location.hostname}:${location.port}${location.pathname}?login=${getDBName()}:${SECRET}&sublogin=${mid}" style="font-size: 10px; font-weight: bold; color: #000;"><br>
+                    <input type="url" value="${location.protocol}//${location.hostname}:${location.port}${location.pathname}?sublogin=${mid}" style="font-size: 10px; font-weight: bold; color: #000;">
-              </label>
-              <label>
-                  Cualquier Servidor<br>
-                  <input type="url" value="https://tech.eus/ts/?login=${getDBName()}:${SECRET}&sublogin=${mid}" style="font-size: 10px; font-weight: bold; color: #000;"><br>
                 </label>
               </div>
             </details>
-
+          </div>
-          <label>
+          <hr>
-              Notas<br>
-              <textarea id="${field_notas}"></textarea><br><br>
-          </label><hr>
           <button class="saveico" id="${btn_guardar}">
             <img src="static/floppy_disk_green.png" />
             <br>Guardar
@@ -95,6 +80,18 @@ PAGES.personas = {
             <img src="static/garbage.png" />
             <br>Borrar
           </button>
+          <button type="button" id="${btn_ver_monedero}" class="opicon">
+            <img src="static/cash_flow.png" />
+            <br>Movimientos
+          </button>
+          <button class="opicon" onclick="setUrlHash('personas')" style="float: right;"> <!-- Align to the right -->
+            <img src="static/exit.png" />
+            <br>Salir
+          </button>
+          <button class="opicon" id="${btn_print_chart}" style="float: right;"> <!-- Align to the right -->
+            <img src="static/printer2.png" />
+            <br>Imprimir
+          </button>
       </fieldset>
       `;
     var resized = '';
@@ -134,7 +131,6 @@ PAGES.personas = {
           .catch(() => {});
         document.getElementById(field_notas).value = data['markdown'] || '';
         document.getElementById(field_monedero_balance).value = data['Monedero_Balance'] || 0;
-        document.getElementById(field_monedero_notas).value = data['Monedero_Notas'] || '';
       }
       if (typeof data == 'string') {
         TS_decrypt(
@@ -180,7 +176,6 @@ PAGES.personas = {
         // Foto moved to PouchDB attachment named 'foto'
         markdown: document.getElementById(field_notas).value,
         Monedero_Balance: parseFloat(document.getElementById(field_monedero_balance).value) || 0,
-        Monedero_Notas: document.getElementById(field_monedero_notas).value,
       };
       document.getElementById('actionStatus').style.display = 'block';
       DB.put('personas', mid, data)