Initial commit

srcs/RobotNet10/Components/RobotNet10.Components/Layout.razor

@@ -0,0 +1,54 @@
+@using Microsoft.AspNetCore.Components.Authorization
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@inherits LayoutComponentBase
+
+@inject IJSRuntime JS
+@inject OptionLayout Options
+
+<div class="w-100 h-100 d-flex flex-column overflow-hidden">
+    <div class="d-flex flex-row justify-content-between position-relative" style="height: 50px; background-color: #233871">
+        <div class="h-100 d-flex align-items-center" onclick="robotnet.components.toggleSidebar()">
+            <img class="ms-1" src="_content/RobotNet10.Components/images/logoLight.svg" alt="PhenikaaX" style="height: 35px;" />
+        </div>
+        <div class="w-100 h-100 position-absolute pe-none">
+            <div class="h-100 mx-auto pe-none" style="width: fit-content;">
+                <div class="h-100 d-flex align-items-center">
+                    <span class="text-white" style="font-size: 36px;">
+                        @Options.AppName
+                    </span>
+                </div>
+            </div>
+        </div>
+        <AuthorizeView>
+            <Authorized>
+                <div class="d-flex flex-row align-items-center">
+                    <div>
+                        <span class="mdi mdi-account mdi-36px text-white "></span>
+                    </div>
+                    <MudText Class="text-white name" Typo="Typo.subtitle1">@context.User.Identity?.Name</MudText>
+                    <MudSpacer />
+                    <form action="Account/Logout" method="post">
+                        <AntiforgeryToken />
+                        <input type="hidden" name="returnUrl" value="" />
+                        <MudIconButton Class="text-white" ButtonType="@ButtonType.Submit" Icon="@Icons.Material.Filled.Logout" />
+                    </form>
+                </div>
+            </Authorized>
+        </AuthorizeView>
+    </div>
+    <div class="w-100 flex-grow-1 d-flex flex-row">
+        <NavMenu />
+        <main>
+            <div>
+                @Body
+            </div>
+        </main>
+    </div>
+</div>
+
+<div id="blazor-error-ui" data-nosnippet>
+    An unhandled error has occurred.
+    <a href="." class="reload">Reload</a>
+    <span class="dismiss">🗙</span>
+</div>