mapo-core/MP-TAB3/Components/ProdConfirm.razor

<div class="mt-1">
    <MachSel RecMSE="RecMSE" E_MachSel="SetMacc"></MachSel>
</div>
<div class="mt-2">
    <div class="row">
        @if (enableMagPrint)
        {
            <div class="col-6 pe-2">
                <PrintMag RecMSE="RecMSE"></PrintMag>
            </div>
        }
        @if (odlOk)
        {
            <div class="@ConfCssWidth">
                <button class="btn btn-lg @ConfBg py-2 px-2 text-nowrap text-truncate" style="width: 100%" @onclick="() => ToggleConfProd()">
                    <span>@ConfTitle</span><i class="fa-solid @ConfTitleIcon ps-1"></i>
                </button>
            </div>
        }
        else
        {
            <div class="alert alert-warning text-danger fw-bold fs-2">MANCA ODL: conferma NON permessa</div>
        }
    </div>
</div>

@if (showConfirmResult)
{
    <div class="border border-info border-2 rounded-3 my-2 p-2">
        <div class="row">
            <div class="col-6">
                <b>Conferma Produzione</b> effettuata alle @($"{lastConfProd:HH:mm:ss}")
            </div>
            <div class="col-6">
                <div class="d-flex justify-content-between lh-sm text-success">
                    @if (lastPzBuoni > 0)
                    {
                        <span>Pz Buoni</span>
                        <span class="fw-bold">@lastPzBuoni</span>
                    }
                    else
                    {
                        <span class="text-secondary">Pz Buoni</span>
                        <span class="text-secondary">@lastPzBuoni</span>
                    }
                </div>
                <div class="d-flex justify-content-between lh-sm text-danger">
                    @if (lastPzScarto > 0)
                    {
                        <span>Pz scarto</span>
                        <span>@lastPzScarto</span>
                    }
                    else
                    {
                        <span class="text-secondary">Pz scarto</span>
                        <span class="text-secondary">@lastPzScarto</span>
                    }
                </div>
                <div class="d-flex justify-content-between lh-sm text-info">
                    @if (lastPzRilav > 0)
                    {
                        <span>Cicli Rilav.</span>
                        <span>@lastPzRilav</span>
                    }
                    else
                    {
                        <span class="text-secondary">Cicli Rilav.</span>
                        <span class="text-secondary">@lastPzRilav</span>
                    }
                </div>
            </div>
        </div>
    </div>
}


