lux/Lux.UI/Components/Compo/JobTask/JobTaskListMan.razor

@if (addVisible)
{
    <div class="modal" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title fs-4">Aggiunta Ciclo di Lavoro</div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" @onclick="ToggleAdd">
                    </button>
                </div>
                <div class="modal-body">
                    @if (newRecord != null)
                    {
                        <div class="row">
                            <div class="input-group mb-2">
                                <span class="input-group-text" id="basic-addon1">Descrizione</span>
                                <input type="text" class="form-control text-end" @bind="@newRecord.Description" />
                            </div>
                        </div>
                    }
                    @if (!string.IsNullOrEmpty(errorMsg))
                    {
                        <div class="alert alert-danger my-3">
                            @errorMsg
                        </div>
                    }
                    <div class="row">
                        <div class="col">
                            <button class="btn btn-success w-100" @onclick="DoAdd"><i class="fa-solid fa-save"></i> Save</button>
                        </div>
                        <div class="col">
                            <button class="btn btn-warning w-100" @onclick="ToggleAdd">Cancel <i class="fa-solid fa-ban"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
}
<div class="card shadow">
    <div class="card-header">
        Elenco <b>cicli</b> attivi
    </div>
    <div class="card-body">
        @if (isLoading || ListRecords == null)
        {
            <LoadingData></LoadingData>
        }
        else if (totalCount == 0)
        {
            <div class="alert alert-info text-center display-4">Nessun record trovato</div>
        }
        else
        {
            <table class="table table-sm table-striped">
                <thead>
                    <tr>
                        <th>
                            <button class="btn btn-sm btn-primary" title="Reset selezione" @onclick="DoReset"><i class="fa-solid fa-arrow-rotate-right"></i></button>
                        </th>
                        @if (selRecord == null)
                        {
                            <th>Ord.</th>
                            <th>Descrizione</th>
                            <th class="text-center">Fasi</th>
                            <th class="text-center">Tags</th>
                            <th>
                                <button class="btn btn-sm btn-success" @onclick="ToggleAdd"><i class="fa-solid fa-plus"></i></button>
                            </th>
                        }
                        else
                        {
                            <th>Descrizione</th>
                        }
                    </tr>
                </thead>
                <tbody>
                    @foreach (var item in ListRecords)
                    {
                        string cssBtnUp = editRecord == null && item.Index > 1 ? "btn-outline-primary" : "btn-outline-secondary opacity-50 disabled";
                        string cssBtnDown = editRecord == null && item.Index < totalCount ? "btn-outline-primary" : "btn-outline-secondary opacity-50 disabled";

                        <tr class="@checkSel(item)">
                            <td class="text-start text-nowrap">
                                <button class="btn btn-sm btn-primary" @onclick="() => DoSelect(item)"><i class="fa-solid fa-magnifying-glass"></i></button>
                                <button class="btn btn-sm btn-info" @onclick="() => DoEdit(item)"><i class="fa-solid fa-pencil"></i></button>
                            </td>
                            @if (selRecord == null)
                            {
                                <td>

                                    <button class="btn @cssBtnUp btn-sm fa-solid fa-caret-up" @onclick="() => MoveRec(item, true)"></button>
                                    @item.Index
                                    <button class="btn @cssBtnDown btn-sm fa-solid fa-caret-down" @onclick="() => MoveRec(item, false)"></button>
                                </td>
                                <td>@item.Description</td>
                                <td class="text-center">@item.NumChild</td>
                                <td class="text-center">@item.NumTags</td>
                                <td>
                                    @if (item.Lock || item.NumChild > 0)
                                    {
                                        <button class="btn btn-sm btn-secondary opacity-50" disabled title="Record Child correlati: cancellazione non permessa"><i class="fa-solid fa-trash-can"></i></button>
                                    }
                                    else
                                    {
                                        <button class="btn btn-sm btn-danger" @onclick="() => DoDelete(item)"><i class="fa-solid fa-trash-can"></i></button>
                                    }
                                </td>
                            }
                            else
                            {
                                <td>@item.Description</td>
                            }
                        </tr>
                    }
                </tbody>
            </table>
        }
    </div>
</div>