diff options
Diffstat (limited to 'app/components/plan-list/plan-list.html')
-rw-r--r-- | app/components/plan-list/plan-list.html | 36 |
1 files changed, 18 insertions, 18 deletions
diff --git a/app/components/plan-list/plan-list.html b/app/components/plan-list/plan-list.html index 28c95af..a16ffbe 100644 --- a/app/components/plan-list/plan-list.html +++ b/app/components/plan-list/plan-list.html @@ -3,28 +3,28 @@ Welcome to PEV! Please <a [routerLink]="['/PlanNew']">submit</a> a plan for visualization </div> - <table class="table"> + <table class="table pad-bottom"> <tr *ngFor="#plan of plans"> + <!-- 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 plan "{{planToDelete.name}}". Are you sure?</div> + <div class="modal-footer"> + <button class="btn btn-primary" (click)="deletePlan()">Yes</button> + <button class="btn btn-default" (click)="cancelDelete()">No</button> + </div> + </div> + </div> + </div> + </div> + <td width="30%"><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()"> + <td class="align-right"><button class="btn btn-danger" (click)="requestDelete(plan)"> <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> |