Mirrors/audiobookshelf
Mirrors/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-08-28 13:46:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

first draft

Browse Source
This commit is contained in:
Vito0912 2024-12-14 18:00:41 +01:00
parent c4610e6102
commit 578b877c0c
No known key found for this signature in database
GPG Key ID: 29A3D509FE70B237
1 changed files with 42 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
client/components/stats/YearInReviewBanner.vue
View File

@ -30,6 +30,9 @@
<p class="block sm:hidden text-lg font-semibold">{{ yearInReviewVariant + 1 }}</p>
<div class="flex-grow" />
<!-- year selector -->
<ui-dropdown v-model="yearInReviewYear" :items="eventOptions()" class="m-6 text-sm mr-1 sm:mr-2 max-w-[100px]"/>
<!-- refresh button -->
<ui-btn small :disabled="processingYearInReview" class="inline-flex items-center font-semibold mr-1 sm:mr-2" @click="refreshYearInReview">
<span class="hidden sm:inline-block">{{ $strings.ButtonRefresh }}</span>
@ -66,6 +69,8 @@
<p class="block sm:hidden text-lg font-semibold">{{ yearInReviewServerVariant + 1 }}</p>
<div class="flex-grow" />
<!-- year selector -->
<ui-dropdown v-model="yearInReviewYear" :items="eventOptions()" class="m-6 text-sm mr-1 sm:mr-2 max-w-[100px]"/>
<!-- refresh button -->
<ui-btn small :disabled="processingYearInReviewServer" class="inline-flex items-center font-semibold mr-1 sm:mr-2" @click="refreshYearInReviewServer">
<span class="hidden sm:inline-block">{{ $strings.ButtonRefresh }}</span>
@ -113,15 +118,39 @@ export default {
this.$refs.yearInReviewShort.share()
},
refreshYearInReviewServer() {
this.$refs.yearInReviewServer.refresh()
if (this.$refs.yearInReviewServer != null) {
this.$refs.yearInReviewServer.refresh()
}
},
refreshYearInReview() {
this.$refs.yearInReview.refresh()
this.$refs.yearInReviewShort.refresh()
if(this.$refs.yearInReview != null && this.$refs.yearInReviewShort != null) {
this.$refs.yearInReview.refresh()
this.$refs.yearInReviewShort.refresh()
}
},
clickShowYearInReview() {
this.showYearInReview = !this.showYearInReview
}
},
eventOptions() {
if(this.$store.getters['libraries/getCurrentLibrary']) {
const oldestDate = this.$store.getters['libraries/getCurrentLibrary'].createdAt
if (oldestDate) {
const date = new Date(oldestDate)
const oldestYear = date.getFullYear()
const currentYear = new Date().getFullYear()
const years = []
for (let year = oldestYear; year <= currentYear; year++) {
years.push({ value: year, text: year.toString() })
}
return years
}
} else {
const currentYear = new Date().getFullYear();
return [{ value: currentYear, text: currentYear.toString() }]
}
},
},
beforeMount() {
this.yearInReviewYear = new Date().getFullYear()
@ -136,6 +165,14 @@ export default {
} else {
console.warn('Navigator.share not supported')
}
}
},
watch: {
yearInReviewYear(newYear, oldYear) {
this.$nextTick(() => {
this.refreshYearInReview()
this.refreshYearInReviewServer()
});
},
},
}
</script>