1 files changed, 16 insertions, 9 deletions
diff --git a/usecaseui-portal/src/app/views/network/ccvpn-network/ccvpn-network.component.html b/usecaseui-portal/src/app/views/network/ccvpn-network/ccvpn-network.component.html
index edf36343..b3527987 100644
--- a/usecaseui-portal/src/app/views/network/ccvpn-network/ccvpn-network.component.html
+++ b/usecaseui-portal/src/app/views/network/ccvpn-network/ccvpn-network.component.html
@@ -18,6 +18,9 @@
 <div class="model">
   <!--chart-->
   <div class="action ant-tabs-bar">
+    <button class="create" nz-button [nzType]="'primary'" (click)="updateNetworkView()">
+      <span> Update </span>
+    </button>
     <span>
         <i class="icon">
             <img src="assets/images/service-type.png"alt="">
@@ -41,7 +44,7 @@
         {{"i18nTextDefine_CCVPNService" | translate}} :
     </span>
     <nz-dropdown [nzTrigger]="'click'" [nzPlacement]="'bottomLeft'">
-      <button nz-button nz-dropdown><span>{{serviceSelected && servicesMap.get(serviceSelected).name}}</span> <i class="anticon anticon-down"></i>
+      <button nz-button nz-dropdown><span>{{serviceSelected && servicesMap.get(serviceSelected) && servicesMap.get(serviceSelected).name}}</span> <i class="anticon anticon-down"></i>
       </button>
       <ul nz-menu>
         <li nz-menu-item (click)="chooseService(svcInstId)" *ngFor="let svcInstId of getKeys(servicesMap)">
@@ -80,18 +83,20 @@
     <div class="slicing-resource-table-list">
       <nz-table
               #basicTable
-              [nzData]="getValues(servicesMap)"
+              [nzData]="getTunnels()"
               [nzFrontPagination]="false"
               nzShowSizeChanger
               [nzPageSizeOptions]="[6,8,10]"
       >
         <thead>
         <tr>
-          <th>Ethernet Svc Name</th>
-          <th>Service Instance Id</th>
-          <th>Service Type</th>
-          <th>VLAN</th>
-          <th>Bandwidth</th>
+          <th>Cloud-Id</th>
+          <th>Tunnel-Id</th>
+          <th>Odu-Type</th>
+          <th>Odu0</th>
+          <th>Protection</th>
+          <th>Src-Node</th>
+          <th>Dst-Node</th>
           <th>Status</th>
         </tr>
         </thead>
@@ -100,9 +105,11 @@
           <tr>
             <td>{{ data.name }}</td>
             <td>{{ data.id }}</td>
-            <td>Cloud Lease Line</td>
-            <td>{{ data.vlan }}</td>
+            <td>ODUflex</td>
             <td>{{ data.bw }}</td>
+            <td>Unprotected</td>
+            <td>{{ data.srcId }}</td>
+            <td>{{ data.dstId }}</td>
             <td>
               Activated
             </td>