blob: 1539c49d90cbc6887ad136d8520e01f06c649bbd (
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
45
46
47
48
49
50
|
<div class="selected-event">
<div style="flex:1; display: flex; align-items: flex-end;">
<div style="display:flex; flex-direction:column; margin-right: 10px;">
<span class="field-label required space-down" style="margin-right: 10px;">
Mapping Target
</span>
<select name="mappingTarget" [(ngModel)]="mappingTarget" (ngModelChange)="onChangeMapping($event)" data-tests-id="mappingDdl"
style="height: 35px; padding: 0.3rem; border: 1px solid #d2d2d2; width:250px;" class="field-select">
<option [ngValue]="null" disabled>Select Mapping</option>
<optgroup label="Rules Configured">
<option *ngFor="let target of store.advancedSetting" [hidden]="!target.isExist" [value]="target.name" data-tests-id="templateOptionsExist">{{target.name}}</option>
</optgroup>
<optgroup label="No Mapping Configuration">
<option *ngFor="let target of store.advancedSetting" [hidden]="target.isExist" [value]="target.name" data-tests-id="templateOptionsNotExist">{{target.name}}</option>
</optgroup>
</select>
</div>
<div style="display:flex; flex-direction:column; margin-right: 10px;">
<span class="field-label required space-down" style="font-size: 13px; margin-right: 10px; display: flex;
align-items: center;" [ngClass]="{'required' : !readOnly}">
Version
</span>
<select *ngIf="!readOnly" style="height: 35px; padding: 0.3rem; border: 1px solid #d2d2d2" [(ngModel)]="selectedVersion" [disabled]="store.viewOnly"
(ngModelChange)="onSelectVersion($event)" data-tests-id="selectVersion">
<option [ngValue]="null" disabled>Select Version</option>
<option *ngFor="let version of versions" [value]="version" data-tests-id="option">{{version}}</option>
</select>
<span *ngIf="readOnly" style="height: 35px; padding: 0.3rem; width:100px; border: 1px solid #D2D2D2; display: flex; align-items: center; background: #F2F2F2">{{selectedVersion}}</span>
</div>
<div style="display:flex; flex-direction:column; margin-right: 10px;">
<span class="field-label required space-down" style="font-size: 13px; display: flex; align-items: center; width: 100px;"
[ngClass]="{'required' : !readOnly}">
Event Domain
</span>
<select *ngIf="!readOnly" style="height: 35px; padding: 0.3rem; border: 1px solid #d2d2d2" [(ngModel)]="selectedEvent" (ngModelChange)="onSelectEventType($event)"
data-tests-id="selectEventType" [disabled]="store.viewOnly">
<option [ngValue]="null" disabled>Select Type</option>
<option *ngFor="let event of events" [value]="event" data-tests-id="option">{{event | slice:0:event.length-6}}</option>
</select>
<span *ngIf="readOnly" style="height: 35px; padding: 0.3rem; width:200px; border: 1px solid #D2D2D2; display: flex; align-items: center; background: #F2F2F2">{{selectedEvent
| slice:0:selectedEvent.length-6}}</span>
</div>
</div>
</div>
|
