mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-07-12 23:14:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Show missing button with dialog, show missing indicator on covers

Browse source
This commit is contained in:
advplyr 2025-01-26 15:34:54 -06:00
parent 0520cbd538
commit 23a80a60b9
3 changed files with 14 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/cards/LazyBookCard.vue
View file

@ -67,7 +67,7 @@
</div> </div>
<!-- Error widget --> <!-- 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> <span class="material-icons text-red-100 pr-1" :style="{ fontSize: 0.875 * sizeMultiplier + 'rem' }">priority_high</span>
</div> </div>

11
pages/item/_id/index.vue
View file

@ -68,6 +68,10 @@
<span class="material-icons">more_vert</span> <span class="material-icons">more_vert</span>
</ui-btn> </ui-btn>
</div> </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"> <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> <p>{{ $strings.LabelYourProgress }}: {{ Math.round(progressPercent * 100) }}%</p>
@ -486,6 +490,13 @@ export default {
} }
}, },
methods: { methods: {
clickMissingButton() {
Dialog.alert({
title: this.$strings.LabelMissing,
message: this.$strings.MessageItemMissing,
cancelText: this.$strings.ButtonOk
})
},
async coverImageLoaded(fullCoverUrl) { async coverImageLoaded(fullCoverUrl) {
if (!fullCoverUrl) return if (!fullCoverUrl) return

2
strings/en-us.json
View file

@ -179,6 +179,7 @@
"LabelLow": "Low", "LabelLow": "Low",
"LabelMediaType": "Media Type", "LabelMediaType": "Media Type",
"LabelMedium": "Medium", "LabelMedium": "Medium",
"LabelMissing": "Missing",
"LabelMore": "More", "LabelMore": "More",
"LabelMoreInfo": "More Info", "LabelMoreInfo": "More Info",
"LabelName": "Name", "LabelName": "Name",
@ -292,6 +293,7 @@
"MessageFetching": "Fetching...", "MessageFetching": "Fetching...",
"MessageFollowTheProjectOnGithub": "Follow the project on Github", "MessageFollowTheProjectOnGithub": "Follow the project on Github",
"MessageItemDownloadCompleteFailedToCreate": "Item download complete but failed to create library item", "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...", "MessageLoading": "Loading...",
"MessageLoadingServerData": "Loading server data...", "MessageLoadingServerData": "Loading server data...",
"MessageMarkAsFinished": "Mark as Finished", "MessageMarkAsFinished": "Mark as Finished",