Commit c53f663f

mo khan <mo@mokhan.ca>
2014-09-02 23:08:58
make the tutorials listing look like the one on the dashboard.
1 parent 9b4a568
Changed files (3)
app
assets
javascripts
app/assets/javascripts/backbone/templates/tutorials/tutorial.jst.ejs
@@ -1,17 +1,7 @@
-<div class="thumbnail">
-  <a href="#tutorials/<%= id %>">
-    <img src="<%= image_url %>" />
-  </a>
-  <div class="caption">
-    <h3><a href="#tutorials/<%= id %>"><%= heading %></a> <small><%= displayDate(created_at) %></small></h3>
-    <p>
-      <% _.each(tags, function(tag) { %> 
-        <a href="/tt/<%= tag.name %>">
-          <span class="label"><%= tag.name %></span>
-        </a>
-      <% }); %>
-    </p>
-    <p><%= description %></p>
-    <p><a href="#tutorials/<%= id %>" class="btn">View</a></p>
-  </div>
+<a href="#tutorials/<%= id %>" class="pull-left">
+  <img class="media-object" data-src="<%= image_url %>" alt="64x64" style="width: 64px; height: 64px;" src="<%= image_url %>">
+</a>
+<div class="media-body">
+  <h4 class="media-heading"><%= heading %></h4>
+  <%= description %>
 </div>
app/assets/javascripts/backbone/views/tutorials/index_view.js.coffee
@@ -5,5 +5,5 @@ CakeSide.Views.Tutorials ||= {}
 class CakeSide.Views.Tutorials.IndexView extends Marionette.CollectionView
   childView: CakeSide.Views.Tutorials.TutorialView
   emptyView: CakeSide.Views.Tutorials.NoTutorialsView
-  className: 'thumbnails'
-  tagName: 'ul'
+  className: ''
+  tagName: 'div'
app/assets/javascripts/backbone/views/tutorials/tutorial_view.js.coffee
@@ -2,8 +2,8 @@ CakeSide.Views.Tutorials ||= {}
 
 class CakeSide.Views.Tutorials.TutorialView extends Marionette.ItemView
   template: JST['backbone/templates/tutorials/tutorial']
-  tagName: 'li'
-  className: 'span3'
+  tagName: 'div'
+  className: 'media'
 
   templateHelpers:
     displayDate: (date) ->