2 files changed, 28 insertions, 10 deletions

diff --git a/usecaseui-portal/src/app/views/services/services-list/mdons-detail/mdons-detail.component.html b/usecaseui-portal/src/app/views/services/services-list/mdons-detail/mdons-detail.component.html
index dd622985..e90d53bf 100644
--- a/usecaseui-portal/src/app/views/services/services-list/mdons-detail/mdons-detail.component.html
+++ b/usecaseui-portal/src/app/views/services/services-list/mdons-detail/mdons-detail.component.html
@@ -6,7 +6,7 @@
         <button class="back" nz-button (click)="goback()"></button>
       </div>
     </div>
-    <div class="detaildata fl">
+    <div class="detaildata fl" style="width: 100%;">
       <div class="baseparms clearfix">
         <div class="vnf-box">
           <h3> {{"i18nTextDefine_Base" | translate}} </h3>
@@ -33,12 +33,29 @@
     </div>
 </div>
 
-<!-- chart -->
-<div class="chart fr">
-  <div id="createChart">
-    <svg width="100%" height="100%">
-    </svg>
+<div class="detaildata fl" style="width: 100%;">
+  <div class="baseparms clearfix">
+    <div class="vnf-box">
+      <h3>{{"i18nTextDefine_domainService" | translate}}</h3>
+      <ul class="clearfix">
+        <li *ngFor="let item of domainService;">
+          <h3>{{item.domainServiceRealtedTo}}</h3>
+          <div *ngIf="item.domainServiceRealtedTo == 'Domain Service Instance'">
+            <span title="Domain ServiceId">Domain ServiceId:</span>
+            <span class="input-content">{{item.domainServiceId}}</span>
+          </div>
+          <div *ngIf="item.domainServiceRealtedTo == 'Domain Service Instance'">
+            <span title="Domain Service Name">Domain Service Name:</span>
+            <span class="input-content">{{item.domainServiceName}}</span>
+          </div>
+          <div *ngIf="item.domainServiceRealtedTo == 'Logical Link'">
+            <span title="Logical Link Name">Logical Link Name:</span>
+            <span class="input-content">{{item.logicalLinkName}}</span>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
   </div>
-</div>
 
-</div>
\ No newline at end of file
+</div>
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
index 3818eb91..47b6a34b 100644
--- 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
@@ -17,6 +17,7 @@ export class MdonsDetailComponent implements OnInit {
   serviceType: any;
   input_parameters: any;
   e2e_requestInputs: any;
+  domainService =[];
 
   service = {
     name: "",
@@ -43,7 +44,7 @@ export class MdonsDetailComponent implements OnInit {
 
     this.serviceInstanceName = this.detailParams['serviceDomain'] || this.detailParams["nsName"];
     this.input_parameters = JSON.parse(this.detailParams['input-parameters']);
-
+    this.domainService = this.detailParams["childServiceInstances"];
     this.service = {
       name: this.input_parameters.service.name,
       description: this.input_parameters.service.description,
@@ -53,7 +54,7 @@ export class MdonsDetailComponent implements OnInit {
     }
     if (this.e2e_requestInputs != undefined) {
       for (let item of this.e2e_requestInputs) {
-        if ((item.includes("enni_id") || item.includes("uni_id"))) {
+        if (item.includes("_id")) {
           let nsIndex = {
             "name": "ns",
             "type": "ns",