From 1d2e0faf362d56203414564d90211243b29b7aa7 Mon Sep 17 00:00:00 2001
From: Michael Mayer <michael@liquidbytes.net>
Date: Tue, 21 May 2019 10:19:48 +0200
Subject: [PATCH] Frontend: Use disabled instead if v-if for menu #15

---
 frontend/src/pages/photos.vue | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/frontend/src/pages/photos.vue b/frontend/src/pages/photos.vue
index e13c44b24..a132266d8 100644
--- a/frontend/src/pages/photos.vue
+++ b/frontend/src/pages/photos.vue
@@ -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"