UI refactor (structure cleanup)

DiunaBI.UI.Shared/Components/Layout/MainLayout.razor

@@ -0,0 +1,98 @@
+@using MudBlazor
+@using DiunaBI.UI.Shared.Services
+@inject AppConfig AppConfig
+@inject EntityChangeHubService HubService
+@inherits LayoutComponentBase
+
+<AuthGuard>
+    <MudThemeProvider Theme="_theme"/>
+    <MudPopoverProvider/>
+    <MudDialogProvider/>
+    <MudSnackbarProvider/>
+
+    <MudLayout>
+        <MudBreakpointProvider OnBreakpointChanged="OnBreakpointChanged"></MudBreakpointProvider>
+        <MudAppBar Elevation="0">
+            <MudIconButton
+                Icon="@Icons.Material.Filled.Menu"
+                Color="Color.Inherit"
+                Edge="Edge.Start"
+                OnClick="ToggleDrawer"
+                Class="mud-hidden-md-up"/>
+            <MudSpacer/>
+            <MudText Typo="Typo.h6">@AppConfig.AppName</MudText>
+        </MudAppBar>
+
+        <MudDrawer @bind-Open="_drawerOpen"
+                   Anchor="Anchor.Start"
+                   Variant="@_drawerVariant"
+                   Elevation="1"
+                   ClipMode="DrawerClipMode.Always"
+                   Class="mud-width-250">
+            <div class="nav-logo" style="text-align: center; padding: 20px;">
+                <a href="https://www.diunabi.com" target="_blank">
+                    <img src="_content/DiunaBI.UI.Shared/images/logo.png" alt="DiunaBI" style="max-width: 180px; height: auto;" />
+                </a>
+            </div>
+            <MudNavMenu>
+                <MudNavLink Href="/dashboard" Icon="@Icons.Material.Filled.Dashboard">Dashboard</MudNavLink>
+                <MudNavLink Href="/layers" Icon="@Icons.Material.Filled.Inventory">Layers</MudNavLink>
+                <MudNavLink Href="/datainbox" Icon="@Icons.Material.Filled.Inbox">Data Inbox</MudNavLink>
+                <MudNavLink Href="/jobs" Icon="@Icons.Material.Filled.WorkHistory">Jobs</MudNavLink>
+            </MudNavMenu>
+        </MudDrawer>
+
+        <MudMainContent>
+            <MudContainer MaxWidth="MaxWidth.ExtraExtraLarge" Class="my-4">
+                @Body
+            </MudContainer>
+        </MudMainContent>
+    </MudLayout>
+</AuthGuard>
+
+@code {
+
+    private bool _drawerOpen = true;
+    private DrawerVariant _drawerVariant = DrawerVariant.Persistent;
+
+    protected override async Task OnInitializedAsync()
+    {
+        // Initialize SignalR connection when layout loads
+        await HubService.InitializeAsync();
+    }
+
+    private MudTheme _theme = new MudTheme()
+    {
+        PaletteLight = new PaletteLight()
+        {
+            Primary = "#e7163d",
+            PrimaryDarken = "#c01234",
+            PrimaryLighten = "#f04366",
+            Secondary = "#424242",
+            AppbarBackground = "#e7163d",
+        }
+    };
+
+    void ToggleDrawer()
+    {
+        Console.WriteLine($"ToogleDrawer clickkk {DateTime.Now}");
+        _drawerOpen = !_drawerOpen;
+    }
+
+    private void OnBreakpointChanged(Breakpoint breakpoint)
+    {
+        if (breakpoint < Breakpoint.Md)
+        {
+            _drawerVariant = DrawerVariant.Temporary;
+            _drawerOpen = false;
+        }
+        else
+        {
+            _drawerVariant = DrawerVariant.Persistent;
+            _drawerOpen = true;
+        }
+
+        StateHasChanged();
+    }
+
+}