File

core/forms/filter-input.component.ts

Implements

OnInit OnDestroy

Metadata

Index

Properties
Methods
Inputs
Outputs

Inputs

icon
Type : string

Outputs

onSearch
Type : EventEmitter

Methods

ngOnDestroy
ngOnDestroy()
Returns : void
ngOnInit
ngOnInit()
Returns : void
reset
reset()
Returns : void

Properties

filterChange$
Default value : new Subject()
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)"
    px-event="Filter…"
    data-cy="filter-input--filter-input"
  />
  <span class="input-group-btn">
    <button class="btn btn-clean" title="{{filterTerm.length === 0 ? ('search' | translate) : ('close' | translate)}}" px-event="Clear filtering" (click)="reset()">
      <i [c8yIcon]="filterTerm.length === 0 ? 'search' : 'close'"></i>
    </button>
  </span>
</div>

results matching ""

    No results matching ""