Commit 3c3ec685

mo khan <mo@mokhan.ca>
2014-08-23 18:35:39
update tutorials listing.
1 parent 9e56db1
Changed files (1)
app
views
app/views/tutorials/index.html.erb
@@ -1,34 +1,23 @@
-<% provide(:description, "The latest tutorials") -%>
-<% content_for :javascript do -%>
-<script type="text/javascript">  
-  $(function(){ new Masonry('#tutorials-div').load(); });
-</script>
-<% end -%>
-<div id="tutorials-div" class="row-fluid">
-  <div class="span12">
-  <ul class="thumbnails">
-    <% @tutorials.each do |tutorial| %>
-      <div class="span4">
-        <div class="thumbnail">
-          <img src="<%= tutorial.image_url %>" />
-          <div class="caption">
-            <h3><%= link_to tutorial.heading, tutorial.url, target: '_blank' %> <small><%= tutorial.created_at.to_s :foomat %></small></h3>
-            <p>
-            <% tutorial.tags.each do |tag| -%>
-              <%= link_to tutorial_tag_path(tag.name) do %>
-                <span class="label"><%= tag.name %></span>
-              <% end %>
-            <% end -%>
-            </p>
-            <p><%= tutorial.description %></p>
-            <p><%= link_to "View", tutorial, class: 'btn' %></p>
+<div class="row-fluid">
+  <% @tutorials.each_slice(6).each do |batch| %>
+    <ul class='thumbnails'>
+      <% batch.each do |tutorial| %>
+        <li class="span2">
+          <div class="thumbnail">
+            <%= link_to tutorial do %>
+              <%= image_tag tutorial.image_url %>
+            <% end %>
+            <div class="caption">
+              <h4><%= link_to shrink(tutorial.heading, 12), tutorial %></h4>
+              <p><%= link_to shrink(tutorial.user.name, 20), profile_path(tutorial.user) %></p>
+              <p><small><%= time_ago_in_words(tutorial.created_at) %> ago.</small></p>
+            </div>
           </div>
-        </div>
-      </div>
-    <% end %>
-  </ul>
-  </div>
+        </li>
+      <% end %>
+    </ul>
+  <% end %>
 </div>
 <div class="row-fluid">
-  <div class="span12 text-center"> <%= paginate @tutorials %> </div>
+  <%= render "shared/paging", items: @tutorials %>
 </div>