From ef52758ef0c27760a93ca861f1d17259dbc40fc4 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Sat, 31 Jan 2015 19:10:24 -0500
Subject: adding radio buttons etc

---
 views/partials/edit-subscription.ejs | 35 ++++++++++++++++++++++++++++-------
 1 file changed, 28 insertions(+), 7 deletions(-)

(limited to 'views')

diff --git a/views/partials/edit-subscription.ejs b/views/partials/edit-subscription.ejs
index 69ec88d..fcb4b94 100644
--- a/views/partials/edit-subscription.ejs
+++ b/views/partials/edit-subscription.ejs
@@ -8,13 +8,13 @@
 					<h3>Edit Subscription</h3>
 				</li>
 				<li class="freePlan">
-					You are currently using the free version of Vvalls.  For access to all of Vvalls features,
+					You are currently using the free version of VValls.  For access to all of VValls features,
 					consider upgrading to a paid plan.
 					<br><br>
 					<div class="planList"></div>
 					<br><br><br>
 				</li>
-				<li class="paidPlan">
+				<li class="paidPlan editing">
 					Your current plan level is <span data-role="planName"></span>
 					<table class="planInfo">
 						<tr class="planRow">
@@ -25,13 +25,13 @@
 						</tr>
 						<tr class="basicLayoutRow">
 							<th>Additional Basic layouts</th>
-							<td><span data-role="basicLayoutQuantity"></span></td>
+							<td><input type="number" min="0" max="100" step="1" data-role="basicLayoutInput"><span data-role="basicLayoutQuantity"></span></td>
 							<td>each $<span data-role="basicLayoutCost"></span>/<span data-role="billingInterval"></span></td>
 							<td>$<span data-role="basicLayoutTotal"></span>/<span data-role="billingInterval"></span></td>
 						</tr>
 						<tr class="proLayoutRow">
 							<th>Additional Pro layouts</th>
-							<td><span data-role="proLayoutQuantity"></span></td>
+							<td><input type="number" min="0" max="100" data-role="proLayoutInput"><span data-role="proLayoutQuantity"></span></td>
 							<td>@ $<span data-role="proLayoutCost"></span> ...</td>
 							<td>$<span data-role="proLayoutTotal"></span>/<span data-role="billingInterval"></span></td>
 						</tr>
@@ -42,9 +42,30 @@
 							<td>$<span data-role="planTotal"></span>/<span data-role="billingInterval"></span></td>
 						</tr>
 					</table>
-					<button data-role="addLayouts">Buy more layouts</button>				
-					<button data-role="changePlan">Upgrade your plan</button>				
-					<button data-role="cancelSubscription">Cancel your subscription</button>
+					<div class="billingMenu">
+						<button data-role="showLayoutsMenu">Buy layouts</button>
+						<button data-role="showPlanMenu">Upgrade your plan</button>
+						<button data-role="cancelSubscription">Cancel your subscription</button>
+					</div>
+					<div class="layoutsMenu">
+						<button data-role="buyLayouts">Buy layouts</button>
+						<button data-role="closeMenu">Cancel</button>
+					</div>
+					<div class="planMenu">
+						<h3>Select desired plan:</h3>
+						<div>
+							<input type="radio" id="chooseBasicPlan" name="planRadio" value="basic">
+							<label for="chooseBasicPlan" data-role="basicPlanName"></label>
+							$<span data-role="basicPlanCost"></span>/<span data-role="billingInterval"></span>
+						</div>
+						<div>
+							<input type="radio" id="chooseProPlan" name="planRadio" value="pro">
+							<label for="chooseProPlan" data-role="proPlanName"></label>
+							$<span data-role="proPlanCost"></span>/<span data-role="billingInterval"></span>
+						</div>
+						<button data-role="changePlan">Change plan</button>
+						<button data-role="closeMenu">Cancel</button>
+					</div>
 				</li>
 				<div class="gear"><span class="ion-gear-a"></span></div>
 			</ul>
-- 
cgit v1.2.3-70-g09d2