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

[web] Replace hard-coded loading text in Spotify search page with loading icon

This commit is contained in:
Alain Nussbaumer 2024-01-28 18:47:26 +01:00
parent 65e95d79e5
commit 4d475678d3
2 changed files with 34 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web-src/src/icons.js
View File

@ -26,6 +26,7 @@ import {
mdiFolder, mdiFolder,
mdiFolderOpen, mdiFolderOpen,
mdiHistory, mdiHistory,
mdiLoading,
mdiMagnify, mdiMagnify,
mdiMenu, mdiMenu,
mdiMicrophone, mdiMicrophone,
@ -90,6 +91,7 @@ export const icons = {
mdiFolder, mdiFolder,
mdiFolderOpen, mdiFolderOpen,
mdiHistory, mdiHistory,
mdiLoading,
mdiMagnify, mdiMagnify,
mdiMenu, mdiMenu,
mdiMicrophone, mdiMicrophone,

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

@ -61,7 +61,14 @@
v-if="query.type === 'track'" v-if="query.type === 'track'"
:load="search_tracks_next" :load="search_tracks_next"
> >
<template #no-more> . </template> <template #loading>
<div class="columns is-centered">
<div class="column has-text-centered">
<mdicon class="icon mdi-spin" name="loading" />
</div>
</div>
</template>
<template #no-more>&nbsp;</template>
</VueEternalLoading> </VueEternalLoading>
<modal-dialog-track-spotify <modal-dialog-track-spotify
:show="show_track_details_modal" :show="show_track_details_modal"
@ -116,7 +123,14 @@
v-if="query.type === 'artist'" v-if="query.type === 'artist'"
:load="search_artists_next" :load="search_artists_next"
> >
<template #no-more> . </template> <template #loading>
<div class="columns is-centered">
<div class="column has-text-centered">
<mdicon class="icon mdi-spin" name="loading" />
</div>
</div>
</template>
<template #no-more>&nbsp;</template>
</VueEternalLoading> </VueEternalLoading>
<modal-dialog-artist-spotify <modal-dialog-artist-spotify
:show="show_artist_details_modal" :show="show_artist_details_modal"
@ -181,7 +195,14 @@
v-if="query.type === 'album'" v-if="query.type === 'album'"
:load="search_albums_next" :load="search_albums_next"
> >
<template #no-more> . </template> <template #loading>
<div class="columns is-centered">
<div class="column has-text-centered">
<mdicon class="icon mdi-spin" name="loading" />
</div>
</div>
</template>
<template #no-more>&nbsp;</template>
</VueEternalLoading> </VueEternalLoading>
<modal-dialog-album-spotify <modal-dialog-album-spotify
:show="show_album_details_modal" :show="show_album_details_modal"
@ -235,7 +256,14 @@
v-if="query.type === 'playlist'" v-if="query.type === 'playlist'"
:load="search_playlists_next" :load="search_playlists_next"
> >
<template #no-more> . </template> <template #loading>
<div class="columns is-centered">
<div class="column has-text-centered">
<mdicon class="icon mdi-spin" name="loading" />
</div>
</div>
</template>
<template #no-more>&nbsp;</template>
</VueEternalLoading> </VueEternalLoading>
<modal-dialog-playlist-spotify <modal-dialog-playlist-spotify
:show="show_playlist_details_modal" :show="show_playlist_details_modal"