catalog-ui/src/app/ng2/components/logic/filter-properties-assignment/filter-properties-assignment.component.html

   1 <popover-content #filterPopover [title]="'Filters'" [buttons]="footerButtons" placement="bottom-right" [hideArrow]="true">
   2     <!--<form [formGroup]="filterForm">-->
   3     <form>
   4         <div class="field">
   5             <label>Resource Type</label>
   6             <div>
   7                 <checkbox [label]="'All'" [(checked)]="allSelected" (checkedChange)="selectAll()" data-tests-id="filter-checkbox-all"></checkbox>
   8             </div>
   9             <div *ngFor="let type of typesOptions">
  10                 <checkbox [label]="type" [(checked)]="selectedTypes[type]" (checkedChange)="onTypeSelected(type)" [attr.data-tests-id]="'filter-checkbox-' + type.toLowerCase()"></checkbox>
  11             </div>
  12         </div>
  13         <div class="field">
  14             <label>Property Name</label>
  15             <input class="i-sdc-form-input"
  16                    name="propertyName"
  17                    [(ngModel)]="filterData.propertyName"
  18                    placeholder="Type here"
  19                    required
  20                    data-tests-id="filter-box"
  21             />
  22         </div>
  23     </form>
  24 </popover-content>
  25 <div class="open-filter-button" [popover]="filterPopover" [ngClass]="{'open':showPopover}" (onShown)="showPopover = true" (onHidden)="showPopover = false">
  26     <div class="sprite-new filter-icon" data-tests-id="filter-button"></div>
  27 </div>