add horizontal view to collections

app/helpers/collections_helper.rb

@@ -16,4 +16,15 @@ module CollectionsHelper
     index % 3 == 0
   end
 
-end
\ No newline at end of file
+  def render_collection(orientation, collection)
+    case (orientation)
+      when "vertical"
+        render "collections/collection_vertical", collection: collection
+      when "horizontal"
+        render "collections/collection_horizontal", collection: collection
+      else
+        render "collections/collection_horizontal", collection: collection
+    end
+  end
+
+end

app/views/collections/_collection.html.erb

-<%= link_to collection_path(id: collection.id) do %>
-          <div class="col-sm-4">
-        <div>
-          <%= image_tag 'icons/collection', width: 210,height:140 %>
-        </div>
-        <div class="panel-body">
-          <h4 class="media-heading"><%= collection.name unless collection.name == "Bookmarks" %><%= "Favoritos" if collection.name == "Bookmarks" %></h4>
-          <span><a><%= collection_length collection %></a></span><br />
-          <span><a><%= 'Por '+ collection.owner.name unless collection.owner.name.blank? %></a></span>
-        </div>
-      </div>
-<% end %>
+<%= render_collection orientation, collection %>

app/views/collections/_collection_horizontal.erb

+
+  <% link = collection_path(id: collection.id) %>
+  <div class="learning-object-horizontal row">
+    <!-- <div class="col-md-5"> -->
+      <div class="learning-object-thumbnail">
+        <%#= link_to link do
+          collection_thumbnail collection
+        end %>
+        <%= link_to link do
+          image_tag 'icons/collection', width: 210,height:140
+        end %>
+
+        <%# if user_signed_in? %>
+            <%#= render 'collections/actions_buttons', collection: collection %>
+        <%# end %>
+      </div>
+    <!-- </div> -->
+    <div class="learning-object-body">
+      <%= link_to link do %>
+        <h4 class="learning-object-heading"><%= collection.name %></h4>
+      <% end %>
+
+      <span class="author-label">Por <%= collection.owner.name %></span><br/>
+      <span><a><%= collection_length collection %></a></span>
+
+      <% unless collection.description.nil? %>
+        <div class="learning-object-text">
+          <%=
+            if collection.description.length > 150
+              d = collection.description[0..150]
+              d = d[0...d.rindex(' ')]
+              d << "..."
+            else
+              collection.description
+            end
+          %>
+        </div>
+        <br/>
+      <% end %>
+    </div>
+  </div>

app/views/collections/_collection_vertical.html.erb

+<%= link_to collection_path(id: collection.id) do %>
+          <div class="col-sm-4">
+        <div>
+          <%= image_tag 'icons/collection', width: 210,height:140 %>
+        </div>
+        <div class="panel-body">
+          <h4 class="media-heading"><%= collection.name unless collection.name == "Bookmarks" %><%= "Favoritos" if collection.name == "Bookmarks" %></h4>
+          <span><a><%= collection_length collection %></a></span><br />
+          <span><a><%= 'Por '+ collection.owner.name unless collection.owner.name.blank? %></a></span>
+        </div>
+      </div>
+<% end %>

app/views/collections/_group.html.erb

@@ -5,7 +5,7 @@
 
       <div style="margin-top: 10px;">
         <% collections.each do |collection| %>
-            <%= render collection %>
+            <%= render collection, orientation: 'vertical' %>
         <% end %>
       </div>
     </div>

app/views/collections/index.html.erb

@@ -8,7 +8,7 @@
 
     <div style="margin-top: 30px;" class="row recommend-collections">
       <% @collections.each do |collection| %>
-          <%= render collection %>
+          <%= render collection, orientation: 'vertical' %>
       <% end %>
     </div>
 <% end %>