Moonlight/Moonlight/Shared/Layouts/MainLayout.razor

@using Moonlight.Shared.Components.ErrorBoundaries
@using Moonlight.Shared.Components.Partials
@using Moonlight.Shared.Components.Alerts
@using Moonlight.Shared.Components.Auth
@using Moonlight.App.Database.Entities
@using Moonlight.App.Extensions
@using Moonlight.App.Models.Misc
@using Moonlight.App.Services
@using Moonlight.App.Services.Interop
@using Moonlight.App.Services.Sessions
@using Logging.Net

@layout ThemeInit
@implements IDisposable
@inherits LayoutComponentBase

@inject IJSRuntime JsRuntime
@inject IdentityService IdentityService
@inject SessionService SessionService
@inject NavigationManager NavigationManager
@inject MessageService MessageService
@inject ToastService ToastService

<GlobalErrorBoundary>
    @{
        var uri = new Uri(NavigationManager.Uri);
        var pathParts = uri.LocalPath.Split("/").Reverse();

        var title = "";

        foreach (var pathPart in pathParts)
        {
            if (!string.IsNullOrEmpty(pathPart))
            {
                if (pathPart == pathParts.Last())
                    title += $"{pathPart.FirstCharToUpper()} ";
                else
                    title += $"{pathPart.FirstCharToUpper()} - ";
            }
        }
    }

    <CascadingValue Value="User">
        <PageTitle>@(string.IsNullOrEmpty(title) ? "Dashboard - " : title)Moonlight</PageTitle>

        <div class="d-flex flex-column flex-root app-root" id="kt_app_root">
            <div class="app-page flex-column flex-column-fluid" id="kt_app_page">
                <canvas id="snow" class="snow-canvas"></canvas>

                @{
                    //TODO: Add a way to disable the snow
                }

                <PageHeader></PageHeader>
                <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
                    <Sidebar></Sidebar>
                    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
                        <div class="d-flex flex-column flex-column-fluid">
                            <div id="kt_app_content" class="app-content flex-column-fluid">
                                <div id="kt_app_content_container" class="app-container container-fluid">
                                    <div class="mt-10">
                                        <PageErrorBoundary>
                                            <SoftErrorBoundary>
                                                @if (uri.LocalPath != "/login" &&
                                                     uri.LocalPath != "/passwordreset" &&
                                                     uri.LocalPath != "/register")
                                                {
                                                    if (User == null)
                                                    {
                                                        <Login></Login>
                                                    }
                                                    else
                                                    {
                                                        if (User.Status == UserStatus.Banned)
                                                        {
                                                            <BannedAlert></BannedAlert>
                                                        }
                                                        else if (User.Status == UserStatus.Disabled)
                                                        {
                                                            <DisabledAlert></DisabledAlert>
                                                        }
                                                        else if (User.Status == UserStatus.PasswordPending)
                                                        {
                                                            <PasswordChangeView></PasswordChangeView>
                                                        }
                                                        else
                                                        {
                                                            @Body
                                                        }
                                                    }
                                                }
                                                else
                                                {
                                                    if (uri.LocalPath == "/login")
                                                    {
                                                        <Login></Login>
                                                    }
                                                    else if (uri.LocalPath == "/register")
                                                    {
                                                        <Register></Register>
                                                    }
                                                    else if (uri.LocalPath == "/passwordreset")
                                                    {
                                                        <PasswordReset></PasswordReset>
                                                    }
                                                }
                                            </SoftErrorBoundary>
                                        </PageErrorBoundary>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <Footer></Footer>
                    </div>
                </div>
            </div>
        </div>
    </CascadingValue>
</GlobalErrorBoundary>

@code
{
    private User? User;

    protected override void OnInitialized()
    {
        AddBodyAttribute("data-kt-app-page-loading", "on");
    }

    protected override void OnAfterRender(bool firstRender)
    {
    //Initialize classes and attributes for layout with dark sidebar
        AddBodyAttribute("data-kt-app-reset-transition", "true");

        AddBodyAttribute("data-kt-app-layout", "dark-sidebar");
        AddBodyAttribute("data-kt-app-header-fixed", "true");
        AddBodyAttribute("data-kt-app-sidebar-fixed", "true");
        AddBodyAttribute("data-kt-app-sidebar-hoverable", "true");
        AddBodyAttribute("data-kt-app-sidebar-push-header", "true");
        AddBodyAttribute("data-kt-app-sidebar-push-toolbar", "true");
        AddBodyAttribute("data-kt-app-sidebar-push-footer", "true");
        AddBodyAttribute("data-kt-app-toolbar-enabled", "true");

        AddBodyClass("app-default");
    }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            try
            {
                User = await IdentityService.Get();
                await InvokeAsync(StateHasChanged);

                await JsRuntime.InvokeVoidAsync("document.body.removeAttribute", "data-kt-app-reset-transition");
                await JsRuntime.InvokeVoidAsync("document.body.removeAttribute", "data-kt-app-page-loading");
                await JsRuntime.InvokeVoidAsync("KTMenu.createInstances");
                await JsRuntime.InvokeVoidAsync("KTDrawer.createInstances");
                await JsRuntime.InvokeVoidAsync("createSnow");

                await SessionService.Register();

                NavigationManager.LocationChanged += (sender, args) => { SessionService.Refresh(); };

                MessageService.Subscribe<MainLayout, SupportMessage>(
                    $"support.{User.Id}.message",
                    this,
                    async message =>
                    {
                        if (!NavigationManager.Uri.EndsWith("/support") && (message.IsSupport || message.IsSystem))
                        {
                            await ToastService.Info($"Support: {message.Message}");
                        }
                    });

                RunDelayedMenu(0);
                RunDelayedMenu(1);
                RunDelayedMenu(3);
                RunDelayedMenu(5);
            }
            catch (Exception)
            {
    // ignored
            }
        }
    }

    public void Dispose()
    {
        SessionService.Close();

        if (User != null)
        {
            MessageService.Unsubscribe($"support.{User.Id}.message", this);
        }
    }

    private void AddBodyAttribute(string attribute, string value)
    {
        JsRuntime.InvokeVoidAsync("document.body.setAttribute", attribute, value);
    }

    private void AddBodyClass(string className)
    {
        JsRuntime.InvokeVoidAsync("document.body.classList.add", className);
    }

    private void RunDelayedMenu(int seconds)
    {
        Task.Run(async () =>
        {
            try
            {
                await Task.Delay(TimeSpan.FromSeconds(seconds));
                await JsRuntime.InvokeVoidAsync("KTMenu.initHandlers");
            }
            catch (Exception e)
            {
    //Logger.Warn("Delayed menu error");
    //Logger.Warn(e);
            }
        });
    }
}