From 29e0f23c5ade5072851aaa74314166b0c7281272 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Fri, 23 Jan 2015 19:28:53 -0500
Subject: stub subscription modal js

---
 .../javascripts/ui/site/EditSubscriptionModal.js   | 21 ++++++++++
 views/partials/edit-subscription.ejs               | 45 +++++++++++++++-------
 2 files changed, 53 insertions(+), 13 deletions(-)
 create mode 100644 public/assets/javascripts/ui/site/EditSubscriptionModal.js

diff --git a/public/assets/javascripts/ui/site/EditSubscriptionModal.js b/public/assets/javascripts/ui/site/EditSubscriptionModal.js
new file mode 100644
index 0000000..1b3b859
--- /dev/null
+++ b/public/assets/javascripts/ui/site/EditSubscriptionModal.js
@@ -0,0 +1,21 @@
+
+var EditSubscriptionModal = ModalFormView.extend({
+	el: ".mediaDrawer.editSubscription",
+	action: "/api/subscription",
+	method: "put",
+	
+	fixedClose: true,
+	
+	events: {
+	  "click [data-role='changePasswordToggle']": 'togglePasswordFields'
+	},
+
+	load: function(){
+		this.reset()
+		$.get("/api/subscription", function(data){
+
+			this.show()
+		}.bind(this))
+	},
+
+})
diff --git a/views/partials/edit-subscription.ejs b/views/partials/edit-subscription.ejs
index 0aa5281..1f8db62 100644
--- a/views/partials/edit-subscription.ejs
+++ b/views/partials/edit-subscription.ejs
@@ -7,24 +7,43 @@
 				<li class="section_break">
 					<h3>Edit Subscription</h3>
 				</li>
-				<li>
-				[[ if (! user.plan_level) { ]]
+				<div id="free_plan">
 					You are currently using the free plan.  For access to all of Vvalls features,
 					consider upgrading to a paid plan.
 					<p>
 					<a href="/about/brochure">View the Plans</a>
-				[[ } else { ]]
-					Your current plan level is XXX
-					You have been a member since XXX
-					$cost/month OR $cost/year
+				</div>
+				<div id="free_plan">
+					Your current plan level is <span id="user_plan_type"></span>
+
+					<table>
+						<tr>
+							<td>Basic plan</td>
+							<td></td>
+							<td>@ $<span></span>/<span></span></td>
+						</tr>
+						<tr>
+							<td>Additional basic layouts</td>
+							<td></td>
+							<td>@ $<span></span>/<span></span></td>
+							<td>Buy more</td>
+						</tr>
+						<tr>
+							<td>Additional PRO layouts</td>
+							<td></td>
+							<td>$<span></span>/<span></span></td>
+							<td>Buy more</td>
+						</tr>
+						<tr>
+							<td>Total</td>
+							<td></td>
+							<td>$<span></span>/<span></span></td>
+						</tr>
+					</table>
+
+					<button>Upgrade your subscription</button>
 					
-					You are using N basic layouts
-					Buy more
-					
-					You are using N pro layouts
-					Buy more / Upgrade your account
-					
-					Cancel your subscription
+					<button>Cancel your subscription</button>
 				[[ } ]]
 				</li>
 			</ul>
-- 
cgit v1.2.3-70-g09d2