Files
lux/Lux.UI/Components/Compo/Stats/HistoricalStats.razor
Samuele Locatelli 8b2817c9dd Completo grafico hist
2025-12-17 16:26:51 +01:00

65 lines
2.3 KiB
Plaintext

<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="px-0 d-flex">
<div class="px-0">
<h3>Statistiche Storiche</h3>
</div>
<div class="px-2">
<button class="btn btn-primary btn-sm" @onclick="() => RicalcolaStats()">Ricalcola <i class="fa-solid fa-hammer"></i></button>
</div>
</div>
<div class="px-0">
@* <div>
<label>Da:</label>
<input type="datetime-local" min="@minDate.ToString("yyyy-MM-ddTHH:mm"))" @bind="dtFrom" />
<label>A:</label>
<input type="datetime-local" max="@maxDate.ToString("yyyy-MM-ddTHH:mm"))" @bind="dtTo" />
<button class="btn btn-sm btn-primary" @onclick="Load">Carica</button>
</div> *@
<div class="input-group mb-3">
<span class="input-group-text">Da:</span>
<input type="datetime-local"
class="form-control"
min="@periodoLimit.Inizio.AddHours(-1).ToString("yyyy-MM-ddTHH:mm")"
max="@periodoLimit.Fine.ToString("yyyy-MM-ddTHH:mm")"
@bind="@dtFrom" />
<span class="input-group-text">A:</span>
<input type="datetime-local"
class="form-control"
min="@periodoLimit.Inizio.ToString("yyyy-MM-ddTHH:mm")"
max="@periodoLimit.Fine.AddHours(1).ToString("yyyy-MM-ddTHH:mm")"
@bind="@dtTo" />
<button class="btn btn-sm @btnReload" @onclick="DoReload">
Carica <i class="fa-solid fa-arrows-rotate"></i>
</button>
</div>
</div>
</div>
<div class="card-body">
@if (isLoading)
{
<LoadingData></LoadingData>
}
else
{
<div class="row">
<div class="col">
<canvas id="chartBarRequests" width="600" height="120"></canvas>
</div>
</div>
<div class="row">
<div class="col">
<canvas id="chartHistoricalTimes" width="600" height="120"></canvas>
</div>
</div>
}
</div>
</div>