groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-07-09 10:51:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Added server wide audiobook rating (admin only)

Browse source
This commit is contained in:
Peter BALIVET 2025-06-27 11:02:42 +02:00
parent d21fe49ce2
commit 7c3504fe2b
10 changed files with 312 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

31
client/pages/item/_id/index.vue
View file

@ -32,6 +32,8 @@
</div>
</h1>
<p v-if="bookTitle" class="text-gray-200 text-3xl md:text-4xl leading-snug">{{ bookTitle }}</p>
<p v-if="bookSubtitle" class="text-gray-200 text-xl md:text-2xl">{{ bookSubtitle }}</p>
<template v-for="(_series, index) in seriesList">
@ -45,6 +47,19 @@
</p>
<p v-else class="mb-2 mt-0.5 text-gray-200 text-xl">by Unknown</p>
<div class="flex items-center space-x-4 mt-2">
<div v-if="userRating > 0" class="flex items-center">
<ui-rating-input :value="userRating" :label="$strings.LabelYourRating" :read-only="true" />
</div>
<div v-if="provider === 'audible' && providerRating != null" class="flex items-center bg-zinc-800 rounded-lg p-1.5 space-x-1.5 opacity-80">
<img src="~/assets/logos/audible.svg" alt="Audible Logo" class="w-12 h-auto" />
<span class="font-semibold text-white">{{ providerRating.toFixed(1) }}/5</span>
</div>
<div v-else-if="providerRating > 0" class="flex items-center">
<ui-rating-input :value="providerRating" :read-only="true" />
</div>
</div>
<content-library-item-details :library-item="libraryItem" />
</div>
<div class="hidden md:block grow" />
@ -147,7 +162,12 @@
</template>
<script>
import UiRatingInput from '~/components/ui/RatingInput.vue'
export default {
components: {
UiRatingInput
},
async asyncData({ store, params, app, redirect, route }) {
if (!store.state.user.user) {
return redirect(`/login?redirect=${route.path}`)
@ -309,6 +329,17 @@ export default {
description() {
return this.mediaMetadata.description || ''
},
userRating() {
return this.mediaMetadata.rating || 0
},
providerRating() {
console.log('Provider Rating: ', this.media.providerRating)
return this.media.providerRating || 0
},
provider() {
console.log('Provider: ', this.media.provider)
return this.media.provider || null
},
userMediaProgress() {
return this.$store.getters['user/getUserMediaProgress'](this.libraryItemId)
},