Samuele Locatelli
102 lines
4.4 KiB
Plaintext
102 lines
4.4 KiB
Plaintext
@page "/Parameters"
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="d-flex justify-content-between">
|
|
|
|
<div class="px-2">
|
|
<div class="input-group input-group-lg">
|
|
<span class="input-group-text" id="inputGroup-sizing-lg"><b>Parameters</b></span>
|
|
<button @onclick="() => resetSel()" class="btn btn-dark @btnResetCss" title="Reset Selection"><i class="fa-solid fa-repeat" title="reset selection"></i></button>
|
|
<div class="input-group-text">
|
|
<div class="form-check form-check-sm form-switch" 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 class="input-group-text">
|
|
<div class=" input-group">
|
|
<button class="btn btn-primary" @onclick="() => toggleParam()">
|
|
@if (showParam)
|
|
{
|
|
<i class="fa-solid fa-chevron-left"></i>
|
|
}
|
|
else
|
|
{
|
|
<i class="fa-solid fa-chevron-right"></i>
|
|
}
|
|
</button>
|
|
@if (showParam)
|
|
{
|
|
@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
|
|
{
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">Date From</span>
|
|
</div>
|
|
<input type="date" class="form-control" placeholder="Data ultima" @bind-value="@DateFrom">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">Date To</span>
|
|
</div>
|
|
<input type="date" class="form-control" placeholder="Data ultima" @bind-value="@DateTo">
|
|
}
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="px-2">
|
|
<div class="d-flex justify-content-between">
|
|
<div class="px-2">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<ParamOverview SelVal="@selParams" EC_AddValue="paramAdded" EC_RemValue="paramRemoved"></ParamOverview>
|
|
</div>
|
|
<div class="col-8">
|
|
@if (selParams == null || selParams.Count == 0)
|
|
{
|
|
<p>← please select an item to plot graph</p>
|
|
}
|
|
else
|
|
{
|
|
<div class="row">
|
|
|
|
@foreach (var item in selParams)
|
|
{
|
|
<div class="@pcss">
|
|
@if (isRT)
|
|
{
|
|
<ParamPlotRT SelectedParam="@item" maxRecord="@maxRecord" sampleSecMin="@sampleSecMin"></ParamPlotRT>
|
|
}
|
|
else
|
|
{
|
|
<ParamPlot SelectedParam="@item" StartDate="@DateFrom" EndDate="@DateTo"></ParamPlot>
|
|
}
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|