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 ++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

(limited to 'app/components/plan-list/plan-list.html')

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>
-- 
cgit v1.2.3