feat: add some i18n resource

Change-Id: I29c18f62adebd0582de1641f9dea45f0ca104599
Issue-ID: USECASEUI-370
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

2 files changed, 79 insertions, 100 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html
index c6f41171..9de2b88d 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html
@@ -1,70 +1,59 @@
 <nz-spin [nzSpinning]="isSpinning">
-<nz-list class="taskmodel_list"  nzBordered [nzHeader]="'Carry Slicing Businress List ：'" [nzFooter]="null">
-  <nz-table
-          #businessTable
-          [nzData]="businessList"
-          [nzShowPagination]="false"
-          nzHideOnSinglePage
-                class="model-table-padding"
-  >
-    <thead>
-    <tr>
-      <th>Service Instance Id</th>
-      <th>Service Instance Name</th>
-      <th>Service Type</th>
-                <th>S-NSSAI</th>
-      <th>Status</th>
-      <th width="100px">Detail</th>
-    </tr>
-    </thead>
-    <tbody>
-    <ng-template ngFor let-data [ngForOf]="businessTable.data" let-i="index">
-      <tr>
-        <td>{{ data.service_instance_id }}</td>
-        <td>{{ data.service_instance_name }}</td>
-        <td>{{ data.service_type }}</td>
-        <td>{{ data.service_snssai }}</td>
-        <td>{{ data.orchestration_status }}</td>
-        <td>
-          <a (click)="showBusinessDetail(data)">detail</a>
-        </td>
-      </tr>
-    </ng-template>
-    </tbody>
-  </nz-table>
-</nz-list>
-<nz-list class="taskmodel_list"  nzBordered [nzHeader]="'Include Slicing NSSI List ：'" [nzFooter]="null">
-  <nz-table
-          #nssiTable
-          [nzData]="nssiList"
-          [nzShowPagination]="false"
-          nzHideOnSinglePage
-                class="model-table-padding"
-  >
-    <thead>
-    <tr>
-      <th>Service Instance Id</th>
-      <th>Service Instance Name</th>
-      <th>Service Type</th>
-                <th>Environment Context</th>
-      <th>Status</th>
-      <th width="100px">Detail</th>
-    </tr>
-    </thead>
-    <tbody>
-    <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index">
-      <tr>
-        <td>{{ data.service_instance_id }}</td>
-        <td>{{ data.service_instance_name }}</td>
-        <td>{{ data.service_type }}</td>
-        <td>{{ data.environment_context }}</td>
-        <td>{{ data.orchestration_status }}</td>
-        <td>
-          <a (click)="showNssiDetail(data)">detail</a>
-        </td>
-      </tr>
-    </ng-template>
-    </tbody>
-  </nz-table>
-</nz-list>
+  <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Related Slicing Business List ：'" [nzFooter]="null">
+    <nz-table #businessTable [nzData]="businessList" [nzShowPagination]="false" nzHideOnSinglePage
+      class="model-table-padding">
+      <thead>
+        <tr>
+          <th>Service Instance Id</th>
+          <th>Service Instance Name</th>
+          <th>Service Type</th>
+          <th>S-NSSAI</th>
+          <th>Status</th>
+          <th width="100px">Detail</th>
+        </tr>
+      </thead>
+      <tbody>
+        <ng-template ngFor let-data [ngForOf]="businessTable.data" let-i="index">
+          <tr>
+            <td>{{ data.service_instance_id }}</td>
+            <td>{{ data.service_instance_name }}</td>
+            <td>{{ data.service_type }}</td>
+            <td>{{ data.service_snssai }}</td>
+            <td>{{ data.orchestration_status }}</td>
+            <td>
+              <a (click)="showBusinessDetail(data)">View Detail</a>
+            </td>
+          </tr>
+        </ng-template>
+      </tbody>
+    </nz-table>
+  </nz-list>
+  <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Related Slicing NSSI List ：'" [nzFooter]="null">
+    <nz-table #nssiTable [nzData]="nssiList" [nzShowPagination]="false" nzHideOnSinglePage class="model-table-padding">
+      <thead>
+        <tr>
+          <th>Service Instance Id</th>
+          <th>Service Instance Name</th>
+          <th>Service Type</th>
+          <th>Environment Context</th>
+          <th>Status</th>
+          <th width="100px">Detail</th>
+        </tr>
+      </thead>
+      <tbody>
+        <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index">
+          <tr>
+            <td>{{ data.service_instance_id }}</td>
+            <td>{{ data.service_instance_name }}</td>
+            <td>{{ data.service_type }}</td>
+            <td>{{ data.environment_context }}</td>
+            <td>{{ data.orchestration_status }}</td>
+            <td>
+              <a (click)="showNssiDetail(data)">View Detail</a>
+            </td>
+          </tr>
+        </ng-template>
+      </tbody>
+    </nz-table>
+  </nz-list>
 </nz-spin>
