Commit 7f12c7bf

mo khan <mo@mokhan.ca>
2014-06-14 15:44:28
update formatting for backbone edit template.
1 parent 73eae75
Changed files (2)
app
assets
javascripts
backbone
models
templates
app/assets/javascripts/backbone/models/cake.js.coffee
@@ -3,6 +3,7 @@ class Cake.Models.Cake extends Backbone.Model
 
   defaults:
     name: null
+    watermark: null
     story: null
 
 class Cake.Collections.CakesCollection extends Backbone.Collection
app/assets/javascripts/backbone/templates/cakes/edit.jst.ejs
@@ -1,20 +1,58 @@
-<h1>Edit cake</h1>
+<a href="#/index">Back</a>
 
-<form id="edit-cake" name="cake">
-  <div class="field">
-    <label for="name"> name:</label>
-    <input type="text" name="name" id="name" value="<%= name %>" >
+<div class="row">
+  <div class="span12">
+    <h1><small>Edit</small> <%= name %> <small>(Step 1 of 2)</small></h1>
+    <hr />
+    <form id="edit-cake" name="cake">
+      <fieldset>
+        <div class="control-group">
+          <label class="control-label" for="name" />
+          <div class="controls">
+            <input type="text" name="name" id="name" value="<%= name %>" class="input-xxlarge" />
+          </div>
+        </div>
+        <div class="control-group">
+          <label class="control-label" for="watermark" />
+          <div class="controls">
+            <input type="text" name="watermark" id="watermark" value="<%= watermark %>" class="input-xxlarge" max='30' />
+            <a class="tooltip-item" data-placement="right" rel="tooltip" href="#" data-original-title="Watermark your name or company on each uploaded image" data-animation="true"><i class="icon-question-sign"></i></a>
+          </div>
+        </div>
+        <div class="control-group">
+          <label class="control-label" for="story" />
+          <div class="controls">
+            <textarea id="story" name="story" class="input=xxlarge" rows="3">
+            </textarea>
+          </div>
+        </div>
+        <div class="control-group">
+          <label class="control-label">Category</label>
+          <div class="controls">
+            <select>
+            <option>Cake</option>
+            </select>
+          </div>
+        </div>
+        <div class="control-group">
+          <label for="tags" class="control-label">Tags</label>
+          <div class="controls">
+          <input name="creation_tags" type="text" id="tags" value="" class="input-xxlarge" autocomplete="off" />
+        </div>
+        </div>
+        <div class="control-group">
+          <div class="controls">
+            <label class="checkbox">
+              <input type="checkbox" name="is_restricted" id="is_restricted" class="input-xxlarge" />
+              This cake is for adults only.
+            </label>
+          </div>
+        </div>
+        <div class="form-actions">
+          <button type="submit" class="btn btn-primary">NEXT STEP</button>
+          <a href="#/index" class="btn">Cancel</a>
+        </div>
+      </fieldset>
+    </form>
   </div>
-
-  <div class="field">
-    <label for="story"> story:</label>
-    <input type="text" name="story" id="story" value="<%= story %>" >
-  </div>
-
-  <div class="actions">
-    <input type="submit" value="Update Cake" />
-  </div>
-
-</form>
-
-<a href="#/index">Back</a>
\ No newline at end of file
+</div>