summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html
blob: ad4cb7f65f6f2d00a0bc20a4e74dc6da909a2856 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<nz-spin [nzSpinning]="isSpinning">
  <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 width="90px">S-NSSAI</th>
          <th width="110px">Status</th>
          <th width="110px">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 taskmodel_list-margin" 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 width="85px">Context</th>
          <th width="110px">Status</th>
          <th width="110px">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>