From 762d3cc1a1a49a6c196e29880f3894b5f119f438 Mon Sep 17 00:00:00 2001
From: Marcel Baumgartner <marcel.kbkm@gmail.com>
Date: Tue, 29 Aug 2023 15:54:37 +0200
Subject: [PATCH] Added new admin domain navigation

---
 .../Navigations/AdminDomainsNavigation.razor  | 22 +++++
 Moonlight/Shared/Layouts/DefaultLayout.razor  | 29 +-----
 .../Shared/Views/Admin/Domains/Index.razor    | 95 ++++++++++---------
 .../Views/Admin/Domains/Shared/Index.razor    | 73 +++++++-------
 4 files changed, 113 insertions(+), 106 deletions(-)
 create mode 100644 Moonlight/Shared/Components/Navigations/AdminDomainsNavigation.razor

diff --git a/Moonlight/Shared/Components/Navigations/AdminDomainsNavigation.razor b/Moonlight/Shared/Components/Navigations/AdminDomainsNavigation.razor
new file mode 100644
index 00000000..a84dfa60
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Layouts/DefaultLayout.razor b/Moonlight/Shared/Layouts/DefaultLayout.razor
index 34903537..8be2076c 100644
--- a/Moonlight/Shared/Layouts/DefaultLayout.razor
+++ b/Moonlight/Shared/Layouts/DefaultLayout.razor
@@ -187,38 +187,15 @@ else
                 </span>
             </a>
         </div>
-        <div data-kt-menu-trigger="click" class="menu-item menu-accordion">
-            <span class="menu-link">
+        <div class="menu-item">
+            <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>
+            </a>
         </div>
         <div class="menu-item">
             <a class="menu-link" href="/admin/support">
diff --git a/Moonlight/Shared/Views/Admin/Domains/Index.razor b/Moonlight/Shared/Views/Admin/Domains/Index.razor
index ef3fafe4..b1b1de34 100644
--- a/Moonlight/Shared/Views/Admin/Domains/Index.razor
+++ b/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,56 +12,56 @@
 
 @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">
-                    <span class="card-label fw-bold fs-3 mb-1">
-                        <TL>Domains</TL>
-                    </span>
-                </h3>
-                <div class="card-toolbar">
-                    <a href="/admin/domains/new" class="btn btn-sm btn-light-success">
-                        <i class="bx bx-layer-plus"></i>
-                        <TL>New domain</TL>
-                    </a>
+    <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">
+                            <TL>Domains</TL>
+                        </span>
+                    </h3>
+                    <div class="card-toolbar">
+                        <a href="/admin/domains/new" class="btn btn-sm btn-light-success">
+                            <i class="bx bx-layer-plus"></i>
+                            <TL>New domain</TL>
+                        </a>
+                    </div>
+                </div>
+                <div class="card-body pt-0">
+                    <div class="table-responsive">
+                        <Table TableItem="Domain" Items="Domains" PageSize="25" TableClass="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3" TableHeadClass="fw-bold text-muted">
+                            <Column TableItem="Domain" Title="@(SmartTranslateService.Translate("Id"))" Field="@(x => x.Id)" Sortable="true" Filterable="true" Width="10%"/>
+                            <Column TableItem="Domain" Title="@(SmartTranslateService.Translate("Name"))" Field="@(x => x.Name)" Sortable="true" Filterable="true" Width="10%"/>
+                            <Column TableItem="Domain" Title="@(SmartTranslateService.Translate("Shared domain"))" Field="@(x => x.SharedDomain)" Sortable="true" Filterable="true" Width="10%">
+                                <Template>
+                                    <span>@(context.SharedDomain.Name)</span>
+                                </Template>
+                            </Column>
+                            <Column TableItem="Domain" Title="@(SmartTranslateService.Translate("Owner"))" Field="@(x => x.Owner)" Sortable="true" Filterable="true" Width="10%">
+                                <Template>
+                                    <a href="/admin/users/view/@(context.Owner.Id)">@(context.Owner.Email)</a>
+                                </Template>
+                            </Column>
+                            <Column TableItem="Domain" Title="@(SmartTranslateService.Translate("Manage"))" Field="@(x => x.Id)" Sortable="false" Filterable="false" Width="10%">
+                                <Template>
+                                    <a href="/domain/@(context.Id)">Manage</a>
+                                </Template>
+                            </Column>
+                            <Column TableItem="Domain" Title="" Field="@(x => x.Id)" Sortable="false" Filterable="false" Width="10%">
+                                <Template>
+                                    <DeleteButton Confirm="true"
+                                                  AdditionalCssClasses="float-end"
+                                                  OnClick="() => Delete(context)">
+                                    </DeleteButton>
+                                </Template>
+                            </Column>
+                            <Pager ShowPageNumber="true" ShowTotalCount="true"/>
+                        </Table>
+                    </div>
                 </div>
             </div>
