From 067d90474b606dbc815055e16e4fd01877d4d4ee Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Fri, 14 Oct 2022 17:59:00 -0500
Subject: [PATCH] Add:Collapsed series finished progress bar #1062

---
 client/components/cards/LazyBookCard.vue | 12 ++++++++++++
 server/utils/libraryHelpers.js           |  1 +
 2 files changed, 13 insertions(+)

diff --git a/client/components/cards/LazyBookCard.vue b/client/components/cards/LazyBookCard.vue
index 859894a2..f14e166c 100644
--- a/client/components/cards/LazyBookCard.vue
+++ b/client/components/cards/LazyBookCard.vue
@@ -37,6 +37,8 @@
 
     <!-- No progress shown for collapsed series in library and podcasts (unless showing podcast episode) -->
     <div v-if="!booksInSeries && (!isPodcast || episodeProgress)" class="absolute bottom-0 left-0 h-1 shadow-sm max-w-full z-10 rounded-b" :class="itemIsFinished ? 'bg-success' : 'bg-yellow-400'" :style="{ width: width * userProgressPercent + 'px' }"></div>
+    <!-- Finished progress bar for collapsed series -->
+    <div v-else-if="booksInSeries && seriesIsFinished" class="absolute bottom-0 left-0 h-1 shadow-sm max-w-full z-10 rounded-b bg-success" :style="{ width: width * userProgressPercent + 'px' }"></div>
 
     <!-- Overlay is not shown if collapsing series in library -->
     <div v-show="!booksInSeries && libraryItem && (isHovering || isSelectionMode || isMoreMenuOpen) && !processing" class="w-full h-full absolute top-0 left-0 z-10 bg-black rounded hidden md:block" :class="overlayWrapperClasslist">
@@ -234,6 +236,10 @@ export default {
       // Only added to item object when collapseSeries is enabled
       return this.collapsedSeries ? this.collapsedSeries.numBooks : 0
     },
+    libraryItemIdsInSeries() {
+      // Only added to item object when collapseSeries is enabled
+      return this.collapsedSeries ? this.collapsedSeries.libraryItemIds || [] : []
+    },
     hasCover() {
       return !!this.media.coverPath
     },
@@ -298,6 +304,12 @@ export default {
     itemIsFinished() {
       return this.userProgress ? !!this.userProgress.isFinished : false
     },
+    seriesIsFinished() {
+      return !this.libraryItemIdsInSeries.some((lid) => {
+        const progress = this.store.getters['user/getUserMediaProgress'](lid)
+        return !progress || !progress.isFinished
+      })
+    },
     showError() {
       if (this.recentEpisode) return false // Dont show podcast error on episode card
       return this.numInvalidAudioFiles || this.numMissingParts || this.isMissing || this.isInvalid
diff --git a/server/utils/libraryHelpers.js b/server/utils/libraryHelpers.js
index 36e21842..f4017ae4 100644
--- a/server/utils/libraryHelpers.js
+++ b/server/utils/libraryHelpers.js
@@ -232,6 +232,7 @@ module.exports = {
           id: seriesToUse[li.id].id,
           name: seriesToUse[li.id].name,
           nameIgnorePrefix: seriesToUse[li.id].nameIgnorePrefix,
+          libraryItemIds: seriesToUse[li.id].books.map(b => b.id),
           numBooks: seriesToUse[li.id].books.length
         }
       }