Files
mapo-mono/MP.MONO.UI/Pages/Parameters.razor
T
2022-10-06 12:32:52 +02:00

106 lines
4.8 KiB
Plaintext

@page "/Parameters"
@inject MP.MONO.UI.Data.CurrentDataService MMDataService
<div class="card">
<div class="card-header">
<div class="row">
<div class="d-flex justify-content-between">
<div class="col-3 d-flex justify-content-between">
<div class="mx-0 pt-1">
<h5><i class="bi bi-list-check pe-2" aria-hidden="true"></i><b> PARAMETERS</b></h5>
</div>
<div class="d-flex justify-content-between">
<div class="me-3">
<button @onclick="() => resetSel()" class="btn btn-dark @btnResetCss" title="Reset Selection"><i class="fa-solid fa-repeat" title="reset selection"></i></button>
</div>
<div class="me-3">
<button @onclick="() => selAll()" class="btn btn-dark" title="Reset Selection"><i class="fa-regular fa-square-check" title="Select all"></i></button>
</div>
</div>
</div>
<div class="col-9 d-flex justify-content-between">
<div class="px-0">
<ToggleModes FilterChanged="updateFilter"></ToggleModes>
</div>
<div class="px-0">
<div class="d-flex flex-row-reverse">
<div class="p-0">
@if (showParam)
{
<div class="input-group input-group-sm d-flex justify-content-between pt-0">
@if (isRT)
{
<span class="input-group-text">Num Rec</span>
<input class="form-control" @bind="@maxRecord" />
<span class="input-group-text small">Sample Sec Time</span>
<input class="form-control" @bind="@sampleSecMin" />
}
else
{
<span class="input-group-text">Date From</span>
<input type="date" class="form-control" placeholder="Data ultima" @bind-value="@DateFrom">
<span class="input-group-text">Date To</span>
<input type="date" class="form-control" placeholder="Data ultima" @bind-value="@DateTo">
}
<button class="btn btn-default btn-block " @onclick="toggleShowParams" title="Hide Parameters"><i class="fa-solid fa-ellipsis-vertical"></i></button>
</div>
}
else
{
<div class="input-group input-group-sm pt-1">
<button class="btn btn-default btn-block" @onclick="toggleShowParams" title="Show Parameters"><i class="fa-solid fa-ellipsis"></i></button>
</div>
}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-3">
<ParamOverview SelVal="@selParams" EC_AddValue="paramAdded" EC_RemValue="paramRemoved" selectAll="@selectAll"></ParamOverview>
</div>
<div class="col-9">
@if (selParams == null || selParams.Count == 0)
{
<div class="alert alert-info text-center">
<h3>&larr; please select an item to plot graph</h3>
</div>
}
else
{
<div class="row">
@if (isRT)
{
@foreach (var item in selParams)
{
<div class="@pcss">
<ParamPlotRT SelectedParam="@item" maxRecord="@maxRecord" sampleSecMin="@sampleSecMin"></ParamPlotRT>
</div>
}
}
else
{
<MultiParamPlot SelectedParams="@selParams" SelFilter="@SelFilter"></MultiParamPlot>
}
</div>
}
</div>
</div>
</div>
</div>