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

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