Files
mapo-core/MP-TAB-SERV/Components/ScrapKitMan.razor
T
Samuele Locatelli 131ac9a127 Fix grafico btn
2023-12-14 15:00:27 +01:00

100 lines
5.1 KiB
Plaintext

<ShowProcessing Message="Caricamento" IsProcessing="@isProcessing"></ShowProcessing>
<div class="bg-info p-2">
<div class="bg-dark">
<div class="d-flex justify-content-between">
<table class="table table-light table-sm table-striped mb-0">
<thead>
<tr class="text-start1">
<th class="fs-5 d-flex justify-content-between">
<div>
Esplosione scarti KIT
</div>
<div>
<button class="btn btn-danger" @onclick="DeleteKitSplit"><i class="fa-solid fa-trash-can"></i> Remove Split</button>
</div>
</th>
</tr>
</thead>
<tbody>
@if (TotalCount == 0)
{
<tr>
<td class="p-0">
<div class="alert fs-4">No record found</div>
</td>
</tr>
}
else
{
@foreach (var item in ListPaged)
{
<tr>
<td>
<div class="row">
<div class="col-5 small">
<div>
Art: <b>@item.CodArticolo</b>
</div>
<div class="@($"text-{item.cssClass}")">
<i class="@item.icona"></i> @item.Descrizione
</div>
</div>
<div class="col-2 px-0 text-center text-nowrap d-flex justify-content-center">
<div class="px-2">
@if (item.Qta <= 0)
{
<button class="btn btn-secondary" disabled>&equiv;</button>
}
else
{
<button class="btn btn-warning" @onclick="() => modQty(item, -1)">&minus;</button>
}
</div>
<div>
<b class="fs-2">@item.Qta</b>
</div>
<div class="ps-1 fs-4">
<sub> &times;<span>pz</span></sub>
</div>
<div class="px-2">
@if (item.Qta >= item.QtaMax)
{
<button class="btn btn-secondary" disabled>&equiv;</button>
}
else
{
<button class="btn btn-success" @onclick="() => modQty(item, 1)">&plus;</button>
}
</div>
</div>
<div class="col-5 text-end small">
<div class="text-truncate">
@($"{item.DataOra:ddd dd.MM.yy HH:mm:ss}")
<i class="fa fa-clock-o" aria-hidden="true"></i>
</div>
<div class="text-truncate">
<b>@item.Operatore</b>
<i class="fa fa-user" aria-hidden="true"></i>
</div>
</div>
<div class="col-12 small text-secondary">
@if (!string.IsNullOrEmpty(item.Note))
{
<span>Nota: <b>@item.Note</b></span>
}
</div>
</div>
</td>
</tr>
}
}
</tbody>
</table>
</div>
</div>
</div>