Changes for MDONS usecase

Added MDONS creation and Detail show pages and logic

Change-Id: If830fc0399af561e712b8deff745c8bd88e8117d
Issue-ID: USECASEUI-371
Signed-off-by: root <preethamshyam.sathiyaseelan@us.fujitsu.com>

1 files changed, 50 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/views/services/services-list/mdons-detail/mdons-detail.component.ts b/usecaseui-portal/src/app/views/services/services-list/mdons-detail/mdons-detail.component.ts
new file mode 100644
index 00000000..ee4c71df
--- /dev/null
+++ b/usecaseui-portal/src/app/views/services/services-list/mdons-detail/mdons-detail.component.ts
@@ -0,0 +1,50 @@
+import { Component, Input, Output, OnInit, EventEmitter } from '@angular/core';
+import { ServiceListService } from '../../../../core/services/serviceList.service';
+
+@Component({
+  selector: 'app-mdons-detail',
+  templateUrl: './mdons-detail.component.html',
+  styleUrls: ['./mdons-detail.component.less']
+})
+export class MdonsDetailComponent implements OnInit {
+
+  constructor(private myhttp: ServiceListService) { }
+
+  @Input() detailParams;
+  @Output() closeDetail = new EventEmitter();
+  serviceInstanceName: any;
+  serviceType: any;
+  input_parameters: any;
+  e2e_requestInputs: any;
+
+  service = {
+    name: "",
+    description: "",
+  };
+
+  getKeys(item) {
+    return Object.keys(item);
+  }
+
+  ngOnInit() {
+
+    console.log(this.detailParams);
+    this.serviceInstanceName = this.detailParams['serviceDomain'] || this.detailParams["nsName"];
+    this.input_parameters = JSON.parse(this.detailParams['input-parameters']);
+      console.log(this.input_parameters);
+    this.service = {
+      name: this.input_parameters.service.name,
+        description: this.input_parameters.service.description,
+    };   
+    if (this.input_parameters.service.parameters.requestInputs != undefined && Object.keys(this.input_parameters.service.parameters.requestInputs).length > 0) {
+      this.e2e_requestInputs = this.input_parameters.service.parameters.requestInputs;
+    }
+  }
+
+  goback() {
+    this.closeDetail.emit();
+  }
+
+  
+
+}
\ No newline at end of file