Nombre: 
Diario:
- 
Audio:
- Estación
-
+
- Nombre
- —
- Modo
- —
- Estado
—
- 
+
+
EMA Libre Cliente
(Carpincho)
Licencia GPLv3
+
Registros Pendientes
@@ -118,25 +119,25 @@
-
-
-
INICIO
+ Inicio
-
-
INTERIOR
+ Interior
-
-
EXTERIOR
-
- -
-
ESTADISTICAS
-
- -
-
REDES
+ Exterior
-
-
CONFIGURACIÓN
+ Estadísticas
-
-
CONTACTO
+ Redes
+
+
+
@@ -144,7 +145,7 @@
-
+
diff --git a/src/gui/view/modelo_inicio.html b/src/gui/view/modelo_inicio.html
index ffa705e..f61f373 100644
--- a/src/gui/view/modelo_inicio.html
+++ b/src/gui/view/modelo_inicio.html
@@ -1,77 +1,36 @@
-
-
+
+
+
+
+
+
diff --git a/src/gui_common/controlador/admingui.js b/src/gui_common/controlador/admingui.js
index 44ed8c9..4894546 100644
--- a/src/gui_common/controlador/admingui.js
+++ b/src/gui_common/controlador/admingui.js
@@ -185,7 +185,7 @@ function INICIAR () {
$('#signal').addClass('parpadea');
}
if (_IS_NW) { createTray(); tray.icon = iconoEncendido; }
- $('td#barralateral').css('background-color', '#11881161');
+ $('#barralateral').css('background-color', '#11881161');
$('#estado').html('En Linea');
$('#mensaje').html('Encendido');
$('#botoniniciar').attr('disabled', true);
@@ -249,7 +249,7 @@ function DETENER () {
clearInterval(intervaloBarra);
killAllTimers();
if (_IS_NW) { createTray(); tray.icon = iconoApagado; }
- $('td#barralateral').css('background-color', '#ff000030');
+ $('#barralateral').css('background-color', '#ff000030');
$('#estado').html('Fuera de Linea');
$('#img_estado').attr('src', iconoNeutro);
$('#mensaje').html('EMA Libre se encuentra detenida');
@@ -912,6 +912,7 @@ async function MenuGUI (elemento) {
$('#nwjs_v').html(version_node);
}
EstadoMenuInicio();
+ EstadoUI.renderHome();
$('#interior').empty();$('#exterior').empty();$('#contacto').empty();$('#configuracion').empty();$('#redes').empty();$('#estadisticas').empty();
break;
case 'interior':
diff --git a/src/gui_common/css/style.css b/src/gui_common/css/style.css
index 366b0c9..c88b93a 100644
--- a/src/gui_common/css/style.css
+++ b/src/gui_common/css/style.css
@@ -49,7 +49,7 @@
}
.container {
- max-width: 1199px !important;
+ max-width: 95% !important;
}
h1 {
@@ -535,7 +535,7 @@ table.dataTable.table-bordered {
/* Layout stays readable at narrow widths without automatic zoom. */
#principal { width: 100%; padding-bottom: 2rem; }
#principal > .navbar { gap: .5rem; flex-wrap: wrap; }
-#principal .container { width: 100%; max-width: 1800px; }
+#principal .container { width: 100%; max-width: 95%; }
#config-form .row { row-gap: 1rem; }
#config-form input, #config-form select { max-width: 100%; min-width: 0; }
#config-form label { display: inline-block; margin-bottom: .35rem; }
diff --git a/src/gui_common/css/visual.css b/src/gui_common/css/visual.css
new file mode 100644
index 0000000..f087edb
--- /dev/null
+++ b/src/gui_common/css/visual.css
@@ -0,0 +1,117 @@
+/* Paleta y jerarquía compartidas por web y escritorio. */
+:root {
+ --ema-surface: #142b3e;
+ --ema-raised: #1b3549;
+ --ema-border: #426075;
+ --ema-text: #edf5fa;
+ --ema-muted: #b5cbd9;
+ --ema-accent: #85e1de;
+}
+body, body.dia, body.dia_lluvia, body.noche, body.noche_lluvia {
+ font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important;
+ color: var(--ema-text); font-size: 15px; line-height: 1.5;
+ background-attachment: fixed;
+}
+body h1, body .h1 {font-size: clamp(1.45rem, 2vw, 1.9rem) !important; font-weight: 650;}
+body h2, body .h2 {font-size: 1.2rem !important; font-weight: 650;}
+body h3, body .h3 {font-size: 1.1rem !important;}
+body h4, body .h4, body h5, body .h5, body h6, body .h6 {font-size: 1rem !important;}
+body p, body ul, body table, body th, body td {font-size: .925rem !important;}
+body a, body b, body p, body h1, body h2, body h3, body h4, body h5, body h6 {
+ font-family: inherit !important;
+}
+body .container {max-width: 95% !important;}
+#principal > .navbar {min-height: 44px; padding: .5rem 1rem; background: #102437;}
+.ema-panel {background: rgba(15, 34, 49, .96) !important; border: 1px solid var(--ema-border); border-radius: 12px; padding: 1.25rem;}
+#list-tab {gap: .4rem; padding: .5rem; border: 1px solid var(--ema-border); border-radius: 12px 12px 0 0; background: #102437;}
+#list-tab .nav-item {min-width: 110px;}
+#list-tab .nav-link {
+ display: flex; align-items: center; justify-content: center; gap: .55rem;
+ min-height: 48px; padding: .65rem .8rem; border: 1px solid transparent;
+ border-radius: 8px; color: #d3e3ed !important; cursor: pointer !important;
+ font-weight: 600; text-decoration: none;
+}
+#list-tab .nav-link:hover {background: #25465b; color: #fff !important;}
+#list-tab .nav-link.active {background: #1a606f !important; border-color: #85e1de; color: #fff !important; box-shadow: inset 0 -3px 0 #85e1de;}
+.ema-nav-icon {width: 22px; height: 22px; flex: 0 0 22px;}
+:where(button, a, select, input, summary):focus-visible {outline: 3px solid #85e1de !important; outline-offset: 3px;}
+.btn {border-radius: 7px; font-weight: 600; padding: .5rem .9rem;}
+.btn-sm {padding: .3rem .6rem;}
+.btn-primary {--bs-btn-bg:#1a606f; --bs-btn-border-color:#438c96; --bs-btn-hover-bg:#237889; --bs-btn-hover-border-color:#85e1de;}
+.btn-outline-danger {--bs-btn-color:#ffb8ba; --bs-btn-border-color:#bf6971;}
+.btn-outline-warning {--bs-btn-color:#ffe0a3; --bs-btn-border-color:#997b49;}
+.alert-info {--bs-alert-bg:#1a606f; --bs-alert-color:#fff; --bs-alert-border-color:#438c96;}
+.alert-warning {--bs-alert-bg:#574422; --bs-alert-color:#fff1cc; --bs-alert-border-color:#9e8046;}
+.alert-danger {--bs-alert-bg:#622f3b; --bs-alert-color:#ffe2e7; --bs-alert-border-color:#a76270;}
+.alert-success {--bs-alert-bg:#1c5545; --bs-alert-color:#d9fff0; --bs-alert-border-color:#4b9b81;}
+.estado-estacion {
+ position: sticky; top: 44px; z-index: 1010;
+ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: .6rem; padding: .65rem; margin: 0 0 1rem;
+ background: #102437; border-bottom: 1px solid var(--ema-border);
+ box-shadow: 0 5px 14px #0003;
+}
+.estado-tarjeta {padding: .55rem .75rem; gap: .3rem; background: var(--ema-surface); border: 1px solid var(--ema-border); border-radius: 8px;}
+.estado-tarjeta strong {font-size: .78rem; color: var(--ema-muted); letter-spacing: .04em; text-transform: uppercase;}
+.estado-tarjeta .badge {font-size: .8rem; line-height: 1.35; align-self: flex-start;}
+.estado-tarjeta small {font-size: .75rem; line-height: 1.35;}
+.ema-state-symbol {margin-right:.4em;}
+.ema-home-heading {display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.25rem;}
+body .ema-eyebrow {color: var(--ema-accent) !important; font-size:.72rem !important; letter-spacing:.12em; margin-bottom:.3rem; font-weight:700;}
+.ema-home h1 {margin:0;}
+.ema-actions {display:flex; flex-wrap:wrap; gap:.6rem;}
+.ema-measurements {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem;}
+.ema-measurement {display:flex; flex-direction:column; text-align:left; min-width:0; padding:1.2rem; gap:.45rem; border:1px solid var(--ema-border); border-top:3px solid var(--ema-accent); border-radius:10px; background:var(--ema-raised); color:var(--ema-text); cursor:pointer;}
+.ema-measurement:hover {background:#24465c; border-color:var(--ema-accent);}
+.ema-measurement-label {font-size:.875rem; color:var(--ema-muted);}
+.ema-measurement-value {font-size:clamp(1.8rem,3vw,2.5rem); font-weight:700; line-height:1.25; font-variant-numeric:tabular-nums;}
+.ema-measurement-value small {font-size:1rem; font-weight:400; margin-left:.35rem; color:var(--ema-muted);}
+.ema-measurement-link {font-size:.75rem; color:var(--ema-accent);}
+body .ema-caption {color:var(--ema-muted) !important; font-size:.8rem !important; margin:.75rem 0 1.25rem;}
+.ema-home-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem;}
+.ema-info-card {background:var(--ema-surface); border:1px solid var(--ema-border); border-radius:10px; padding:1.1rem;}
+.ema-info-card h2 {margin-bottom:1rem;}
+.ema-home dl {margin:0;}
+.ema-home dl > div {display:flex; justify-content:space-between; align-items:baseline; gap:.75rem; padding:.55rem 0; border-bottom:1px solid #42607566;}
+.ema-home dl > div:last-child {border-bottom:0;}
+.ema-home dt {font-size:.8rem; color:var(--ema-muted); font-weight:500; flex-shrink:0;}
+.ema-home dd {font-size:.875rem; text-align:right; margin:0; overflow-wrap:anywhere;}
+.ema-home dd img:not([src]) {display:none;}
+.ema-home dd .btn {display:block; margin:.4rem 0 0 auto;}
+.ema-runtime {margin-top:1rem; padding:1rem; border:1px solid var(--ema-border); border-radius:10px;}
+.ema-runtime summary {cursor:pointer; color:var(--ema-muted); font-weight:600;}
+.ema-runtime dl {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 2rem; margin-top:.6rem;}
+.table, table.dataTable {
+ --bs-table-border-color:var(--ema-border); --bs-table-bg:transparent;
+ --bs-table-color:var(--ema-text); --bs-table-hover-bg:#24495e;
+ --bs-table-striped-bg:#ffffff06; font-variant-numeric:tabular-nums;
+}
+body .table th, body .table td {padding:.7rem .85rem; border-color:var(--ema-border) !important; vertical-align:middle;}
+.table thead th {position:sticky; top:0; z-index:2; background:#203e53; white-space:nowrap; border-bottom:2px solid #65b9c1 !important;}
+.table tbody tr:hover > * {background-color:#24495e;}
+.table tbody tr.ema-selected > *, .table tbody tr:focus-within > * {background-color:#2c536a;}
+.table .ema-number, .table .dt-body-right {text-align:right !important; font-variant-numeric:tabular-nums;}
+.ema-table-scroll {max-height:65vh; overflow:auto; scrollbar-color:#6a96ac #142b3e;}
+.dataTables_scrollHead {background:#203e53; border-radius:8px 8px 0 0;}
+.dataTables_scrollBody {scrollbar-color:#6a96ac #142b3e;}
+.dataTables_wrapper .dt-buttons {display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:.75rem;}
+.dataTables_wrapper .dataTables_filter {margin-bottom:.75rem;}
+.dataTables_wrapper .form-control, .dataTables_wrapper .form-select {background:#f1f6f9; color:#142b3e; border:1px solid #82a1b5;}
+.estadisticas-panel {background:var(--ema-surface);}
+@media (max-width:1000px) {
+ .ema-measurements {grid-template-columns:repeat(2,minmax(0,1fr));}
+ .ema-home-grid {grid-template-columns:1fr;}
+ .ema-runtime dl {grid-template-columns:repeat(2,minmax(0,1fr));}
+}
+@media (max-width:767px) {
+ .estado-estacion {top:44px; gap:.3rem; padding:.4rem;}
+ .estado-tarjeta {padding:.4rem;}
+ .estado-tarjeta small {display:none;}
+ .estado-tarjeta strong {font-size:.65rem; letter-spacing:0;}
+ .estado-tarjeta .badge {font-size:.7rem;}
+ #list-tab .nav-item {min-width:90px;}
+ #principal #list-tab .nav-link {font-size:.8rem;}
+ .ema-measurement {padding:.85rem;}
+ .ema-panel {padding:.8rem !important;}
+}
+@media (prefers-reduced-motion:reduce) {*, *::before, *::after {scroll-behavior:auto !important; transition:none !important;}}
diff --git a/src/gui_common/js/estadisticas.js b/src/gui_common/js/estadisticas.js
index b677941..dbef5f6 100644
--- a/src/gui_common/js/estadisticas.js
+++ b/src/gui_common/js/estadisticas.js
@@ -113,7 +113,7 @@ const EstadisticasUI = (() => {
}
target.append(element('p', `${result.dated} registros · ${result.changed} con cambios · ${result.first} — ${result.last}`));
if (result.discarded) target.append(element('p', `Se omitieron ${result.discarded} registros sin fecha válida.`, 'alert alert-warning'));
- const tableBox = element('div', undefined, 'table-responsive');
+ const tableBox = element('div', undefined, 'table-responsive ema-table-scroll');
const table = element('table', undefined, 'table table-bordered table-sm');
table.append(element('caption', 'Resumen de las muestras disponibles. Los acumulados de lluvia no se suman. — indica un dato ausente.'));
const header = element('tr');
@@ -122,7 +122,7 @@ const EstadisticasUI = (() => {
const body = element('tbody');
for (const series of result.series) {
const row = element('tr');
- for (const value of [series.label, series.unit, series.count, format(series.min), format(series.mean), format(series.max), format(series.last)]) row.append(element('td', value));
+ for (const [index, value] of [series.label, series.unit, series.count, format(series.min), format(series.mean), format(series.max), format(series.last)].entries()) row.append(element('td', value, index >= 2 ? 'ema-number' : undefined));
body.append(row);
}
table.append(body); tableBox.append(table); target.append(tableBox);
diff --git a/src/gui_common/js/estado.js b/src/gui_common/js/estado.js
index 5b8748a..2d86fd5 100644
--- a/src/gui_common/js/estado.js
+++ b/src/gui_common/js/estado.js
@@ -1,12 +1,55 @@
const EstadoUI = (() => {
- let timer, started = false;
+ let timer, started = false, latest = {};
function date(value, utc) {
const match = String(value || '').match(/^(\d{2})\/(\d{2})\/(\d{4})[ T](\d{2}):(\d{2}):(\d{2})/);
if (!match) return Date.parse(value);
if (Number.isFinite(Number(utc))) return Date.UTC(+match[3], +match[2] - 1, +match[1], +match[4], +match[5], +match[6]) - Number(utc) * 3600000;
return new Date(+match[3], +match[2] - 1, +match[1], +match[4], +match[5], +match[6]).getTime();
}
+ function renderHome(data = latest) {
+ const target = document.getElementById('inicio-mediciones');
+ if (!target) return;
+ const record = data.record || {};
+ const imperial = data.system && data.system !== 'SI';
+ const metrics = [
+ ['Temperatura exterior', 'temperatura_externa', imperial ? '°F' : '°C', v => imperial ? v * 9 / 5 + 32 : v],
+ ['Humedad exterior', 'humedad_externa', '%', v => v],
+ ['Velocidad del viento', 'viento_velocidad', imperial ? 'mph' : 'km/h', v => imperial ? v * 0.621371192 : v],
+ ['Lluvia del día', 'lluvia_acu_diaria', 'mm', v => v]
+ ];
+ // Actualizar el contenido sin reemplazar los botones: conservar foco al refrescar.
+ metrics.forEach(([label, key, unit, convert]) => {
+ let button = target.querySelector('[data-medicion="' + key + '"]');
+ if (!button) {
+ button = document.createElement('button'); button.type = 'button';
+ button.className = 'ema-measurement'; button.dataset.medicion = key;
+ const heading = document.createElement('span'); heading.className = 'ema-measurement-label'; heading.textContent = label;
+ const value = document.createElement('span'); value.className = 'ema-measurement-value';
+ const link = document.createElement('span'); link.className = 'ema-measurement-link'; link.textContent = 'Ver detalle exterior →';
+ button.append(heading, value, link);
+ button.onclick = () => document.getElementById('exterior-tab')?.click();
+ target.append(button);
+ }
+ const raw = record[key];
+ const valid = (typeof raw === 'number' || typeof raw === 'string' && raw.trim() !== '') && Number.isFinite(Number(raw));
+ const value = valid ? convert(Number(raw)).toLocaleString('es-AR', {maximumFractionDigits:1}) : '—';
+ const display = button.querySelector('.ema-measurement-value');
+ const units = document.createElement('small'); units.textContent = unit;
+ display.replaceChildren(document.createTextNode(value), units);
+ button.setAttribute('aria-label', label + ': ' + (valid ? value + ' ' + unit : 'sin datos') + '. Ver detalle exterior');
+ });
+ const note = document.getElementById('inicio-mediciones-fecha');
+ if (note) {
+ const age = Date.now() - date(record.fecha, data.utc);
+ const stale = Number.isFinite(age) && age > Math.max(120, Number(data.interval || 60) * 3) * 1000;
+ note.textContent = data.error ? 'No se pudo actualizar la lectura. Revisá la conexión con el servicio.' : record.fecha
+ ? 'Última lectura: ' + record.fecha + (stale ? ' · Dato no reciente: revisá la conexión.' : '')
+ : 'Esperando la primera lectura. Los datos ausentes se muestran con —.';
+ }
+ }
function render(data) {
+ latest = data;
+ renderHome(data);
const target = document.getElementById('estado-estacion');
if (!target) return;
target.replaceChildren();
@@ -14,7 +57,8 @@ const EstadoUI = (() => {
const box = document.createElement('div'); box.className = 'estado-tarjeta';
const heading = document.createElement('strong'); heading.textContent = title;
const badge = document.createElement('span'); badge.className = 'badge text-bg-' + level; badge.textContent = text;
- const help = document.createElement('small'); help.textContent = detail;
+ const symbol = document.createElement('span'); symbol.className = 'ema-state-symbol'; symbol.setAttribute('aria-hidden', 'true'); symbol.textContent = {success:'✓', warning:'⚠', danger:'!', secondary:'•'}[level]; badge.prepend(symbol);
+ const help = document.createElement('small'); help.textContent = detail; box.title = detail;
box.append(heading, badge, help);
if (action) {
const button = document.createElement('button'); button.className = 'btn btn-sm btn-outline-light'; button.textContent = action.label; button.onclick = action.run; box.append(button);
@@ -51,10 +95,10 @@ const EstadoUI = (() => {
if (local) { state = EMA.Estado(); record = EMA.UltimoRegistro(); publications = EMA.UltimoPublicado(); sensors = EMA.EstadoSensores(); }
else [state, record, publications, sensors] = await Promise.all(['/EMA_Estado','/UltimoRegistro','/UltimoPublicado','/EstadoSensores'].map(url => $.ajax({url, timeout:5000})));
if (config.ConfGeneral.Modo === 'Visor' && typeof UltimoReg !== 'undefined') record = UltimoReg;
- render({mode:config.ConfGeneral.Modo, interval:config.ConfGeneral.Tiempo_de_Recoleccion, utc:config.ConfGeneral.UTC, state, record, publications, sensors});
+ render({mode:config.ConfGeneral.Modo, system:config.ConfGeneral.SistemaMetrico, interval:config.ConfGeneral.Tiempo_de_Recoleccion, utc:config.ConfGeneral.UTC, state, record, publications, sensors});
} catch (error) {render({error:'No se pudo consultar el estado. Comprobá que el servicio esté disponible.'});}
if (started) timer = setTimeout(refresh, 10000);
}
function start() { if (!started) {started = true; refresh();} }
- return {start, refresh, render};
+ return {start, refresh, render, renderHome};
})();
diff --git a/src/gui_common/js/tablas.js b/src/gui_common/js/tablas.js
index cebe2df..3c2dc18 100644
--- a/src/gui_common/js/tablas.js
+++ b/src/gui_common/js/tablas.js
@@ -8,7 +8,21 @@ const TablaUI = (() => {
{extend: 'csv', text: '💾 Exportar CSV', className: 'btn-primary'}
];
}
- function options() { return {dom: 'Bfrtip', buttons: buttons(), language: {url: languageURL}, pageLength: 8, scrollX: true, autoWidth: false, destroy: true}; }
+ function decorateRow(row) {
+ row.tabIndex = 0;
+ for (const cell of row.cells) {
+ cell.classList.toggle('ema-number', /^[+-]?\d+(?:[.,]\d+)*(?:\s*%)?$/.test(cell.textContent.trim()));
+ }
+ const select = event => {
+ if (event.target.closest('button, a, input, select')) return;
+ if (event.type === 'keydown' && !['Enter', ' '].includes(event.key)) return;
+ if (event.type === 'keydown') event.preventDefault();
+ for (const sibling of row.parentNode.rows) sibling.classList.remove('ema-selected');
+ row.classList.add('ema-selected');
+ };
+ row.onclick = select; row.onkeydown = select;
+ }
+ function options() { return {dom: 'Bfrtip', buttons: buttons(), language: {url: languageURL}, pageLength: 8, scrollX: true, scrollY: '55vh', scrollCollapse: true, rowCallback: decorateRow, autoWidth: false, destroy: true}; }
return {buttons, options};
})();
function MostrarTabla(datos, div, tabla) {
diff --git a/src/gui_web/index.html b/src/gui_web/index.html
index 52c1407..bf800b9 100644
--- a/src/gui_web/index.html
+++ b/src/gui_web/index.html
@@ -14,6 +14,7 @@
+
@@ -21,7 +22,7 @@
-
+
@@ -87,7 +88,7 @@
-
+Panel de Control
-
-
-
-
-| - - - |
- Información General-
|
-
-
-
- Tanques del Sistema-
|
-
-
- - - | -
- Estado Actual-
|
-
-
-
- Información de Ejecución-
|
-
-
- - - | -
TU ESTACIÓN, EN UN VISTAZO
Panel de control
+
+
+
+ Esperando la primera lectura.
+
+
+ Conexión y actividad
-
+
- Conexión
—
- Mensaje
—
- Detalle
—
Registros almacenados
-
+
- Diario
- —
- Pendientes
- —
- Logs
- —
Opciones y detalles de ejecución
-
+
- Audio
- Inicio automático
- —
- Sistema operativo
- —
- NW.js
- —
- PID
- —
- PPID
- —
+
Registros Pendientes
@@ -101,25 +102,25 @@
-
-
INICIO
+ Inicio
-
-
INTERIOR
+ Interior
-
-
EXTERIOR
-
- -
-
ESTADISTICAS
-
- -
-
REDES
+ Exterior
-
-
CONFIGURACIÓN
+ Estadísticas
-
-
CONTACTO
+ Redes
+
+
+
@@ -127,7 +128,7 @@
-
+
diff --git a/src/gui_web/view/modelo_inicio.html b/src/gui_web/view/modelo_inicio.html
index 604a08b..84d2897 100644
--- a/src/gui_web/view/modelo_inicio.html
+++ b/src/gui_web/view/modelo_inicio.html
@@ -1,49 +1,36 @@
-
-
+
+
+
+
+
+
diff --git a/src/logs/debug.log b/src/logs/debug.log
index b9036fb..eaf5049 100644
--- a/src/logs/debug.log
+++ b/src/logs/debug.log
@@ -57,3 +57,81 @@
29/09/2026 23:52:16 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
29/09/2026 23:52:16 - 0|CORE|✅ Modulo node-hid cargado correctamente.
29/09/2026 23:52:16 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:03:28 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:03:28 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:03:28 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:05:39 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:05:39 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:05:39 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:05:49 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:05:49 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:05:49 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:06:42 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:06:42 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:06:42 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:07:32 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:07:32 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:07:32 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:13:25 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:13:25 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:13:25 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:14:15 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:14:15 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:14:15 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:14:18 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:15:21 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:15:21 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:15:21 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:15:24 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:15:33 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:15:33 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:15:33 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:15:37 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:16:00 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:16:00 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:16:00 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:16:05 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:16:14 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:16:14 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:16:14 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:16:17 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:17:40 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:17:40 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:17:40 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:17:43 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:18:05 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:18:05 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:18:05 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:18:08 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:19:04 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:19:04 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:19:04 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:19:08 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:19:17 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:19:17 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:19:17 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:19:20 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:19:25 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:19:25 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:19:25 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:19:28 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:19:34 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:19:34 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:19:34 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:19:37 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:19:39 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:19:39 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:19:39 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:19:42 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:19:48 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:19:48 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:19:48 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:19:51 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:19:56 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:19:56 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:19:56 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:19:59 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
+30/09/2026 00:20:01 - 0|CORE|🕵️. Buscando Modulo USB para el S.O - linux_x64_gui
+30/09/2026 00:20:01 - 0|CORE|✅ Modulo node-hid cargado correctamente.
+30/09/2026 00:20:01 - 0|CORE|⏳ Iniciando Ema Libre en Modo gráfico o Web.
+30/09/2026 00:20:04 - 0|CORE|🔚 SALIR: Se cerro el core de EMA LIBRE. Hasta luego!!!.
diff --git a/test/ui-smoke.cjs b/test/ui-smoke.cjs
index 1da8931..2ce94fb 100644
--- a/test/ui-smoke.cjs
+++ b/test/ui-smoke.cjs
@@ -27,6 +27,7 @@ async function probe() {
const check = (value, message) => { if (!value) throw new Error(message); };
const tests = [];
try {
+ nw.Window.get().show();
await wait(200);
check($.fn.jquery.startsWith('3.'), 'Expected jQuery 3');
check(bootstrap.Tooltip.VERSION.startsWith('5.'), 'Expected Bootstrap 5');
@@ -36,6 +37,33 @@ async function probe() {
check(document.querySelector(tab.dataset.bsTarget)?.classList.contains('active'), 'Tab failed: ' + tab.id);
}
tests.push('all navigation tabs');
+ const home = document.getElementById('inicio');
+ home.innerHTML = window.homeHTML;
+ document.getElementById('inicio-tab').click();
+ const live = {state:[true,''], system:'SI', record:{fecha:'30/09/2026 12:00:00', temperatura_externa:0, humedad_externa:65, viento_velocidad:10, lluvia_acu_diaria:2.5}, publications:[]};
+ EstadoUI.render(live);
+ check(home.querySelectorAll('.ema-measurement').length === 4, 'Missing measurement cards');
+ const temperature = home.querySelector('[data-medicion="temperatura_externa"]');
+ check(temperature.textContent.includes('0°C'), 'Zero temperature treated as missing');
+ temperature.focus(); EstadoUI.render(live);
+ check(document.activeElement === temperature, 'Refresh lost focused measurement');
+ EstadoUI.render({...live, system:'SA'});
+ check(temperature.textContent.includes('32°F'), 'Home imperial conversion failed');
+ EstadoUI.render({...live, record:false});
+ check(temperature.textContent.includes('—'), 'Missing measurement shown as zero');
+ EstadoUI.render(live);
+ temperature.click();
+ check(document.getElementById('exterior').classList.contains('active'), 'Card detail navigation failed');
+ document.getElementById('inicio-tab').click();
+ await wait(250);
+ check(getComputedStyle(document.querySelector('#list-tab .nav-link.active')).backgroundColor === 'rgb(26, 96, 111)', 'Active navigation palette missing: ' + getComputedStyle(document.querySelector('#list-tab .nav-link.active')).backgroundColor);
+ check(getComputedStyle(document.getElementById('estado-estacion')).position === 'sticky', 'Status is not sticky');
+ for (const id of ['botoniniciar','botondetener','inombre','imodo','estado','iusb','mensaje','mensajedetalle','tamanio_diario','tamanio_pendiente','tamanio_debug','audiomenu','autoactivado','iso','nwjs_v','node_pid','node_ppid']) check(home.querySelector('#'+id), 'Missing existing control: '+id);
+ nw.Window.get().show(); await wait(350);
+ const homeCapture = await new Promise(resolve => nw.Window.get().capturePage(resolve, {format:'png', datatype:'buffer'}));
+ require('fs').writeFileSync(window.resultFile + '.inicio.png', homeCapture);
+ tests.push('home live cards, units, missing data, stable focus, detail links, active navigation and sticky status');
+
const statsRoot = document.getElementById('estadisticas');
statsRoot.innerHTML = window.statisticsHTML;
const records = [
@@ -128,6 +156,10 @@ async function probe() {
language: {url: window.languageURL}, initComplete() { resolve(this.api()); }});
});
check(table.rows().count() === 2, 'Missing table rows');
+ check(document.querySelector('#table tbody .ema-number'), 'Numeric cells not aligned');
+ const selectedRow = document.querySelector('#table tbody tr'); selectedRow.click();
+ check(selectedRow.classList.contains('ema-selected'), 'Row selection missing');
+ check(!!document.querySelector('.dataTables_scrollHead'), 'Fixed table header missing');
table.search('Beta').draw();
check(table.rows({search: 'applied'}).count() === 1, 'Table search failed');
check(table.buttons.exportData().body[0][0] === 'Beta', 'CSV/copy data failed');
@@ -179,9 +211,9 @@ async function run(mode, origin) {
const fixture = require('./fixtures/configuracion.cjs')();
fs.writeFileSync(path.join(folder, 'index.html'), `
+
`);
+window.homeHTML=${JSON.stringify(read(mode + '/view/modelo_inicio.html'))};window.statisticsHTML=${JSON.stringify(read(mode + '/view/modelo_estadisticas.html'))};window.settingsHTML=${JSON.stringify(settings)};window.languageURL=${JSON.stringify(language)};window.resultFile=${JSON.stringify(resultFile)};addEventListener('load',${probe.toString()});`);
const args = JSON.parse(read('package.json'))['chromium-args'].replace('--disable-logging', '');
fs.writeFileSync(path.join(folder, 'package.json'), JSON.stringify({name:'carpincho-ui-test',main:'index.html','chromium-args':args,window:{show:false,width:1200,height:900}}));
await new Promise((resolve, reject) => {
-
Panel de Control
-
-
-
-
+| - |
- Información General
- |
- - - |
- Tanques del Sistema-
- |
-
- - - | -
- Estado Actual-
- |
-
- Información de Ejecución-
- |
- - - | -
S.O: -
- Modo: -
- Node.js: -
- 
Diario: 
Audio: TU ESTACIÓN, EN UN VISTAZO
Panel de control
+
+
+
+ Esperando la primera lectura.
+
+
+ Estación
-
+
- Nombre
- —
- Modo
- —
- Estado
—
Conexión y actividad
-
+
- Conexión
—
- Mensaje
—
- Detalle
—
Registros almacenados
-
+
- Diario
- —
- Pendientes
- —
- Logs
- —
Opciones y detalles de ejecución
-
+
- Audio
- Inicio automático
- —
- Sistema operativo
- —
- Node.js
- —
- PID
- —
- PPID
- —
${panes}
-| Nombre |
|---|
| Alpha |
| Beta |
| Nombre | Valor |
|---|---|
| Alpha | 12.5 |
| Beta | 0 |