MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-04-12 23:42:32 -04:00
Code Issues Packages Projects Releases Wiki Activity

[web] Fix badly converted buttons

Browse Source
This commit is contained in:
Alain Nussbaumer 2025-03-05 19:26:36 +01:00
parent 0d981d0ae1
commit aa9ca1b4ae
4 changed files with 19 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web-src/src/pages/PageAbout.vue
View File

@ -6,13 +6,13 @@
</template>
<template #heading-right>
<control-button
:class="{ 'is-loading': libraryStore.updating }"
:button="{
disabled: libraryStore.updating,
handler: showUpdateDialog,
icon: 'refresh',
key: 'page.about.update'
}"
:class="{ 'is-loading': libraryStore.updating }"
:disabled="libraryStore.updating"
/>
</template>
<template #content>

4
web-src/src/pages/PagePlaylistTracks.vue
View File

@ -12,9 +12,9 @@
:button="{
handler: play,
icon: 'shuffle',
key: 'page.playlist.shuffle',
disabled: tracks.count === 0
key: 'page.playlist.shuffle'
}"
:disabled="tracks.count === 0"
/>
</template>
<template #content>

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

@ -12,9 +12,9 @@
:button="{
handler: play,
icon: 'shuffle',
key: 'page.spotify.playlist.shuffle',
disabled: playlist.tracks.total === 0
key: 'page.spotify.playlist.shuffle'
}"
:disabled="playlist.tracks.total === 0"
/>
</template>
<template #content>

27
web-src/src/pages/PageQueue.vue
View File

@ -9,9 +9,9 @@
:button="{
handler: update_show_next_items,
icon: 'eye-off-outline',
key: 'page.queue.hide-previous',
class: { 'is-dark': show_only_next_items }
key: 'page.queue.hide-previous'
}"
:class="{ 'is-dark': uiStore.show_only_next_items }"
/>
<control-button
:button="{
@ -25,26 +25,26 @@
handler: toggleEdit,
icon: 'pencil',
key: 'page.queue.edit',
disabled: queue_items.length === 0,
class: { 'is-dark': edit_mode }
disabled: queue_items.length === 0
}"
:class="{ 'is-dark': edit_mode }"
/>
<control-button
:button="{
handler: queue_clear,
icon: 'delete-empty',
key: 'page.queue.clear',
disabled: queue_items.length === 0
key: 'page.queue.clear'
}"
:disabled="queue_items.length === 0"
/>
<control-button
v-if="is_queue_save_allowed"
:button="{
handler: save_dialog,
icon: 'download',
key: 'page.queue.save',
disabled: queue_items.length === 0
key: 'page.queue.save'
}"
:disabled="queue_items.length === 0"
/>
</template>
<template #content>
@ -54,7 +54,7 @@
:item="element"
:position="index"
:current_position="current_position"
:show_only_next_items="show_only_next_items"
:show_only_next_items="uiStore.show_only_next_items"
:edit_mode="edit_mode"
>
<template #actions>
@ -165,18 +165,15 @@ export default {
/* Do nothing? Send move request in @end event */
}
},
show_only_next_items() {
return this.uiStore.show_only_next_items
},
player() {
return this.playerStore
}
},
methods: {
move_item(event) {
const oldPosition =
event.oldIndex + (this.show_only_next_items && this.current_position)
event.oldIndex +
(this.uiStore.show_only_next_items && this.current_position)
const item = this.queue_items[oldPosition]
const newPosition = item.position + (event.newIndex - event.oldIndex)
if (newPosition !== oldPosition) {
@ -205,6 +202,8 @@ export default {
this.edit_mode = !this.edit_mode
},
update_show_next_items() {
console.log(this.uiStore.show_only_next_items)
this.uiStore.show_only_next_items = !this.uiStore.show_only_next_items
}
}