@if (confProdActive)
{
    <div class="cardBg bg-dark bg-gradient p-2 mt-2 border border-success border-2">
        <div class="d-flex justify-content-between">
            @if (isProcessing)
            {
                <div class="col-12">
                    <LoadingData Title="Processing Dati Conferma" DisplayMode="LoadingData.SpinMode.BounceLine" DisplaySize="LoadingData.CtrlSize.Large"></LoadingData>
                </div>
            }
            else
            {
                <div class="col-6">
                    <div class="p-1">
                        <div class="ps-1 fw-bold" style="font-size: 1.3rem;">Pz CONFERMATI <small>(prod. tot.)</small></div>
                        <div class="rounded">
                            <input class="form-control border-0 fw-bold" style="font-size: 1.5rem; background-color: #fff3cd; color: #000" aria-label="Floating label select example" @bind="numPzProdotti2Rec" @onblur="() => setConfirmBtn(true)" @onfocus="() => setConfirmBtn(false)" />
                        </div>
                    </div>
                    <div class="p-1">
                        @if (enablePzProdLasciati)
                        {
                            <div class="ps-1 fw-bold" style="font-size: 1.3rem;">Pz LASCIATI <small>(prodotti)</small></div>
                            <div class="bg-secondary rounded">
                                <input class="form-control text-light bg-secondary border-0" style="font-size: 1.5rem;" aria-label="Floating label select example" @bind="numPzLasciati" @onblur="() => setConfirmBtn(true)" @onfocus="() => setConfirmBtn(false)" />
                            </div>
                        }
                        else
                        {
                            <label class="btn btn-dark text-light btn-lg w-100" Visible="false">&nbsp;</label>
                        }
                    </div>
                </div>
                <div class="col-6">
                    <div style="display: flex; flex-direction: column; justify-content: space-between; height: 100%;">
                        <div class="p-1" style="font-size: 1.4rem">
                            <div class="d-flex justify-content-between lh-sm text-success">
                                @if (lblPz2RecBuoni > 0)
                                {
                                    <span>Pz Buoni</span>
                                    <span class="fw-bold">@lblPz2RecBuoni</span>
                                }
                                else
                                {
                                    <span class="text-secondary">Pz Buoni</span>
                                    <span class="text-secondary">@lblPz2RecBuoni</span>
                                }
                            </div>
                            <div class="d-flex justify-content-between lh-sm text-danger">
                                @if (lblPz2RecScarto > 0)
                                {
                                    <span>Pz scarto</span>
                                    <span>@lblPz2RecScarto</span>
                                }
                                else
                                {
                                    <span class="text-secondary">Pz scarto</span>
                                    <span class="text-secondary">@lblPz2RecScarto</span>
                                }
                            </div>
                            <div class="d-flex justify-content-between lh-sm text-info">
                                @if (lblCicliRilavorati > 0)
                                {
                                    <span>Cicli Rilav.</span>
                                    <span>@lblCicliRilavorati</span>
                                }
                                else
                                {
                                    <span class="text-secondary">Cicli Rilav.</span>
                                    <span class="text-secondary">@lblCicliRilavorati</span>
                                }
                            </div>
                        </div>
                        <div class="text-center h-100 d-flex flex-column align-items-center flex-nowrap justify-content-end">
                            @($"{dtReqUpdate:HH:mm:ss} | {dtReqUpdate:ddd yyyy.MM.dd}")
                        </div>
                        <div class="p-1">
                            @if (showConfirm && lblPz2RecBuoni >= 0)
                            {
                                <button class="btn btn-success text-light btn-lg w-100 h-100" @onclick="SalvaConfPz"><i class="fa-regular fa-floppy-disk"></i></button>
                            }
                            else if (showConfirm && lblPz2RecBuoni < 0 && !chkPzBuoniNeg)
                            {
                                <button class="btn btn-success text-light btn-lg w-100 h-100" @onclick="SalvaConfPz"><i class="fa-regular fa-floppy-disk"></i></button>
                            }
                            else if (showConfirm && lblPz2RecBuoni < 0 && chkPzBuoniNeg)
                            {
                                <div class="btn btn-danger btn-lg text-light fw-bold text-center w-100 h-100">Pezzi buoni negativi!</div>
                            }
                            else
                            {
                                <btn class="btn btn-info btn-lg w-100 h-100" disabled>Completare le modifiche!</btn>
                            }
                        </div>
                    </div>
                </div>
            }
        </div>
    </div>
}

