gunghogeoduck/osem-fcy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds carousel to splash view

Browse source
This commit is contained in:
Gopesh Tulsyan 2014-06-11 00:03:48 +05:30
parent b10b43ac7a
commit 760dd06d31
3 changed files with 31 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/views/conference/_carousel.html.haml Normal file
View file

@ -0,0 +1,19 @@
%div#gallery-carousel.carousel.slide{"data-ride" => "carousel"}
/ Indicators
%ol.carousel-indicators
- @conference.photos.each_with_index do |p,i|
%li{"data-slide-to" => "#{i}", "data-target" => "#gallery-carousel", class: i==0 ? "active": "" }
/ Wrapper for slides
.carousel-inner
- @conference.photos.each_with_index do |p,i|
%div{ class: i==0 ? "active item": "item" }
= image_tag(p.picture(:original), class: 'img-responsive')
- unless p.description.blank?
%div.carousel-caption
%p.text-center
= p.description
/ Controls
%a.left.carousel-control{"data-slide" => "prev", href: "#gallery-carousel"}
%span.glyphicon.glyphicon-chevron-left
%a.right.carousel-control{"data-slide" => "next", href: "#gallery-carousel"}
%span.glyphicon.glyphicon-chevron-right