mapo-core/MP-TAB-SERV/Components/ProdConfirm.razor

<MachSel RecMSE="RecMSE" E_MachSel="SetMacc"></MachSel>
<div class="card bg-secondary">
    <div class="card-header p-0 bg-success">
        @if (odlOk)
        {
            <div class="row">
                <div class="col-12">
                    <button class="btn btn-lg text-light w-100" @onclick="ToggleConfProd">
                        <i class="fa fa-check"></i> @ConfTitle
                    </button>
                </div>
            </div>
        }
        else
        {
            <div class="alert alert-warning fs-3">MANCA ODL: conferma NON permessa</div>
        }
    </div>
    <div class="card-body p-0 text-light">
        @if (showInnov)
        {
            <div class="row textCondens text-end bg-dark m-1 p-1" runat="server" id="divInnovazioni" onloadeddata="showConfirmButton()">
                <div class="col-6 py-1 text-start text-uppercase">
                    <b>Dati Incrementali</b>
                </div>
                <div class="col-6 text-end">
                    <sub>
                        ultima conferma --> @dtReqUpdate.ToString()
                    </sub>
                </div>
                <div class="col-6 col-sm-3 px-0 align-self-end fw-bold">
                    <label>Pz Prodotti CONFERMATI</label>
                    <input class="form-control fs-2 text-end alert alert-warning py-0 mb-0" @bind="numPzProdotti2Rec" @onblur="() => setConfirmBtn(true)" @onfocus="() => setConfirmBtn(false)">
                </div>
                <div class="col-6 col-sm-3 px-0 align-self-end fw-bold">
                    <div class="d-flex justify-content-around">
                        <div>
                            <span class="text-danger">Pz Scarto</span>
                            +
                            <span class="text-success">Pz Buoni</span>
                        </div>
                    </div>
                    <div class="px-2 fs-4">
                        <div class="d-flex justify-content-around">
                            <div>
                                <span runat="server" class="text-danger py-0">@lblPz2RecScarto</span>
                                +
                                <span runat="server" class="text-success py-0">@lblPz2RecBuoni</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-sm-3 pr-1 align-self-end fw-bold">
                    @if (enablePzProdLasciati)
                    {
                        <label ID="lblNumLasciati" class="mb-0">Pz Prodotti LASCIATI</label>
                        <input class="form-control fs-2 text-end alert alert-warning py-0 mb-0" @bind="numPzLasciati" @onblur="() => setConfirmBtn(true)" @onfocus="() => setConfirmBtn(false)">
                    }
                    else
                    {
                        <label class="btn btn-dark text-light btn-lg w-100" Visible="false">&nbsp;</label>
                    }
                </div>
                <div class="col-6 col-sm-3 px-0 align-self-end fw-bold">
                    @if (showConfirm)
                    {
                        <button class="btn btn-success text-light btn-lg w-100" @onclick="SalvaConfPz"><i class="fa-regular fa-floppy-disk"></i> CONFERMA</button>
                    }
                </div>
            </div>
        }
    </div>
</div>
<div class="row textCondens">
    <div class="col-6 py-1 text-start text-uppercase">
        <b>Dati Globali ODL</b>
    </div>
    <div class="col-6 text-end" id="divPeriodo">
        <sub>
            Periodo ODL calcolato:
            <span>@dtInizio</span>
            -
            <span>@dtFine</span>
        </sub>
    </div>

    <div class="col-6 col-sm-3 pr-1 py-0 text-end">
        <div class="alert alert-warning py-1">
            <div class="text-truncate">
                [A] NUOVI Pz.Prod
            </div>
            <div class="my-0 fw-bold fs-2">
                @if (isProcessing)
                {
                    <i class="fa-solid fa-spinner span"></i>
                }
                else
                {
                    <span>@numPz2Rec.ToString("N0")</span>
                }
            </div>
        </div>
    </div>
    <div class="col-6 col-sm-3 pl-1 px-sm-1 py-0 text-end">
        <div class="alert alert-info py-1">
            <div class="text-truncate">
                Pz Prodotti TOT [A+B+C]
            </div>
            <div class="my-0 fw-bold fs-2">
                @if (isProcessing)
                {
                    <i class="fa-solid fa-spinner span"></i>
                }
                else
                {
                    <span>@numPzProdotti.ToString("N0")</span>
                }
            </div>
        </div>
    </div>
    <div class="col-6 col-sm-3 pr-1 px-sm-1 py-0 text-end">
        <div class="alert alert-danger py-1">
            <div class="text-truncate">
                [B] Scarti VERS.
            </div>
            <div class="my-0 fw-bold fs-2">
                @if (isProcessing)
                {
                    <i class="fa-solid fa-spinner span"></i>
                }
                else
                {
                    <span>@numPzScaConf.ToString("N0")</span>
                }
            </div>
        </div>
    </div>
    <div class="col-6 col-sm-3 pl-1 py-0 text-end">
        <div class="alert alert-success py-1">
            <div class="text-truncate">
                [C] Pz Buoni VERS.
            </div>
            <div class="my-0 fw-bold fs-2">
                @if (isProcessing)
                {
                    <i class="fa-solid fa-spinner span"></i>
                }
                else
                {
                    <span>@numPzBuoniConf.ToString("N0")</span>
                }
            </div>
        </div>
    </div>
</div>
@if (!string.IsNullOrEmpty(lblOut))
{
    <div class="d-flex justify-content-around my-2">
        <div class="alert alert-info py-1 w-100 text-center">
            @lblOut
        </div>
    </div>
}

@if (isProcessing)
{
    <div class="row textCondens mb-2">
        <div class="col-12">
            <div class="text-center text-warning align-middle">
                <div class="progress" style="height:2rem;">
                    <div class="progress-bar progress-bar-striped bg-primary progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
                        <b>ELABORAZIONE IN CORSO</b>
                    </div>
                </div>
            </div>
        </div>
    </div>
}