inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

#834 highlight selected filter

Browse Source
This commit is contained in:
Denys Vuika
2016-11-03 16:20:02 +00:00
parent af760996d0
commit cefe9ce57a
2 changed files with 20 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
ng2-components/ng2-activiti-tasklist/src/components/activiti-filters.component.css
View File

@@ -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);
}

7
ng2-components/ng2-activiti-tasklist/src/components/activiti-filters.component.html
View File

@@ -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>
</div>