MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-04-14 08:16:17 -04:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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' import ModalDialogAlbumSpotify from '@/components/ModalDialogAlbumSpotify.vue'
export default { export default {
name: 'ListItemAlbumSpotify', name: 'ListAlbumsSpotify',
components: { CoverArtwork, ModalDialogAlbumSpotify }, components: { CoverArtwork, ModalDialogAlbumSpotify },
props: { items: { required: true, type: Object } }, 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' import ModalDialogArtistSpotify from '@/components/ModalDialogArtistSpotify.vue'
export default { export default {
name: 'ListItemArtistSpotify', name: 'ListArtistsSpotify',
components: { ModalDialogArtistSpotify }, components: { ModalDialogArtistSpotify },
props: { items: { required: true, type: Object } }, 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' import ModalDialogPlaylistSpotify from '@/components/ModalDialogPlaylistSpotify.vue'
export default { export default {
name: 'ListItemPlaylistSpotify', name: 'ListPlaylistsSpotify',
components: { components: {
ModalDialogPlaylistSpotify 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' import webapi from '@/webapi'
export default { export default {
name: 'ListItemTrackSpotify', name: 'ListTracksSpotify',
components: { ModalDialogTrackSpotify }, components: { ModalDialogTrackSpotify },
props: { props: {
context_uri: { default: '', type: String }, 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 }) $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 <modal-dialog-album-spotify
:show="show_details_modal" :show="show_details_modal"
:album="album" :album="album"
@ -53,7 +53,7 @@
<script> <script>
import ContentWithHero from '@/templates/ContentWithHero.vue' import ContentWithHero from '@/templates/ContentWithHero.vue'
import CoverArtwork from '@/components/CoverArtwork.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 ModalDialogAlbumSpotify from '@/components/ModalDialogAlbumSpotify.vue'
import SpotifyWebApi from 'spotify-web-api-js' import SpotifyWebApi from 'spotify-web-api-js'
import store from '@/store' import store from '@/store'
@ -78,7 +78,7 @@ export default {
components: { components: {
ContentWithHero, ContentWithHero,
CoverArtwork, CoverArtwork,
ListItemTrackSpotify, ListTracksSpotify,
ModalDialogAlbumSpotify ModalDialogAlbumSpotify
}, },

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

@ -23,7 +23,7 @@
class="heading has-text-centered-mobile" class="heading has-text-centered-mobile"
v-text="$t('page.spotify.artist.album-count', { count: total })" 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"> <VueEternalLoading v-if="offset < total" :load="load_next">
<template #loading> <template #loading>
<div class="columns is-centered"> <div class="columns is-centered">
@ -46,7 +46,7 @@
<script> <script>
import ContentWithHeading from '@/templates/ContentWithHeading.vue' 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 ModalDialogArtistSpotify from '@/components/ModalDialogArtistSpotify.vue'
import SpotifyWebApi from 'spotify-web-api-js' import SpotifyWebApi from 'spotify-web-api-js'
import { VueEternalLoading } from '@ts-pro/vue-eternal-loading' import { VueEternalLoading } from '@ts-pro/vue-eternal-loading'
@ -83,7 +83,7 @@ export default {
name: 'PageArtistSpotify', name: 'PageArtistSpotify',
components: { components: {
ContentWithHeading, ContentWithHeading,
ListItemAlbumSpotify, ListAlbumsSpotify,
ModalDialogArtistSpotify, ModalDialogArtistSpotify,
VueEternalLoading 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')" /> <p class="title is-4" v-text="$t('page.spotify.music.new-releases')" />
</template> </template>
<template #content> <template #content>
<list-item-album-spotify :items="new_releases" /> <list-albums-spotify :items="new_releases" />
</template> </template>
<template #footer> <template #footer>
<nav class="level"> <nav class="level">
@ -30,7 +30,7 @@
/> />
</template> </template>
<template #content> <template #content>
<list-item-playlist-spotify :items="featured_playlists" /> <list-playlists-spotify :items="featured_playlists" />
</template> </template>
<template #footer> <template #footer>
<nav class="level"> <nav class="level">
@ -50,8 +50,8 @@
<script> <script>
import * as types from '@/store/mutation_types' import * as types from '@/store/mutation_types'
import ContentWithHeading from '@/templates/ContentWithHeading.vue' import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import ListItemAlbumSpotify from '@/components/ListItemAlbumSpotify.vue' import ListAlbumsSpotify from '@/components/ListAlbumsSpotify.vue'
import ListItemPlaylistSpotify from '@/components/ListItemPlaylistSpotify.vue' import ListPlaylistsSpotify from '@/components/ListPlaylistsSpotify.vue'
import SpotifyWebApi from 'spotify-web-api-js' import SpotifyWebApi from 'spotify-web-api-js'
import TabsMusic from '@/components/TabsMusic.vue' import TabsMusic from '@/components/TabsMusic.vue'
import store from '@/store' import store from '@/store'
@ -94,8 +94,8 @@ export default {
name: 'PageMusicSpotify', name: 'PageMusicSpotify',
components: { components: {
ContentWithHeading, ContentWithHeading,
ListItemAlbumSpotify, ListAlbumsSpotify,
ListItemPlaylistSpotify, ListPlaylistsSpotify,
TabsMusic TabsMusic
}, },

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

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

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

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

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

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