Show missing button with dialog, show missing indicator on covers

advplyr · Jan 26, 2025 · 23a80a6 · 23a80a6
1 parent 0520cbd
commit 23a80a6
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/components/cards/LazyBookCard.vue b/components/cards/LazyBookCard.vue
@@ -67,7 +67,7 @@
     </div>
 
     <!-- Error widget -->
-    <div v-if="showError" :style="{ height: 1.5 * sizeMultiplier + 'rem', width: 2.5 * sizeMultiplier + 'rem' }" class="bg-error rounded-r-full shadow-md flex items-center justify-end border-r border-b border-red-300">
+    <div v-if="showError" :style="{ height: 1.5 * sizeMultiplier + 'rem', width: 2.5 * sizeMultiplier + 'rem' }" class="bg-error rounded-r-full shadow-md flex items-center justify-end border-r border-b border-red-300 absolute bottom-4 left-0 z-10">
       <span class="material-icons text-red-100 pr-1" :style="{ fontSize: 0.875 * sizeMultiplier + 'rem' }">priority_high</span>
     </div>
 

diff --git a/pages/item/_id/index.vue b/pages/item/_id/index.vue
@@ -68,6 +68,10 @@
               <span class="material-icons">more_vert</span>
             </ui-btn>
           </div>
+          <ui-btn v-else-if="isMissing" color="error" :padding-x="4" small class="mt-4 flex items-center justify-center w-full" @click="clickMissingButton">
+            <span class="material-icons">error</span>
+            <span class="px-1 text-base">{{ $strings.LabelMissing }}</span>
+          </ui-btn>
 
           <div v-if="!isPodcast && progressPercent > 0" class="px-4 py-2 bg-primary text-sm font-semibold rounded-md text-fg mt-4 text-center">
             <p>{{ $strings.LabelYourProgress }}: {{ Math.round(progressPercent * 100) }}%</p>
@@ -486,6 +490,13 @@ export default {
     }
   },
   methods: {
+    clickMissingButton() {
+      Dialog.alert({
+        title: this.$strings.LabelMissing,
+        message: this.$strings.MessageItemMissing,
+        cancelText: this.$strings.ButtonOk
+      })
+    },
     async coverImageLoaded(fullCoverUrl) {
       if (!fullCoverUrl) return
 

diff --git a/strings/en-us.json b/strings/en-us.json
@@ -179,6 +179,7 @@
   "LabelLow": "Low",
   "LabelMediaType": "Media Type",
   "LabelMedium": "Medium",
+  "LabelMissing": "Missing",
   "LabelMore": "More",
   "LabelMoreInfo": "More Info",
   "LabelName": "Name",
@@ -292,6 +293,7 @@
   "MessageFetching": "Fetching...",
   "MessageFollowTheProjectOnGithub": "Follow the project on Github",
   "MessageItemDownloadCompleteFailedToCreate": "Item download complete but failed to create library item",
+  "MessageItemMissing": "Item is missing and must be fixed on the server. Typically an item is marked as missing because the file paths are not accessible.",
   "MessageLoading": "Loading...",
   "MessageLoadingServerData": "Loading server data...",
   "MessageMarkAsFinished": "Mark as Finished",