gerrit.onap Code Review - usecase-ui.git/blob

   1 <nz-modal [(nzVisible)]="showModel" nzTitle="Intent Report" (nzOnCancel)="handleCancel()"
   2  nzWidth="56%" nzHeight="600px" [nzFooter]="null" class="intent-management-modal">
   3 <div class="subnet_params_container clearfix">
   4   <p>
   5     <span class="title" style="margin-right: 30px;">Intent Name: {{intentInfo['intentName']}}</span>
   6     <span class="title">ID: {{intentInfo['intentId']}}</span>
   7   </p>
   8   <div class="intent-table">
   9     <p>ReportTime: {{intentInfo['reportTime']}}</p>
  10     <nz-table
  11       #basicTable [nzData]="reportData"
  12       [nzFrontPagination]="false"
  13       [nzShowPagination]="false"
  14       >
  15       <thead>
  16         <tr>
  17           <th nzWidth="10%">No</th>
  18           <th nzWidth="40%">Status </th>
  19           <th nzWidth="50%">Reason</th>
  20         </tr>
  21       </thead>
  22       <tbody>
  23         <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
  24           <tr>
  25             <td>{{i+1}}</td>
  26             <td>{{ data.fulfillmentStatus }}</td>
  27             <td>{{ data.notFulfilledReason }}</td>
  28           </tr>
  29         </ng-template>
  30       </tbody>
  31     </nz-table>
  32   </div>
  33 </div>
  34
  35 </nz-modal>