From dbf1f88efa66e9f4622d8e0459dbeb006e698fb6 Mon Sep 17 00:00:00 2001
From: Vito0912 <86927734+Vito0912@users.noreply.github.com>
Date: Tue, 18 Mar 2025 08:52:13 +0100
Subject: [PATCH] frontend code

---
 .../modals/libraries/LibrarySettings.vue       | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/client/components/modals/libraries/LibrarySettings.vue b/client/components/modals/libraries/LibrarySettings.vue
index d3b40de9..a0919b42 100644
--- a/client/components/modals/libraries/LibrarySettings.vue
+++ b/client/components/modals/libraries/LibrarySettings.vue
@@ -72,6 +72,17 @@
           </ui-tooltip>
         </div>
       </div>
+      <div class="p-2 w-full md:w-1/2">
+        <div class="flex items-center">
+          <ui-toggle-switch v-model="listenAgainOrdered" size="sm" @input="formUpdated" />
+          <ui-tooltip :text="$strings.LabelSettingsOnlyShowLaterBooksInContinueSeriesHelp">
+            <p class="pl-4 text-sm">
+              {{ $strings.LabelSettingsOnlyShowLaterBooksInContinueSeries }}
+              <span class="material-symbols icon-text text-sm">info</span>
+            </p>
+          </ui-tooltip>
+        </div>
+      </div>
       <div v-if="isPodcastLibrary" class="p-2 w-full md:w-1/2">
         <ui-dropdown :label="$strings.LabelPodcastSearchRegion" v-model="podcastSearchRegion" :items="$podcastSearchRegionOptions" small class="max-w-72" menu-max-height="200px" @input="formUpdated" />
       </div>
@@ -115,7 +126,8 @@ export default {
       onlyShowLaterBooksInContinueSeries: false,
       podcastSearchRegion: 'us',
       markAsFinishedWhen: 'timeRemaining',
-      markAsFinishedValue: 10
+      markAsFinishedValue: 10,
+      listenAgainOrdered: false
     }
   },
   computed: {
@@ -177,7 +189,8 @@ export default {
           onlyShowLaterBooksInContinueSeries: !!this.onlyShowLaterBooksInContinueSeries,
           podcastSearchRegion: this.podcastSearchRegion,
           markAsFinishedTimeRemaining: markAsFinishedTimeRemaining,
-          markAsFinishedPercentComplete: markAsFinishedPercentComplete
+          markAsFinishedPercentComplete: markAsFinishedPercentComplete,
+          listenAgainOrdered: !!this.listenAgainOrdered
         }
       }
     },
@@ -199,6 +212,7 @@ export default {
         this.markAsFinishedWhen = 'timeRemaining'
       }
       this.markAsFinishedValue = this.librarySettings.markAsFinishedTimeRemaining || this.librarySettings.markAsFinishedPercentComplete || 10
+      this.listenAgainOrdered = !!this.librarySettings.listenAgainOrdered
     }
   },
   mounted() {