Samuele Locatelli
31 lines
1.7 KiB
Plaintext
31 lines
1.7 KiB
Plaintext
@page "/TestLoading"
|
|
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3>Test Modale Loading</h3>
|
|
</div>
|
|
<div class="card-body py-1">
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<div class="input-group w-100 mb-1">
|
|
<span class="input-group-text">Tempo sim</span>
|
|
<input class="form-control" @bind="@expTime" type="number" />
|
|
</div>
|
|
<div class="input-group w-100 mb-1">
|
|
<span class="input-group-text">Num steps</span>
|
|
<input class="form-control" @bind="@numSteps" type="number" />
|
|
</div>
|
|
<button class="btn btn-success w-100" @onclick="StartLongTimer">Start</button>
|
|
<div>@realTime</div>
|
|
</div>
|
|
<div class="col-8 small">
|
|
<h3>Fake Progressbar</h3>
|
|
<p>Modale che mostra avanzamento (progressbar con %) di un task lungo.</p>
|
|
<p>Devono essere definiti il numero degli step attesi e per ogni step la durata attesa di completamento.</p>
|
|
<p>Viene definito <b>fake</b> poiché l'avanzamento è artificialmente rallentato quando si approssima allo scadere di uno step per dare impressione di un sistema realmente (ri)calcolato di continuo, mentre al superamento di ogni step viene portato avanti il conteggio recuperando eventuali ritardi di stima.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ProgressDisplay RefreshInterval="100" Title="@titleMsg" MaxVal="@maxVal" CurrVal="@currVal" NextVal="@nextVal" ExpTimeMSec="@expTimeMSec" DisplaySize="ProgressDisplay.ModalSize.Medium" ModalCss="card alert-primary" SlowLimit="0.4"></ProgressDisplay> |