sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add Output Event From FilterButtomComponent

Browse Source
This commit is contained in:
Sebastian
2020-04-28 16:00:53 +02:00
parent 3f38f2acb7
commit 8512505a00
4 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
libs/ui/src/lib/filter-button/filter-button.component.html
View File

@@ -1,4 +1,4 @@
<div class="container" [class.active]="active">
<div class="container" (click)="toggleFilter.emit()" [class.active]="active">
<lib-icon class="icon" width="20px" [name]="active ? 'Icon_Filter_active' : 'Icon_Filter'"></lib-icon>
<p class="text">Filter</p>
<p class="text" >Filter</p>
</div>

7
libs/ui/src/lib/filter-button/filter-button.component.ts
View File

@@ -1,4 +1,4 @@
import { Component, OnInit, ChangeDetectionStrategy, Output, EventEmitter, Input } from '@angular/core';
import { Component, ChangeDetectionStrategy, Output, EventEmitter, Input } from '@angular/core';
@Component({
selector: 'app-filter-button',
@@ -7,10 +7,9 @@ import { Component, OnInit, ChangeDetectionStrategy, Output, EventEmitter, Input
changeDetection: ChangeDetectionStrategy.OnPush
})
export class FilterButtonComponent implements OnInit {
export class FilterButtonComponent {
@Input() active = false;
@Output() toggleFilter = new EventEmitter();
constructor() { }
ngOnInit() { }
}