feat(i18n): made "Year in Review" UI elements translatable and added german translation for those

client/components/stats/YearInReviewBanner.vue

@@ -7,9 +7,10 @@
     </div>
 
     <div class="flex items-center">
-      <p class="hidden md:block text-xl font-semibold">{{ yearInReviewYear }} Year in Review</p>
+      <p class="hidden md:block text-xl font-semibold">{{ $getString('HeaderYearReview', [yearInReviewYear]) }}</p>
       <div class="hidden md:block flex-grow" />
-      <ui-btn class="w-full md:w-auto" @click.stop="clickShowYearInReview">{{ showYearInReview ? 'Hide Year in Review' : 'See Year in Review' }}</ui-btn>
+      <ui-btn class="w-full md:w-auto" @click.stop="clickShowYearInReview">{{ showYearInReview ? $strings.LabelYearReviewHide :
+        $strings.LabelYearReviewShow }}</ui-btn>
     </div>
 
     <!-- your year in review -->
@@ -20,24 +21,27 @@
         <!-- previous button -->
         <ui-btn small :disabled="!yearInReviewVariant || processingYearInReview" class="inline-flex items-center font-semibold" @click="yearInReviewVariant--">
           <span class="material-icons text-lg sm:pr-1 py-px sm:py-0">chevron_left</span>
-          <span class="hidden sm:inline-block pr-2">Previous</span>
+          <span class="hidden sm:inline-block pr-2">{{ $strings.ButtonPrevious }}</span>
         </ui-btn>
         <!-- share button -->
-        <ui-btn v-if="showShareButton" small :disabled="processingYearInReview" class="inline-flex sm:hidden items-center font-semibold ml-1 sm:ml-2" @click="shareYearInReview"> Share </ui-btn>
+        <ui-btn v-if="showShareButton" small :disabled="processingYearInReview" class="inline-flex sm:hidden items-center font-semibold ml-1 sm:ml-2" @click="shareYearInReview">{{
+          $strings.ButtonShare }}
+        </ui-btn>
 
         <div class="flex-grow" />
-        <p class="hidden sm:block text-lg font-semibold">Your Year in Review ({{ yearInReviewVariant + 1 }})</p>
+        <p class="hidden sm:block text-lg font-semibold">{{ $getString('LabelPersonalYearReview', [yearInReviewVariant + 1]) }}
+        </p>
         <p class="block sm:hidden text-lg font-semibold">{{ yearInReviewVariant + 1 }}</p>
         <div class="flex-grow" />
 
         <!-- refresh button -->
         <ui-btn small :disabled="processingYearInReview" class="inline-flex items-center font-semibold mr-1 sm:mr-2" @click="refreshYearInReview">
-          <span class="hidden sm:inline-block">Refresh</span>
+          <span class="hidden sm:inline-block">{{ $strings.ButtonRefresh }}</span>
           <span class="material-icons sm:!hidden text-lg py-px">refresh</span>
         </ui-btn>
         <!-- next button -->
         <ui-btn small :disabled="yearInReviewVariant >= 2 || processingYearInReview" class="inline-flex items-center font-semibold" @click="yearInReviewVariant++">
-          <span class="hidden sm:inline-block pl-2">Next</span>
+          <span class="hidden sm:inline-block pl-2">{{ $strings.ButtonNext }}</span>
           <span class="material-icons-outlined text-lg sm:pl-1 py-px sm:py-0">chevron_right</span>
         </ui-btn>
       </div>
@@ -46,7 +50,7 @@
       <!-- your year in review short -->
       <div class="w-full max-w-[800px] mx-auto my-4">
         <!-- share button -->
-        <ui-btn v-if="showShareButton" small :disabled="processingYearInReviewShort" class="inline-flex sm:hidden items-center font-semibold mb-1" @click="shareYearInReviewShort"> Share </ui-btn>
+        <ui-btn v-if="showShareButton" small :disabled="processingYearInReviewShort" class="inline-flex sm:hidden items-center font-semibold mb-1" @click="shareYearInReviewShort">{{ $strings.ButtonShare }}</ui-btn>
         <stats-year-in-review-short ref="yearInReviewShort" :year="yearInReviewYear" :processing.sync="processingYearInReviewShort" />
       </div>
 
@@ -56,24 +60,25 @@
           <!-- previous button -->
           <ui-btn small :disabled="!yearInReviewServerVariant || processingYearInReviewServer" class="inline-flex items-center font-semibold" @click="yearInReviewServerVariant--">
             <span class="material-icons text-lg sm:pr-1 py-px sm:py-0">chevron_left</span>
