From d256691ac0e4d2e1cd41ef1c1d9ce3c310e77dc6 Mon Sep 17 00:00:00 2001
From: Alex Tatiyants <atatiyan@gmail.com>
Date: Fri, 29 Jan 2016 21:05:29 -0800
Subject: fix #12

---
 app/components/plan-list/plan-list.html | 34 ++++++++++++++++-----------------
 app/components/plan-list/plan-list.ts   |  7 +++++--
 2 files changed, 22 insertions(+), 19 deletions(-)

(limited to 'app/components')

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();
     }
 
-- 
cgit v1.2.3