diff options
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> |