\ No newline at end of file
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html
index f6291624..d4fad072 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html
@@ -3,46 +3,36 @@
         <div nz-col nzSpan="12" class="task_status">
             <span>Status : </span>
             <nz-select nzShowSearch nzPlaceHolder="Select a processing status" [(ngModel)]="selectedValue"
-                       (ngModelChange)="getListOfProcessingStatus()">
+                (ngModelChange)="getListOfProcessingStatus()">
                 <nz-option *ngFor="let item of statusOptions" [nzLabel]="item" [nzValue]="item"></nz-option>
             </nz-select>
         </div>
     </div>
     <div class="slicing-resource-table-list">
-        <nz-table
-                #nssiTable
-                [nzData]="listOfData"
-                [nzFrontPagination]="false"
-                nzShowSizeChanger
-                [nzPageSizeOptions]="[5,10,15,20]"
-                [nzTotal]='total'
-                [(nzPageSize)]="pageSize"
-                [(nzPageIndex)]='pageIndex'
-                [nzLoading]="loading"
-                (nzPageIndexChange)="searchData()"
-                (nzPageSizeChange)="searchData(true)"
-        >
+        <nz-table #nssiTable [nzData]="listOfData" [nzFrontPagination]="false" nzShowSizeChanger
+            [nzPageSizeOptions]="[5,10,15,20]" [nzTotal]='total' [(nzPageSize)]="pageSize" [(nzPageIndex)]='pageIndex'
+            [nzLoading]="loading" (nzPageIndexChange)="searchData()" (nzPageSizeChange)="searchData(true)">
             <thead>
-            <tr>
-                <th>Service Instance Id</th>
-                <th>Service Instance Name</th>
-                <th>Service Type</th>
-                <th>Status</th>
-                <th width="140px">Detail</th>
-            </tr>
-            </thead>
-            <tbody>
-            <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index">
                 <tr>
-                    <td>{{ data.service_instance_id }}</td>
-                    <td>{{ data.service_instance_name }}</td>
-                    <td>{{ data.service_type }}</td>
-                    <td>{{data.orchestration_status}}</td>
-                    <td>
-                        <a (click)="showdetail(data)">detail</a>
-                    </td>
+                    <th>Service Instance Id</th>
+                    <th>Service Instance Name</th>
+                    <th>Service Type</th>
+                    <th>Status</th>
+                    <th width="140px">Detail</th>
                 </tr>
-            </ng-template>
+            </thead>
+            <tbody>
+                <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index">
+                    <tr>
+                        <td>{{ data.service_instance_id }}</td>
+                        <td>{{ data.service_instance_name }}</td>
+                        <td>{{ data.service_type }}</td>
+                        <td>{{data.orchestration_status}}</td>
+                        <td>
+                            <a (click)="showdetail(data)">View Detail</a>
+                        </td>
+                    </tr>
+                </ng-template>
             </tbody>
         </nz-table>
     </div>