From 664099f91ae3ed2d667d331b19c2e41dec60124c Mon Sep 17 00:00:00 2001
From: Julie Lala <jules@okfoc.us>
Date: Fri, 9 Jan 2015 06:43:31 -0500
Subject: fix up plans form

---
 views/staff/plans/_form.ejs | 160 +++++++++++++++++++++++++++-----------------
 1 file changed, 100 insertions(+), 60 deletions(-)

(limited to 'views/staff/plans/_form.ejs')

diff --git a/views/staff/plans/_form.ejs b/views/staff/plans/_form.ejs
index b97716f..fc86516 100644
--- a/views/staff/plans/_form.ejs
+++ b/views/staff/plans/_form.ejs
@@ -1,109 +1,149 @@
+<input type="hidden" id="_csrf" name="_csrf" value="[[- token ]]">
 
-<div>
+<ul>
+
+<li class="section_break">
+  <h3>New Plan</h3>
+</li>
+
+<li>
   <label for="plan_name">Name</label>
-  <input id="plan_name" name="name" type="text" value="[[- plan.name ]]">
-</div>
+  <div><input id="plan_name" name="name" type="text" value="[[- plan.name ]]"></div>
+</li>
 
-<div>
+<li>
   <label for="plan_slug">Slug</label>
-  <input id="plan_slug" name="slug" type="text" value="[[- plan.slug ]]">
-</div>
+  <div><input id="plan_slug" name="slug" type="text" value="[[- plan.slug ]]"></div>
+</li>
 
 <!-- - - - - -->
 
-<div>
+<li class="section_break">
+  <h3>Plan Pricing</h3>
+</li>
+
+<li>
   <label for="plan_monthly_price">Monthly Price</label>
-  <input id="plan_monthly_price" name="monthly_price" type="number" value="[[- plan.monthly_price ]]">
-</div>
+  <div><input id="plan_monthly_price" name="monthly_price" type="number" value="[[- plan.monthly_price ]]"></div>
+</li>
 
-<div>
+<li>
   <label for="plan_yearly_price">Yearly Price</label>
-  <input id="plan_yearly_price" name="yearly_price" type="number" value="[[- plan.yearly_price ]]">
-</div>
+  <div><input id="plan_yearly_price" name="yearly_price" type="number" value="[[- plan.yearly_price ]]"></div>
+</li>
+
+<p>
+  <i>Note:</i> Pricing should be in cents, i.e. a price of $10.00 should be entered as 1000.
+</p>
 
 <!-- - - - - -->
 
-<div>
-  <label for="plan_basic_layout_monthly_price">Basic Layout Price (Monthly)</label>
-  <input id="plan_basic_layout_monthly_price" name="basic_layout_monthly_price" type="number" value="[[- plan.basic_layout_monthly_price ]]">
-</div>
+<li class="section_break">
+  <h3>Additional Template Pricing</h3>
+</li>
 
-<div>
-  <label for="plan_basic_layout_yearly_price">Basic Layout Price (Yearly)</label>
-  <input id="plan_basic_layout_yearly_price" name="basic_layout_yearly_price" type="number" value="[[- plan.basic_layout_yearly_price ]]">
-</div>
+<li>
+  <label for="plan_basic_layout_monthly_price">Basic Template Price (Monthly)</label>
+  <div><input id="plan_basic_layout_monthly_price" name="basic_layout_monthly_price" type="number" value="[[- plan.basic_layout_monthly_price ]]"></div>
+</li>
 
-<div>
-  <label for="plan_pro_layout_monthly_price">Pro Layout Price (Monthly)</label>
-  <input id="plan_pro_layout_monthly_price" name="pro_layout_monthly_price" type="number" value="[[- plan.pro_layout_monthly_price ]]">
-</div>
+<li>
+  <label for="plan_basic_layout_yearly_price">Basic Template Price (Yearly)</label>
+  <div><input id="plan_basic_layout_yearly_price" name="basic_layout_yearly_price" type="number" value="[[- plan.basic_layout_yearly_price ]]"></div>
+</li>
 
-<div>
-  <label for="plan_pro_layout_yearly_price">Pro Layout Price (Yearly)</label>
-  <input id="plan_pro_layout_yearly_price" name="pro_layout_yearly_price" type="number" value="[[- plan.pro_layout_yearly_price ]]">
-</div>
+<li>
+  <label for="plan_pro_layout_monthly_price">Pro Template Price (Monthly)</label>
+  <div><input id="plan_pro_layout_monthly_price" name="pro_layout_monthly_price" type="number" value="[[- plan.pro_layout_monthly_price ]]"></div>
+</li>
+
+<li>
+  <label for="plan_pro_layout_yearly_price">Pro Template Price (Yearly)</label>
+  <div><input id="plan_pro_layout_yearly_price" name="pro_layout_yearly_price" type="number" value="[[- plan.pro_layout_yearly_price ]]"></div>
+</li>
 
 <!-- - - - - -->
 
