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

   1 <!--
   2  * ============LICENSE_START=======================================================
   3  * SDC
   4  * ================================================================================
   5  * Copyright (C) 2020 Nordix Foundation. All rights reserved.
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ============LICENSE_END=========================================================
  19 -->
  20
  21 <div class="substitution-filter">
  22   <loader [display]="isLoading" [size]="'medium'" [relative]="true"></loader>
  23   <div class="w-sdc-designer-sidebar-section">
  24     <sdc-accordion [title]="'Substitution Filter Properties'" [arrow-direction]="'right'" [open]="true">
  25       <div class="i-sdc-designer-sidebar-section-content-substitution-filter-section">
  26
  27         <div class="i-sdc-designer-sidebar-section-content-substitution-filter"
  28              [ngClass]="{'hand': !readonly}"
  29              *ngFor="let property of constraintProperties; let i = index">
  30           <div class="rule-details" [ngClass]="{'readonly': readonly}">
  31             <div class="rule-desc" (click)="!readonly && onSelectSubstitutionFilter(PROPERTIES, i)"
  32                  tooltips
  33                  tooltip="{{constraintPropertyLabels[i]}}">
  34               {{constraintPropertyLabels[i]}}
  35             </div>
  36             <span *ngIf="!readonly" class="sprite-new delete-btn delete-icon"
  37                   (click)="openDeleteModal(PROPERTIES, i)"
  38                   data-tests-id="delete-input-button"></span>
  39           </div>
  40         </div>
  41
  42         <div class="w-sdc-designer-sidebar-section-substitution-filter-footer">
  43           <button
  44                   class="w-sdc-designer-sidebar-section-substitution-filter-footer-action add-rule-btn tlv-btn blue"
  45                   data-tests-id="add-substitution-filter-button"
  46                   (click)="onAddSubstitutionFilter(PROPERTIES)"
  47                   [disabled]="readonly">
  48             {{'ADD_SUBSTITUTION_FILTER' | translate}}
  49           </button>
  50         </div>
  51       </div>
  52     </sdc-accordion>
  53   </div>
  54 </div>