[web] Fix incorrect disabling of queue buttons

This commit is contained in:
Alain Nussbaumer 2023-07-02 19:13:38 +02:00
parent 85955ef13c
commit adf9e8c969
1 changed files with 10 additions and 10 deletions

View File

@ -10,19 +10,19 @@
</template> </template>
<template #heading-right> <template #heading-right>
<div class="buttons is-centered"> <div class="buttons is-centered">
<a <button
class="button is-small" class="button is-small"
:class="{ 'is-info': show_only_next_items }" :class="{ 'is-info': show_only_next_items }"
@click="update_show_next_items" @click="update_show_next_items"
> >
<mdicon class="icon" name="arrow-collapse-down" size="16" /> <mdicon class="icon" name="arrow-collapse-down" size="16" />
<span v-text="$t('page.queue.hide-previous')" /> <span v-text="$t('page.queue.hide-previous')" />
</a> </button>
<a class="button is-small" @click="open_add_stream_dialog"> <button class="button is-small" @click="open_add_stream_dialog">
<mdicon class="icon" name="web" size="16" /> <mdicon class="icon" name="web" size="16" />
<span v-text="$t('page.queue.add-stream')" /> <span v-text="$t('page.queue.add-stream')" />
</a> </button>
<a <button
class="button is-small" class="button is-small"
:class="{ 'is-info': edit_mode }" :class="{ 'is-info': edit_mode }"
:disabled="queue_items.length === 0" :disabled="queue_items.length === 0"
@ -30,16 +30,16 @@
> >
<mdicon class="icon" name="pencil" size="16" /> <mdicon class="icon" name="pencil" size="16" />
<span v-text="$t('page.queue.edit')" /> <span v-text="$t('page.queue.edit')" />
</a> </button>
<a <button
class="button is-small" class="button is-small"
:disabled="queue_items.length === 0" :disabled="queue_items.length === 0"
@click="queue_clear" @click="queue_clear"
> >
<mdicon class="icon" name="delete-empty" size="16" /> <mdicon class="icon" name="delete-empty" size="16" />
<span v-text="$t('page.queue.clear')" /> <span v-text="$t('page.queue.clear')" />
</a> </button>
<a <button
v-if="is_queue_save_allowed" v-if="is_queue_save_allowed"
class="button is-small" class="button is-small"
:disabled="queue_items.length === 0" :disabled="queue_items.length === 0"
@ -47,7 +47,7 @@
> >
<mdicon class="icon" name="content-save" size="16" /> <mdicon class="icon" name="content-save" size="16" />
<span v-text="$t('page.queue.save')" /> <span v-text="$t('page.queue.save')" />
</a> </button>
</div> </div>
</template> </template>
<template #content> <template #content>