extern/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-01-27 16:29:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add Narrators and Change Icons

Browse Source 
Per https://github.com/advplyr/audiobookshelf/issues/3815

Adds narrators to the playback window, linked to their filtered library results. Changed icons to reflect authors vs narrators.
This commit is contained in:
BigD-GH 2025-01-21 11:22:51 -06:00 committed by GitHub
parent 66b90e0841
commit 0dbbefeaf5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/components/app/MediaPlayerContainer.vue
View File

@ -12,12 +12,17 @@
<widgets-explicit-indicator v-if="isExplicit" />
</div>
<div class="text-gray-400 flex items-center w-1/2 sm:w-4/5 lg:w-2/5">
<span class="material-symbols text-sm">person</span>
<span class="material-symbols text-sm">person_edit</span>
<div v-if="podcastAuthor" class="pl-1 sm:pl-1.5 text-xs sm:text-base">{{ podcastAuthor }}</div>
<div v-else-if="authors.length" class="pl-1 sm:pl-1.5 text-xs sm:text-base truncate">
<nuxt-link v-for="(author, index) in authors" :key="index" :to="`/author/${author.id}`" class="hover:underline">{{ author.name }}<span v-if="index < authors.length - 1">,&nbsp;</span></nuxt-link>
</div>
<div v-else class="text-xs sm:text-base cursor-pointer pl-1 sm:pl-1.5">{{ $strings.LabelUnknown }}</div>
<span class="material-symbols text-sm pl-1.5">record_voice_over</span>
<div v-if="narrators.length" class="pl-1 sm:pl-1.5 text-xs sm:text-base truncate">
<nuxt-link v-for="(narrator, index) in narrators" :key="index" :to="`/library/${streamLibraryItem.libraryId}/bookshelf?filter=narrators.${$encode(narrator)}`" class="hover:underline">{{ narrator }}<span v-if="index < narrators.length - 1">,&nbsp;</span></nuxt-link>
</div>
<div v-else class="text-xs sm:text-base cursor-pointer pl-1 sm:pl-1.5">{{ $strings.LabelUnknown }}</div>
</div>
<div class="text-gray-400 flex items-center">
@ -154,6 +159,9 @@ export default {
authors() {
return this.mediaMetadata.authors || []
},
narrators() {
return this.mediaMetadata.narrators || []
},
libraryId() {
return this.streamLibraryItem ? this.streamLibraryItem.libraryId : null
},