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="{{property.servicePropertyName + ' ' + getSymbol(property.constraintOperator) + ' '
  34              + (property.sourceName ? property.sourceName + ':' : '') + property.value}}">
  35               {{property.servicePropertyName + ' ' + getSymbol(property.constraintOperator)
  36             + ' '
  37             + (property.sourceName ? property.sourceName + ':' : '') + property.value}}
  38             </div>
  39             <span *ngIf="!readonly" class="sprite-new delete-btn delete-icon"
  40                   (click)="openDeleteModal(PROPERTIES, i)"
  41                   data-tests-id="delete-input-button"></span>
  42           </div>
  43         </div>
  44
  45         <div class="w-sdc-designer-sidebar-section-substitution-filter-footer">
  46           <button
  47                   class="w-sdc-designer-sidebar-section-substitution-filter-footer-action add-rule-btn tlv-btn blue"
  48                   data-tests-id="add-rule-button"
  49                   (click)="onAddSubstitutionFilter(PROPERTIES)"
  50                   [disabled]="readonly">
  51             {{'ADD_SUBSTITUTION_FILTER' | translate}}
  52           </button>
  53         </div>
  54       </div>
  55     </sdc-accordion>
  56   </div>
  57 </div>