| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one |
| or more contributor license agreements. See the NOTICE file |
| distributed with this work for additional information |
| regarding copyright ownership. The ASF licenses this file |
| to you under the Apache License, Version 2.0 (the |
| "License"); you may not use this file except in compliance |
| with the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, |
| software distributed under the License is distributed on an |
| "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| KIND, either express or implied. See the License for the |
| specific language governing permissions and limitations |
| under the License. |
| --> |
| |
| <nz-table |
| id="releaseTable" |
| nzBordered |
| #basicTable |
| [nzData]="experimentList" |
| [nzNoResult]="'No data'" |
| [nzLoading]="isLoading" |
| nzSize="small" |
| > |
| <thead> |
| <tr> |
| <th> |
| <label nz-checkbox [ngModel]="selectAllChecked" (ngModelChange)="onSelectAllClick($event)"></label> |
| </th> |
| <th>Experiment Name</th> |
| <th>Experiment ID</th> |
| <th>Status</th> |
| <th>Finished Time</th> |
| <th>Created Time</th> |
| <th>Running Time</th> |
| <th>Duration</th> |
| <th>Action</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr *ngFor="let data of basicTable.data; let i = index"> |
| <td> |
| <label nz-checkbox [(ngModel)]="checkedList[i]"></label> |
| </td> |
| <td>{{ data.name }}</td> |
| <td> |
| <a [routerLink]="['info', data.experimentId]"> |
| {{ data.experimentId }} |
| </a> |
| </td> |
| <td> |
| <nz-tag [nzColor]="statusColor[data.status]">{{ data.status }}</nz-tag> |
| </td> |
| <td>{{ data.finishedTime | date: 'M/d/yyyy, h:mm a' }}</td> |
| <td>{{ data.createdTime | date: 'M/d/yyyy, h:mm a' }}</td> |
| <td>{{ data.runningTime | date: 'M/d/yyyy, h:mm a' }}</td> |
| <td>{{ data.duration }}</td> |
| <td class="td-action"> |
| <a (click)="initModal.emit({ initMode: 'clone', initFormType: 'customized', id: null, spec: data.spec })"> |
| Clone |
| </a> |
| <nz-divider nzType="vertical"></nz-divider> |
| <a |
| (click)=" |
| initModal.emit({ initMode: 'update', initFormType: 'customized', id: data.experimentId, spec: data.spec }) |
| " |
| > |
| Update |
| </a> |
| <nz-divider nzType="vertical"></nz-divider> |
| <a |
| nz-popconfirm |
| nzPlacement="left" |
| nzTitle="Are you sure you want to delete?" |
| nzCancelText="Cancel" |
| nzOkText="Ok" |
| (nzOnConfirm)="onDeleteExperiment(data.experimentId)" |
| > |
| Delete |
| </a> |
| </td> |
| </tr> |
| </tbody> |
| </nz-table> |