-<div>
-  <label for="plan_basic_layout_limit">Basic Layout Limit</label>
-  <input id="plan_basic_layout_limit" name="basic_layout_limit" type="number" value="[[- plan.basic_layout_limit ]]">
-</div>
+<li class="section_break">
+  <h3>Per-Plan Template Limits</h3>
+</li>
 
-<div>
-  <label for="plan_pro_layout_limit">Pro Layout Limit</label>
-  <input id="plan_pro_layout_limit" name="pro_layout_limit" type="number" value="[[- plan.pro_layout_limit ]]">
-</div>
+<li>
+  <label for="plan_basic_layout_limit">Basic Template Limit</label>
+  <div><input id="plan_basic_layout_limit" name="basic_layout_limit" type="number" value="[[- plan.basic_layout_limit ]]"></div>
+</li>
+
+<li>
+  <label for="plan_pro_layout_limit">Pro Template Limit</label>
+  <div><input id="plan_pro_layout_limit" name="pro_layout_limit" type="number" value="[[- plan.pro_layout_limit ]]"></div>
+</li>
 
 <!-- - - - - -->
 
-<div>
+<li class="section_break">
+  <h3>Per-Plan Project Limits</h3>
+</li>
+
+<li>
   <label for="plan_stock_project_limit">Stock Project Limit</label>
-  <input id="plan_stock_project_limit" name="stock_project_limit" type="number" value="[[- plan.stock_project_limit ]]">
-</div>
+  <div><input id="plan_stock_project_limit" name="stock_project_limit" type="number" value="[[- plan.stock_project_limit ]]"></div>
+</li>
 
-<div>
+<li>
   <label for="plan_basic_project_limit">Basic Project Limit</label>
-  <input id="plan_basic_project_limit" name="basic_project_limit" type="number" value="[[- plan.basic_project_limit ]]">
-</div>
+  <div><input id="plan_basic_project_limit" name="basic_project_limit" type="number" value="[[- plan.basic_project_limit ]]"></div>
+</li>
 
-<div>
+<li>
   <label for="plan_pro_project_limit">Pro Layout Limit</label>
-  <input id="plan_pro_project_limit" name="pro_project_limit" type="number" value="[[- plan.pro_project_limit ]]">
-</div>
+  <div><input id="plan_pro_project_limit" name="pro_project_limit" type="number" value="[[- plan.pro_project_limit ]]"></div>
+</li>
 
 <!-- - - - - -->
 
+<li class="section_break">
+  <h3>Permissions</h3>
+</li>
+
 <div>
-  <label for="plan_permissions_basic_editor">Basic Editor</label>
+<li>
   <input id="plan_permissions_basic_editor" name="permissions_basic_editor" type="hidden" value="0">
   <input id="plan_permissions_basic_editor" name="permissions_basic_editor" type="checkbox" value="1" [[ if (plan.permissions.basic_editor) { ]]checked[[ } ]]>
-</div>
+  <label for="plan_permissions_basic_editor">Basic Editor</label>
+</li>
 
-<div>
-  <label for="plan_permissions_pro_editor">Pro Editor</label>
+<li>
   <input id="plan_permissions_pro_editor" name="permissions_pro_editor" type="hidden" value="0">
   <input id="plan_permissions_pro_editor" name="permissions_pro_editor" type="checkbox" value="1" [[ if (plan.permissions.pro_editor) { ]]checked[[ } ]]>
-</div>
+  <label for="plan_permissions_pro_editor">Pro Editor</label>
+</li>
 
-<div>
-  <label for="plan_permissions_solids">3D Objects</label>
+<li>
   <input id="plan_permissions_solids" name="permissions_solids" type="hidden" value="0">
   <input id="plan_permissions_solids" name="permissions_solids" type="checkbox" value="1" [[ if (plan.permissions.solids) { ]]checked[[ } ]]>
-</div>
+  <label for="plan_permissions_solids">3D Objects</label>
+</li>
 
-<div>
-  <label for="plan_permissions_collaborators">Collaborators</label>
+<li>
   <input id="plan_permissions_collaborators" name="permissions_collaborators" type="hidden" value="0">
   <input id="plan_permissions_collaborators" name="permissions_collaborators" type="checkbox" value="1" [[ if (plan.permissions.collaborators) { ]]checked[[ } ]]>
-</div>
+  <label for="plan_permissions_collaborators">Collaborators</label>
+</li>
 
-<div>
-  <label for="plan_permissions_no_logo">No Logo</label>
+<li>
   <input id="plan_permissions_no_logo" name="permissions_no_logo" type="hidden" value="0">
   <input id="plan_permissions_no_logo" name="permissions_no_logo" type="checkbox" value="1" [[ if (plan.permissions.no_logo) { ]]checked[[ } ]]>
-</div>
+  <label for="plan_permissions_no_logo">No Logo</label>
+</li>
+
+<p>
+  These permissions should harmonize with the restrictions on layouts set above.
+</p>
 
+</div>
 
-<input type="submit" value="Save Changes">
+<li>
+  <input type="submit" value="Save Changes">
+</li>
 
+</ul>
-- 
cgit v1.2.3-70-g09d2