<div class="col-12">
    <div class="row textCondens mt-2 px-2">
        <div class="col-12 py-0 text-start text-uppercase lh-1 fw-bold">
            Dati Globali ODL
        </div>
        <div class="col-6 col-sm p-1">
            <div class="text-center text-light h-100 px-2 border border-light" style=" background-color: #363636; border-radius: .5rem;">
                <div class="text-truncate lh-sm pt-1">
                    <span class="small">Cicli Prod <b>(ABCD)</b></span>
                </div>
                <div class="d-flex align-items-center text-center justify-content-center">
                    @if (isProcessing)
                    {
                        <i class="fa-solid fa-circle-notch fa-spin fs-1 py-1"></i>
                    }
                    else
                    {
                        <span class="fw-bold fs-2">@numPzProdotti</span>
                    }
                </div>
            </div>
        </div>
        <div class="col-6 col-sm p-1">
            <div class="text-center h-100 px-2 shadows" style=" background-color: #fff3cd; border-radius: .5rem;">
                <div class="text-truncate lh-sm pt-1">
                    <span class="text-dark small"><b>[A]</b> Da Conf.</span>
                </div>
                <div class="text-dark d-flex align-items-center text-center justify-content-center">
                    @if (isProcessing)
                    {
                        <i class="fa-solid fa-circle-notch fa-spin fs-1 py-1"></i>
                    }
                    else
                    {
                        <span class="fw-bold fs-2">@numPzProdotti2Rec</span>
                    }
                </div>
            </div>
        </div>
        <div class="col-6 col-sm p-1">
            <div class="text-center h-100 px-2" style=" background-color: #f8abcd; border-radius: .5rem;">
                <div class="text-truncate lh-sm pt-1">
                    <span class="text-dark small"><b>[B]</b> Scarti Vers.</span>
                </div>
                <div class="text-dark d-flex align-items-center text-center justify-content-center">
                    @if (isProcessing)
                    {
                        <i class="fa-solid fa-circle-notch fa-spin fs-1 py-1"></i>
                    }
                    else
                    {
                        <span class="fw-bold fs-2">@numPzScaConf</span>
                    }
                </div>
            </div>
        </div>
        <div class="col-6 col-sm p-1">
            <div class="text-center h-100 px-2" style=" background-color: #cff4fc; border-radius: .5rem;">
                <div class="text-truncate lh-sm pt-1">
                    <span class="text-dark small"><b>[C]</b> Rilav Vers.</span>
                </div>
                <div class="text-dark d-flex align-items-center text-center justify-content-center">
                    @if (isProcessing)
                    {
                        <i class="fa-solid fa-circle-notch fa-spin fs-1 py-1"></i>
                    }
                    else
                    {
                        <span class="fw-bold fs-2">@numPzRilavConf</span>
                    }
                </div>
            </div>
        </div>
        <div class="col-6 col-sm p-1">
            <div class="text-center h-100 px-2" style=" background-color: #d1e7dd; border-radius: .5rem;">
                <div class="text-truncate lh-sm pt-1">
                    <span class="text-dark small"><b>[D]</b> Buoni Vers.</span>
                </div>
                <div class="text-dark d-flex align-items-center text-center justify-content-center">
                    @if (isProcessing)
                    {
                        <i class="fa-solid fa-circle-notch fa-spin fs-1 py-1"></i>
                    }
                    else
                    {
                        <span class="fw-bold fs-2">@numPzBuoniConf</span>
                    }
                </div>
            </div>
        </div>
    </div>
</div>

@if (!confProdActive)
{
    <div class="col-12">
        <div class="row textCondens mt-1 py-1">
            <div class="col-6 pe-1">
                <a class="btn btn-lg btn-primary w-100 py-2 px-1 " style="min-width: 6rem;" href="scrap"><i class="fa fa-bug pe-1"></i>SCARTI</a>
            </div>
            <div class=" col-6 ps-1">
                <a class="btn btn-lg btn-primary w-100 py-2 px-1" style="min-width: 6rem;" href="controls"><i class="fa fa-wrench pe-1"></i>CONTROLLI</a>
            </div>
        </div>
    </div>
}
else
{
    <div class="col-12">
        <div class="row textCondens mt-1 py-1">
            <div class="col-6 pe-1">
                <a class="btn btn-lg btn-secondary w-100 py-2 px-1 disabled" style="min-width: 6rem;"><i class="fa fa-bug pe-1"></i>  SCARTI</a>
            </div>
            <div class=" col-6 ps-1">
                <a class="btn btn-lg btn-secondary w-100 py-2 px-1 disabled" style="min-width: 6rem;"><i class="fa fa-wrench pe-1"></i> CONTROLLI</a>
            </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>
}

<ShowProcessing IsProcessing="@isProcessing"></ShowProcessing>

@if (!confProdActive)
{
    <div style="font-size: 1.1rem;">
        <ProdStat RecMSE="RecMSE"></ProdStat>
    </div>
}