add image slider

app/assets/javascripts/application.js

@@ -14,9 +14,6 @@
 //= require jquery-ui
 //= require jBox.all
 //= require demo
-//= require playground-avatars
-//= require playground-inception
-//= require playground-login
 //= require jquery.remotipart
 //= require bootstrap.min
 //= require outdatedbrowser

app/assets/javascripts/main.js

@@ -17,10 +17,11 @@ jQuery(document).ready(function($){
   detectOutdatedBrowser();
 
   // initPlaceOfCubes();
-  // initGallerySlider();
+  //initGallerySlider();
   //mobilePartners();
   // initTip();
   // initMap();
+  initSlider();
   topTip();
   // initTooltipster();
   playStopVideoInModal();
@@ -29,7 +30,11 @@ jQuery(document).ready(function($){
 
   // $('[data-toggle="popover"]').popover({title: "<span class=\"usr_surname\">Фондар</span><span class=\"usr_name\">Вікторія Тараневська <a href=\"#\" class=\"round_link\"><i class=\"icon icon_fb\"></i></span>", content: "<div class=\"usr_contributions\">Внесків 3</div><div class=\"usr_funds\"><div class=\"usr_funds_value\">на суму:  14 200 UAH</div></div><div class=\"usr_volunteering\">Волонтерство 2</div>", html: true, placement: "top"});
 })
-
+function initSlider(){
+  $(document).ready(function(){
+    $('.slider').bxSlider();
+  });
+}
 function scrollToTop() {
   $(window).scroll(function(){
     if ($(this).scrollTop() > 1000) {

app/views/layouts/application.html.haml

@@ -11,6 +11,9 @@
     %meta{:content => "", :name => "description"}
     %meta{:content => "width=device-width", :name => "viewport"}
     %meta{:content => "IE=edge", "http-equiv" => "X-UA-Compatible"}
+    %link{:href => "https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css", :rel => "stylesheet"}/
+    %script{:src => "https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"}
+    %script{:src => "https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"}
       /Fonts
     %link{:href => "//fonts.googleapis.com/css?family=Open+Sans:400,600,700", :rel => "stylesheet", :type => "text/css"}
     %link{:href => "//fonts.googleapis.com/css?family=PT+Sans:400,700italic,700,400italic", :rel => "stylesheet", :type => "text/css"}

app/views/projects/_description.html.haml

-description
\ No newline at end of file
+.project_content
+  .container
+    .text_container
+      = raw @project.description
+  #slider.beer-slider{"data-beer-label" => "before"}
+    = image_tag(@project.photo_before.url)
+    .beer-reveal{"data-beer-label" => "after"}
+      = image_tag(@project.photo_after.url)

app/views/projects/_project_documents.html.haml

-documents
\ No newline at end of file
+.files_block
+  .container
+    %ul.files_list.clearfix
+      %li.file_item_wrap
+        %a.file_item{:href => "#"}
+          - @project.project_documents.each do |project_document|
+            #{project_document.document_name}
+          %span.file_img
+            = image_tag ("file_pdf_large.png")

app/views/projects/_project_links.html.haml

-links
\ No newline at end of file
+.container
+  .text_container
+    %h3
+      Корисні лінки
+    - @project.project_links.each do |project_link|
+      %ul.list
+        %li
+          #{project_link.title}
+          %a{:href => "#{project_link.site}"} #{project_link.site}

app/views/projects/_project_photos.html.haml

-photos
\ No newline at end of file
+.slider
+  = image_tag("1_1.jpg", width: "100%")
+  = image_tag("1_2.jpg", width: "100%")

app/views/projects/_project_videos.html.haml

-video
\ No newline at end of file
+.container
+  .text_container
+    - @project.project_videos.each do |project_video|
+      #{project_video.short}
+      = raw project_video.short
+      / .video_container
+      /   %iframe{:allowfullscreen => "", :frameborder => "0", :height => "", :src => "#{project_video.video_link}", :width => "100%"}

app/views/projects/show.html.haml

@@ -13,7 +13,6 @@
         .large_progress_wrap
           .large_progress_title
             = t "#{@project.status}"
-
     .project_content
       .container
         %div.project_partials
@@ -22,3 +21,7 @@
               %ul
                 %li
                   = render "#{project_partial.title}"
+
+:javascript
+  new BeerSlider( document.getElementById( "slider" ) );
+