Files
mapo-mono/MP.MONO.UI/Components/MachStatsOverview.razor
2023-03-28 20:54:33 +02:00

66 lines
2.2 KiB
Plaintext

@using MP.MONO.UI.Components
@using MP.MONO.Core.DTO
@using MP.MONO.UI.Data
@inject CurrentDataService MMDataService
@if (ListRecords != null && ListRecords.Count > 0)
{
<ul class="list-group">
@foreach (var item in ListRecords)
{
<li class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between" title="order">
<div>
@if (!string.IsNullOrEmpty(item.CssIcon))
{
<div class="d-flex flex-column">
<div class="small"><b>@item.Title</b></div>
</div>
}
else
{
<div>@item.Title</div>
}
</div>
<div class="float-end">
<div class="d-flex flex-column">
<div class="d-flex flex-row-reverse">
<div>
<span class="@item.CssIcon"></span>
</div>
&nbsp;
<div>
<span class="float-end"><b>@item.Value</b></span>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex">
@if (item.ShowBar)
{
<div class="w-100">
<div class="progress" style="height: 0.3rem;">
<div class="progress-bar @cssBar(item.CssClass)" role="progressbar" style="@percProgress(item.ValueNum, item.MinVal, item.MaxVal)" aria-valuenow="@item.ValueNum" aria-valuemin="@item.MinVal" aria-valuemax="@item.MaxVal"></div>
</div>
</div>
}
</div>
</li>
}
</ul>
}
else
{
@*<ul>
<li>OEE%</li>
<li>Stats Details</li>
<li>Graph & Analytics</li>
</ul>*@
<LoadingDataSmall></LoadingDataSmall>
}