Commit bcdd8f75

mo k <mo@mokhan.ca>
2012-02-17 02:57:43
add the carousel to the creation show page.
1 parent 9245390
Changed files (1)
app
views
creations
app/views/creations/show.html.erb
@@ -2,6 +2,14 @@
   <%= @creation.name %> by <%= @creation.user.name %>
 <% end %>
 
+<script type="text/javascript" charset="utf-8">
+  $(document).ready(function(){
+      $('.myCarousel').carousel({
+        interval: 2000
+      });
+  });
+</script>
+
 <div class="page-header">
   <h1>
     <%= @creation.name %> 
@@ -11,10 +19,10 @@
       <% end %>
       submitted by <%= link_to @creation.user.name, profile_path(@creation.user) %> 
   </small> 
-</h1>
-<% @creation.categories.each do |category| %>
-  <span class="label"><a href="/categories/<%= category.slug %>"><%= category.name %></a></span>
-<% end %> 
+  </h1>
+  <% @creation.categories.each do |category| %>
+    <span class="label"><a href="/categories/<%= category.slug %>"><%= category.name %></a></span>
+  <% end %> 
 </div>
 
 <div class="row">
@@ -27,28 +35,28 @@
 </div>
 
 <div class="row">
-	<div class="span6"> 
-	    <iframe src="http://www.facebook.com/plugins/like.php?href=<%= request.url %>" scrolling="no" frameborder="0" style="border:none; width:350px; height:30px; float:left;">
-		</iframe>
-	  </div>
-	<div class="span2">
-		<% if user_signed_in? %>
-	      <% unless current_user == @creation.user || current_user.already_likes(@creation) %>
-	        <%= button_to "Add to favorites", creation_favorites_path(:creation_id => @creation.id), :method => :post, :class => 'btn btn-primary' %>
-	      <% end %>
-	    <% end %>
-	</div>
+  <div class="span6"> 
+    <iframe src="http://www.facebook.com/plugins/like.php?href=<%= request.url %>" scrolling="no" frameborder="0" style="border:none; width:350px; height:30px; float:left;">
+    </iframe>
+  </div>
+  <div class="span2">
+    <% if user_signed_in? %>
+      <% unless current_user == @creation.user || current_user.already_likes(@creation) %>
+        <%= button_to "Add to favorites", creation_favorites_path(:creation_id => @creation.id), :method => :post, :class => 'btn btn-primary' %>
+      <% end %>
+    <% end %>
+  </div>
 </div>
 
 <div class="row">
   <div class="span12">
     <ul class="thumbnails">
       <li class="span8">
-      <a class="thumbnail" href="<%= url_for creation_path(@creation) %>"><img src="<%= @creation.image_url(:large).to_s %>" alt="<%= @creation.name %>"></a>
+      <a class="thumbnail" href="<%= url_for creation_path(@creation) %>"><img src="<%= @creation.image_url(:large).to_s %>" alt="<%= @creation.name %>" /></a>
       </li>
       <% @creation.photos.each do |photo| %>
         <li class="span2">
-          <a class="thumbnail" href="#"><img alt="<%= @creation.name %>" src="<%= photo.image.thumb.url.to_s%>"></a>
+        <a class="thumbnail" href="#"><img alt="<%= @creation.name %>" src="<%= photo.image.thumb.url.to_s%>"></a>
         </li>
       <% end %>
     </ul>
@@ -65,6 +73,36 @@
 <div class="row">
   <div class="span12">
     <h1>Other Creations by <small><%= link_to @creation.user.name, profile_path(@creation.user) %></small></h1>
+  </div>
+</div>
+<div class="row">
+  <div class="span3">
+    <a href="<%= url_for profile_path(@profile) %>"><img src="<%= avatar_url @profile %>&amp;s=200" alt="<%= @profile.name %>" /></a>
+  </div>
+  <div class="span9">
+    <div class="carousel slide" id="myCarousel">
+      <div class="carousel-inner">
+        <% @creations.each_with_index do |creation,index| %>
+          <% if index == 0 %>
+          <div class="item active">
+          <% else %>
+          <div class="item">
+          <% end %>
+            <a href="<%= url_for creation %>"><img alt="<%= creation.name %>" src="<%= creation.image.url.to_s%>" style="display:block; margin-left:auto; margin-right:auto;" /></a>
+            <div class="carousel-caption">
+              <h4><%= creation.name %></h4>
+              <p><%= creation.story %></p>
+            </div>
+          </div>
+        <% end %>
+      </div>
+      <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a>
+      <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a>
+    </div>
+  </div>
+</div>
+<div class="row">
+  <div class="span12">
     <%= render "shared/creation_image_gallery" %>
   </div>
 </div>