From 1d33b803f56dadaadfe7bb03bd7616b86d92eca1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakob=20R=C3=B6hrl?= <jakob.roehrl@web.de>
Date: Wed, 1 Apr 2020 11:01:22 +0200
Subject: [PATCH] show if filter or archiv is set
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>
---
 src/components/Controls.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/Controls.vue b/src/components/Controls.vue
index a4fc75653..c152a7861 100644
--- a/src/components/Controls.vue
+++ b/src/components/Controls.vue
@@ -49,13 +49,14 @@
 			</div>
 			<div class="board-action-buttons">
 				<Popover>
-					<Actions slot="trigger">
+					<Actions slot="trigger" :style="filterOpacity">
 						<ActionButton icon="icon-filter" :title="t('deck', 'Apply filter')" />
 					</Actions>
 
 					<template>
 						<div class="filter">
 							<h3>{{ t('deck', 'Filter by tag') }}</h3>
+							{{ filter }}
 							<div v-for="label in board.labels" :key="label.id" class="filter--item">
 								<input
 									:id="label.id"
@@ -144,7 +145,7 @@
 					</template>
 				</Popover>
 
-				<Actions style="opacity: .5;">
+				<Actions :style="archivedOpacity">
 					<ActionButton v-if="showArchived"
 						icon="icon-archive"
 						:title="t('deck', 'Show archived cards')"
@@ -214,6 +215,18 @@ export default {
 				name: 'board.details',
 			}
 		},
+		archivedOpacity() {
+			if (this.showArchived) {
+				return 'opacity: 1;'
+			}
+			return 'opacity: .5;'
+		},
+		filterOpacity() {
+			if (this.filter.tags.length !== 0 || this.filter.users.length !== 0 || this.filter.due !== '') {
+				return 'opacity: 1;'
+			}
+			return 'opacity: .5;'
+		},
 	},
 	methods: {
 		beforeSetFilter(e) {