From cefe9ce57afa394720c5966227791c3543c0e873 Mon Sep 17 00:00:00 2001
From: Denys Vuika <denis.vuyka@gmail.com>
Date: Thu, 3 Nov 2016 16:20:02 +0000
Subject: [PATCH] #834 highlight selected filter

---
 .../components/activiti-filters.component.css    | 16 ++++++++++++++++
 .../components/activiti-filters.component.html   |  7 ++++---
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/ng2-components/ng2-activiti-tasklist/src/components/activiti-filters.component.css b/ng2-components/ng2-activiti-tasklist/src/components/activiti-filters.component.css
index 6b7e0a7a66..ef25795fc5 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/activiti-filters.component.css
+++ b/ng2-components/ng2-activiti-tasklist/src/components/activiti-filters.component.css
@@ -1,3 +1,19 @@
 .mdl-list__item {
     cursor: pointer;
 }
+
+.activiti-filters__entry {
+    cursor: pointer;
+}
+
+.activiti-filters__entry-icon {
+    margin-right: 12px !important;
+}
+
+.activiti-filters__entry.active {
+    color: rgb(68,138,255);
+}
+
+.activiti-filters__entry.active .activiti-filters__entry-icon {
+    color: rgb(68,138,255);
+}
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/activiti-filters.component.html b/ng2-components/ng2-activiti-tasklist/src/components/activiti-filters.component.html
index 4fa15b7d3c..d48063665f 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/activiti-filters.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/activiti-filters.component.html
@@ -1,10 +1,11 @@
 <div class="menu-container">
     <ul class='mdl-list'>
-        <li class="mdl-list__item" (click)="selectFilter(filter)" *ngFor="let filter of filters">
+        <li class="mdl-list__item activiti-filters__entry" (click)="selectFilter(filter)" *ngFor="let filter of filters"
+            [class.active]="currentFilter === filter">
             <span class="mdl-list__item-primary-content">
-            <i [attr.data-automation-id]="filter.name + '_filter'" class="material-icons mdl-list__item-icon">assignment</i>
+            <i class="material-icons mdl-list__item-icon activiti-filters__entry-icon" [attr.data-automation-id]="filter.name + '_filter'" >assignment</i>
             {{filter.name}}
             </span>
         </li>
     </ul>
-</div>
\ No newline at end of file
+</div>