Files
mapo-mono/MP.MONO.UI/Components/AlarmsOverview.razor
T
zaccaria.majid a13426f34a fix conteggio allarmi attivi +
modifiche grafiche alarm analysis
2022-11-10 10:06:25 +01:00

104 lines
3.9 KiB
Plaintext

@using MP.MONO.Data
@using MP.MONO.UI.Components
@using MP.MONO.Core.DTO
@using MP.MONO.UI.Data
@inject CurrentDataService MMDataService
@if (@ListRecords != null)
{
<div class="card text-dark mb-3">
@if (ListRecords.Count != 0)
{
<div class="card-header @css() d-flex justify-content-between">
<h5 class="text-center fw-bold"><i class="bi bi-exclamation-triangle pe-2" aria-hidden="true"></i> ALARMS</h5>
<h5 class="text-warning text-center fw-bold">@ListRecords.Count</h5>
</div>
}
else
{
<div class="card-header">
<h5 class="@css() fw-bold"><i class="bi bi-exclamation-triangle pe-2" aria-hidden="true"></i> ALARMS</h5>
</div>
}
<div class="card-body">
<div class="px-0 mx-1 py-1 text-start rounded">
<div class="card-body px-0 py-0 align-content-center rounded">
<div>
<div class="px-2 text-center">
@if (!compMode)
{
<b>Current alarms</b>
@if (ListRecords.Count == 0)
{
<span class="badge m-2 bg-success text-dark"><b>@ListRecords.Count</b></span>
}@*
else
{
<span class="badge m-2 bg-danger text-warning"><b>@ListRecords.Count</b></span>
}*@
}
else
{
@if (ListRecords.Count == 0)
{
<h6 class="text-dark"><b>ACTIVE ALARMS:</b><span class="badge m-2 bg-success text-light fs-6"><b>@ListRecords.Count</b></span></h6>
}
@*else
{
<h6 class="text-warning"><b>ACTIVE ALARMS:</b><span class="badge m-2 bg-danger text-warning fs-6"><b>@ListRecords.Count</b></span></h6>
}*@
}
</div>
</div>
@if (!compMode)
{
<div class="d-grid p-0">
<NavLink class="btn btn-outline-dark btn-block fw-bold" href="AlarmsAnalysis">
<i class="bi bi-bar-chart pe-2" aria-hidden="true"></i> Alarm Analysis
</NavLink>
</div>
}
</div>
@if (!compMode)
{
if (@ListRecords.Count == 0)
{
<div class="alert alert-success text-center display-4 mb-0">All OK</div>
}
else
{
<ul class="list-group">
@foreach (var item in ListRecords)
{
<li class="list-group-item alarms list-group-item-action text-warning bg-danger px-2">
<div class="textConsensed w-100 small" title="order">
<div class="small">
@item.Title
</div>
<div class="">
<span class="text-break">@item.Value</span>
</div>
</div>
</li>
}
</ul>
}
}
</div>
</div>
</div>
}
else
{
<LoadingDataSmall></LoadingDataSmall>
}