Files
mapo-mono/MP.MONO.UI/Components/AlarmsOverview.razor
T
2023-07-06 16:12:23 +02:00

122 lines
4.6 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="fa-thumbs-up fa-regular pe-2 text-success" aria-hidden="true"></i> NO ALARMS</h5>
</div>
}
@if (!compMode)
{
<div class="card-body" style="@cardHeight">
<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>
<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 (ListRecords.Count == 0)
{
<div class="alert alert-success text-center display-4 mb-0">All OK</div>
}
else
{
@*@if (compMode)
{
<ul class="list-group">
@foreach (var item in ListRecords.Take(4).ToList())
{
<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>
}
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>
}