From c437d5360c75c1af5417c3681235a0f8015a9a85 Mon Sep 17 00:00:00 2001
From: liuwh7 <liuwh7@asiainfo.com>
Date: Wed, 15 Sep 2021 09:57:09 +0800
Subject: feat: add intent based service

Signed-off-by: liuwh7 <liuwh7@asiainfo.com>
Change-Id: If63eb5e61f01751771ad090728f33214077edd6f
Issue-ID: USECASEUI-605
---
 .../cloud-leased-line-modal.component.html         | 86 ++++++++++++++++++++++
 1 file changed, 86 insertions(+)
 create mode 100644 usecaseui-portal/src/app/views/services/intent-based-services/cloud-leased-line-modal/cloud-leased-line-modal.component.html

(limited to 'usecaseui-portal/src/app/views/services/intent-based-services/cloud-leased-line-modal/cloud-leased-line-modal.component.html')

diff --git a/usecaseui-portal/src/app/views/services/intent-based-services/cloud-leased-line-modal/cloud-leased-line-modal.component.html b/usecaseui-portal/src/app/views/services/intent-based-services/cloud-leased-line-modal/cloud-leased-line-modal.component.html
new file mode 100644
index 00000000..9bb9ffa4
--- /dev/null
+++ b/usecaseui-portal/src/app/views/services/intent-based-services/cloud-leased-line-modal/cloud-leased-line-modal.component.html
@@ -0,0 +1,86 @@
+<nz-modal
+  [(nzVisible)]="cloudLeasedLineShowFlag"
+  nzTitle="Create Cloud Leased Line"
+  (nzOnCancel)="cancel()"
+  nzWidth="70%"
+  [nzFooter]="modalFooter"
+>
+  <div class="subnet_params_container">
+    <form nz-form>
+        <nz-form-item *ngFor="let item of comunicationFormItems; let i = index">
+            <nz-form-label
+              [nzSpan]="7"
+              [nzRequired]="item.required"
+              [nzFor]=" item.key"
+            >
+                {{ item.title }}
+            </nz-form-label>
+            <nz-form-control [nzSpan]="10">
+              <div *ngIf="item.type === 'text'">{{cloud_leased_line_info[item.key]}}</div>
+              <nz-tooltip
+                [nzTitle]="item.scoped && item.scopedText ? item.scopedText : ''"
+                [nzPlacement]="'right'"
+                [nzTrigger]="'focus'"
+              >
+                <input
+                  nz-input
+                  nz-tooltip
+                  [id]="item.key"
+                  [name]="item.key"
+                  *ngIf="item.type === 'input'"
+                  [(ngModel)]="cloud_leased_line_info[item.key]"
+                  [ngClass]="{'error-input-border' : validateRulesShow[i] === true}"
+                  [placeholder]="item.placeholder ? item.placeholder : ''"
+                  (blur)="item.required ? this.Util.validator(item.title,item.key,cloud_leased_line_info[item.key],i,rulesText,validateRulesShow) : this.Util.validator()"
+                />
+              </nz-tooltip>
+              <nz-select
+                [name]="item.key"
+                [(ngModel)]="cloud_leased_line_info[item.key]"
+                *ngIf="item.type === 'select'"
+              >
+                <nz-option
+                  [nzValue]="option.key"
+                  [nzLabel]="option.title"
+                  *ngFor="let option of cloudPointOptions"
+                >
+                </nz-option>
+              </nz-select>
+              <div *ngIf="item.type === 'node_select_one'">
+                <div>
+                  <span>{{item.rateName}}:</span>
+                  <input
+                    nz-input
+                    nz-tooltip
+                    [id]="item.key"
+                    [name]="item.key"
+                    [(ngModel)]="cloud_leased_line_info[item.key].bandwidth"
+                    [ngClass]="{'error-input-border' : validateRulesShow[i] === true}"
+                    [placeholder]="item.placeholder ? item.placeholder : ''"
+                    (blur)="item.required ? this.Util.validator(item.title,item.key,cloud_leased_line_info[item.key],i,rulesText,validateRulesShow) : this.Util.validator()"
+                  />
+                </div>
+                <div>
+                  <span>{{item.nodeName}}:</span>
+                  <nz-select
+                    [name]="item.key"
+                    [(ngModel)]="cloud_leased_line_info[item.key].name"
+                  >
+                    <nz-option
+                      [nzValue]="option.key"
+                      [nzLabel]="option.title"
+                      *ngFor="let option of nodeLists"
+                    >
+                    </nz-option>
+                  </nz-select>
+                </div>
+              </div>
+            </nz-form-control>
+        </nz-form-item>
+    </form>
+  </div>
+  <ng-template #modalFooter>
+    <button nz-button nzType="default" (click)="cancel()">Cancel</button>
+    <button nz-button nzType="primary" (click)="submit()" [nzLoading]="loading">OK</button>
+  </ng-template>
+</nz-modal>
\ No newline at end of file
-- 
cgit 1.2.3-korg