gwms/GWMS.UI/Pages/Parameters.razor

@page "/Parameters"

@using GWMS.UI.Data
@using GWMS.UI.Components

@inject GWMSDataService DataService
@inject IJSRuntime JSRuntime

<div class="card">
    <div class="card-header table-primary h3">
        <h2>Setup Parametri</h2>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-12">
                @if (processRunning)
                {
                    <LoadingData></LoadingData>
                }
            </div>
            <div class="col-12">
                <div class="d-flex justify-content-between">
                    <div class="p-2">
                        <h4>Simulazione</h4>
                    </div>
                    <div class="p-2">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">giorni</span>
                            </div>
                            <input @bind-value="@numDays" @bind-value:event="oninput" type="number" class="form-control" title="Giorni" />
                        </div>
                    </div>
                    <div class="p-2">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">step</span>
                            </div>
                            <input @bind-value="@stepMin" @bind-value:event="oninput" type="number" class="form-control" title="Step sim (minuti)" />
                        </div>
                    </div>
                    <div class="p-2">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">cons orario max</span>
                            </div>
                            <input @bind-value="@maxHourRate" @bind-value:event="oninput" type="number" class="form-control" title="Consumo massimo orario" />
                        </div>
                    </div>
                    <div class="p-2">
                        <Button id="btnReset" class="btn btn-danger btn-block" Clicked="resetDB">
                            <span class="oi oi-reload"></span> Regen DB Data
                        </Button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@code {

    protected int numDays { get; set; } = 7;
    protected int stepMin { get; set; } = 30;
    protected int maxHourRate { get; set; } = 800;

    protected bool processRunning { get; set; } = false;

    protected async Task resetDB()
    {
        if (!await JSRuntime.InvokeAsync<bool>("confirm", "Sicuro di voler risimulare l'intero set di dati?"))
            return;

        processRunning = true;
        DataService.RegenDB(numDays, stepMin, maxHourRate);
        processRunning = false;
    }
}