78 lines
5.2 KiB
HTML
78 lines
5.2 KiB
HTML
|
|
<div class="container mt-4">
|
|
<h1 class="text-center">Panel de Control</h1>
|
|
<div class="table-responsive">
|
|
<table class="table borderless align-middle">
|
|
<tr class="table-active">
|
|
<!-- Barra Lateral -->
|
|
<td rowspan="2" id="barralateral" style="background-color: rgba(251, 251, 251, 0.15)"></td>
|
|
|
|
<!-- Información General -->
|
|
<td>
|
|
<h5><b>Información General</b></h5>
|
|
<p><img src="../gui_common/img/informacion.png" id="img_nombre" height="25" width="25" alt="Nombre"> Nombre: <span class="badge bg-info text-dark" id="inombre">-</span></p>
|
|
<p><img src="../gui_common/img/informacion.png" id="img_so" height="25" width="25" alt="S.O"> S.O: <span class="badge bg-info text-dark" id="iso">-</span></p>
|
|
<p><img src="../gui_common/img/informacion.png" id="img_modo" height="25" width="25" alt="Modo"> Modo: <span class="badge bg-info text-dark" id="imodo">-</span></p>
|
|
<p><img src="../gui_common/img/informacion.png" height="25" width="25" alt="NW.js"> NW.js:
|
|
<span class="badge bg-info text-dark" id="nwjs_v" data-bs-toggle="tooltip" data-bs-placement="right" title="-">-</span>
|
|
</p>
|
|
</td>
|
|
|
|
<!-- Tanques del Sistema -->
|
|
<td>
|
|
<h5><b>Tanques del Sistema</b></h5>
|
|
<p><img src="../gui_common/img/archive.webp" height="25" width="25" alt="Diario"> <b>Diario:</b>
|
|
<span class="badge bg-info text-dark" id="tamanio_diario">-</span>
|
|
</p>
|
|
<p><img src="../gui_common/img/archive.webp" height="25" width="25" alt="Pendiente"> <b>Pendiente:</b>
|
|
<span class="badge bg-info text-dark" id="tamanio_pendiente">-</span>
|
|
<button type="button" class="btn btn-sm btn-warning" onclick="PurgarP()" data-bs-toggle="tooltip" title="Vaciar registros pendientes de redes 'emacenter'.">Purgar</button>
|
|
</p>
|
|
<p><img src="../gui_common/img/archive.webp" height="25" width="25" alt="Debug"> <b>Debug:</b>
|
|
<span class="badge bg-info text-dark" id="tamanio_debug">-</span>
|
|
<button type="button" class="btn btn-sm btn-warning" onclick="PurgarD()" data-bs-toggle="tooltip" title="Vaciar registros de logs del sistema.">Purgar</button>
|
|
</p>
|
|
</td>
|
|
|
|
<!-- Botón Iniciar -->
|
|
<td class="text-center">
|
|
<button type="button" id="botoniniciar" class="btn btn-lg btn-success" onclick="INICIAR()">Iniciar</button>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr class="table-active">
|
|
<!-- Estado Actual -->
|
|
<td>
|
|
<h5><b>Estado Actual</b></h5>
|
|
<p><img id="img_estado" height="25" width="25" alt="Estado"> Estado:
|
|
<span class="badge bg-info text-dark" id="estado">-</span></p>
|
|
<p><img id="img_estacion" height="25" width="25" alt="Estación"> Estación:
|
|
<span class="badge bg-info text-dark" id="iusb">-</span></p>
|
|
<p><img id="img_mensaje" height="25" width="25" alt="Mensaje"> Mensaje:
|
|
<span class="badge bg-info text-dark" id="mensaje">-</span></p>
|
|
<p><img id="img_detalle" height="25" width="25" alt="Detalle"> Detalle:
|
|
<span class="badge bg-info text-dark" id="mensajedetalle">N/A</span></p>
|
|
</td>
|
|
|
|
<!-- Información de Ejecución -->
|
|
<td>
|
|
<h5><b>Información de Ejecución</b></h5>
|
|
<p><img src="../gui_common/img/sistema.webp" height="25" width="25" alt="Audio"> <b>Audio:</b>
|
|
<span class="badge bg-info text-dark" id="audiomenu" data-bs-toggle="tooltip" title="Estado del audio">-</span></p>
|
|
<p><img src="../gui_common/img/sistema.webp" height="25" width="25" alt="AutoInicio"> <b>AutoInicio:</b>
|
|
<span class="badge bg-info text-dark" id="autoactivado" data-bs-toggle="tooltip" title="Inicio automático activado.">-</span></p>
|
|
<p><img src="../gui_common/img/sistema.webp" height="25" width="25" alt="PID"> <b>PID:</b>
|
|
<span class="badge bg-info text-dark" id="node_pid" data-bs-toggle="tooltip" title="PID del proceso.">-</span></p>
|
|
<p><img src="../gui_common/img/sistema.webp" height="25" width="25" alt="PPID"> <b>PPID:</b>
|
|
<span class="badge bg-info text-dark" id="node_ppid" data-bs-toggle="tooltip" title="PPID del proceso padre.">-</span></p>
|
|
</td>
|
|
|
|
<!-- Botón Detener -->
|
|
<td class="text-center">
|
|
<button type="button" id="botondetener" class="btn btn-lg btn-danger" onclick="DETENER()">Detener</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|