Merge pull request #296 from Moonlight-Panel/NewAdminDomainNavigation

Added new admin domain navigation

Moonlight/Shared/Components/Navigations/AdminDomainsNavigation.razor

@@ -0,0 +1,22 @@
+<div class="card mb-5 mb-xl-10">
+    <div class="card-body pt-0 pb-0">
+        <ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bold">
+            <li class="nav-item mt-2">
+                <a class="nav-link text-active-primary ms-0 me-10 py-5 @(Index == 0 ? "active" : "")" href="/admin/domains">
+                    <TL>Domains</TL>
+                </a>
+            </li>
+            <li class="nav-item mt-2">
+                <a class="nav-link text-active-primary ms-0 me-10 py-5 @(Index == 1 ? "active" : "")" href="/admin/domains/shared">
+                    <TL>Shared domains</TL>
+                </a>
+            </li>
+        </ul>
+    </div>
+</div>
+
+@code
+{
+    [Parameter]
+    public int Index { get; set; } = 0;
+}

Moonlight/Shared/Layouts/DefaultLayout.razor

@@ -187,39 +187,16 @@ else
                 </span>
             </a>
         </div>
-        <div data-kt-menu-trigger="click" class="menu-item menu-accordion">
+        <div class="menu-item">
-            <span class="menu-link">
+            <a class="menu-link" href="/admin/domains">
                 <span class="menu-icon">
                     <i class="bx bx-purchase-tag"></i>
                 </span>
                 <span class="menu-title">
                     <TL>Domains</TL>
                 </span>
-                <span class="menu-arrow"></span>
-            </span>
-            <div class="menu-sub menu-sub-accordion">
-                <div class="menu-item">
-                    <a class="menu-link" href="/admin/domains/">
-                        <span class="menu-bullet">
-                            <span class="bullet bullet-dot"></span>
-                        </span>
-                        <span class="menu-title">
-                            <TL>Domains</TL>
-                        </span>
             </a>
         </div>
-                <div class="menu-item">
-                    <a class="menu-link" href="/admin/domains/shared">
-                        <span class="menu-bullet">
-                            <span class="bullet bullet-dot"></span>
-                        </span>
-                        <span class="menu-title">
-                            <TL>Shared domains</TL>
-                        </span>
-                    </a>
-                </div>
-            </div>
-        </div>
         <div class="menu-item">
             <a class="menu-link" href="/admin/support">
                 <span class="menu-icon">

Moonlight/Shared/Views/Admin/Domains/Index.razor

@@ -4,6 +4,7 @@
 @using Microsoft.EntityFrameworkCore
 @using BlazorTable
 @using Moonlight.App.Services
+@using Moonlight.Shared.Components.Navigations
 
 @inject DomainRepository DomainRepository
 @inject DomainService DomainService
@@ -11,8 +12,9 @@
 
 @attribute [PermissionRequired(nameof(Permissions.AdminDomains))]
 
+<AdminDomainsNavigation Index="0" />
+
 <LazyLoader @ref="LazyLoader" Load="Load">
-    <div class="row">
     <div class="card">
                 <div class="card-header border-0 pt-5">
                     <h3 class="card-title align-items-start flex-column">
@@ -60,7 +62,6 @@
                     </div>
                 </div>
             </div>
-    </div>
 </LazyLoader>
 
 @code

Moonlight/Shared/Views/Admin/Domains/Shared/Index.razor

@@ -5,6 +5,7 @@
 @using Moonlight.App.Database.Entities
 @using Moonlight.App.Services.Interop
 @using BlazorTable
+@using Moonlight.Shared.Components.Navigations
 
 @inject SharedDomainRepository SharedDomainRepository
 @inject SmartTranslateService SmartTranslateService
@@ -14,18 +15,24 @@
 
 @attribute [PermissionRequired(nameof(Permissions.AdminSharedDomains))]
 
+<AdminDomainsNavigation Index="1" />
+
 <LazyLoader @ref="LazyLoader" Load="Load">
     <div class="card">
         <div class="card-header border-0 pt-5">
             <h3 class="card-title align-items-start flex-column">
                 <span class="card-label fw-bold fs-3 mb-1">
-                                    <span><TL>Shared domains</TL></span>
+                    <span>
+                        <TL>Shared domains</TL>
+                    </span>
                 </span>
             </h3>
             <div class="card-toolbar">
                 <a href="/admin/domains/shared/new" class="btn btn-sm btn-light-success">
                     <i class="bx bx-layer-plus"></i>
-                                    <span><TL>Add shared domain</TL></span>
+                    <span>
+                        <TL>Add shared domain</TL>
+                    </span>
                 </a>
             </div>
         </div>
@@ -44,7 +51,7 @@
             </Table>
         </div>
     </div>
-                </LazyLoader>
+</LazyLoader>
 
 @code
 {