From 5793bd97479829c7bf5bb7fc4c36116295bc8c47 Mon Sep 17 00:00:00 2001
From: Marcel Baumgartner <marcel.kbkm@gmail.com>
Date: Tue, 29 Aug 2023 16:07:43 +0200
Subject: [PATCH] Added new live statistics to navigation

---
 .../AdminStatisticsNavigation.razor           | 22 +++++++++++++++++++
 .../Shared/Views/Admin/Statistics/Index.razor |  5 ++++-
 .../Shared/Views/Admin/Statistics/Live.razor  |  3 +++
 3 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 Moonlight/Shared/Components/Navigations/AdminStatisticsNavigation.razor

diff --git a/Moonlight/Shared/Components/Navigations/AdminStatisticsNavigation.razor b/Moonlight/Shared/Components/Navigations/AdminStatisticsNavigation.razor
new file mode 100644
index 00000000..9a913bc7
--- /dev/null
+++ b/Moonlight/Shared/Components/Navigations/AdminStatisticsNavigation.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/statistics">
+                    <TL>Overview</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/statistics/live">
+                    <TL>Live data</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/Views/Admin/Statistics/Index.razor b/Moonlight/Shared/Views/Admin/Statistics/Index.razor
index 8441a22a..5fc5aa3c 100644
--- a/Moonlight/Shared/Views/Admin/Statistics/Index.razor
+++ b/Moonlight/Shared/Views/Admin/Statistics/Index.razor
@@ -6,13 +6,16 @@
 @using ApexCharts
 @using Moonlight.App.Helpers
 @using Moonlight.App.Services
+@using Moonlight.Shared.Components.Navigations
 
 @inject StatisticsViewService StatisticsViewService
 @inject SmartTranslateService SmartTranslateService
 
 @attribute [PermissionRequired(nameof(Permissions.AdminStatistics))]
 
-<div class="row mt-4 mb-2">
+<AdminStatisticsNavigation />
+
+<div class="row mb-2">
     <div class="col-12 col-lg-6 col-xl">
         <div class="card card-body">
             <select class="form-select" @bind="TimeSpanBind">
diff --git a/Moonlight/Shared/Views/Admin/Statistics/Live.razor b/Moonlight/Shared/Views/Admin/Statistics/Live.razor
index fc3e9a04..fea3303a 100644
--- a/Moonlight/Shared/Views/Admin/Statistics/Live.razor
+++ b/Moonlight/Shared/Views/Admin/Statistics/Live.razor
@@ -5,6 +5,7 @@
 @using Moonlight.App.Database.Entities
 @using Moonlight.App.Helpers
 @using Moonlight.App.Services.Sessions
+@using Moonlight.Shared.Components.Navigations
 
 @inject NodeService NodeService
 @inject Repository<Node> NodeRepository
@@ -12,6 +13,8 @@
 
 @attribute [PermissionRequired(nameof(Permissions.AdminStatisticsLive))]
 
+<AdminStatisticsNavigation />
+
 <div class="row">
     <div class="col-12 col-md-3 mb-3">
         <div class="card">