-            <div class="card-body pt-0">
-                <div class="table-responsive">
-                    <Table TableItem="Domain" Items="Domains" PageSize="25" TableClass="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3" TableHeadClass="fw-bold text-muted">
-                        <Column TableItem="Domain" Title="@(SmartTranslateService.Translate("Id"))" Field="@(x => x.Id)" Sortable="true" Filterable="true" Width="10%"/>
-                        <Column TableItem="Domain" Title="@(SmartTranslateService.Translate("Name"))" Field="@(x => x.Name)" Sortable="true" Filterable="true" Width="10%"/>
-                        <Column TableItem="Domain" Title="@(SmartTranslateService.Translate("Shared domain"))" Field="@(x => x.SharedDomain)" Sortable="true" Filterable="true" Width="10%">
-                            <Template>
-                                <span>@(context.SharedDomain.Name)</span>
-                            </Template>
-                        </Column>
-                        <Column TableItem="Domain" Title="@(SmartTranslateService.Translate("Owner"))" Field="@(x => x.Owner)" Sortable="true" Filterable="true" Width="10%">
-                            <Template>
-                                <a href="/admin/users/view/@(context.Owner.Id)">@(context.Owner.Email)</a>
-                            </Template>
-                        </Column>
-                        <Column TableItem="Domain" Title="@(SmartTranslateService.Translate("Manage"))" Field="@(x => x.Id)" Sortable="false" Filterable="false" Width="10%">
-                            <Template>
-                                <a href="/domain/@(context.Id)">Manage</a>
-                            </Template>
-                        </Column>
-                        <Column TableItem="Domain" Title="" Field="@(x => x.Id)" Sortable="false" Filterable="false" Width="10%">
-                            <Template>
-                                <DeleteButton Confirm="true"
-                                              AdditionalCssClasses="float-end"
-                                              OnClick="() => Delete(context)">
-                                </DeleteButton>
-                            </Template>
-                        </Column>
-                        <Pager ShowPageNumber="true" ShowTotalCount="true"/>
-                    </Table>
-                </div>
-            </div>
-        </div>
-    </div>
 </LazyLoader>
 
 @code
diff --git a/Moonlight/Shared/Views/Admin/Domains/Shared/Index.razor b/Moonlight/Shared/Views/Admin/Domains/Shared/Index.razor
index d6f11f3f..78208044 100644
--- a/Moonlight/Shared/Views/Admin/Domains/Shared/Index.razor
+++ b/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,37 +15,43 @@
 
 @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>
-                            </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>
-                                </a>
-                            </div>
-                        </div>
-                        <div class="card-body">
-                            <Table TableItem="SharedDomain" Items="SharedDomains" PageSize="25" TableClass="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3" TableHeadClass="fw-bold text-muted">
-                                <Column TableItem="SharedDomain" Title="@(SmartTranslateService.Translate("Id"))" Field="@(x => x.Id)" Sortable="true" Filterable="true" Width="10%"/>
-                                <Column TableItem="SharedDomain" Title="@(SmartTranslateService.Translate("Name"))" Field="@(x => x.Name)" Sortable="true" Filterable="true" Width="10%"/>
-                                <Column TableItem="SharedDomain" Title="" Field="@(x => x.Id)" Sortable="false" Filterable="false" Width="10%">
-                                    <Template>
-                                        <DeleteButton Confirm="true"
-                                                      AdditionalCssClasses="float-end"
-                                                      OnClick="() => Delete(context)">
-                                        </DeleteButton>
-                                    </Template>
-                                </Column>
-                            </Table>
-                        </div>
-                    </div>
-                </LazyLoader>
+    <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>
+            </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>
+                </a>
+            </div>
+        </div>
+        <div class="card-body">
+            <Table TableItem="SharedDomain" Items="SharedDomains" PageSize="25" TableClass="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3" TableHeadClass="fw-bold text-muted">
+                <Column TableItem="SharedDomain" Title="@(SmartTranslateService.Translate("Id"))" Field="@(x => x.Id)" Sortable="true" Filterable="true" Width="10%"/>
+                <Column TableItem="SharedDomain" Title="@(SmartTranslateService.Translate("Name"))" Field="@(x => x.Name)" Sortable="true" Filterable="true" Width="10%"/>
+                <Column TableItem="SharedDomain" Title="" Field="@(x => x.Id)" Sortable="false" Filterable="false" Width="10%">
+                    <Template>
+                        <DeleteButton Confirm="true"
+                                      AdditionalCssClasses="float-end"
+                                      OnClick="() => Delete(context)">
+                        </DeleteButton>
+                    </Template>
+                </Column>
+            </Table>
+        </div>
+    </div>
+</LazyLoader>
 
 @code
 {
@@ -72,12 +79,12 @@
         }
         catch (Exception e)
         {
-            //TODO: Add check if any domains are left
-            
+    //TODO: Add check if any domains are left
+
             await AlertService.Error(
                 SmartTranslateService.Translate("Error"),
                 SmartTranslateService.Translate("Something went wrong. Are any domains associated with this shared domain still there?")
-            );
+                );
         }
     }
 }
\ No newline at end of file