Windy/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2025-01-08 11:47:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(webui): metrics pie charts show library name in tooltip

Browse Source 
Closes: #1159
This commit is contained in:
Gauthier Roebroeck 2023-07-13 17:25:25 +08:00
parent 36a35b5308
commit 318a44482f
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
komga-webui/src/views/Metrics.vue
View File

@ -125,6 +125,9 @@ export default Vue.extend({
this.loadData()
},
methods: {
getLibraryNameById(id: string): string {
return this.$store.getters.getLibraryById(id).name
},
async loadData() {
this.$komgaMetrics.getMetric('komga.tasks.execution')
.then(m => {
@ -144,7 +147,7 @@ export default Vue.extend({
this.$komgaMetrics.getMetric('komga.series')
.then(m => {
this.series = m
this.getStatisticForEachTagValue(m, 'library')
this.getStatisticForEachTagValue(m, 'library', 'VALUE', this.getLibraryNameById)
.then(v => this.seriesAllTags = v)
},
)
@ -154,7 +157,7 @@ export default Vue.extend({
this.$komgaMetrics.getMetric('komga.books')
.then(m => {
this.books = m
this.getStatisticForEachTagValue(m, 'library')
this.getStatisticForEachTagValue(m, 'library', 'VALUE', this.getLibraryNameById)
.then(v => this.booksAllTags = v)
},
)
@ -164,7 +167,7 @@ export default Vue.extend({
this.$komgaMetrics.getMetric('komga.books.filesize')
.then(m => {
this.booksFileSize = m
this.getStatisticForEachTagValue(m, 'library')
this.getStatisticForEachTagValue(m, 'library', 'VALUE', this.getLibraryNameById)
.then(v => this.fileSizeAllTags = v)
},
)
@ -174,7 +177,7 @@ export default Vue.extend({
this.$komgaMetrics.getMetric('komga.sidecars')
.then(m => {
this.sidecars = m
this.getStatisticForEachTagValue(m, 'library')
this.getStatisticForEachTagValue(m, 'library', 'VALUE', this.getLibraryNameById)
.then(v => this.sidecarsAllTags = v)
},
)
@ -191,7 +194,7 @@ export default Vue.extend({
.catch(() => {
})
},
async getStatisticForEachTagValue(metric: MetricDto, tag: string, statistic: string = 'VALUE'): Promise<{
async getStatisticForEachTagValue(metric: MetricDto, tag: string, statistic: string = 'VALUE', tagTransform: (t: string) => string = x => x): Promise<{
[key: string]: number | undefined
} | undefined> {
const tagDto = metric.availableTags.find(x => x.tag === tag)
@ -202,7 +205,7 @@ export default Vue.extend({
}, {} as { [key: string]: number | undefined })
for (let tagKey in tagToStatistic) {
tagToStatistic[tagKey] = (await this.$komgaMetrics.getMetric(metric.name, [{
tagToStatistic[tagTransform(tagKey)] = (await this.$komgaMetrics.getMetric(metric.name, [{
key: tag,
value: tagKey,
}])).measurements.find(x => x.statistic === statistic)?.value