mapo-mono/MP.MONO.UI/Components/CmpTop.razor

@using MP.MONO.Core.DTO
@using MP.MONO.UI.Data

@inject CurrentDataService MMDataService

<div class="d-flex justify-content-between w-100 align-items-center">
    @if (currStatus != null)
    {
        <div class="px-2 text-center">
            <div class="px-2 mx-2 text-center rounded bg-primary text-light">
                <div class="text-white-50" style="font-size: 0.7em; width: 15em;"><b>@currStatus.Manufacturer</b> - @currStatus.Model</div>
                <b>@currStatus.Name</b> - @currStatus.SerNumber
            </div>
        </div>
        <div class="px-2">
            <div class="d-flex">
                <div class="px-2 mx-2 text-center rounded bg-success text-light">
                    <div class="text-white-50" style="font-size: 0.7em; width: 15em;">Machine Status</div>
                    <b>@currStatus.Status</b>
                </div>
                <div class="px-2 text-center rounded bg-warning text-dark">
                    <div class="text-black-50" style="font-size: 0.7em; width: 15em;">Machine Mode</div>
                    <b>@currStatus.Mode</b>
                </div>
            </div>
        </div>
    }
    else
    {
        <div class="px-2">
            <LoadingDataSmall></LoadingDataSmall>
        </div>
    }
    <div class="px-2">
        <div class="px-2 mx-2 text-center rounded bg-secondary text-light">
            <div class="text-white-50" style="font-size: 0.7em; width: 15em;">logged user</div>
            <LoginDisplay></LoginDisplay>
        </div>
    </div>
</div>


@code {
    private MachineDTO? currStatus { get; set; } = null;

    protected override async Task OnInitializedAsync()
    {
        await ReloadData();
    }

    protected async Task ReloadData()
    {
        await Task.Delay(1);
        currStatus = await MMDataService.MachineStatus();
        await Task.Delay(1);
    }

}