From d515e67d817360e0c6cb0202b350aa55f2947f21 Mon Sep 17 00:00:00 2001
From: Vito0912 <86927734+Vito0912@users.noreply.github.com>
Date: Thu, 2 Jan 2025 20:39:16 +0100
Subject: [PATCH] fixed side bar, language and layout

---
 client/components/app/ConfigSideNav.vue  |  6 +++---
 client/components/stats/PreviewIcons.vue |  2 +-
 client/pages/config/server-stats.vue     | 24 ++++++++++++++++--------
 client/strings/en-us.json                |  4 ++++
 4 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/client/components/app/ConfigSideNav.vue b/client/components/app/ConfigSideNav.vue
index b42a560ea..fe71db499 100644
--- a/client/components/app/ConfigSideNav.vue
+++ b/client/components/app/ConfigSideNav.vue
@@ -114,9 +114,9 @@ export default {
 
       if (this.currentLibraryId) {
         configRoutes.push({
-          id: 'library-stats',
-          title: this.$strings.HeaderLibraryStats,
-          path: `/library/${this.currentLibraryId}/stats`
+          id: 'config-server-stats',
+          title: this.$strings.HeaderServerStats,
+          path: `/config/server-stats`
         })
         configRoutes.push({
           id: 'config-stats',
diff --git a/client/components/stats/PreviewIcons.vue b/client/components/stats/PreviewIcons.vue
index ca64e8af6..b9f89e5da 100644
--- a/client/components/stats/PreviewIcons.vue
+++ b/client/components/stats/PreviewIcons.vue
@@ -14,7 +14,7 @@
       <span class="material-symbols text-5xl pt-1">podcasts</span>
       <div class="px-1">
         <p class="text-4.5xl leading-none font-bold">{{ $formatNumber(numAudioTracks) }}</p>
-        <p class="text-xs md:text-sm text-white text-opacity-80">Episodes</p>
+        <p class="text-xs md:text-sm text-white text-opacity-80">{{ $strings.LabelEpisodes }}</p>
       </div>
     </div>
 
diff --git a/client/pages/config/server-stats.vue b/client/pages/config/server-stats.vue
index 9684c9bf5..687fb7a4f 100644
--- a/client/pages/config/server-stats.vue
+++ b/client/pages/config/server-stats.vue
@@ -1,16 +1,16 @@
 <template>
 
   <div>
-    <app-settings-content v-if="serverStats != null" header-text="All Stats">
+    <app-settings-content v-if="serverStats != null" :header-text="$strings.HeaderAllStats">
       <stats-preview-icons :library-stats="serverStats['combined']['all']" media-type="overview"/>
     </app-settings-content>
 
-    <app-settings-content v-if="serverStats != null && bookLibraryListStats.length >= 1" header-text="Book Libraries">
+    <app-settings-content v-if="serverStats != null && bookLibraryListStats.length >= 1" :header-text="$strings.HeaderBookLibraries">
       <stats-preview-icons :library-stats="serverStats['combined']['books']" media-type="book"/>
 
       <table class="tracksTable max-w-3xl mx-auto mt-8">
         <tr>
-          <th class="text-left">Name</th>
+          <th class="text-left">{{ $strings.LabelName }}</th>
           <th class="text-left">{{ $strings.LabelStatsItemsInLibrary }}</th>
           <th class="text-left">{{ $strings.LabelStatsOverallHours }}</th>
           <th class="text-left">{{ $strings.LabelStatsAuthors }}</th>
@@ -19,7 +19,11 @@
         </tr>
         <tr v-for="library in bookLibraryListStats">
           <td>
-            <p class="text-sm md:text-base text-gray-100">{{ library.name }}</p>
+            <p class="text-sm md:text-base text-gray-100">
+              <nuxt-link :to="`/library/${library.id}/stats`" class="hover:underline">
+                {{ library.name }}
+              </nuxt-link>
+            </p>
           </td>
           <td>
             <p class="text-sm md:text-base text-gray-100">{{ library.stats.totalItems }}</p>
@@ -41,20 +45,24 @@
 
     </app-settings-content>
 
-    <app-settings-content v-if="serverStats != null && podcastLibraryListStats.length >= 1" header-text="Podcast Libraries">
+    <app-settings-content v-if="serverStats != null && podcastLibraryListStats.length >= 1" :header-text="$strings.HeaderPodcastLibraries">
       <stats-preview-icons :library-stats="serverStats['combined']['podcasts']" media-type="podcast"/>
 
       <table class="tracksTable max-w-3xl mx-auto mt-8">
         <tr>
-          <th class="text-left">Name</th>
+          <th class="text-left">{{ $strings.LabelName }}</th>
           <th class="text-left">{{ $strings.LabelStatsItemsInLibrary }}</th>
-          <th class="text-left">Episodes</th>
+          <th class="text-left">{{ $strings.LabelEpisodes }}</th>
           <th class="text-left">{{ $strings.LabelStatsOverallHours }}</th>
           <th class="text-left">{{ $strings.LabelSize }}</th>
         </tr>
         <tr v-for="library in podcastLibraryListStats">
           <td>
-            <p class="text-sm md:text-base text-gray-100">{{ library.name }}</p>
+            <p class="text-sm md:text-base text-gray-100">
+              <nuxt-link :to="`/library/${library.id}/stats`" class="hover:underline">
+                {{ library.name }}
+              </nuxt-link>
+            </p>
           </td>
           <td>
             <p class="text-sm md:text-base text-gray-100">{{ library.stats.totalItems }}</p>
diff --git a/client/strings/en-us.json b/client/strings/en-us.json
index e94e51972..3e8f8288d 100644
--- a/client/strings/en-us.json
+++ b/client/strings/en-us.json
@@ -117,11 +117,13 @@
   "HeaderAccount": "Account",
   "HeaderAddCustomMetadataProvider": "Add Custom Metadata Provider",
   "HeaderAdvanced": "Advanced",
+  "HeaderAllStats": "All Stats",
   "HeaderAppriseNotificationSettings": "Apprise Notification Settings",
   "HeaderAudioTracks": "Audio Tracks",
   "HeaderAudiobookTools": "Audiobook File Management Tools",
   "HeaderAuthentication": "Authentication",
   "HeaderBackups": "Backups",
+  "HeaderBookLibraries": "Book Libraries",
   "HeaderChangePassword": "Change Password",
   "HeaderChapters": "Chapters",
   "HeaderChooseAFolder": "Choose a Folder",
@@ -174,6 +176,7 @@
   "HeaderPlayerSettings": "Player Settings",
   "HeaderPlaylist": "Playlist",
   "HeaderPlaylistItems": "Playlist Items",
+  "HeaderPodcastLibraries": "Podcast Libraries",
   "HeaderPodcastsToAdd": "Podcasts to Add",
   "HeaderPreviewCover": "Preview Cover",
   "HeaderRSSFeedGeneral": "RSS Details",
@@ -185,6 +188,7 @@
   "HeaderSchedule": "Schedule",
   "HeaderScheduleEpisodeDownloads": "Schedule Automatic Episode Downloads",
   "HeaderScheduleLibraryScans": "Schedule Automatic Library Scans",
+  "HeaderServerStats": "Server Stats",
   "HeaderSession": "Session",
   "HeaderSetBackupSchedule": "Set Backup Schedule",
   "HeaderSettings": "Settings",