summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/intent-management/intent-report-detail/intent-report-detail.component.html
blob: 0f263c76304808fce247c72c28a94be31d5d65d4 (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
<nz-modal [(nzVisible)]="showModel" nzTitle="Intent Report" (nzOnCancel)="handleCancel()"
 nzWidth="56%" nzHeight="600px" [nzFooter]="null" class="intent-management-modal">
<div class="subnet_params_container clearfix">
  <p>
    <span class="title" style="margin-right: 30px;">Intent Name: {{intentInfo['intentName']}}</span>
    <span class="title">ID: {{intentInfo['intentId']}}</span>
  </p>
  <div class="intent-table">
    <p>ReportTime: {{intentInfo['reportTime']}}</p>
    <nz-table
      #basicTable [nzData]="reportData"
      [nzFrontPagination]="false"
      [nzShowPagination]="false"
      >
      <thead>
        <tr>
          <th nzWidth="10%">No</th>
          <th nzWidth="40%">Status </th>
          <th nzWidth="50%">Reason</th>
        </tr>
      </thead>
      <tbody>
        <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
          <tr>
            <td>{{i+1}}</td>
            <td>{{ data.fulfillmentStatus }}</td>
            <td>{{ data.notFulfilledReason }}</td>
          </tr>
        </ng-template>
      </tbody>
    </nz-table>
  </div>
</div>

</nz-modal>