mapo-mono/MP.MONO.UI/Components/AlarmsOverview.razor

@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-header px-0 py-1">
        <div class="d-flex justify-content-between">
            <div class="px-2">
                <b>Current alarms</b>
                @if (ListRecords.Count == 0)
                {
                    <span class="badge m-2 bg-success text-light"><b>@ListRecords.Count</b></span>
                }
                else
                {
                    <span class="badge m-2 bg-danger text-warning "><b>@ListRecords.Count</b></span>
                }
            </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
    {

        <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>
    }
}
else
{
    <LoadingDataSmall></LoadingDataSmall>
}