1 <div class="service-dependencies">
2 <loader [display]="isLoading" [size]="'medium'" [relative]="true"></loader>
3 <select-directives *ngIf="!isDependent || isEditable" (onAddClick)="onAddDirectives($event)" [updateDirectives]="getActualDirectiveValue()">
5 <div *ngIf="isDependent && !isEditable" class="checkbox-label-mark-as-dependent">
6 <label class="i-sdc-form-label">Directive: {{getActualDirectiveValue()}}</label>
7 <span class="sprite-new delete-btn delete-icon"
8 (click)="onRemoveDirective()" data-tests-id="delete-input-button" *ngIf="!readonly">
10 <svg-icon-label name="edit-file-o" size="small" class="directive-edit-icon" data-tests-id="directive-edit-icon"
11 (click)="onEditDirectives()" *ngIf="!readonly">
15 <div *ngIf="isDependent">
16 <div class="w-sdc-designer-sidebar-section">
17 <sdc-accordion [title]="'Node Filter Capabilities'" [arrow-direction]="'right'" [open]="true">
18 <div class="i-sdc-designer-sidebar-section-content-node-filter-section">
20 <div class="i-sdc-designer-sidebar-section-content-node-filter"
21 [ngClass]="{'hand': !readonly}"
22 *ngFor="let capability of constraintCapabilities; let i = index">
23 <div class="filter-details" [ngClass]="{'readonly': readonly}">
24 <div class="filter-desc" (click)="!readonly && onSelectNodeFilterCapability(capabilities, i)"
26 tooltip="{{capability.capabilityName + ' : ' +
27 capability.servicePropertyName + ' ' + getSymbol(capability.constraintOperator) + ' '
28 + (capability.sourceName ? capability.sourceName + ':' : '') + capability.value}}">
29 {{capability.capabilityName + ' : ' + capability.servicePropertyName + ' ' + getSymbol(capability.constraintOperator)
30 + ' ' + (capability.sourceName ? capability.sourceName + ':' : '') + capability.value}}
32 <span *ngIf="!readonly" class="sprite-new delete-btn delete-icon"
33 (click)="openDeleteModal(capabilities, i)"
34 data-tests-id="delete-input-button"></span>
38 <div class="w-sdc-designer-sidebar-section-node-filter-footer">
40 class="w-sdc-designer-sidebar-section-node-filter-footer-action add-rule-btn tlv-btn blue"
41 data-tests-id="add-rule-button"
42 (click)="onAddNodeFilterCapabilities()"
43 [disabled]="readonly">
44 {{'DIRECTIVES_AND_NODE_FILTER_ADD_NODE_FILTER' | translate}}
50 <sdc-accordion [title]="'Node Filter Properties'" [arrow-direction]="'right'" [open]="true">
51 <div class="i-sdc-designer-sidebar-section-content-node-filter-section">
53 <div class="i-sdc-designer-sidebar-section-content-node-filter"
54 [ngClass]="{'hand': !readonly}"
55 *ngFor="let property of constraintProperties; let i = index">
56 <div class="filter-details" [ngClass]="{'readonly': readonly}">
57 <div class="filter-desc" (click)="!readonly && onSelectNodeFilter(properties, i)"
59 tooltip="{{property.servicePropertyName + ' ' + getSymbol(property.constraintOperator) + ' '
60 + (property.sourceName ? property.sourceName + ':' : '') + property.value}}">
61 {{property.servicePropertyName + ' ' + getSymbol(property.constraintOperator)
63 + (property.sourceName ? property.sourceName + ':' : '') + property.value}}
65 <span *ngIf="!readonly" class="sprite-new delete-btn delete-icon"
66 (click)="openDeleteModal(properties, i)"
67 data-tests-id="delete-input-button"></span>
71 <div class="w-sdc-designer-sidebar-section-node-filter-footer">
73 class="w-sdc-designer-sidebar-section-node-filter-footer-action add-rule-btn tlv-btn blue"
74 data-tests-id="add-rule-button"
75 (click)="onAddNodeFilter()"
76 [disabled]="readonly">
77 {{'DIRECTIVES_AND_NODE_FILTER_ADD_NODE_FILTER' | translate}}