diff --git a/web-src/src/components/ListTracks.vue b/web-src/src/components/ListTracks.vue index 6bad832e..d63a13c1 100644 --- a/web-src/src/components/ListTracks.vue +++ b/web-src/src/components/ListTracks.vue @@ -13,7 +13,11 @@ :class="{ 'with-progress': show_progress }" @click="play(item.item)" > - +
- +

@@ -44,22 +44,24 @@ export default { playlist_name: '' } }, - actions() { - if (loading) { - return [{ label: this.$t('dialog.playlist.save.saving'), icon: 'web' }] - } - return [ - { - label: this.$t('dialog.playlist.save.cancel'), - handler: this.cancel, - icon: 'cancel' - }, - { - label: this.$t('dialog.playlist.save.save'), - handler: this.save, - icon: 'save' + computed: { + actions() { + if (this.loading) { + return [{ label: this.$t('dialog.playlist.save.saving'), icon: 'web' }] } - ] + return [ + { + label: this.$t('dialog.playlist.save.cancel'), + handler: this.cancel, + icon: 'cancel' + }, + { + label: this.$t('dialog.playlist.save.save'), + handler: this.save, + icon: 'download' + } + ] + } }, watch: { show() { diff --git a/web-src/src/icons.js b/web-src/src/icons.js index b289f862..65a1da11 100644 --- a/web-src/src/icons.js +++ b/web-src/src/icons.js @@ -15,15 +15,14 @@ import { mdiChevronLeft, mdiChevronUp, mdiClose, - mdiContentSave, mdiDelete, mdiDeleteEmpty, mdiDotsHorizontal, mdiDotsVertical, + mdiDownload, mdiDragHorizontal, mdiFastForward30, - mdiFileMusic, - mdiFileOutline, + mdiFileMusicOutline, mdiFire, mdiFolder, mdiFolderOpen, @@ -39,6 +38,7 @@ import { mdiPencil, mdiPipe, mdiPlay, + mdiPlaylistMusic, mdiPlaylistPlay, mdiPlaylistPlus, mdiRadio, @@ -81,15 +81,14 @@ export const icons = { mdiChevronLeft, mdiChevronUp, mdiClose, - mdiContentSave, mdiDelete, mdiDeleteEmpty, mdiDotsHorizontal, mdiDotsVertical, + mdiDownload, mdiDragHorizontal, mdiFastForward30, - mdiFileMusic, - mdiFileOutline, + mdiFileMusicOutline, mdiFire, mdiFolder, mdiFolderOpen, @@ -105,6 +104,7 @@ export const icons = { mdiPencil, mdiPipe, mdiPlay, + mdiPlaylistMusic, mdiPlaylistPlay, mdiPlaylistPlus, mdiRadio, diff --git a/web-src/src/pages/PageQueue.vue b/web-src/src/pages/PageQueue.vue index 801f0d5d..d44f729f 100644 --- a/web-src/src/pages/PageQueue.vue +++ b/web-src/src/pages/PageQueue.vue @@ -48,7 +48,7 @@ :disabled="queue_items.length === 0" @click="save_dialog" > - +
diff --git a/web-src/src/stores/configuration.js b/web-src/src/stores/configuration.js index 880efe9e..8a1a8828 100644 --- a/web-src/src/stores/configuration.js +++ b/web-src/src/stores/configuration.js @@ -4,6 +4,8 @@ export const useConfigurationStore = defineStore('ConfigurationStore', { state: () => ({ buildoptions: [], version: '', - websocket_port: 0 + websocket_port: 0, + allow_modifying_stored_playlists: false, + default_playlist_directory: '' }) })