diff options
Diffstat (limited to 'app/components/plan-list/plan-list.html')
| -rw-r--r-- | app/components/plan-list/plan-list.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/app/components/plan-list/plan-list.html b/app/components/plan-list/plan-list.html new file mode 100644 index 0000000..a2f1a9d --- /dev/null +++ b/app/components/plan-list/plan-list.html @@ -0,0 +1,38 @@ +<nav> + <div class="nav-container"> + <a class="btn btn-primary btn-lg pull-right" [routerLink]="['/PlanNew']">create</a> + <a [routerLink]="['PlanList']">plans</a> + </div> +</nav> + +<div class="page"> + <div class="hero-container" *ngIf="plans.length === 0"> + Welcome to PEV! Please <a [routerLink]="['/PlanNew']">submit</a> a plan for visualization + </div> + + <table class="table"> + <tr *ngFor="#plan of plans"> + <td><a [routerLink]="['/PlanView', {id: plan.id}]">{{plan.name}}</a></td> + <td>created on {{plan.createdOn | momentDate }}</td> + <td class="align-right"><button class="btn btn-danger" (click)="requestDelete()"> + <i class="fa fa-trash"></i>delete</button> + <!-- this is a hack that should be converted to a proper dialog once that is available in angular 2--> + <div *ngIf="openDialog"> + <div class="modal-backdrop"></div> + + <div class="modal"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-body">You're about to delete this plan. Are you sure?</div> + <div class="modal-footer"> + <button class="btn btn-primary" (click)="deletePlan(plan)">Yes</button> + <button class="btn btn-default" (click)="cancelDelete()">No</button> + </div> + </div> + </div> + </div> + </div> + </td> + </tr> + </table> +</div> |