catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html

   1 <div class="service-dependencies">
   2   <loader [display]="isLoading" [size]="'medium'" [relative]="true"></loader>
   3   <div *ngIf="!isDependent"  class="checkbox-label-mark-as-dependent">
   4     <select name="singleSelect" id="singleSelect" ng-model="data.singleSelect"
   5             (change)='onOptionsSelected($event)'>
   6       <option>Select Directive</option>
   7       <option *ngFor="let item of directiveValues.values()">{{item}}</option>
   8     </select>
   9   </div>
  10
  11   <div *ngIf="isDependent" class="checkbox-label-mark-as-dependent">
  12     <label class="i-sdc-form-label">Directive: {{getActualDirectiveValue().toUpperCase()}}</label>
  13     <span class="sprite-new delete-btn delete-icon"
  14          (click)="onRemoveDirective()" data-tests-id="delete-input-button">
  15     </span>
  16   </div>
  17
  18   <div class="i-sdc-designer-sidebar-section-content-item-rules-section" *ngIf="isDependent">
  19
  20     <div class="i-sdc-designer-sidebar-section-content-item-rule" [ngClass]="{'hand': !readonly}"
  21          *ngFor="let constraint of constraintObjects; let i = index">
  22       <div class="rule-details" [ngClass]="{'readonly': readonly}">
  23         <div class="rule-desc" (click)="!readonly && onSelectRule(i)" tooltips
  24              tooltip="{{constraint.servicePropertyName + ' ' + getSymbol(constraint.constraintOperator) + ' '
  25              + (constraint.sourceName ? constraint.sourceName + ':' : '') + constraint.value}}">
  26           {{constraint.servicePropertyName + ' ' + getSymbol(constraint.constraintOperator) + ' '
  27         + (constraint.sourceName ? constraint.sourceName + ':' : '') + constraint.value}}
  28         </div>
  29         <span *ngIf="!readonly" class="sprite-new delete-btn delete-icon"
  30               (click)="openDeleteModal(i)" data-tests-id="delete-input-button"></span>
  31       </div>
  32     </div>
  33
  34     <div class="w-sdc-designer-sidebar-section-footer">
  35       <button
  36           class="w-sdc-designer-sidebar-section-footer-action add-rule-btn tlv-btn blue"
  37           data-tests-id="add-rule-button"
  38           (click)="onAddRule()"
  39           [disabled]="readonly">
  40         {{'DIRECTIVES_AND_NODE_FILTER_ADD_NODE_FILTER' | translate}}
  41       </button>
  42     </div>
  43   </div>
  44 </div>