aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html
blob: 833f6f3c62e83da02e342bc3f0b1787dea7a8992 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<div class="service-dependencies">
  <loader [display]="isLoading" [size]="'medium'" [relative]="true"></loader>
  <div *ngIf="!isDependent"  class="checkbox-label-mark-as-dependent">
    <select name="singleSelect" id="singleSelect" ng-model="data.singleSelect"
            (change)='onOptionsSelected($event)'>
      <option>Select Directive</option>
      <option *ngFor="let item of directiveValues.values()">{{item}}</option>
    </select>
  </div>

  <div *ngIf="isDependent" class="checkbox-label-mark-as-dependent">
    <label class="i-sdc-form-label">Directive: {{getActualDirectiveValue().toUpperCase()}}</label>
    <span class="sprite-new delete-btn delete-icon"
         (click)="onRemoveDirective()" data-tests-id="delete-input-button">
    </span>
  </div>

  <div class="i-sdc-designer-sidebar-section-content-item-rules-section" *ngIf="isDependent && isServiceProxy()">

    <div class="i-sdc-designer-sidebar-section-content-item-rule" [ngClass]="{'hand': !readonly}"
         *ngFor="let rule of rulesList; let i = index">
      <div class="rule-details" [ngClass]="{'readonly': readonly}">
        <div class="rule-desc" (click)="!readonly && onSelectRule(i)" tooltips
             tooltip="{{rule.servicePropertyName + ' ' + getSymbol(rule.constraintOperator) + ' '
             + (rule.sourceName ? rule.sourceName + ':' : '') + rule.value}}">
          {{rule.servicePropertyName + ' ' + getSymbol(rule.constraintOperator) + ' '
        + (rule.sourceName ? rule.sourceName + ':' : '') + rule.value}}
        </div>
        <span *ngIf="!readonly" class="sprite-new delete-btn delete-icon"
              (click)="openDeleteModal(i)" data-tests-id="delete-input-button"></span>
      </div>
    </div>

    <div class="w-sdc-designer-sidebar-section-footer">
      <button
          class="w-sdc-designer-sidebar-section-footer-action add-rule-btn tlv-btn blue"
          data-tests-id="add-rule-button"
          (click)="onAddRule()"
          [disabled]="readonly">
        {{'DIRECTIVES_AND_NODE_FILTER_ADD_NODE_FILTER' | translate}}
      </button>
    </div>
  </div>
</div>