MyFavMirrors
/
owntone-server
mirror of https://github.com/owntone/owntone-server.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[web] Streamline names of Spotify components to match their library counterpart

This commit is contained in:
Alain Nussbaumer 2024-03-26 00:59:15 +01:00
parent 6fd4db14fb
commit ed5f2028a1
11 changed files with 37 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web-src/src/components/ListItemAlbumSpotify.vue → web-src/src/components/ListAlbumsSpotify.vue
View File

@ -43,7 +43,7 @@ import CoverArtwork from '@/components/CoverArtwork.vue'
import ModalDialogAlbumSpotify from '@/components/ModalDialogAlbumSpotify.vue'
export default {
name: 'ListItemAlbumSpotify',
name: 'ListAlbumsSpotify',
components: { CoverArtwork, ModalDialogAlbumSpotify },
props: { items: { required: true, type: Object } },

2
web-src/src/components/ListItemArtistSpotify.vue → web-src/src/components/ListArtistsSpotify.vue
View File

@ -24,7 +24,7 @@
import ModalDialogArtistSpotify from '@/components/ModalDialogArtistSpotify.vue'
export default {
name: 'ListItemArtistSpotify',
name: 'ListArtistsSpotify',
components: { ModalDialogArtistSpotify },
props: { items: { required: true, type: Object } },

2
web-src/src/components/ListItemPlaylistSpotify.vue → web-src/src/components/ListPlaylistsSpotify.vue
View File

@ -25,7 +25,7 @@
import ModalDialogPlaylistSpotify from '@/components/ModalDialogPlaylistSpotify.vue'
export default {
name: 'ListItemPlaylistSpotify',
name: 'ListPlaylistsSpotify',
components: {
ModalDialogPlaylistSpotify
},

2
web-src/src/components/ListItemTrackSpotify.vue → web-src/src/components/ListTracksSpotify.vue
View File

@ -56,7 +56,7 @@ import ModalDialogTrackSpotify from '@/components/ModalDialogTrackSpotify.vue'
import webapi from '@/webapi'
export default {
name: 'ListItemTrackSpotify',
name: 'ListTracksSpotify',
components: { ModalDialogTrackSpotify },
props: {
context_uri: { default: '', type: String },

6
web-src/src/pages/PageAlbumSpotify.vue
View File

@ -39,7 +39,7 @@
$t('page.spotify.album.track-count', { count: album.tracks.total })
"
/>
<list-item-track-spotify :items="tracks" :context_uri="album.uri" />
<list-tracks-spotify :items="tracks" :context_uri="album.uri" />
<modal-dialog-album-spotify
:show="show_details_modal"
:album="album"
@ -53,7 +53,7 @@
<script>
import ContentWithHero from '@/templates/ContentWithHero.vue'
import CoverArtwork from '@/components/CoverArtwork.vue'
import ListItemTrackSpotify from '@/components/ListItemTrackSpotify.vue'
import ListTracksSpotify from '@/components/ListTracksSpotify.vue'
import ModalDialogAlbumSpotify from '@/components/ModalDialogAlbumSpotify.vue'
import SpotifyWebApi from 'spotify-web-api-js'
import store from '@/store'
@ -78,7 +78,7 @@ export default {
components: {
ContentWithHero,
CoverArtwork,
ListItemTrackSpotify,
ListTracksSpotify,
ModalDialogAlbumSpotify
},

6
web-src/src/pages/PageArtistSpotify.vue
View File

@ -23,7 +23,7 @@
class="heading has-text-centered-mobile"
v-text="$t('page.spotify.artist.album-count', { count: total })"
/>
<list-item-album-spotify :items="albums" />
<list-albums-spotify :items="albums" />
<VueEternalLoading v-if="offset < total" :load="load_next">
<template #loading>
<div class="columns is-centered">
@ -46,7 +46,7 @@
<script>
import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import ListItemAlbumSpotify from '@/components/ListItemAlbumSpotify.vue'
import ListAlbumsSpotify from '@/components/ListAlbumsSpotify.vue'
import ModalDialogArtistSpotify from '@/components/ModalDialogArtistSpotify.vue'
import SpotifyWebApi from 'spotify-web-api-js'
import { VueEternalLoading } from '@ts-pro/vue-eternal-loading'
@ -83,7 +83,7 @@ export default {
name: 'PageArtistSpotify',
components: {
ContentWithHeading,
ListItemAlbumSpotify,
ListAlbumsSpotify,
ModalDialogArtistSpotify,
VueEternalLoading
},

12
web-src/src/pages/PageMusicSpotify.vue
View File

@ -7,7 +7,7 @@
<p class="title is-4" v-text="$t('page.spotify.music.new-releases')" />
</template>
<template #content>
<list-item-album-spotify :items="new_releases" />
<list-albums-spotify :items="new_releases" />
</template>
<template #footer>
<nav class="level">
@ -30,7 +30,7 @@
/>
</template>
<template #content>
<list-item-playlist-spotify :items="featured_playlists" />
<list-playlists-spotify :items="featured_playlists" />
</template>
<template #footer>
<nav class="level">
@ -50,8 +50,8 @@
<script>
import * as types from '@/store/mutation_types'
import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import ListItemAlbumSpotify from '@/components/ListItemAlbumSpotify.vue'
import ListItemPlaylistSpotify from '@/components/ListItemPlaylistSpotify.vue'
import ListAlbumsSpotify from '@/components/ListAlbumsSpotify.vue'
import ListPlaylistsSpotify from '@/components/ListPlaylistsSpotify.vue'
import SpotifyWebApi from 'spotify-web-api-js'
import TabsMusic from '@/components/TabsMusic.vue'
import store from '@/store'
@ -94,8 +94,8 @@ export default {
name: 'PageMusicSpotify',
components: {
ContentWithHeading,
ListItemAlbumSpotify,
ListItemPlaylistSpotify,
ListAlbumsSpotify,
ListPlaylistsSpotify,
TabsMusic
},

6
web-src/src/pages/PageMusicSpotifyFeaturedPlaylists.vue
View File

@ -9,7 +9,7 @@
/>
</template>
<template #content>
<list-item-playlist-spotify :items="featured_playlists" />
<list-playlists-spotify :items="featured_playlists" />
</template>
</content-with-heading>
</div>
@ -18,7 +18,7 @@
<script>
import * as types from '@/store/mutation_types'
import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import ListItemPlaylistSpotify from '@/components/ListItemPlaylistSpotify.vue'
import ListPlaylistsSpotify from '@/components/ListPlaylistsSpotify.vue'
import SpotifyWebApi from 'spotify-web-api-js'
import TabsMusic from '@/components/TabsMusic.vue'
import store from '@/store'
@ -48,7 +48,7 @@ export default {
name: 'PageMusicSpotifyFeaturedPlaylists',
components: {
ContentWithHeading,
ListItemPlaylistSpotify,
ListPlaylistsSpotify,
TabsMusic
},

6
web-src/src/pages/PageMusicSpotifyNewReleases.vue
View File

@ -6,7 +6,7 @@
<p class="title is-4" v-text="$t('page.spotify.music.new-releases')" />
</template>
<template #content>
<list-item-album-spotify :items="new_releases" />
<list-albums-spotify :items="new_releases" />
</template>
</content-with-heading>
</div>
@ -15,7 +15,7 @@
<script>
import * as types from '@/store/mutation_types'
import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import ListItemAlbumSpotify from '@/components/ListItemAlbumSpotify.vue'
import ListAlbumsSpotify from '@/components/ListAlbumsSpotify.vue'
import SpotifyWebApi from 'spotify-web-api-js'
import TabsMusic from '@/components/TabsMusic.vue'
import store from '@/store'
@ -45,7 +45,7 @@ export default {
name: 'PageMusicSpotifyNewReleases',
components: {
ContentWithHeading,
ListItemAlbumSpotify,
ListAlbumsSpotify,
TabsMusic
},

6
web-src/src/pages/PagePlaylistTracksSpotify.vue
View File

@ -25,7 +25,7 @@
$t('page.spotify.playlist.count', { count: playlist.tracks.total })
"
/>
<list-item-track-spotify :items="tracks" :context_uri="playlist.uri" />
<list-tracks-spotify :items="tracks" :context_uri="playlist.uri" />
<VueEternalLoading v-if="offset < total" :load="load_next">
<template #loading>
<div class="columns is-centered">
@ -48,7 +48,7 @@
<script>
import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import ListItemTrackSpotify from '@/components/ListItemTrackSpotify.vue'
import ListTracksSpotify from '@/components/ListTracksSpotify.vue'
import ModalDialogPlaylistSpotify from '@/components/ModalDialogPlaylistSpotify.vue'
import SpotifyWebApi from 'spotify-web-api-js'
import { VueEternalLoading } from '@ts-pro/vue-eternal-loading'
@ -84,7 +84,7 @@ export default {
name: 'PagePlaylistTracksSpotify',
components: {
ContentWithHeading,
ListItemTrackSpotify,
ListTracksSpotify,
ModalDialogPlaylistSpotify,
VueEternalLoading
},

24
web-src/src/pages/PageSearchSpotify.vue
View File

@ -74,10 +74,10 @@
<script>
import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import ListItemAlbumSpotify from '@/components/ListItemAlbumSpotify.vue'
import ListItemArtistSpotify from '@/components/ListItemArtistSpotify.vue'
import ListItemPlaylistSpotify from '@/components/ListItemPlaylistSpotify.vue'
import ListItemTrackSpotify from '@/components/ListItemTrackSpotify.vue'
import ListAlbumsSpotify from '@/components/ListAlbumsSpotify.vue'
import ListArtistsSpotify from '@/components/ListArtistsSpotify.vue'
import ListPlaylistsSpotify from '@/components/ListPlaylistsSpotify.vue'
import ListTracksSpotify from '@/components/ListTracksSpotify.vue'
import SpotifyWebApi from 'spotify-web-api-js'
import TabsSearch from '@/components/TabsSearch.vue'
import { VueEternalLoading } from '@ts-pro/vue-eternal-loading'
@ -89,10 +89,10 @@ export default {
name: 'PageSearchSpotify',
components: {
ContentWithHeading,
ListItemAlbumSpotify,
ListItemArtistSpotify,
ListItemPlaylistSpotify,
ListItemTrackSpotify,
ListAlbumsSpotify,
ListArtistsSpotify,
ListPlaylistsSpotify,
ListTracksSpotify,
TabsSearch,
VueEternalLoading
},
@ -100,10 +100,10 @@ export default {
data() {
return {
components: {
album: ListItemAlbumSpotify.name,
artist: ListItemArtistSpotify.name,
playlist: ListItemPlaylistSpotify.name,
track: ListItemTrackSpotify.name
album: ListAlbumsSpotify.name,
artist: ListArtistsSpotify.name,
playlist: ListPlaylistsSpotify.name,
track: ListTracksSpotify.name
},
query: {},
results: {