[web] Rename "Browse" tabs in the Music page to "History" #1685

At the same time, makes the naming of the underlying pages more coherent.
This commit is contained in:
Alain Nussbaumer
2023-11-21 15:25:27 +01:00
parent d68ec8c075
commit 356fcf8aa7
13 changed files with 122 additions and 146 deletions

View File

@@ -4,8 +4,7 @@
<!-- Recently added -->
<content-with-heading>
<template #heading-left>
<p class="title is-4" v-text="$t('page.browse.recently-added.title')" />
<p class="heading" v-text="$t('page.browse.albums')" />
<p class="title is-4" v-text="$t('page.music.recently-added.title')" />
</template>
<template #content>
<list-albums :albums="recently_added" />
@@ -15,8 +14,8 @@
<p class="level-item">
<router-link
class="button is-light is-small is-rounded"
:to="{ name: 'music-browse-recently-added' }"
>{{ $t('page.browse.show-more') }}</router-link
:to="{ name: 'music-recently-added' }"
>{{ $t('page.music.show-more') }}</router-link
>
</p>
</nav>
@@ -25,11 +24,7 @@
<!-- Recently played -->
<content-with-heading>
<template #heading-left>
<p
class="title is-4"
v-text="$t('page.browse.recently-played.title')"
/>
<p class="heading" v-text="$t('page.browse.tracks')" />
<p class="title is-4" v-text="$t('page.music.recently-played.title')" />
</template>
<template #content>
<list-tracks :tracks="recently_played" />
@@ -39,8 +34,8 @@
<p class="level-item">
<router-link
class="button is-light is-small is-rounded"
:to="{ name: 'music-browse-recently-played' }"
>{{ $t('page.browse.show-more') }}</router-link
:to="{ name: 'music-recently-played' }"
>{{ $t('page.music.show-more') }}</router-link
>
</p>
</nav>
@@ -82,7 +77,7 @@ const dataObject = {
}
export default {
name: 'PageBrowse',
name: 'PageMusic',
components: { ContentWithHeading, ListAlbums, ListTracks, TabsMusic },
beforeRouteEnter(to, from, next) {

View File

@@ -3,8 +3,7 @@
<tabs-music />
<content-with-heading>
<template #heading-left>
<p class="title is-4" v-text="$t('page.browse.recently-added.title')" />
<p class="heading" v-text="$t('page.browse.recently-added.albums')" />
<p class="title is-4" v-text="$t('page.music.recently-added.title')" />
</template>
<template #content>
<list-albums :albums="recently_added" />
@@ -43,7 +42,7 @@ const dataObject = {
}
export default {
name: 'PageBrowseType',
name: 'PageMusicRecentlyAdded',
components: { ContentWithHeading, TabsMusic, ListAlbums },
beforeRouteEnter(to, from, next) {

View File

@@ -3,11 +3,7 @@
<tabs-music />
<content-with-heading>
<template #heading-left>
<p
class="title is-4"
v-text="$t('page.browse.recently-played.title')"
/>
<p class="heading" v-text="$t('page.browse.recently-played.tracks')" />
<p class="title is-4" v-text="$t('page.music.recently-played.title')" />
</template>
<template #content>
<list-tracks :tracks="recently_played" />
@@ -39,7 +35,7 @@ const dataObject = {
}
export default {
name: 'PageBrowseType',
name: 'PageMusicRecentlyPlayed',
components: { ContentWithHeading, TabsMusic, ListTracks },
beforeRouteEnter(to, from, next) {

View File

@@ -4,7 +4,7 @@
<!-- New Releases -->
<content-with-heading>
<template #heading-left>
<p class="title is-4" v-text="$t('page.spotify.browse.new-releases')" />
<p class="title is-4" v-text="$t('page.spotify.music.new-releases')" />
</template>
<template #content>
<list-item-album-spotify
@@ -45,7 +45,7 @@
<router-link
:to="{ name: 'music-spotify-new-releases' }"
class="button is-light is-small is-rounded"
>{{ $t('page.spotify.browse.show-more') }}</router-link
>{{ $t('page.spotify.music.show-more') }}</router-link
>
</p>
</nav>
@@ -56,7 +56,7 @@
<template #heading-left>
<p
class="title is-4"
v-text="$t('page.spotify.browse.featured-playlists')"
v-text="$t('page.spotify.music.featured-playlists')"
/>
</template>
<template #content>
@@ -87,7 +87,7 @@
<router-link
:to="{ name: 'music-spotify-featured-playlists' }"
class="button is-light is-small is-rounded"
>{{ $t('page.spotify.browse.show-more') }}</router-link
>{{ $t('page.spotify.music.show-more') }}</router-link
>
</p>
</nav>
@@ -143,7 +143,7 @@ const dataObject = {
}
export default {
name: 'SpotifyPageBrowse',
name: 'PageMusicSpotify',
components: {
ContentWithHeading,
CoverArtwork,

View File

@@ -5,7 +5,7 @@
<template #heading-left>
<p
class="title is-4"
v-text="$t('page.spotify.browse.featured-playlists')"
v-text="$t('page.spotify.music.featured-playlists')"
/>
</template>
<template #content>
@@ -65,7 +65,7 @@ const dataObject = {
}
export default {
name: 'SpotifyPageBrowseFeaturedPlaylists',
name: 'PageMusicSpotifyFeaturedPlaylists',
components: {
ContentWithHeading,
ListItemPlaylistSpotify,

View File

@@ -3,7 +3,7 @@
<tabs-music />
<content-with-heading>
<template #heading-left>
<p class="title is-4" v-text="$t('page.spotify.browse.new-releases')" />
<p class="title is-4" v-text="$t('page.spotify.music.new-releases')" />
</template>
<template #content>
<list-item-album-spotify
@@ -74,7 +74,7 @@ const dataObject = {
}
export default {
name: 'PageBrowseSpotifyNewReleases',
name: 'PageMusicSpotifyNewReleases',
components: {
ContentWithHeading,
CoverArtwork,