Samuele Locatelli
169 lines
8.7 KiB
Plaintext
169 lines
8.7 KiB
Plaintext
@if (IsLoading)
|
|
{
|
|
<LoadingData></LoadingData>
|
|
}
|
|
else
|
|
{
|
|
<div class="d-flex justify-content-between">
|
|
@if (ListRecords == null || ListRecords.Count == 0)
|
|
{
|
|
<alert class="alert alert-primary p-3 my-0 w-100 text-center">
|
|
Nessun record trovato
|
|
</alert>
|
|
}
|
|
else
|
|
{
|
|
<table class="table table-striped table-sm small">
|
|
<thead>
|
|
<tr class="text-uppercase row">
|
|
<th class="col-2">
|
|
<button class="btn btn-primary btn-sm text-uppercase" @onclick="() => ResetSel()">
|
|
<i class="fa-solid fa-rotate-right"></i> reset
|
|
</button>
|
|
</th>
|
|
<th class="col-8">Numero</th>
|
|
<th class="col-2 text-end">Importo</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach (var item in ListRecords)
|
|
{
|
|
<tr class="row @checkSel(item)">
|
|
<td class="col-2">
|
|
<div class="d-flex justify-content-between">
|
|
<div class="px-0">
|
|
<button class="btn btn-outline-success btn-sm" @onclick="() => showDetail(item)">
|
|
<div>
|
|
<b>@($"{item.num:000}")</b>|<small>@item.anno</small>
|
|
</div>
|
|
<div class="small">
|
|
@($"{item.emesso:yyyy.MM.dd}")
|
|
</div>
|
|
</button>
|
|
</div>
|
|
<div class="px-0">
|
|
@if (CloudEnab)
|
|
{
|
|
@if (item.Changed > 0 && hasToken)
|
|
{
|
|
if(item.CanSync)
|
|
{
|
|
<button class="btn btn-success btn-sm" @onclick="() => syncCurrent(item)" title="Invio a Cloud">
|
|
<i class="fa-solid fa-cloud-arrow-up"></i>
|
|
</button>
|
|
}
|
|
else
|
|
{
|
|
<button class="btn btn-secondary btn-sm disabled" title="Sync a Cloud non permesso">
|
|
<i class="fa-solid fa-cloud"></i>
|
|
</button>
|
|
}
|
|
}
|
|
else
|
|
{
|
|
<button class="btn btn-success btn-sm disabled" title="Trasmesso a Cloud">
|
|
<i class="fa-solid fa-cloud"></i>
|
|
</button>
|
|
}
|
|
}
|
|
else
|
|
{
|
|
if (string.IsNullOrEmpty(item.id_ext))
|
|
{
|
|
<i class="fa-solid fa-cloud text-danger" title="Mai caricato in cloud"></i>
|
|
}
|
|
else
|
|
{
|
|
if (item.Changed > 0)
|
|
{
|
|
<i class="fa-solid fa-cloud text-warning" title="Caricato in cloud e MODIFICATO"></i>
|
|
}
|
|
else
|
|
{
|
|
<i class="fa-solid fa-cloud text-success" title="Caricato in cloud e invariato"></i>
|
|
}
|
|
}
|
|
}
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="col-8 text-truncate">
|
|
<div class="d-flex justify-content-between w-100">
|
|
<div class="d-grid gap-2 col">
|
|
<button class="btn btn-outline-dark btn-sm" @onclick="() => selTipo(item)">
|
|
@item.tipo
|
|
</button>
|
|
</div>
|
|
<div class="d-grid gap-2 col mx-1">
|
|
<button class="btn btn-outline-primary btn-sm" @onclick="() => selCliente(item)">
|
|
@item.RagSoc
|
|
</button>
|
|
</div>
|
|
<div class="d-grid gap-2 col">
|
|
<button class="btn btn-outline-secondary btn-sm" @onclick="() => selGruppo(item)">
|
|
<div class="small">@item.idxGruppo</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="text-truncate small" style="width: 45rem;" title="@item.Descrizione">
|
|
@item.Descrizione
|
|
</div>
|
|
</td>
|
|
<td class="col-2 text-end">
|
|
<b>@($"{item.netto:C2}")</b>
|
|
@if (ShowPagamenti)
|
|
{
|
|
<BarPlot ListaValori="@ListaValPagamenti(item)"></BarPlot>
|
|
}
|
|
@if (ShowCosti)
|
|
{
|
|
<BarPlot ListaValori="@ListaValCosti(item)"></BarPlot>
|
|
}
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
}
|
|
</div>
|
|
}
|
|
@if (IsSynching)
|
|
{
|
|
<dialog class="modal fade show" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" aria-modal="true" role="dialog">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="col-12 text-center my-0 py-5 @modalCss">
|
|
<div class="d-flex justify-content-around py-5">
|
|
<div><i class="fas fa-save fa-5x"></i></div>
|
|
<div>
|
|
<h2>Cloud Sync in corso</h2>
|
|
<i>...un attimo di pazienza...</i>
|
|
</div>
|
|
<div><i class="fas fa-paper-plane fa-5x"></i></div>
|
|
</div>
|
|
@if (string.IsNullOrEmpty(modalMessage))
|
|
{
|
|
<div class="d-flex justify-content-around py-2">
|
|
<div><i class="fas fa-circle-notch fa-spin fa-5x"></i></div>
|
|
</div>
|
|
<div class="w-100">
|
|
<div class="progress">
|
|
<div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 90%"></div>
|
|
</div>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="d-flex justify-content-around py-2">
|
|
<b>@modalMessage</b>
|
|
</div>
|
|
<div class="d-flex justify-content-around py-2">
|
|
<button class="btn btn-warning" @onclick="() => closeModal()">Chiudi</button>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
}
|