From f9d2e01284339f86ec26cd32b74c19df97e7cf7b Mon Sep 17 00:00:00 2001
From: mo khan <mo@mokhan.ca>
Date: Tue, 2 Sep 2014 14:09:57 -0600
Subject: make the cakes listing look like the dashboard layout.

---
 .../backbone/templates/cakes/cake.jst.ejs          | 24 +++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

(limited to 'app/assets/javascripts/backbone/templates')

diff --git a/app/assets/javascripts/backbone/templates/cakes/cake.jst.ejs b/app/assets/javascripts/backbone/templates/cakes/cake.jst.ejs
index bae4b5cf..e3eae71b 100644
--- a/app/assets/javascripts/backbone/templates/cakes/cake.jst.ejs
+++ b/app/assets/javascripts/backbone/templates/cakes/cake.jst.ejs
@@ -1,9 +1,19 @@
-<div class="thumbnail">
-  <% if(hasImage()) { %>
-    <a href="#cakes/<%= id %>"><img src="<%= randomPhoto().thumb_url %>" /></a>
-  <% } %>
-  <div class="caption">
-    <h4><a href="#cakes/<%= id %>"><%= shrink(name) %></a></h4>
+<% if(hasImage()) { %>
+  <% photo = randomPhoto() %>
+  <a href="#cakes/<%= id %>" class="pull-left">
+    <img class="media-object" data-src="<%= photo.thumb_url %>" alt="64x64" style="width: 64px; height: 64px;" src="<%= photo.thumb_url %>">
+  </a>
+<% } %>
+  <div class="media-body">
+    <h4 class="media-heading"><%= name %></h4>
+    <%= story %>
+    <p>
+    <a href="#cakes/<%= id %>/edit">
+      <i class="icon-edit"> edit</i>
+    </a>
+    <a href="<%= Routes.creation_favorites_path(id) %>">
+      <i class="icon-heart"> fanclub </i>
+    </a>
     <span class="badge badge-warning"><i class="icon-comments"> <a href="/creations/<%= id %>#disqus_thread" data-disqus-identifier="c-<%= id %>"></a></i></span>
+    </p>
   </div>
-</div>
-- 
cgit v1.2.3