zaccaria.majid
110 lines
5.5 KiB
Plaintext
110 lines
5.5 KiB
Plaintext
@page "/Tools"
|
|
|
|
@inject MP.MONO.UI.Data.CurrentDataService MMDataService
|
|
|
|
|
|
<div class="card mb-5">
|
|
<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">
|
|
<h5 class="pt-2"><i class="fa-solid fa-battery-half pe-2" aria-hidden="true"></i> <b> TOOLS </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">
|
|
<div class="input-group input-group-sm">
|
|
@*<div class="input-group-text">
|
|
<span class="me-1 @LVCSSmode">LOG VIEW</span>
|
|
<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()">
|
|
</div>
|
|
<span class="@RTCSSmode">REAL TIME</span>
|
|
</div>*@
|
|
<ToggleModes FilterChanged="updateFilter"></ToggleModes>
|
|
</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">
|
|
<ToolsOverview SelVal="@selTools" EC_AddValue="toolAdded" EC_RemValue="toolRemoved" selectAll="@selectAll"></ToolsOverview>
|
|
</div>
|
|
<div class="col-9">
|
|
@if (selTools == null || selTools.Count == 0)
|
|
{
|
|
<div class="alert alert-info text-center">
|
|
<h3>← please select an item to plot graph</h3>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="row">
|
|
@if (isRT)
|
|
{
|
|
@foreach (var item in selTools)
|
|
{
|
|
<div class="@pcss">
|
|
<ToolsPlotRT SelectedTool="@item" maxRecord="@maxRecord" sampleSecMin="@sampleSecMin"></ToolsPlotRT>
|
|
</div>
|
|
}
|
|
}
|
|
else
|
|
{
|
|
<MultiToolPlot SelectedTools="@selTools" SelFilter="@SelFilter"></MultiToolPlot>
|
|
|
|
}
|
|
</div>
|
|
}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|