mirror of
https://github.com/advplyr/audiobookshelf.git
synced 2026-07-09 10:51:37 +00:00
Added Explicit user book rating + Community rating
This commit is contained in:
Peter BALIVET
parent
3bfd9f419c
commit
dba575761e
16 changed files with 426 additions and 64 deletions
|
|
@ -42,6 +42,40 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pt-4">
|
||||
<h2 class="font-semibold">{{ $strings.HeaderSettingsRatings }}</h2>
|
||||
</div>
|
||||
|
||||
<div role="article" :aria-label="$strings.LabelSettingsEnableRatingHelp" class="flex items-center py-2">
|
||||
<ui-toggle-switch :label="$strings.LabelSettingsEnableRating" v-model="newServerSettings.enableRating" :disabled="updatingServerSettings" @input="(val) => updateSettingsKey('enableRating', val)" />
|
||||
<ui-tooltip aria-hidden="true" :text="$strings.LabelSettingsEnableRatingHelp">
|
||||
<p class="pl-4">
|
||||
<span id="settings-enable-rating">{{ $strings.LabelSettingsEnableRating }}</span>
|
||||
<span class="material-symbols icon-text">info</span>
|
||||
</p>
|
||||
</ui-tooltip>
|
||||
</div>
|
||||
|
||||
<div role="article" :aria-label="$strings.LabelSettingsEnableCommunityRatingHelp" class="flex items-center py-2">
|
||||
<ui-toggle-switch :label="$strings.LabelSettingsEnableCommunityRating" v-model="newServerSettings.enableCommunityRating" :disabled="updatingServerSettings" @input="(val) => updateSettingsKey('enableCommunityRating', val)" />
|
||||
<ui-tooltip aria-hidden="true" :text="$strings.LabelSettingsEnableCommunityRatingHelp">
|
||||
<p class="pl-4">
|
||||
<span id="settings-enable-community-rating">{{ $strings.LabelSettingsEnableCommunityRating }}</span>
|
||||
<span class="material-symbols icon-text">info</span>
|
||||
</p>
|
||||
</ui-tooltip>
|
||||
</div>
|
||||
|
||||
<div role="article" :aria-label="$strings.LabelSettingsEnableExplicitRatingHelp" class="flex items-center py-2">
|
||||
<ui-toggle-switch :label="$strings.LabelSettingsEnableExplicitRating" v-model="newServerSettings.enableExplicitRating" :disabled="updatingServerSettings" @input="(val) => updateSettingsKey('enableExplicitRating', val)" />
|
||||
<ui-tooltip aria-hidden="true" :text="$strings.LabelSettingsEnableExplicitRatingHelp">
|
||||
<p class="pl-4">
|
||||
<span id="settings-enable-explicit-rating">{{ $strings.LabelSettingsEnableExplicitRating }}</span>
|
||||
<span class="material-symbols icon-text">info</span>
|
||||
</p>
|
||||
</ui-tooltip>
|
||||
</div>
|
||||
|
||||
<div class="pt-4">
|
||||
<h2 class="font-semibold">{{ $strings.HeaderSettingsScanner }}</h2>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -47,19 +47,34 @@
|
|||
</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">
|
||||
<!-- RATING SECTION -->
|
||||
<div v-if="serverSettings.enableRating" class="flex items-center space-x-4 mt-2">
|
||||
<div class="flex items-center">
|
||||
<ui-rating-input v-model="personalRating" :label="$strings.LabelYourRating" />
|
||||
<ui-rating-input :value="myRating" :label="$strings.LabelYourRating" @input="updateRating" />
|
||||
</div>
|
||||
<div v-if="globalRating > 0" class="flex items-center">
|
||||
<ui-rating-input :value="globalRating" label="Community Rating" :read-only="true" />
|
||||
<div v-if="serverSettings.enableCommunityRating && communityRating.count > 0" class="flex items-center bg-zinc-800 rounded-lg py-1.5 px-2 space-x-1.5 opacity-80">
|
||||
<span class="material-symbols text-lg -ml-0.5">groups</span>
|
||||
<span class="font-semibold text-white">{{ communityRating.average.toFixed(1) }}/5</span>
|
||||
<span class="text-xs text-white/50">({{ communityRating.count }})</span>
|
||||
</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" />
|
||||
<div v-if="providerRating > 0 && provider === 'audible'" class="flex items-center bg-zinc-800 rounded-lg py-1.5 px-2 space-x-1.5 opacity-80">
|
||||
<img src="/audible.svg" alt="Audible Logo" class="h-5 w-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" />
|
||||
<ui-rating-input :value="providerRating" :label="provider" :read-only="true" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- EXPLICIT RATING SECTION -->
|
||||
<div v-if="serverSettings.enableExplicitRating && isExplicit" class="flex items-center space-x-4 mt-3">
|
||||
<div class="flex items-center">
|
||||
<ui-rating-input :value="myExplicitRating" :label="$strings.LabelExplicitRating" icon="flame" @input="updateExplicitRating" />
|
||||
</div>
|
||||
<div v-if="serverSettings.enableCommunityRating && communityExplicitRating.count > 0" class="flex items-center bg-zinc-800 rounded-lg py-1.5 px-2 space-x-1.5 opacity-80">
|
||||
<ui-flame-icon class="h-5 w-5 -ml-0.5" />
|
||||
<span class="font-semibold text-white">{{ communityExplicitRating.average.toFixed(1) }}/5</span>
|
||||
<span class="text-xs text-white/50">({{ communityExplicitRating.count }})</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -206,7 +221,6 @@ export default {
|
|||
showBookmarksModal: false,
|
||||
isDescriptionClamped: false,
|
||||
showFullDescription: false,
|
||||
localPersonalRating: 0
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -216,6 +230,9 @@ export default {
|
|||
userToken() {
|
||||
return this.$store.getters['user/getToken']
|
||||
},
|
||||
serverSettings() {
|
||||
return this.$store.state.serverSettings
|
||||
},
|
||||
downloadUrl() {
|
||||
return `${process.env.serverUrl}/api/items/${this.libraryItemId}/download?token=${this.userToken}`
|
||||
},
|
||||
|
|
@ -336,8 +353,17 @@ export default {
|
|||
description() {
|
||||
return this.mediaMetadata.description || ''
|
||||
},
|
||||
globalRating() {
|
||||
return this.mediaMetadata.rating || 0
|
||||
myRating() {
|
||||
return this.media.myRating
|
||||
},
|
||||
communityRating() {
|
||||
return this.media.communityRating || { average: 0, count: 0 }
|
||||
},
|
||||
myExplicitRating() {
|
||||
return this.media.myExplicitRating
|
||||
},
|
||||
communityExplicitRating() {
|
||||
return this.media.communityExplicitRating || { average: 0, count: 0 }
|
||||
},
|
||||
providerRating() {
|
||||
return this.media.providerRating || 0
|
||||
|
|
@ -345,14 +371,6 @@ export default {
|
|||
provider() {
|
||||
return this.media.provider || null
|
||||
},
|
||||
personalRating: {
|
||||
get() {
|
||||
return this.localPersonalRating
|
||||
},
|
||||
set(val) {
|
||||
this.updatePersonalRating(val)
|
||||
}
|
||||
},
|
||||
userMediaProgress() {
|
||||
return this.$store.getters['user/getUserMediaProgress'](this.libraryItemId)
|
||||
},
|
||||
|
|
@ -478,7 +496,6 @@ export default {
|
|||
}
|
||||
},
|
||||
mounted() {
|
||||
this.localPersonalRating = this.libraryItem.personalRating || 0
|
||||
this.$root.$on('progress-updated', this.progressUpdated)
|
||||
this.$root.$on('libraryitem-updated', this.libraryItemUpdated)
|
||||
this.$root.$on('rss-updated', this.rssUpdated)
|
||||
|
|
@ -683,9 +700,7 @@ export default {
|
|||
},
|
||||
libraryItemUpdated(libraryItem) {
|
||||
if (libraryItem.id === this.libraryItemId) {
|
||||
libraryItem.personalRating = this.localPersonalRating
|
||||
this.$store.commit('libraries/UPDATE_LIBRARY_ITEM', libraryItem)
|
||||
this.localPersonalRating = libraryItem.personalRating || 0
|
||||
}
|
||||
},
|
||||
clearProgressClick() {
|
||||
|
|
@ -867,12 +882,26 @@ export default {
|
|||
this.$store.commit('globals/setShareModal', this.mediaItemShare)
|
||||
}
|
||||
},
|
||||
async updatePersonalRating(rating) {
|
||||
this.localPersonalRating = rating
|
||||
async updateRating(rating) {
|
||||
try {
|
||||
await this.$axios.post(`/api/items/${this.libraryItemId}/rate`, { rating })
|
||||
const res = await this.$axios.$post(`/api/items/${this.libraryItemId}/rate`, { rating })
|
||||
if (res.libraryItem) {
|
||||
this.$store.commit('libraries/UPDATE_LIBRARY_ITEM', res.libraryItem)
|
||||
}
|
||||
} catch (err) {
|
||||
console.error(err)
|
||||
this.$toast.error(this.$strings.ToastFailedToUpdate)
|
||||
}
|
||||
},
|
||||
async updateExplicitRating(rating) {
|
||||
try {
|
||||
const res = await this.$axios.$post(`/api/items/${this.libraryItemId}/rate-explicit`, { rating })
|
||||
if (res.libraryItem) {
|
||||
this.$store.commit('libraries/UPDATE_LIBRARY_ITEM', res.libraryItem)
|
||||
}
|
||||
} catch (err) {
|
||||
console.error(err)
|
||||
this.$toast.error(this.$strings.ToastFailedToUpdate)
|
||||
}
|
||||
},
|
||||
progressUpdated(data) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue