1 files changed, 144 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/views/services/services-list/create-model/create-model.component.ts b/usecaseui-portal/src/app/views/services/services-list/create-model/create-model.component.ts
new file mode 100644
index 00000000..f7cce450
--- /dev/null
+++ b/usecaseui-portal/src/app/views/services/services-list/create-model/create-model.component.ts
@@ -0,0 +1,144 @@
+import { Component, OnInit, Input, Output, EventEmitter  } from '@angular/core';
+import { ServiceListService } from '../../../../core/services/serviceList.service';
+
+@Component({
+  selector: 'app-create-model',
+  templateUrl: './create-model.component.html',
+  styleUrls: ['./create-model.component.less'],
+})
+export class CreateModelComponent implements OnInit {
+  @Input()isVisible: boolean;
+  @Input()customerList;
+  @Input()serviceTypeList;
+  @Input()customerSelected;
+  @Input()serviceTypeSelected;
+  
+  @Output() cancel = new EventEmitter<boolean>();
+  @Output() createdModalShow = new EventEmitter<any>();
+
+  serviceTypes: any[];
+  currentCustomer: any;
+  currentServiceType: any; 
+  templateTypeSelected:string = "CCVPN";
+  templates: any[] = [];
+  currentTemplate: object = { name: null };
+  orchestratorList: any[] = [];
+  orchestratorSelected: object = { name: null, id: null };
+  isSol005Interface: boolean = false;
+  temParametersTips: boolean = false;
+  createData: Object = {};
+  loadingAnimateShow: boolean = false;
+
+  constructor( private http: ServiceListService) {}
+
+  ngOnInit() {
+    this.serviceTypes = this.serviceTypeList;
+    this.currentCustomer = JSON.parse(JSON.stringify(this.customerSelected));
+    this.currentServiceType = JSON.parse(JSON.stringify(this.serviceTypeSelected));
+    this.getAlltemplates();
+  }
+
+  getServiceType(): void{
+    this.http.getServiceTypes(this.currentCustomer)
+    .subscribe((data) => {
+      this.serviceTypes = data.map((item) => {
+        return { name: item["service-type"] }
+      });
+    })
+  } 
+  
+  getAlltemplates() {
+    this.http.getAllServiceTemplates(this.templateTypeSelected)
+      .subscribe((data) => {
+        this.templates = data;
+        if (this.templateTypeSelected == "Network Service") {
+          this.templates = data.filter((d) => {
+            return typeof d.packageInfo.csarName == "string";
+          }).map((item) => {
+            let cName = item.packageInfo.csarName.split("/").reverse()[0];
+            return { name: cName, id: item.csarId, packageInfo: item.packageInfo }
+          });
+        }
+        this.currentTemplate = this.templates[0];
+      }, (err) => {
+        console.log(err);
+      })
+  }
+
+  getallOrchestrators() {
+    this.http.getAllOrchestrators()
+      .subscribe((data) => {
+        if(data.length > 0){
+            this.orchestratorList = data.map((item) => {
+                return { name: item["name"], id: item["name"] }
+            });
+            this.orchestratorSelected = this.orchestratorList[0];
+        }
+    })
+  }
+
+  handleCancel(): void {
+    this.isVisible = false;
+    this.cancel.emit(false);
+    this.loadingAnimateShow = false;
+  }
+
+  customerChange(): void {
+    this.getServiceType();
+  }
+
+  choseTemplateType() {
+    if(this.templateTypeSelected === 'E2E Service'){
+      this.getallOrchestrators();
+    }
+    this.getAlltemplates();
+  }
+
+  handleOk(): void {
+    if (this.templateTypeSelected === "SOTN" || this.templateTypeSelected === "CCVPN") {
+        this.createData = {
+            commonParams: {
+              customer: this.currentCustomer,
+              serviceType: this.currentServiceType,
+              templateType: this.templateTypeSelected
+            },
+            template: this.currentTemplate
+        };
+    } else if (this.templateTypeSelected === "E2E Service" || this.templateTypeSelected === "Network Service") {
+        this.createData = {
+            commonParams: {
+                customer: this.currentCustomer,
+                serviceType: this.currentServiceType,
+                templateType: this.templateTypeSelected
+            },
+            template: this.currentTemplate,
+            orchestrator: this.orchestratorSelected,
+            isSol005Interface: this.isSol005Interface
+        };
+    }
+    this.getTemParameters();
+  }
+  
+  getTemParameters() {
+    let chosedtemplates = this.createData["template"];
+    let types = this.createData["commonParams"].templateType;
+    if (types == "E2E Service") {
+      types = "e2e";
+    } else if (types == "Network Service") {
+      types = "ns";
+    }
+    this.loadingAnimateShow = true;
+    this.http.getTemplateParameters(types, chosedtemplates)
+        .subscribe((data) => {
+          this.loadingAnimateShow = false;
+          if (data.status == "FAILED") {
+            this.temParametersTips = true;
+            this.isVisible = true;
+          } else {
+            this.cancel.emit(false);
+            this.temParametersTips = false;
+            this.createdModalShow.emit({templateType: this.templateTypeSelected, data, createData: this.createData})
+          }
+        })
+  }
+}
+\ No newline at end of file