client/src/app/shared/shared-forms/advanced-input-filter.component.html

   1 <div class="input-group has-feedback has-clear">
   2   <div *ngIf="hasFilters()" class="input-group-prepend c-hand" ngbDropdown placement="bottom-left auto" container="body">
   3     <div class="input-group-text" ngbDropdownToggle>
   4       <span class="caret" aria-haspopup="menu" role="button"></span>
   5     </div>
   6
   7     <div role="menu" ngbDropdownMenu>
   8       <ng-container *ngFor="let group of filters">
   9         <h6 class="dropdown-header">{{ group.title }}</h6>
  10
  11         <button *ngFor="let filter of group.children" (click)="onFilterClick(filter)" class="dropdown-item">
  12           <my-global-icon [ngClass]="{ 'no-visible': !isFilterEnabled(filter) }" iconName="tick"></my-global-icon>
  13
  14           {{ filter.label }}
  15         </button>
  16       </ng-container>
  17     </div>
  18   </div>
  19
  20   <input
  21     type="text" name="table-filter" id="table-filter" i18n-placeholder placeholder="Filter..."
  22     [(ngModel)]="searchValue"
  23     (keyup)="onInputSearch($event)"
  24   >
  25
  26   <a class="glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)="onResetTableFilter()"></a>
  27   <span class="sr-only" i18n>Clear filters</span>
  28 </div>