51 lines
1.7 KiB
Plaintext
51 lines
1.7 KiB
Plaintext
@page "/TestCal"
|
|
|
|
|
|
<div class="row bg-dark text-light">
|
|
<div class="col text-center">
|
|
<h3>Test Page</h3>
|
|
</div>
|
|
</div>
|
|
<div class="row bg-dark">
|
|
<div class="col">
|
|
<CircleGauge maxVal="480" currVal="120" Titolo="2:00" Testo="Lavorate"></CircleGauge>
|
|
</div>
|
|
<div class="col">
|
|
<CircleGauge maxVal="480" currVal="240" Titolo="4:00" Testo="Lavorate"></CircleGauge>
|
|
</div>
|
|
<div class="col">
|
|
<CircleGauge maxVal="480" currVal="360" Titolo="6:00" Testo="Lavorate"></CircleGauge>
|
|
</div>
|
|
</div>
|
|
<div class="row bg-dark">
|
|
<div class="col">
|
|
<CircleGauge maxVal="480" currVal="480" Titolo="8:00" Testo="Lavorate"></CircleGauge>
|
|
</div>
|
|
<div class="col">
|
|
<CircleGauge maxVal="480" currVal="600" Titolo="10:00" Testo="Lavorate"></CircleGauge>
|
|
</div>
|
|
<div class="col">
|
|
<CircleGauge maxVal="480" currVal="720" Titolo="12:00" Testo="Lavorate"></CircleGauge>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row bg-dark">
|
|
<div class="col text-center">
|
|
<button id="ToastBtn2" class="btn btn-success" @onclick="toggleShow">Mostra toast</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="toast-container p-3 bottom-0 start-50 translate-middle-x">
|
|
<div class="toast bg-light fade @toastCss" id="LiveToast2" role="alert" aria-live="assertive" aria-atomic="true">
|
|
<div class="toast-header">
|
|
<span class="bg-primary px-2 text-light rounded me-2"><i class="fa-solid fa-clock"></i></span>
|
|
<strong class="me-auto">Timbratura</strong>
|
|
<small>@dtAction</small>
|
|
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
|
</div>
|
|
<div class="toast-body">
|
|
@messaggio
|
|
</div>
|
|
</div>
|
|
</div>
|