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

Add:Year in review cards to stats page

Browse source
This commit is contained in:
advplyr 2023-12-25 15:35:29 -06:00
parent 793f0c05f7
commit 14b04a14b6
13 changed files with 939 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

16
pages/stats.vue
View file

@ -1,5 +1,8 @@
<template>
<div class="w-full h-full px-0 py-4 overflow-y-auto">
<!-- Year in review banner shown at the top in December and January -->
<stats-year-in-review-banner v-if="showYearInReviewBanner" />
<h1 class="text-xl px-4">
{{ $strings.HeaderYourStats }}
</h1>
@ -50,6 +53,9 @@
</template>
</div>
</div>
<!-- Year in review banner shown at the bottom Feb - Nov -->
<stats-year-in-review-banner v-if="!showYearInReviewBanner" />
</div>
</template>
@ -58,7 +64,8 @@ export default {
data() {
return {
listeningStats: null,
windowWidth: 0
windowWidth: 0,
showYearInReviewBanner: false
}
},
watch: {
@ -103,7 +110,12 @@ export default {
console.error('Failed to load listening sesions', err)
return []
})
console.log('Loaded user listening data', this.listeningStats)
let month = new Date().getMonth()
// January and December show year in review banner
if (month === 11 || month === 0) {
this.showYearInReviewBanner = true
}
}
},
mounted() {