-            <span class="hidden sm:inline-block pr-2">Previous</span>
+            <span class="hidden sm:inline-block pr-2">{{ $strings.ButtonPrevious }}</span>
           </ui-btn>
           <!-- share button -->
-          <ui-btn v-if="showShareButton" small :disabled="processingYearInReviewServer" class="inline-flex sm:hidden items-center font-semibold ml-1 sm:ml-2" @click="shareYearInReviewServer"> Share </ui-btn>
+          <ui-btn v-if="showShareButton" small :disabled="processingYearInReviewServer" class="inline-flex sm:hidden items-center font-semibold ml-1 sm:ml-2" @click="shareYearInReviewServer">{{ $strings.ButtonShare }}
+          </ui-btn>
 
           <div class="flex-grow" />
-          <p class="hidden sm:block text-lg font-semibold">Server Year in Review ({{ yearInReviewServerVariant + 1 }})</p>
+          <p class="hidden sm:block text-lg font-semibold">{{ $getString('LabelServerYearReview', [yearInReviewServerVariant + 1]) }}</p>
           <p class="block sm:hidden text-lg font-semibold">{{ yearInReviewServerVariant + 1 }}</p>
           <div class="flex-grow" />
 
           <!-- refresh button -->
           <ui-btn small :disabled="processingYearInReviewServer" class="inline-flex items-center font-semibold mr-1 sm:mr-2" @click="refreshYearInReviewServer">
-            <span class="hidden sm:inline-block">Refresh</span>
+            <span class="hidden sm:inline-block">{{ $strings.ButtonRefresh }}</span>
             <span class="material-icons sm:!hidden text-lg py-px">refresh</span>
           </ui-btn>
           <!-- next button -->
           <ui-btn small :disabled="yearInReviewServerVariant >= 2 || processingYearInReviewServer" class="inline-flex items-center font-semibold" @click="yearInReviewServerVariant++">
-            <span class="hidden sm:inline-block pl-2">Next</span>
+            <span class="hidden sm:inline-block pl-2">{{ $strings.ButtonNext }}</span>
             <span class="material-icons-outlined text-lg sm:pl-1 py-px sm:py-0">chevron_right</span>
           </ui-btn>
         </div>

client/strings/de.json

@@ -41,12 +41,14 @@
   "ButtonMatchAllAuthors": "Online Metadaten-Abgleich (alle Autoren)",
   "ButtonMatchBooks": "Online Metadaten-Abgleich (alle Medien)",
   "ButtonNevermind": "Abbrechen",
+  "ButtonNext": "Nächste",
   "ButtonOk": "Ok",
   "ButtonOpenFeed": "Feed öffnen",
   "ButtonOpenManager": "Manager öffnen",
   "ButtonPlay": "Abspielen",
   "ButtonPlaying": "Spielt",
   "ButtonPlaylists": "Wiedergabelisten",
+  "ButtonPrevious": "Vorherige",
   "ButtonPurgeAllCache": "Cache leeren",
   "ButtonPurgeItemsCache": "Lösche Medien-Cache",
   "ButtonPurgeMediaProgress": "Lösche Hörfortschritte",
@@ -54,6 +56,7 @@
   "ButtonQueueRemoveItem": "Aus der Warteschlange entfernen",
   "ButtonQuickMatch": "Schnellabgleich",
   "ButtonRead": "Lesen",
+  "ButtonRefresh": "Neu Laden",
   "ButtonRemove": "Löschen",
   "ButtonRemoveAll": "Alles löschen",
   "ButtonRemoveAllLibraryItems": "Lösche alle Bibliothekseinträge",
@@ -73,6 +76,7 @@
   "ButtonSelectFolderPath": "Auswahl Ordnerpfad",
   "ButtonSeries": "Serien",
   "ButtonSetChaptersFromTracks": "Kapitelerstellung aus Audiodateien",
+  "ButtonShare": "Teilen",
   "ButtonShiftTimes": "Zeitverschiebung",
   "ButtonShow": "Anzeigen",
   "ButtonStartM4BEncode": "M4B-Kodierung starten",
@@ -174,6 +178,7 @@
   "HeaderUpdateDetails": "Details aktualisieren",
   "HeaderUpdateLibrary": "Bibliothek aktualisieren",
   "HeaderUsers": "Benutzer",
+  "HeaderYearReview": "Jahr {0} in Übersicht",
   "HeaderYourStats": "Eigene Statistiken",
   "LabelAbridged": "Gekürzt",
   "LabelAccountType": "Kontoart",
@@ -385,6 +390,7 @@
   "LabelPermissionsDownload": "Herunterladen",
   "LabelPermissionsUpdate": "Aktualisieren",
   "LabelPermissionsUpload": "Hochladen",
