54 lines
2.1 KiB
HTML
54 lines
2.1 KiB
HTML
<div class="container py-4">
|
|
<div class="row align-items-center">
|
|
<!-- Canvas para Temperatura -->
|
|
<div class="col-4 text-center">
|
|
<canvas id="gtemp_int" width="130" height="370" aria-label="Gráfico de Temperatura Interior">No soporta Canvas</canvas>
|
|
</div>
|
|
|
|
<!-- Información Central -->
|
|
<div class="col-4">
|
|
<div class="text-center mb-4">
|
|
<h1 class="mb-3">Datos del Interior</h1>
|
|
<button class="btn btn-sm btn-success" onclick="VerHistoricoT(1)">Ver Histórico</button>
|
|
</div>
|
|
<div class="row text-center">
|
|
<!-- Temperatura -->
|
|
<div class="col-6 mb-4">
|
|
<div>
|
|
<h2>Temperatura</h2>
|
|
<h1 class="zoom"><span id="temp_int" class="badge bg-success text-white">-</span></h1>
|
|
</div>
|
|
<div>
|
|
<p class="mb-2"><b>MAX</b></p>
|
|
<h2 class="zoom"><span id="temp_int_max" class="badge bg-danger text-white" title="Temperatura Máxima Diaria">-</span></h2>
|
|
</div>
|
|
<div>
|
|
<p class="mb-2"><b>MIN</b></p>
|
|
<h2 class="zoom"><span id="temp_int_min" class="badge bg-info text-dark" title="Temperatura Mínima Diaria">-</span></h2>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Humedad -->
|
|
<div class="col-6 mb-4">
|
|
<div>
|
|
<h2>Humedad</h2>
|
|
<h1 class="zoom"><span id="hum_int" class="badge bg-success text-white">-</span></h1>
|
|
</div>
|
|
<div>
|
|
<p class="mb-2"><b>MAX</b></p>
|
|
<h2 class="zoom"><span id="hum_int_max" class="badge bg-danger text-white" title="Humedad Máxima Diaria">-</span></h2>
|
|
</div>
|
|
<div>
|
|
<p class="mb-2"><b>MIN</b></p>
|
|
<h2 class="zoom"><span id="hum_int_min" class="badge bg-info text-dark" title="Humedad Mínima Diaria">-</span></h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Canvas para Humedad -->
|
|
<div class="col-4 text-center">
|
|
<canvas id="ghum_int" width="130" height="370" aria-label="Gráfico de Humedad Interior">No soporta Canvas</canvas>
|
|
</div>
|
|
</div>
|
|
</div> |