Samuele Locatelli
108 lines
5.0 KiB
Plaintext
108 lines
5.0 KiB
Plaintext
@page "/Parameters"
|
|
|
|
<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">
|
|
<h3>Parameters</h3>
|
|
</div>
|
|
<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>
|
|
<div class="col-9 d-flex justify-content-between">
|
|
<div class="px-0">
|
|
<div class="input-group input-group-sm">
|
|
<div class="input-group-text">
|
|
<div class="form-check form-check-sm form-switch py-1" title="Parameter View Mode (RealTime / LogData)">
|
|
<input class="form-check-input" type="checkbox" id="mySwitch" name="setupAlarms" value="@isRT" checked @onclick="() => toggleRT()">
|
|
<label class="form-check-label" for="mySwitch">@currMode</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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"></ParamOverview>
|
|
</div>
|
|
<div class="col-9">
|
|
@if (selParams == null || selParams.Count == 0)
|
|
{
|
|
<p>← please select an item to plot graph</p>
|
|
}
|
|
else
|
|
{
|
|
<div class="row">
|
|
|
|
@if (isRT)
|
|
{
|
|
@foreach (var item in selParams)
|
|
{
|
|
<div class="@pcss">
|
|
<ParamPlotRT SelectedParam="@item" maxRecord="@maxRecord" sampleSecMin="@sampleSecMin"></ParamPlotRT>
|
|
</div>
|
|
}
|
|
}
|
|
else
|
|
{
|
|
@foreach (var item in selParams)
|
|
{
|
|
<div class="@pcss">
|
|
<ParamPlot SelectedParam="@item" SelFilter="@SelFilter"></ParamPlot>
|
|
</div>
|
|
}
|
|
}
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|