From f0e9af64b48aca0897de19dfc1f702ff770f8bd7 Mon Sep 17 00:00:00 2001
From: Michael Mayer <michael@liquidbytes.net>
Date: Mon, 20 Apr 2020 23:22:46 +0200
Subject: [PATCH] Frontend: Change opacity of select buttons in albums and
 labels

Signed-off-by: Michael Mayer <michael@liquidbytes.net>
---
 frontend/src/pages/albums.vue | 2 +-
 frontend/src/pages/labels.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/albums.vue b/frontend/src/pages/albums.vue
index 09d06fb3a..c747fd311 100644
--- a/frontend/src/pages/albums.vue
+++ b/frontend/src/pages/albums.vue
@@ -82,7 +82,7 @@
 
                                     <v-btn v-if="hover || selection.length > 0" :flat="!hover" :ripple="false"
                                            icon large absolute
-                                           class="p-album-select"
+                                           :class="selection.includes(album.AlbumUUID) ? 'p-album-select' : 'p-album-select opacity-50'"
                                            @click.stop.prevent="toggleSelection(album.AlbumUUID)">
                                         <v-icon v-if="selection.includes(album.AlbumUUID)" color="white">check_circle
                                         </v-icon>
diff --git a/frontend/src/pages/labels.vue b/frontend/src/pages/labels.vue
index 50c548ed2..0a2aa3fa8 100644
--- a/frontend/src/pages/labels.vue
+++ b/frontend/src/pages/labels.vue
@@ -84,7 +84,7 @@
 
                                     <v-btn v-if="hover || selection.length > 0" :flat="!hover" :ripple="false"
                                            icon large absolute
-                                           class="p-label-select"
+                                           :class="selection.includes(label.LabelUUID) ? 'p-label-select' : 'p-label-select opacity-50'"
                                            @click.stop.prevent="toggleSelection(label.LabelUUID)">
                                         <v-icon v-if="selection.includes(label.LabelUUID)" color="white">check_circle
                                         </v-icon>
@@ -241,7 +241,7 @@
 
                     if (this.scrollDisabled) {
                         this.offset = offset;
-                        if(this.results.length > 1) {
+                        if (this.results.length > 1) {
                             this.$notify.info(this.$gettext('All ') + this.results.length + this.$gettext(' labels loaded'));
                         }
                     } else {
@@ -290,7 +290,7 @@
                 return params;
             },
             refresh() {
-                if(this.loading) return;
+                if (this.loading) return;
                 this.loading = true;
                 this.page = 0;
                 this.dirty = true;
@@ -389,7 +389,7 @@
             this.subscriptions.push(Event.subscribe("touchmove.bottom", () => this.loadMore()));
         },
         destroyed() {
-            for(let i = 0; i < this.subscriptions.length; i++) {
+            for (let i = 0; i < this.subscriptions.length; i++) {
                 Event.unsubscribe(this.subscriptions[i]);
             }
         },