diff options
| author | Jules Laplace <jules@okfoc.us> | 2015-01-31 19:10:24 -0500 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2015-01-31 19:10:24 -0500 |
| commit | ef52758ef0c27760a93ca861f1d17259dbc40fc4 (patch) | |
| tree | 03565b87abb1c25236f87442e3b604904ed80bb5 /views | |
| parent | 4d0a9b9402b0ba1b5d50ba27106541e4e4dbe19f (diff) | |
adding radio buttons etc
Diffstat (limited to 'views')
| -rw-r--r-- | views/partials/edit-subscription.ejs | 35 |
1 files changed, 28 insertions, 7 deletions
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> |