mapo-core/MP.MON.Client/Components/DetailViewMSE.razor

@if (CurrRecord == null || !dataLoaded)
{
    <LoadingDataSmall></LoadingDataSmall>
}
else
{
    <div class="card mb-1 border border-dark rounded rounded-3 shadow bg-dark @brightCss">
        <div class="card-body @cssStatus(CurrRecord.Semaforo, doAnimate) bg-gradient text-white p-1">
            <div class="bg-dark text-white opacity-80 px-1 rounded shadow small lh-sm py-0 my-0">
                <div class="card-title text-uppercase text-center py-0 my-0 text-truncate" style="font-size: @titleMult;">
                    <span class="py-0 my-0 @textBlinkBright">@CurrRecord.Nome</span>
                </div>
                <div class="bg-dark text-white opacity-100 bg-gradient px-1 rounded shadow small lh-sm py-0">
                    @if (hasRow(1))
                    {
                        <div class="card-text d-flex justify-content-between small lh-sm">
                            @foreach (var item in rowValues(1))
                            {
                                <div class="px-0 @item.TagCss">@item.TagName: <b>@currVal(item.TagLocation)</b></div>
                            }
                        </div>
                    }
                    else
                    {
                        <div class="card-text d-flex justify-content-between small lh-sm">
                            <div class="px-1">
                                ART:
                            </div>
                            <div class="px-1">
                                @if (showArt == "CodArticolo")
                                {
                                    <span>@CurrRecord.CodArticolo</span>
                                }
                                else
                                {
                                    if (string.IsNullOrEmpty(CurrRecord.Disegno))
                                    {
                                        <span>[@CurrRecord.CodArticolo]</span>
                                    }
                                    else
                                    {
                                        <span>@CurrRecord.Disegno</span>
                                    }
                                }
                            </div>
                        </div>
                    }
                    @if (hasRow(2))
                    {
                        <div class="d-flex ui-subtitle justify-content-between py-0 px-1">
                            @foreach (var item in rowValues(2))
                            {
                                <div class="px-1 @item.TagCss">@item.TagName: <b>@currVal(item.TagLocation)</b></div>
                            }
                        </div>
                    }
                    else
                    {
                        <div class="card-text d-flex justify-content-between small lh-sm">
                            <div class="px-1">
                                PODL:
                            </div>
                            <div class="px-1">
                                @(CurrRecord.IdxPOdl > 0 ? $"{CurrRecord.IdxPOdl:000000}" : "-")
                            </div>
                        </div>
                        <div class="card-text d-flex justify-content-between small lh-sm">
                            <div class="px-1">
                                ODL:
                            </div>
                            <div class="px-1">
                                @(CurrRecord.IdxOdl > 0 ? $"{CurrRecord.IdxOdl:000000}" : "-")
                            </div>
                        </div>
                    }
                    @if (showTC)
                    {
                        @if (hasRow(3))
                        {
                            <div class="d-flex justify-content-between small lh-sm">
                                @foreach (var item in rowValues(4))
                                {
                                    <div class="px-1 @item.TagCss">@item.TagName: <b>@currVal(item.TagLocation)</b></div>
                                }
                            </div>
                        }
                        else
                        {
                            <div class="d-flex justify-content-between small lh-sm">
                                <div class="px-1 pe-0">TC. Act</div>
                                <div class="px-1 ps-0">@getMinSec(@CurrRecord.TCLavRT) <small>[@getMinSec(@CurrRecord.TCAssegnato)]</small></div>
                            </div>
                        }
                    }
                </div>
            </div>
            <div class="card-text text-light bg-dark bg-gradient rounded py-1 shadow mt-1 mb-0">
                @if (hasRow(4))
                {
                    <div class="d-flex justify-content-between py-0 mt-1 px-1">
                        @foreach (var item in rowValues(3))
                        {
                            <div class="px-1 @item.TagCss">@item.TagName: <b>@currVal(item.TagLocation)</b></div>
                        }
                    </div>
                }
                else
                {
                    <div class=" d-flex justify-content-between text-warning small w-100">
                        <div class="px-1 text-uppercase d-inline-block @textCss(@CurrRecord.DescrizioneStato) @textBlinkBright">
                            <span>@CurrRecord.DescrizioneStato</span>
                        </div>
                        <div class="px-1">@getMinSec(getDecimal(@CurrRecord.Durata))</div>
                    </div>
                }
                @if (hasRow(5))
                {
                    <div class="d-flex justify-content-between py-0 px-1">
                        @foreach (var item in rowValues(5))
                        {
                            <div class="px-1 @item.TagCss">@item.TagName: <b>@currVal(item.TagLocation)</b></div>
                        }
                    </div>
                }
                else
                {
                    <div class="d-flex justify-content-around fs-3">
                        <div class="px-1">
                            <span class="text-light">@CurrRecord.PezziProd</span> / <span class="text-light">@CurrRecord.NumPezzi</span>
                        </div>
                    </div>
                }
            </div>
        </div>
        <div class="card-footer px-1 pb-1 pt-0 small @cssStatus(CurrRecord.Semaforo, false)" style="font-size: 0.7rem;">
            <div class="d-flex text-white justify-content-between @cssComStatus(CurrRecord.Semaforo, CurrRecord.LastUpdate)">
                <div class="px-1 @textC101(CurrRecord.LastUpdate)">
                    @if (showComErr(CurrRecord.LastUpdate))
                    {
                        <b>C.101</b>
                    }
                    else
                    {
                        <span>@(OperatingSystem.IsBrowser() ? "Wasm" : "Online")</span>
                    }
                </div>
                <div class="px-1 text-end text-light text-truncate">
                    @($"{CurrRecord.LastUpdate:yyyy.MM.dd HH:mm:ss}")
                </div>
            </div>
        </div>
    </div>
}