blob: a3dec5aa98751ed0c7af164d3d85e06c041cac8b (
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
51
52
53
54
|
<div class="model creation-model">
<!-- Create data -->
<div class="top-title">
<h3 class="title fl">{{templateParameters.type}} {{"i18nTextDefine_InstanceCreation" | translate}} </h3>
<div class="fl" style="width: 20%">
<button class="submit" [disabled]="!mdons_creation_form.valid" nz-button (click)="createService()">
<span> {{"i18nTextDefine_Create" | translate}} </span>
</button>
<button class="back" nz-button (click)="goback()"></button>
</div>
</div>
<div [formGroup]="mdons_creation_form">
<div class="e2ecreate-content">
<div class="creation fl" style="width:95%">
<div *ngIf="mdonsModelShow" class="baseparms clearfix">
<div class="vnf-box form-group" *ngIf="templateParameters.inputs.length>0">
<h3>{{"i18nTextDefine_templateInputs" | translate}}</h3>
<ul >
<li *ngFor="let parameter of templateParameters.inputs; let i = index;">
<span *ngIf="parameter.isRequired.includes('true')" style="color: red;width:10px;min-width:1px;">*</span>
<span title="{{parameter.name}}">{{parameter.name}}:</span>
<input *ngIf="!(((parameter.name.includes('uni') || parameter.name.includes('enni') || parameter.name.includes('nni')) && parameter.name.includes('id')) || parameter.name.includes('date'))" formControlName="{{parameter.name}}" nz-input [(ngModel)]="parameter.value" style="margin-left: auto;">
<!--<pre>{{mdons_creation_form.get(parameter.name).valid}}</pre>-->
<input style="margin-left: 2px;" *ngIf="parameter.name.includes('date')" type="date" formControlName="{{parameter.name}}" nz-input [(ngModel)]="parameter.value" placeholder="yyyy-MM-dd"/>
<span style="color: red;width:10px;" *ngIf="mdons_creation_form.controls[parameter.name].errors?.required && (mdons_creation_form.controls[parameter.name].dirty || mdons_creation_form.controls[parameter.name].touched)">Required</span>
<nz-dropdown class = "customclass" [nzTrigger]="'click'" [nzPlacement]="'bottomLeft'" *ngIf="(parameter.name.includes('uni') || parameter.name.includes('enni') || parameter.name.includes('nni')) && parameter.name.includes('id')">
<button style="width: 300px;" nz-button nz-dropdown><span *ngIf="(parameter.name.includes('uni') && parameter.name.includes('id'))">{{nniMap.get(parameter.name) == undefined ? uniIdSelected.id : nniMap.get(parameter.name).id}}</span><span *ngIf="(parameter.name.includes('enni')&& parameter.name.includes('id'))">{{nniMap.get(parameter.name) == undefined ? enniIdSelected.id : nniMap.get(parameter.name).id}}</span><span *ngIf="(parameter.name.includes('nni') && parameter.name.includes('id') && !parameter.name.includes('e'))">{{nniMap.get(parameter.name) == undefined ? nniIdSelected.id : nniMap.get(parameter.name).id}}</span> <i class="anticon anticon-down"></i>
</button>
<ul nz-menu *ngIf="(parameter.name.includes('uni') && parameter.name.includes('id'))" class="dropDownScroller">
<li nz-menu-item (click)="chooseUni(parameter.name,item)" *ngFor="let item of uniList" >
<a title="{{item.id}}">{{item.id}}</a>
</li>
</ul>
<ul nz-menu *ngIf="(parameter.name.includes('enni') && parameter.name.includes('id'))" class="dropDownScroller" >
<li nz-menu-item (click)="chooseEnni(parameter.name,item)" *ngFor="let item of enniList" >
<a title="{{nniMap.get(parameter.name) == undefined ? item.id : nniMap.get(parameter.name)}}">{{nniMap.get(parameter.name) == undefined ? item.id : nniMap.get(parameter.name)}}</a>
</li>
</ul>
<ul nz-menu *ngIf="(parameter.name.includes('nni') && parameter.name.includes('id') && !parameter.name.includes('e'))" class="dropDownScroller">
<li nz-menu-item (click)="chooseNni(parameter.name,item)" *ngFor="let item of nniList" >
<a title="{{item.id}}">{{item.id}}</a>
</li>
</ul>
</nz-dropdown>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
|