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

   1 <!--
   2  * Copyright (C) 2018 Huawei Intellectual Property. All rights reserved.
   3  * Licensed under the Apache License, Version 2.0 (the "License");
   4  * you may not use this file except in compliance with the License.
   5  * You may obtain a copy of the License at
   6  *
   7  *      http://www.apache.org/licenses/LICENSE-2.0
   8  *
   9  * Unless required by applicable law or agreed to in writing, software
  10  * distributed under the License is distributed on an "AS IS" BASIS,
  11  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12  * See the License for the specific language governing permissions and
  13  * limitations under the License.
  14  -->
  15
  16
  17 <popover-content #filterPopover [title]="'Filters'" [buttons]="footerButtons" placement="bottom-right" [hideArrow]="true">
  18     <!--<form [formGroup]="filterForm">-->
  19     <form>
  20         <div class="field">
  21             <label>Resource Type</label>
  22             <div>
  23                 <checkbox [label]="'All'" [(checked)]="allSelected" (checkedChange)="selectAll()" data-tests-id="filter-checkbox-all"></checkbox>
  24             </div>
  25             <div *ngFor="let type of typesOptions">
  26                 <checkbox [label]="type" [(checked)]="selectedTypes[type]" (checkedChange)="onTypeSelected(type)" [attr.data-tests-id]="'filter-checkbox-' + type.toLowerCase()"></checkbox>
  27             </div>
  28         </div>
  29         <div class="field">
  30             <label>Property Name</label>
  31             <input class="i-sdc-form-input"
  32                    name="propertyName"
  33                    [(ngModel)]="filterData.propertyName"
  34                    placeholder="Type here"
  35                    required
  36                    data-tests-id="filter-box"
  37             />
  38         </div>
  39     </form>
  40 </popover-content>
  41 <div class="open-filter-button" [popover]="filterPopover" >
  42     <div class="sprite-new filter-icon" data-tests-id="filter-button"></div>
  43 </div>