Commit 051f6ec4

mo khan <mo@mokhan.ca>
2014-06-14 15:25:02
replace table layout on new cakes page with current div based layout.
1 parent ca17c8d
Changed files (4)
app
assets
app/assets/javascripts/backbone/templates/cakes/cake.jst.ejs
@@ -1,6 +1,12 @@
-<td><%= name %></td>
-<td><%= story %></td>
-
-<td><a href="#/<%= id %>">Show</td>
-<td><a href="#/<%= id %>/edit">Edit</td>
-<td><a href="#/<%= id %>/destroy" class="destroy">Destroy</a></td>
+<div class="span4">
+  <div class="thumbnail">
+    <a href="#/<%= id %>">
+      <img src="" />
+    </a>
+    <div class="caption">
+      <h3><a href="#/<%= id %>"><%= name %></a></h3>
+      <p><a href="#/<%= id %>/edit">(edit)</a></p>
+      <p><%= story %></p>
+    </div>
+  </div>
+</div>
app/assets/javascripts/backbone/templates/cakes/index.jst.ejs
@@ -1,15 +1,6 @@
-<h1>Listing cakes</h1>
-
-<table id="cakes-table">
-  <tr>
-    <th>Name</th>
-    <th>Story</th>
-    <th></th>
-    <th></th>
-    <th></th>
-  </tr>
-</table>
-
-<br/>
-
-<a href="#/new">New Cake</a>
+<div class="row">
+  <div class="span12">
+    <a href="#/new">New Cake</a>
+    <div class="thumbnails"></div>
+  </div>
+</div>
app/assets/javascripts/backbone/views/cakes/cake_view.js.coffee
@@ -6,7 +6,7 @@ class Cake.Views.Cakes.CakeView extends Backbone.View
   events:
     "click .destroy" : "destroy"
 
-  tagName: "tr"
+  tagName: "div"
 
   destroy: () ->
     @model.destroy()
app/assets/javascripts/backbone/views/cakes/index_view.js.coffee
@@ -11,7 +11,7 @@ class Cake.Views.Cakes.IndexView extends Backbone.View
 
   addOne: (cake) =>
     view = new Cake.Views.Cakes.CakeView({model : cake})
-    @$("tbody").append(view.render().el)
+    @$(".thumbnails").append(view.render().el)
 
   render: =>
     $(@el).html(@template(cakes: @options.cakes.toJSON() ))