blob: 3637d3c9788f043e3e5ba321f9992b0037b0f39d (
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
|
<div class="main">
<div class="divCls">
<table>
<tr>
<td>
<nz-form-label class= "colm-s-1 lblCls" [nzSm]="6" [nzXs]="24" nzRequired nzFor="capacity">{{"i18nTextDefine_subscriptionType" | translate}}</nz-form-label>
</td>
<td>
<nz-select id="subscriptionType" class= "colm-s-2" [(ngModel)]="selectedSubscriptionType" (ngModelChange)="getServiceInstanceList($event)" nzAllowClear
nzPlaceHolder="Choose">
<nz-option *ngFor="let option of serviceSubscriptionList" [nzValue]="option.serviceType" [nzLabel]="option.serviceType"></nz-option>
</nz-select>
</td>
<td style="width: 5%"></td>
<td>
<nz-form-label class ="colm-s-1 lblCls" [nzSm]="6" [nzXs]="24" nzRequired nzFor="capacity">{{"i18nTextDefine_serviceInstance" | translate}}</nz-form-label>
</td>
<td>
<nz-select id="serviceInstance" class= "colm-s-2 " [(ngModel)]="selectedServiceInstance" (ngModelChange)="getSelectedsubscriptionInfo()"
nzAllowClear nzPlaceHolder="Choose">
<nz-option *ngFor="let option of serviceInstanceList" [nzValue]="option.serviceInstance" [nzLabel]="option.serviceInstancename"></nz-option>
</nz-select>
</td>
<td style="width: 5%"></td>
<td>
<nz-form-label class ="colm-s-1 lblCls" [nzSm]="6" [nzXs]="24" nzRequired nzFor="capacity">{{"i18nTextDefine_topology" | translate}}</nz-form-label>
</td>
<td>
<nz-select id="serviceInstance" class= "colm-s-2 " [(ngModel)]="selectedTopology" (ngModelChange)="getTopologyInfo($event)"
nzAllowClear nzPlaceHolder="Choose">
<nz-option *ngFor="let option of serviceTopologyList" [nzValue]="option.topologyType" [nzLabel]="option.topologyType | translate" [nzDisabled]="option.topologyType == 'i18nTextDefine_resourceTopology'"></nz-option>
</nz-select>
</td>
</tr>
</table>
</div>
<div class="flexDiv">
<div class="topocontainer">
<div class="back-btn">
<button nz-button nzType="primary" (click)="onBack()" [disabled]="isdisabled">Back</button>
</div>
<div id="mynetwork" class="colm-s-3"></div>
</div>
<div class="colm-s-4"><div id="nodeDetails"></div></div>
</div>
</div>
|