diff --git a/changes/changelog.d/873.enhancement b/changes/changelog.d/873.enhancement new file mode 100644 index 000000000..fd8e3c3a1 --- /dev/null +++ b/changes/changelog.d/873.enhancement @@ -0,0 +1 @@ +Numbers on the stats page will now be formatted in a human readable way and will update with the locale (#873) diff --git a/front/src/components/instance/Stats.vue b/front/src/components/instance/Stats.vue index c245cf995..85ce14fa0 100644 --- a/front/src/components/instance/Stats.vue +++ b/front/src/components/instance/Stats.vue @@ -9,19 +9,19 @@
- {{ stats.users }} + {{ stats.users.toLocaleString($store.state.ui.momentLocale) }}
users
- {{ stats.listenings }} + {{ stats.listenings.toLocaleString($store.state.ui.momentLocale) }}
tracks listened
- {{ stats.trackFavorites }} + {{ stats.trackFavorites.toLocaleString($store.state.ui.momentLocale) }}
Tracks favorited
@@ -32,25 +32,25 @@
- {{ parseInt(stats.musicDuration) }} + {{ stats.musicDuration.toLocaleString($store.state.ui.momentLocale) }}
Hours of music
- {{ stats.artists }} + {{ stats.artists.toLocaleString($store.state.ui.momentLocale) }}
Artists
- {{ stats.albums }} + {{ stats.albums.toLocaleString($store.state.ui.momentLocale) }}
Albums
- {{ stats.tracks }} + {{ stats.tracks.toLocaleString($store.state.ui.momentLocale) }}
Tracks
@@ -85,13 +85,13 @@ export default { self.stats.users = _.get(d, 'usage.users.total') self.stats.listenings = _.get(d, 'metadata.usage.listenings.total') self.stats.trackFavorites = _.get(d, 'metadata.usage.favorites.tracks.total') - self.stats.musicDuration = _.get(d, 'metadata.library.music.hours') + self.stats.musicDuration = Math.round(_.get(d, 'metadata.library.music.hours')) self.stats.artists = _.get(d, 'metadata.library.artists.total') self.stats.albums = _.get(d, 'metadata.library.albums.total') self.stats.tracks = _.get(d, 'metadata.library.tracks.total') self.isLoading = false }) - } + }, } }