gpw_next/GPW.CORE.SMART/Components/Calendario.razor

@using GPW.CORE.Smart.Data


@if (ListRecords == null)
{
    <LoadingData></LoadingData>
}
else
{

    <div style="background-color: #34495E; border-radius: 12px; width:100%" class="pb-1 mb-5">
        <CalendarMonth DtRif="@dtCurr" MainCss="table table-dark table-borderless" DateSelected="DisplayDate" MonthChanged="ReloadMonth" DateCheck="@DateCheck" SingleWeek="@showDetail" SelDayCss="selDate rounded-top p-2" HeadStyle="color: #E67E22"></CalendarMonth>
        @if (showDetail)
        {
            <div class="statsContainer m-2 mt-0">
                <div class="d-flex justify-content-between px-1 text-light small">
                    @if (datiGiorno != null)
                    {
                        @if (datiGiorno.TimbrExpl != null)
                        {
                            @if (currMode == CalendarModeEnum.modoControllo.showGauge)
                            {
                                <div>
                                    <div type="button" class="d-flex justify-content-between text-center bg-transparent text-light border-0">
                                        <div class="pe-1 text-decoration-none">
                                            Entrata
                                            @if (datiGiorno.TimbrExpl.Entrata1 != null)
                                            {
                                                <div class="@cssChooseEntr(datiGiorno.TimbrExpl.Entrata1)">

                                                    @($"{datiGiorno.TimbrExpl.Entrata1:HH:mm}")
                                                </div>
                                            }
                                            else
                                            {
                                                <div class="text-success">
                                                    @emptyTime
                                                </div>
                                            }
                                        </div>
                                        <div>
                                            Uscita
                                            @if (datiGiorno.TimbrExpl.Uscita1 != null)
                                            {
                                                <div class="@cssChooseEsc(datiGiorno.TimbrExpl.Uscita1)">

                                                    @($"{datiGiorno.TimbrExpl.Uscita1:HH:mm}")
                                                </div>
                                            }
                                            else
                                            {
                                                <div class="text-primary">
                                                    @emptyTime
                                                </div>
                                            }

                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <button class="d-flex justify-content-between text-center bg-transparent text-light border-0">
                                        <div class="pe-1">
                                            Entrata
                                            @if (datiGiorno.TimbrExpl.Entrata2 != null)
                                            {
                                                <div class="@cssChooseEntr(datiGiorno.TimbrExpl.Entrata2)">

                                                    @($"{datiGiorno.TimbrExpl.Entrata2:HH:mm}")
                                                </div>
                                            }
                                            else
                                            {
                                                <div class="text-success">
                                                    @emptyTime
                                                </div>
                                            }
                                        </div>
                                        <div>
                                            Uscita
                                            @if (datiGiorno.TimbrExpl.Uscita2 != null)
                                            {
                                                <div class="@cssChooseEsc(datiGiorno.TimbrExpl.Uscita2)">

                                                    @($"{datiGiorno.TimbrExpl.Uscita2:HH:mm}")
                                                </div>
                                            }
                                            else
                                            {
                                                <div class="text-primary">
                                                    @emptyTime
                                                </div>
                                            }

                                        </div>
                                    </button>
                                </div>
                                <div>
                                    <button class="d-flex justify-content-between text-center bg-transparent text-light border-0">
                                        <div class="pe-1">
                                            Entrata
                                            @if (datiGiorno.TimbrExpl.Entrata3 != null)
                                            {
                                                <div class="@cssChooseEntr(datiGiorno.TimbrExpl.Entrata3)">

                                                    @($"{datiGiorno.TimbrExpl.Entrata3:HH:mm}")
                                                </div>
                                            }
                                            else
                                            {
                                                <div class="text-success">
                                                    @emptyTime
                                                </div>
                                            }
                                        </div>
                                        <div>
                                            Uscita
                                            @if (datiGiorno.TimbrExpl.Uscita3 != null)
                                            {
                                                <div class="@cssChooseEsc(datiGiorno.TimbrExpl.Uscita3)">

                                                    @($"{datiGiorno.TimbrExpl.Uscita3:HH:mm}")
                                                </div>
                                            }
                                            else
                                            {
                                                <div class="text-primary">
                                                    @emptyTime
                                                </div>
                                            }

                                        </div>
                                    </button>
                                </div>
                            }
                        }
                        else
                        {
                            <div class="alert bg-warning w-100 text-center mt-1 mb-2 p-1" @onclick="()=>setModeRichTimb()">
                                NESSUN DATO DISPONIBILE
                            </div>

                        }
                    }

                </div>
                @if (datiGiorno != null)
                {
                    @if (currMode == CalendarModeEnum.modoControllo.showGauge)
                    {
                        <div class="d-flex justify-content-between">
                            <div @onclick="()=>setModeProgetti()">
                                <CircleGauge Titolo="@datiGiorno.OreMinComm" Testo="Caricate" maxVal="480" currVal="@datiGiorno.MinComm" strokeColorVal="#F1C40F" StyleTesto="font-size: 1em; fill: #fff;"></CircleGauge>
                            </div>
                            <div @onclick="()=>setModeRichTimb()">
                                <CircleGauge Titolo="@datiGiorno.OreMinLav" Testo="Lavorate" maxVal="480" currVal="@datiGiorno.MinLav" strokeColorVal="#00FF00" StyleTesto="font-size: 1em; fill: #fff;"></CircleGauge>
                            </div>
                        </div>
                    }
                    else if (currMode == CalendarModeEnum.modoControllo.showTimbr)
                    {
                        <div class="p-2 text-center text-light">
                            <TimbUser IdxDipCurr="IdxDipendente" ListTimbRich="listTimb" ReqReload="ReloadTimb"></TimbUser>
                        </div>
                    }
                    else if (currMode == CalendarModeEnum.modoControllo.showProj)
                    {
                        <div class="p-1 text-center text-light">
                            <div>
                                <CompProj ListProgetti="listaP" ReqReload="ForceReload" DtRif="@datiGiorno.DtRif"></CompProj>
                            </div>
                        </div>
                    }
                    else if (currMode == CalendarModeEnum.modoControllo.showTempRil)
                    {
                        <CheckTemp TargetDate="@datiGiorno.DtRif" IdxDipendente="@IdxDipendente"></CheckTemp>
                    }
                    else
                    {
                        <div class="p-2 text-center text-light">
                            N.A.
                        </div>
                    }
                }
                <div class="row p-2 pt-3">
                    <div class="col-6 d-grid gap-2">
                        @if ((currMode == CalendarModeEnum.modoControllo.showTimbr || currMode == CalendarModeEnum.modoControllo.showProj || currMode == CalendarModeEnum.modoControllo.showTempRil))
                        {
                            <button class="btnReset" @onclick="()=> backToGauge()"><i class="fa-solid fa-circle-chevron-left"></i> Dettagli</button>
                        }
                        else if (currMode == CalendarModeEnum.modoControllo.showGauge)
                        {

                            <button class="btnReset" @onclick="()=>resetCal()"><i class="fa-regular fa-circle-xmark"></i> Chiudi</button>
                        }
                    </div>
                    <div class="col-6 d-grid gap-2">
                        <button class="btnTemp" @onclick="() => showTempRil()"><i class="fa-solid fa-temperature-low"></i> Temperatura</button>
                        @*<button class="btnTemp" @onclick="ShowTemp"><i class="fa-solid fa-temperature-low"></i> Temperatura</button>*@
                    </div>
                </div>

            </div>
        }
    </div>

}