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

delete old stats view and added all library stats view

Browse source
This commit is contained in:
Vito0912 2025-01-01 20:34:20 +01:00
parent 793ef0e9ec
commit b127f0c406
No known key found for this signature in database
GPG key ID: 29A3D509FE70B237
2 changed files with 31 additions and 181 deletions
Download patch file Download diff file Expand all files Collapse all files

38
client/pages/library/_library/stats.vue
View file

@ -1,6 +1,8 @@
<template>
<div class="page relative" :class="streamLibraryItem ? 'streaming' : ''">
<app-book-shelf-toolbar page="library-stats" is-home />
<ui-btn class="text-xs" :padding-x="1.5" :padding-y="1" @click="toggleStats">
{{ showAllLibraryStats ? currentLibraryName : 'Show all Libraries' }}</ui-btn>
<div id="bookshelf" class="w-full h-full px-1 py-4 md:p-8 relative overflow-y-auto">
<div class="w-full max-w-4xl mx-auto">
<stats-preview-icons v-if="totalItems" :library-stats="libraryStats" />
@ -24,7 +26,7 @@
</div>
</template>
</div>
<div v-if="isBookLibrary" class="w-80 my-6 mx-auto">
<div v-if="isBookLibrary || showAllLibraryStats" class="w-80 my-6 mx-auto">
<h1 class="text-2xl mb-4">{{ $strings.HeaderStatsTop10Authors }}</h1>
<p v-if="!top10Authors.length">{{ $strings.MessageNoAuthors }}</p>
<template v-for="(author, index) in top10Authors">
@ -102,7 +104,8 @@ export default {
},
data() {
return {
libraryStats: null
libraryStats: null,
showAllLibraryStats: false
}
},
watch: {
@ -110,6 +113,12 @@ export default {
if (newVal) {
this.init()
}
},
showAllLibraryStats(newVal) {
console.log('showAllLibraryStats', newVal)
if (newVal) {
this.init()
}
}
},
computed: {
@ -167,11 +176,26 @@ export default {
},
methods: {
async init() {
this.libraryStats = await this.$axios.$get(`/api/libraries/${this.currentLibraryId}/stats`).catch((err) => {
console.error('Failed to get library stats', err)
var errorMsg = err.response ? err.response.data || 'Unknown Error' : 'Unknown Error'
this.$toast.error(`Failed to get library stats: ${errorMsg}`)
})
this.libraryStats = null
if (this.showAllLibraryStats === true) {
this.libraryStats = (await this.$axios.$get(`/api/libraries/stats`).catch((err) => {
console.error('Failed to get library stats', err)
var errorMsg = err.response ? err.response.data || 'Unknown Error' : 'Unknown Error'
this.$toast.error(`Failed to get library stats: ${errorMsg}`)
}))['combined']
} else {
this.libraryStats = await this.$axios.$get(`/api/libraries/${this.currentLibraryId}/stats`).catch((err) => {
console.error('Failed to get library stats', err)
var errorMsg = err.response ? err.response.data || 'Unknown Error' : 'Unknown Error'
this.$toast.error(`Failed to get library stats: ${errorMsg}`)
})
}
},
toggleStats() {
this.showAllLibraryStats = !this.showAllLibraryStats;
this.$nextTick(() => {
this.init();
});
}
},
mounted() {