Frontend: Use disabled instead if v-if for menu #15

This commit is contained in:
Michael Mayer 2019-05-21 10:19:48 +02:00
parent 493df99133
commit 1d2e0faf36

View file

@ -92,23 +92,14 @@
<v-icon v-if="selected.length === 0">menu</v-icon>
<span v-else>{{ selected.length }}</span>
</v-btn>
<v-btn
fab
dark
small
color="grey"
@click.stop="clearSelection()"
v-if="selected.length > 0"
>
<v-icon>clear</v-icon>
</v-btn>
<v-btn
fab
dark
small
color="deep-purple lighten-2"
@click.stop="batchLike()"
v-if="selected.length > 0"
:disabled="!selected.length"
>
<v-icon>favorite</v-icon>
</v-btn>
@ -146,10 +137,20 @@
small
color="delete"
@click.stop="batchDelete()"
v-if="selected.length > 0"
:disabled="!selected.length"
>
<v-icon>delete</v-icon>
</v-btn>
<v-btn
fab
dark
small
color="grey"
@click.stop="clearSelection()"
:disabled="!selected.length"
>
<v-icon>clear</v-icon>
</v-btn>
</v-speed-dial>
<p-photo-tiles v-if="view === 'tiles'" :photos="results" :selection="selected" :select="selectPhoto"