Files
limanapp/LiMan.UI/Components/InstAppPareto.razor
T

147 lines
8.2 KiB
Plaintext

<div class="row p-0">
<div class="@CssDivMain px-1">
<div class="card shadow">
<div class="card-header">
<div class="text-end">Vers. Corrente: <b>@CurrRecord.VersNumCurrent</b></div>
</div>
<div class="card-body p-1">
<table class="table table-sm table-striped table-responsive-lg small">
<thead>
<tr>
<th>
<button class="btn btn-sm btn-dark @CssResetCli" title="Rimuovi Filtro Cliente" @onclick="ResetCliente"><i class="fa-solid fa-rotate-right"></i> Cliente</button>
<Sorter ParamName="CodInst" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter>
</th>
<th>
<button class="btn btn-sm btn-primary @CssResetImp" title="Rimuovi Filtro Dispositivo" @onclick="ResetCodImp"><i class="fa-solid fa-rotate-right"></i> Dispositivo</button>
<Sorter ParamName="PcInst" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter>
</th>
<th>
# Lic.
<Sorter ParamName="NumImp" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter>
</th>
<th class="text-end">
Versione
<Sorter ParamName="VersNumInstall" IsAsc="@sortAsc" CurrParam="@sortField" sortReq="SortRequested"></Sorter>
</th>
</tr>
</thead>
<tbody>
@foreach (var record in ListRecord)
{
<tr>
<td>
<button class="btn btn-sm @CssBtnInst(record.CodInst)" title="Fissa Cliente" @onclick="() => SetCliente(record)"><i class="fa-solid fa-location-crosshairs"></i> @record.Cliente</button>
</td>
<td>
<button class="btn btn-sm @CssBtnImp(record.CodImp) py-1" title="Fissa Dispositivo" @onclick="() => SetCodImp(record)"><i class="fa-solid fa-location-crosshairs"></i> @record.PcInst</button>
</td>
<td>@record.NumImp</td>
<td class="text-end @cssVers(record)">@record.VersNumInstall</td>
</tr>
}
</tbody>
</table>
</div>
<div class="card-footer">
<DataPager PageSize="numRecord" currPage="currPage" numRecordChanged="setNumRec" numPageChanged="setNumPage" totalCount="totalCount" showLoading="isLoading" />
</div>
</div>
</div>
<div class="@CssDivDetail px-1">
@if (HasFlitImp)
{
<div class="card shadow">
<div class="card-body p-2">
<div class="row">
<div class="col-6">
<ListAppShort AppList="AppInstList"></ListAppShort>
<div class="card shadow mb-2">
<div class="card-header">
<b>Task</b>
</div>
<div class="card-body p-1">
<ul class="list-group">
<li class="list-group-item d-flex justify-content-between align-items-start">
<div>
<button class="btn btn-sm btn-info" @onclick="showDetReq">D</button>
Request
</div>
<span class="badge @cssNumPill(TaskReq.Count) rounded-pill">@TaskReq.Count</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-start">
<div>
<button class="btn btn-sm btn-info" @onclick="showDetRun">D</button>
Running
</div>
<span class="badge @cssNumPill(TaskRun.Count) rounded-pill">@TaskRun.Count</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-start">
<div>
<button class="btn btn-sm btn-info" @onclick="showDetDone">D</button>
Completed
</div>
<span class="badge @cssNumPill(TaskDone.Count) rounded-pill">@TaskDone.Count</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-6">
<div class="card shadow">
<div class="card-header">
<b>Detail Info</b>
</div>
<div class="card-body p-1">
@if (showDetail)
{
<ul class="list-group">
@foreach (var item in DetailData)
{
<li class="list-group-item d-flex justify-content-between align-items-start">
<div class="px-1">
@item.Key
</div>
<div class="px-1">
<b>@item.Value</b>
</div>
</li>
}
</ul>
}
</div>
</div>
<div class="card shadow mt-2">
<div class="card-header">
<b>Detail Info</b>
</div>
<div class="card-body p-1">
<ul class="list-group">
<li class="list-group-item">TDB Info 5</li>
<li class="list-group-item">TDB Info 6</li>
<li class="list-group-item">TDB Info 7</li>
<li class="list-group-item">TDB Info 8</li>
<li class="list-group-item">TDB Info 9</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
}
else
{
<div class="card shadow">
<div class="card-header">
<b>Distribuzione</b>
</div>
<div class="card-body px-1 py-3">
<Doughnut Id="RelVers" Type="@Doughnut.ChartType.Doughnut" Data="@ChartData" Labels="ChartLabels" BackgroundColor="@ChartColor" BordWidth="1"></Doughnut>
</div>
</div>
}
</div>
</div>