SHERPA/SHERPA.AD/Components/CustomerManager.razor

@if (IsLoading)
{
    <LoadingData></LoadingData>
}
else
{
    @if (ListRecords == null || ListRecords.Count == 0)
    {
        <div class="d-flex justify-content-around">
            <alert class="alert alert-warning p-3 w-100 text-center">
                Nessun record trovato
            </alert>
        </div>
    }
    else
    {
        <table class="table table-striped table-sm small">
            <thead>
                <tr>
                    @if (CurrFilter.EditEnab)
                    {
                        <th>
                            <button class="btn btn-primary btn-sm" @onclick="() => ResetSel()" title="Reset selezione">
                                <i class="fa-solid fa-rotate-right"></i>
                            </button>
                        </th>
                    }
                    @if (CurrFilter.CloudEnab)
                    {
                        <th>
                            <button class="btn btn-success btn-sm" @onclick="() => SyncAll()" title="Sync ALL">
                                <i class="fa-solid fa-cloud-arrow-up"></i>
                            </button>
                        </th>
                    }
                    <th>Rag.Sociale</th>
                    <th>Dati Fiscali</th>
                    <th>Fatt.Elettronica</th>
                    <th>Indirizzo</th>
                    @if (SelRecord == null)
                    {
                        <th>Note</th>
                        <th>Cloud ID</th>
                        @if (CurrFilter.EditEnab)
                        {
                            <th></th>
                        }
                    }
                </tr>
            </thead>
            <tbody>
                @foreach (var item in ListRecords)
                {
                    <tr class="@CheckSel(item)">
                        @if (CurrFilter.EditEnab)
                        {
                            <td>
                                <button class="btn btn-sm btn-info" title="Clona Record" @onclick="() => doCloneRec(item)"><i class="fa-solid fa-wand-magic"></i></button>
                                <button class="btn btn-sm btn-primary" title="Edit Record" @onclick="() => doEditRec(item)"><i class="fa-solid fa-edit"></i></button>
                            </td>
                        }
                        @if (CurrFilter.CloudEnab)
                        {
                            <td>
                                @if (string.IsNullOrEmpty(item.IdExt) && hasToken)
                                {
                                    <button class="btn btn-sm btn-success" title="Sync Record" @onclick="() => SyncCurrent(item)"><i class="fa-solid fa-cloud-arrow-up"></i></button>
                                }
                                else
                                {
                                    <button class="btn btn-sm btn-success disabled"><i class="fa-solid fa-cloud"></i></button>
                                }
                            </td>
                        }
                        <td style="max-width:12rem;" class="text-truncate">
                            <div title="@item.RagSoc"><b>@item.RagSoc</b></div>
                            <div class="small"><i>@item.IdxGruppo</i></div>
                        </td>
                        <td class="text-nowrap">
                            <div class="small">VAT: @item.PIva</div>
                            <div class="small">C.F.: @item.CFisc</div>
                        </td>
                        <td class="text-nowrap">
                            <div class="small">C.U.: <b>@item.CodUnivoco</b></div>
                            <div class="small">PEC: @item.Pec</div>
                        </td>
                        <td style="max-width:15rem;" class="text-truncate">
                            <div class="small">
                                @item.Via, @item.Localita
                            </div>
                            <div class="small">
                                @item.Cap - @item.Provincia
                            </div>
                        </td>
                        @if (SelRecord == null)
                        {
                            <td style="max-width:30rem;" class="text-truncate" title="@item.Note">
                                <div class="small">@item.Pagamento</div>
                                <div class="small">@item.Note</div>
                            </td>
                            <td>@item.IdExt</td>
                            @if (CurrFilter.EditEnab)
                            {
                                <td>
                                    @if (string.IsNullOrEmpty(item.IdExt) && isDeletable(item.IdxCli))
                                    {
                                        <button class="btn btn-sm btn-danger" title="Sync Record" @onclick="() => doDelRec(item)"><i class="fa-solid fa-trash"></i></button>
                                    }
                                    else
                                    {
                                        <button class="btn btn-sm btn-danger disabled"><i class="fa-solid fa-trash"></i></button>
                                    }
                                </td>
                            }
                        }
                    </tr>
                }
            </tbody>
        </table>
    }
}
@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>
}