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

   1 <div>
   2   <div nz-row>
   3     <div nz-col nzSpan="6">
   4       <span>Status：</span>
   5       <nz-select nzShowSearch nzAllowClear nzPlaceHolder="Select a person" [(ngModel)]="selectedValue">
   6         <nz-option nzLabel="Jack" nzValue="jack"></nz-option>
   7         <nz-option nzLabel="Lucy" nzValue="lucy"></nz-option>
   8         <nz-option nzLabel="Tom" nzValue="tom"></nz-option>
   9       </nz-select>
  10     </div>
  11   </div>
  12   <div>
  13     <nz-table #basicTable [nzData]="listOfData">
  14       <thead>
  15         <tr>
  16           <th>Name</th>
  17           <th>Age</th>
  18           <th>Status</th>
  19           <th>Action</th>
  20         </tr>
  21       </thead>
  22       <tbody>
  23         <tr *ngFor="let data of basicTable.data">
  24           <td>{{ data.name }}</td>
  25           <td>{{ data.age }}</td>
  26           <td>{{ data.status===0?"Checking Configuration":"Creating Slicing" }}</td>
  27           <td>
  28             <a (click)="showdetail(data)">Show Detail</a>
  29           </td>
  30         </tr>
  31       </tbody>
  32     </nz-table>
  33   </div>
  34   <app-slicing-task-model [moduleTitle]="moduleTitle" [showDetail]="showDetail" [modelData]="detailData"
  35     (cancel)="showDetail=$event">
  36   </app-slicing-task-model>
  37 </div>