blob: 4238a4e96feda3620439cb2e13ee97306da2b450 (
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">
<div class="i-sdc-designer-sidebar-section-content-item-rule" [ngClass]="{'hand': !readonly}"
*ngFor="let constraint of constraintObjects; let i = index">
<div class="rule-details" [ngClass]="{'readonly': readonly}">
<div class="rule-desc" (click)="!readonly && onSelectRule(i)" tooltips
tooltip="{{constraint.servicePropertyName + ' ' + getSymbol(constraint.constraintOperator) + ' '
+ (constraint.sourceName ? constraint.sourceName + ':' : '') + constraint.value}}">
{{constraint.servicePropertyName + ' ' + getSymbol(constraint.constraintOperator) + ' '
+ (constraint.sourceName ? constraint.sourceName + ':' : '') + constraint.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>
|
