diff options
Diffstat (limited to 'app/components/plan-list')
| -rw-r--r-- | app/components/plan-list/plan-list.html | 34 | ||||
| -rw-r--r-- | app/components/plan-list/plan-list.ts | 7 |
2 files changed, 22 insertions, 19 deletions
diff --git a/app/components/plan-list/plan-list.html b/app/components/plan-list/plan-list.html index 28c95af..09e9262 100644 --- a/app/components/plan-list/plan-list.html +++ b/app/components/plan-list/plan-list.html @@ -5,26 +5,26 @@ <table class="table"> <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> diff --git a/app/components/plan-list/plan-list.ts b/app/components/plan-list/plan-list.ts index 888e2e2..32583a3 100644 --- a/app/components/plan-list/plan-list.ts +++ b/app/components/plan-list/plan-list.ts @@ -20,6 +20,7 @@ export class PlanList { newPlanContent: any; newPlanId: string; openDialog: boolean = false; + planToDelete: IPlan; constructor(private _planService: PlanService) { } @@ -27,13 +28,15 @@ export class PlanList { this.plans = this._planService.getPlans(); } - requestDelete() { + requestDelete(plan) { this.openDialog = true; + this.planToDelete = plan; } deletePlan(plan) { this.openDialog = false; - this._planService.deletePlan(plan); + console.log(this.planToDelete); + this._planService.deletePlan(this.planToDelete); this.plans = this._planService.getPlans(); } |