webdoorcreator/WebDoorCreator.UI/Pages/TestAnim.razor

@using WebDoorCreator.Data.Services;
@using WebDoorCreator.UI.Components.SvgComp
@using WebDoorCreator.Data
@page "/TestAnim"

@inject WebDoorCreatorService WDCService


<div class="w-100 text-center">
    @if (CurrLevel == 1)
    {
        <div class="cardOrders01">
            <div class="d-flex justify-content-between mb-3">
                <div class="fw-bold fs-2 text-start">
                    LEVEL 01
                </div>
                <div class="d-flex justify-content-between">
                </div>
            </div>
            <div style="min-height: 20rem;">
                Elenco ordini
                <hr />
                <button class="btn btn-lg btn-primary" @onclick="() => changeLevel(2)">
                    <i class="fa-solid fa-plus"></i> GoTo L02
                </button>
            </div>

            <div class="mt-2">
                pager
            </div>
        </div>
    }
    else if (CurrLevel == 2)
    {
        <div class="d-flex justify-content-around">
            <div class="cardOrders01 wRed01">
                <div class="d-flex justify-content-between mb-3">
                    <div class="fw-bold fs-2 text-start">
                        LEVEL 01
                    </div>
                    <div class="d-flex justify-content-between">
                        <button class="btn btn-lg btn-primary" @onclick="() => changeLevel(1)">
                            <i class="fa-solid fa-plus"></i> Return To L01
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="cardOrders02">
            <div class="d-flex justify-content-between mb-3">
                <div class="fw-bold fs-2 text-start">
                    LEVEL 02
                </div>
                <div class="d-flex justify-content-between">
                </div>
            </div>
            <div style="min-height: 20rem;">
                Elenco Porte
                <hr />
                <button class="btn btn-lg btn-primary" @onclick="() => changeLevel(3)">
                    <i class="fa-solid fa-plus"></i> GoTo L03
                </button>
            </div>

            <div class="mt-2">
                pager
            </div>
        </div>
    }
    else
    {
        <div class="d-flex justify-content-around">
            <div class="cardOrders01 wRed02">
                <div class="d-flex justify-content-between mb-3">
                    <div class="fw-bold fs-2 text-start">
                        LEVEL 01
                    </div>
                    <div class="d-flex justify-content-between">
                        <button class="btn btn-lg btn-primary" @onclick="() => changeLevel(1)">
                            <i class="fa-solid fa-plus"></i> Return To L01
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="d-flex justify-content-around">
            <div class="cardOrders02 wRed01">
                <div class="d-flex justify-content-between mb-3">
                    <div class="fw-bold fs-2 text-start">
                        LEVEL 02
                    </div>
                    <div class="d-flex justify-content-between">
                        <button class="btn btn-lg btn-primary" @onclick="() => changeLevel(2)">
                            <i class="fa-solid fa-plus"></i> Return To L02
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="cardOrders03">
            <div class="d-flex justify-content-between mb-3">
                <div class="fw-bold fs-2 text-start">
                    LEVEL 03
                </div>
                <div class="d-flex justify-content-between">
                </div>
            </div>
            <div style="min-height: 20rem;">
                Elenco HW
            </div>

            <div class="mt-2">
                pager
            </div>
        </div>
    }
</div>

@code {
    protected int CurrLevel { get; set; } = 1;

    protected async Task changeLevel(int newLevel)
    {
        await Task.Delay(1);
        CurrLevel = newLevel;
    }

}