core/forms/filter-input.component.ts
| selector | c8y-filter |
| templateUrl | ./filter-input.component.html |
Properties |
Methods |
Inputs |
Outputs |
icon
|
Type : |
onSearch
|
$event Type: EventEmitter
|
| ngOnDestroy |
ngOnDestroy()
|
|
Returns :
void
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
| reset |
reset()
|
|
Returns :
void
|
| filterChange$ |
filterChange$:
|
Default value : new Subject()
|
| filterTerm |
filterTerm:
|
Type : string
|
Default value : ''
|
<div class="input-group input-group-search">
<input
class="form-control"
placeholder="{{ 'Filter…' | translate }}"
type="text"
[value]="filterTerm"
(keyup)="filterChange$.next($event)"
/>
<span class="input-group-btn">
<button class="btn btn-clean" (click)="reset()">
<i [c8yIcon]="filterTerm.length === 0 ? icon : 'close'"></i>
</button>
</span>
</div>