From 5310ac7d8eb1838a6297117bc7f9fca70291f46a Mon Sep 17 00:00:00 2001
From: Alex Tatiyants <atatiyan@gmail.com>
Date: Sun, 3 Jan 2016 17:17:48 -0800
Subject: initial commit

---
 app/components/plan-list/plan-list.html | 38 +++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 app/components/plan-list/plan-list.html

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