+  "LabelPersonalYearReview": "Dein Jahr in Übersicht ({0})",
   "LabelPhotoPathURL": "Foto Pfad/URL",
   "LabelPlaylists": "Wiedergabelisten",
   "LabelPlayMethod": "Abspielmethode",
@@ -429,6 +435,7 @@
   "LabelSeries": "Serien",
   "LabelSeriesName": "Serienname",
   "LabelSeriesProgress": "Serienfortschritt",
+  "LabelServerYearReview": "Server Jahr in Übersicht ({0})",
   "LabelSetEbookAsPrimary": "Als Hauptbuch setzen",
   "LabelSetEbookAsSupplementary": "Als Ergänzung setzen",
   "LabelSettingsAudiobooksOnly": "Nur Hörbücher",
@@ -545,6 +552,8 @@
   "LabelViewQueue": "Player-Warteschlange anzeigen",
   "LabelVolume": "Lautstärke",
   "LabelWeekdaysToRun": "Wochentage für die Ausführung",
+  "LabelYearReviewHide": "Verstecke Jahr in Übersicht",
+  "LabelYearReviewShow": "Zeige Jahr in Übersicht",
   "LabelYourAudiobookDuration": "Laufzeit deines Mediums",
   "LabelYourBookmarks": "Lesezeichen",
   "LabelYourPlaylists": "Eigene Wiedergabelisten",

client/strings/en-us.json

@@ -41,12 +41,14 @@
   "ButtonMatchAllAuthors": "Match All Authors",
   "ButtonMatchBooks": "Match Books",
   "ButtonNevermind": "Nevermind",
+  "ButtonNext": "Next",
   "ButtonOk": "Ok",
   "ButtonOpenFeed": "Open Feed",
   "ButtonOpenManager": "Open Manager",
   "ButtonPlay": "Play",
   "ButtonPlaying": "Playing",
   "ButtonPlaylists": "Playlists",
+  "ButtonPrevious": "Previous",
   "ButtonPurgeAllCache": "Purge All Cache",
   "ButtonPurgeItemsCache": "Purge Items Cache",
   "ButtonPurgeMediaProgress": "Purge Media Progress",
@@ -54,6 +56,7 @@
   "ButtonQueueRemoveItem": "Remove from queue",
   "ButtonQuickMatch": "Quick Match",
   "ButtonRead": "Read",
+  "ButtonRefresh": "Refresh",
   "ButtonRemove": "Remove",
   "ButtonRemoveAll": "Remove All",
   "ButtonRemoveAllLibraryItems": "Remove All Library Items",
@@ -73,6 +76,7 @@
   "ButtonSelectFolderPath": "Select Folder Path",
   "ButtonSeries": "Series",
   "ButtonSetChaptersFromTracks": "Set chapters from tracks",
+  "ButtonShare": "Share",
   "ButtonShiftTimes": "Shift Times",
   "ButtonShow": "Show",
   "ButtonStartM4BEncode": "Start M4B Encode",
@@ -174,6 +178,7 @@
   "HeaderUpdateDetails": "Update Details",
   "HeaderUpdateLibrary": "Update Library",
   "HeaderUsers": "Users",
+  "HeaderYearReview": "Year {0} in Review",
   "HeaderYourStats": "Your Stats",
   "LabelAbridged": "Abridged",
   "LabelAccountType": "Account Type",
@@ -385,6 +390,7 @@
   "LabelPermissionsDownload": "Can Download",
   "LabelPermissionsUpdate": "Can Update",
   "LabelPermissionsUpload": "Can Upload",
+  "LabelPersonalYearReview": "Your Year in Review ({0})",
   "LabelPhotoPathURL": "Photo Path/URL",
   "LabelPlaylists": "Playlists",
   "LabelPlayMethod": "Play Method",
@@ -429,6 +435,7 @@
   "LabelSeries": "Series",
   "LabelSeriesName": "Series Name",
   "LabelSeriesProgress": "Series Progress",
+  "LabelServerYearReview": "Server Year in Review ({0})",
   "LabelSetEbookAsPrimary": "Set as primary",
   "LabelSetEbookAsSupplementary": "Set as supplementary",
   "LabelSettingsAudiobooksOnly": "Audiobooks only",
@@ -545,6 +552,8 @@
   "LabelViewQueue": "View player queue",
   "LabelVolume": "Volume",
   "LabelWeekdaysToRun": "Weekdays to run",
+  "LabelYearReviewHide": "Hide Year in Review",
+  "LabelYearReviewShow": "See Year in Review",
   "LabelYourAudiobookDuration": "Your audiobook duration",
   "LabelYourBookmarks": "Your Bookmarks",
   "LabelYourPlaylists": "Your Playlists",