update the required angular modules and i18n resources for monitor service

Issue-ID: USECASEUI-387

Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
Change-Id: I26f9adde57216a1b9c6d18f3e280baadac2e16f9

2 files changed, 8 insertions, 8 deletions

diff --git a/usecaseui-portal/src/app/views/services/sotn-management/monitor-service/monitor-service.component.html b/usecaseui-portal/src/app/views/services/sotn-management/monitor-service/monitor-service.component.html
index 358f60df..9dee4526 100644
--- a/usecaseui-portal/src/app/views/services/sotn-management/monitor-service/monitor-service.component.html
+++ b/usecaseui-portal/src/app/views/services/sotn-management/monitor-service/monitor-service.component.html
@@ -24,12 +24,12 @@
         </td>
         <td style="width: 5%"></td>
         <td>
-            <nz-form-label class ="colm-s-1 lblCls" [nzSm]="6" [nzXs]="24" nzRequired nzFor="capacity">Topology</nz-form-label>
+            <nz-form-label class ="colm-s-1 lblCls" [nzSm]="6" [nzXs]="24" nzRequired nzFor="capacity">{{"i18nTextDefine_topology" | translate}}</nz-form-label>
         </td>
         <td>
             <nz-select id="serviceInstance" class= "colm-s-2 " [(ngModel)]="selectedTopology" (ngModelChange)="getTopologyInfo($event)"
             nzAllowClear nzPlaceHolder="Choose">
-            <nz-option *ngFor="let option of serviceTopologyList" [nzValue]="option.topologyType" [nzLabel]="option.topologyType"></nz-option>
+            <nz-option *ngFor="let option of serviceTopologyList" [nzValue]="option.topologyType" [nzLabel]="option.topologyType | translate"></nz-option>
         </nz-select>
         </td>
       </tr>
diff --git a/usecaseui-portal/src/app/views/services/sotn-management/monitor-service/monitor-service.component.ts b/usecaseui-portal/src/app/views/services/sotn-management/monitor-service/monitor-service.component.ts
index 5e003ff3..9a427f2c 100644
--- a/usecaseui-portal/src/app/views/services/sotn-management/monitor-service/monitor-service.component.ts
+++ b/usecaseui-portal/src/app/views/services/sotn-management/monitor-service/monitor-service.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { Network, DataSet, Node, Edge, IdType } from 'vis';
+import { Network, Node, Edge } from 'vis';
 
 @Component({
   selector: 'app-monitor-service',
@@ -23,13 +23,13 @@ export class MonitorServiceComponent implements OnInit {
       serviceInstancename: "ISAAC-IS0333"
     }
   ];
-  selectedTopology:string = 'Network Topology';
+  selectedTopology:string = 'i18nTextDefine_networkTopology';
   serviceTopologyList:any = [
     {
-      topologyType:"Network Topology"
+      topologyType:"i18nTextDefine_networkTopology",
     },
     {
-      topologyType:"Resource Topology"
+      topologyType:"i18nTextDefine_resourceTopology",
     }
   ];
 
@@ -230,7 +230,7 @@ export class MonitorServiceComponent implements OnInit {
 
   //Get SubscriptionType
   getSubscribeTypes() {
-      this.getTopologyInfo('Network Topology');
+      this.getTopologyInfo('i18nTextDefine_networkTopology');
   }
 
   getTopologyInfo (topo) {
@@ -297,7 +297,7 @@ export class MonitorServiceComponent implements OnInit {
 
   getData ()
   {
-    if (this.selectedTopology == 'Network Topology') {
+    if (this.selectedTopology == 'i18nTextDefine_networkTopology') {
       this.serviceList = this.node1;
     } else {
       this.serviceList = this.node2;