Basic WEB is working

Bimix.UI.Shared/Bimix.UI.Shared.csproj

@@ -13,11 +13,16 @@
 
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.17" />
+    <PackageReference Include="MudBlazor" Version="8.8.0" />
   </ItemGroup>
 
-  <ItemGroup>
-    <ProjectReference Include="..\Bimix.Domain\Bimix.Domain.csproj" />
-    <ProjectReference Include="..\Bimix.Application\Bimix.Application.csproj" />
+  <ItemGroup>
+    <ProjectReference Include="..\Bimix.Domain\Bimix.Domain.csproj" />
+    <ProjectReference Include="..\Bimix.Application\Bimix.Application.csproj" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <Folder Include="wwwroot\" />
   </ItemGroup>
 
 </Project>

Bimix.UI.Shared/Component1.razor

@@ -1,3 +0,0 @@
-<div class="my-component">
-    This component is defined in the <strong>Bimix.UI.Shared</strong> library.
-</div>

Bimix.UI.Shared/Component1.razor.css

@@ -1,6 +0,0 @@
-.my-component {
-    border: 2px dashed red;
-    padding: 1em;
-    margin: 1em 0;
-    background-image: url('background.png');
-}

Bimix.UI.Shared/Components/Dashboard.razor

@@ -0,0 +1,5 @@
+@page "/dashboard"
+@using MudBlazor
+
+<MudText Typo="Typo.h4">Dashboard</MudText>
+<p>Tutaj znajdzie się panel ogólny aplikacji</p>

Bimix.UI.Shared/Components/Index.razor

@@ -0,0 +1,15 @@
+@page "/"
+@inject NavigationManager Navigation
+
+@code
+{
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            Navigation.NavigateTo("/dashboard");
+        }
+
+        await base.OnAfterRenderAsync(firstRender);
+    }
+}

Bimix.UI.Shared/Components/NavMenu.razor

@@ -0,0 +1,10 @@
+@using Microsoft.AspNetCore.Components.Routing
+@using MudBlazor
+<MudNavMenu>
+    <MudNavLink href="dashboard" Icon="@Icons.Material.Filled.Dashboard" Match="NavLinkMatch.All">
+        Dashboard
+    </MudNavLink>
+    <MudNavLink Href="products" Icon="@Icons.Material.Filled.List" Match="NavLinkMatch.All">
+        Produkty
+    </MudNavLink>
+</MudNavMenu>

Bimix.UI.Shared/Components/ProductList.razor

@@ -0,0 +1,5 @@
+@page "/products"
+@using MudBlazor
+
+<MudText Typo="Typo.h4">Produkty</MudText>
+<p>Lista produktów zostanie tutaj zaimplementowana</p>

Bimix.UI.Shared/Components/Routes.razor

@@ -0,0 +1,18 @@
+@using Microsoft.AspNetCore.Components.Routing
+@using MudBlazor
+
+<Router AppAssembly="@typeof(Routes).Assembly">
+    <Found Context="routeData">
+        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
+        <FocusOnNavigate RouteData="routeData" Selector="h1" />
+    </Found>
+    <NotFound>
+        <LayoutView Layout="@typeof(MainLayout)">
+            <MudCard Elevation="0">
+                <MudText Typo="Typo.h6">
+                    Strona nieznaleziona.
+                </MudText>
+            </MudCard>
+        </LayoutView>
+    </NotFound>
+</Router>

Bimix.UI.Shared/ExampleJsInterop.cs

@@ -1,36 +0,0 @@
-using Microsoft.JSInterop;
-
-namespace Bimix.UI.Shared;
-
-// This class provides an example of how JavaScript functionality can be wrapped
-// in a .NET class for easy consumption. The associated JavaScript module is
-// loaded on demand when first needed.
-//
-// This class can be registered as scoped DI service and then injected into Blazor
-// components for use.
-
-public class ExampleJsInterop : IAsyncDisposable
-{
-    private readonly Lazy<Task<IJSObjectReference>> moduleTask;
-
-    public ExampleJsInterop(IJSRuntime jsRuntime)
-    {
-        moduleTask = new (() => jsRuntime.InvokeAsync<IJSObjectReference>(
-            "import", "./_content/Bimix.UI.Shared/exampleJsInterop.js").AsTask());
-    }
-
-    public async ValueTask<string> Prompt(string message)
-    {
-        var module = await moduleTask.Value;
-        return await module.InvokeAsync<string>("showPrompt", message);
-    }
-
-    public async ValueTask DisposeAsync()
-    {
-        if (moduleTask.IsValueCreated)
-        {
-            var module = await moduleTask.Value;
-            await module.DisposeAsync();
-        }
-    }
-}

Bimix.UI.Shared/MainLayout.razor

@@ -0,0 +1,66 @@
+@using MudBlazor
+@inherits LayoutComponentBase
+
+<MudThemeProvider/>
+<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">Bimix</MudText>
+    </MudAppBar>
+
+    <MudDrawer @bind-Open="_drawerOpen"
+               Anchor="Anchor.Start"
+               Variant="@_drawerVariant"
+               Elevation="1"
+               ClipMode="DrawerClipMode.Always"
+               Class="mud-width-250">
+        <MudNavMenu>
+            <MudNavLink Href="/dashboard" Icon="@Icons.Material.Filled.Dashboard">Dashboard</MudNavLink>
+            <MudNavLink Href="/products" Icon="@Icons.Material.Filled.Inventory">Products</MudNavLink>
+        </MudNavMenu>
+    </MudDrawer>
+
+    <MudMainContent>
+        <MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="my-4">
+            @Body
+        </MudContainer>
+    </MudMainContent>
+</MudLayout>
+
+@code {
+
+    private bool _drawerOpen = true;
+    private DrawerVariant _drawerVariant = DrawerVariant.Persistent;
+
+    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();
+    }
+}

Bimix.UI.Shared/_Imports.razor

@@ -1 +1,11 @@
-@using Microsoft.AspNetCore.Components.Web
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.JSInterop
+@using Bimix.UI.Shared
+@using Bimix.UI.Shared.Components
+@using MudBlazor

Bimix.UI.Shared/wwwroot/exampleJsInterop.js

@@ -1,6 +0,0 @@
-// This is a JavaScript module that is loaded on demand. It can export any number of
-// functions, and may import other JavaScript modules if required.
-
-export function showPrompt(message) {
-  return prompt(message, 'Type anything here');
-}