spree_multi_slideshow 0.70.7 → 0.70.8

data/app/assets/stylesheets/store/spree_multi_slideshow.css

@@ -2,72 +2,206 @@
  *= require store/spree_core
 */
 
-.gallery{
-	width: 900px;
-	height:276px;
-	padding:15px 0 0;
-	overflow: hidden;
-	z-index:0;
-	color:#fff;
-	background:url(/assets/images/bg-gallery.png) no-repeat 20px 0;
-	margin-bottom:-2px;
-}
-.gallery .frame{
-	width:900px;
-	overflow:hidden;
-	position:relative;
-	height:251px;
-}
-.gallery .frame ul{
-	position:absolute;
-	overflow:hidden;
-	margin:0;
-	padding:0;
-	list-style:none;
-	width:900px;
-	height:251px;
-}
-.gallery .frame li{
-	width:900px;
-	height:251px;
-	position:absolute;
-	top:0;
-	left:0;
-	background:#f1f1f1;
-}
-.gallery .frame li.active{z-index:2;}
-.gallery img{
-	display:block;
-}
-.gallery .prev,
-.gallery .next{
-	position:absolute;
-	top:160px;
-	left:47px;
-	background:url(/assets/images/sprite01.png) no-repeat;
-	width:39px;
-	height:39px;
-	text-indent:-9999px;
-	overflow:hidden;
-	z-index:3;
-}
-.gallery .next{
-	right:56px;
-	left:auto;
-	background-position: 0 -43px;
-}
-.gallery .text-holder{
-	background:url(/assets/images/bg-text02.png) no-repeat;
-	width: 234px;
-	height:98px;
-	padding:45px 0 0 50px;
-	position:absolute;
-	right:1px;
-	bottom:1px;
-	font:bold 33px/40px 'Candrb', Arial, Helvetica, sans-serif;
-	text-align:center;
-}
-.gallery .text-holder strong span{
-	font-size:52px;
-	display:block;
+/**
+ * BxSlider v4.0 - Fully loaded, responsive content slider
+ * http://bxslider.com
+ *
+ * Written by: Steven Wanderski, 2012
+ * http://stevenwanderski.com
+ * (while drinking Belgian ales and listening to jazz)
+ *
+ * CEO and founder of bxCreative, LTD
+ * http://bxcreative.com
+ */
+
+
+/** RESET AND LAYOUT
+===================================*/
+
+.bx-wrapper {
+	position: relative;
+	margin: 0 0 60px;
+	padding: 0;
+	*zoom: 1;
+}
+
+.bx-wrapper img {
+	width: 100%;
+	display: block;
+}
+
+/** THEME
+===================================*/
+
+.slideshow {
+	width: 960px;
+	min-height: 50px;
+	margin: auto;
+}
+.bxslider {
+	margin: 0px;
+}
+
+.bx-wrapper .bx-viewport {
+	-moz-box-shadow: 0 0 5px #ccc;
+	-webkit-box-shadow: 0 0 5px #ccc;
+	box-shadow: 0 0 5px #ccc;
+}
+
+.bx-wrapper .bx-pager,
+.bx-wrapper .bx-controls-auto {
+	position: absolute;
+	bottom: -30px;
+	width: 100%;
+}
+
+/* LOADER */
+
+.bx-wrapper .bx-loading {
+	min-height: 50px;
+	background: url(bx_loader.gif) center center no-repeat #fff;
+	height: 100%;
+	width: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 2000;
+}
+
+/* PAGER */
+
+.bx-wrapper .bx-pager {
+	text-align: center;
+	font-size: .85em;
+	font-family: Arial;
+	font-weight: bold;
+	color: #666;
+	padding-top: 20px;
+}
+
+.bx-wrapper .bx-pager .bx-pager-item,
+.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
+	display: inline-block;
+	*zoom: 1;
+	*display: inline;
+}
+
+.bx-wrapper .bx-pager.bx-default-pager a {
+	background: #666;
+	text-indent: -9999px;
+	display: block;
+	width: 10px;
+	height: 10px;
+	margin: 0 5px;
+	outline: 0;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+}
+
+.bx-wrapper .bx-pager.bx-default-pager a:hover,
+.bx-wrapper .bx-pager.bx-default-pager a.active {
+	background: #000;
+}
+
+/* DIRECTION CONTROLS (NEXT / PREV) */
+
+.bx-wrapper .bx-prev {
+	left: 10px;
+	background: url(controls.png) no-repeat 0 -32px;
+}
+
+.bx-wrapper .bx-next {
+	right: 10px;
+	background: url(controls.png) no-repeat -43px -32px;
+}
+
+.bx-wrapper .bx-prev:hover {
+	background-position: 0 0;
+}
+
+.bx-wrapper .bx-next:hover {
+	background-position: -43px 0;
+}
+
+.bx-wrapper .bx-controls-direction a {
+	position: absolute;
+	top: 50%;
+	margin-top: -16px;
+	outline: 0;
+	width: 32px;
+	height: 32px;
+	text-indent: -9999px;
+	z-index: 9999;
+}
+
+.bx-wrapper .bx-controls-direction a.disabled {
+	display: none;
+}
+
+/* AUTO CONTROLS (START / STOP) */
+
+.bx-wrapper .bx-controls-auto {
+	text-align: center;
+}
+
+.bx-wrapper .bx-controls-auto .bx-start {
+	display: block;
+	text-indent: -9999px;
+	width: 10px;
+	height: 11px;
+	outline: 0;
+	background: url(controls.png) -86px -11px no-repeat;
+	margin: 0 3px;
+}
+
+.bx-wrapper .bx-controls-auto .bx-start:hover,
+.bx-wrapper .bx-controls-auto .bx-start.active {
+	background-position: -86px 0;
+}
+
+.bx-wrapper .bx-controls-auto .bx-stop {
+	display: block;
+	text-indent: -9999px;
+	width: 9px;
+	height: 11px;
+	outline: 0;
+	background: url(controls.png) -86px -44px no-repeat;
+	margin: 0 3px;
+}
+
+.bx-wrapper .bx-controls-auto .bx-stop:hover,
+.bx-wrapper .bx-controls-auto .bx-stop.active {
+	background-position: -86px -33px;
+}
+
+/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
+
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
+	text-align: left;
+	width: 80%;
+}
+
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
+	right: 0;
+	width: 35px;
+}
+
+/* IMAGE CAPTIONS */
+
+.bx-wrapper .bx-caption {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: #666\9;
+	background: rgba(80, 80, 80, 0.75);
+	width: 100%;
+}
+
+.bx-wrapper .bx-caption span {
+	color: #fff;
+	font-family: Arial;
+	display: block;
+	font-size: .85em;
+	padding: 10px;
 }

data/app/controllers/admin/slides_controller.rb

@@ -1,5 +1,5 @@
 class Admin::SlidesController < Admin::ResourceController
-  before_filter :load_data, :only => [:index, :new, :show, :edit]
+  before_filter :load_data
 
   def update_positions
     params[:positions].each do |id, index|
@@ -7,18 +7,16 @@ class Admin::SlidesController < Admin::ResourceController
     end
 
     respond_to do |format|
-      format.html { redirect_to admin_slideshow_type_slides_url(@slideshow_type) }
       format.js  { render :text => 'Ok' }
     end
   end
 
   private
-  def load_data
-    @slideshow_type = SlideshowType.find(params[:slideshow_type_id])
-  end
-
   def location_after_save
     admin_slideshow_type_slides_url(@slideshow_type)
   end
-
+  
+  def load_data
+    @slideshow_type = SlideshowType.find(params[:slideshow_type_id])
+  end
 end

data/app/controllers/admin/slideshow_types_controller.rb

@@ -1,7 +1,5 @@
 class Admin::SlideshowTypesController < Admin::ResourceController
-  
   def location_after_save
-      edit_admin_slideshow_type_url(@slideshow_type)
-    end
-      
+    edit_admin_slideshow_type_url(@slideshow_type)
+  end    
 end

data/app/helpers/slideshow_types_helper.rb

@@ -1,50 +1,47 @@
 module SlideshowTypesHelper
 
   def insert_slideshow(params={})
-    @content_for_head_added ||= false
-    if not @content_for_head_added
-      content_for(:head) { stylesheet_link_tag 'spree_multi_slideshow.css' }
-      content_for(:head) { javascript_include_tag 'spree_multi_slideshow.js' }
-      @content_for_head_added = true
-    end
-    if slide_images(params)
-      navigation = enable_navigation(params)
-      content_tag(:div, navigation[:prev] + content_tag(:div, content_tag(:ul, raw(slide_images(params))), :class => "frame") + navigation[:succ], :class => "gallery playing")
+    @@slideshow = SlideshowType.enable.find_by_category(params[:category])
+    if @@slideshow.blank? || (!@@slideshow.blank? && @@slideshow.slides.empty?)
+      return ''
     end
+    res = []
+    
+    res << content_tag(:div, content_tag(:ul, slide_images(params, @@slideshow), :class => "bxslider"), :class => "slideshow")
+    res << "<script type='text/javascript'>
+    $(function() {
+      $('.bxslider').bxSlider({
+          adaptiveHeight: true,
+          speed: #{params[:speed] || 500},
+          mode: '#{params[:mode] || "horizontal"}',
+          controls: #{@@slideshow.enable_navigation},
+          auto: #{params[:auto_start] || "false"},
+          infiniteLoop: #{params[:infinite_loop] || "false"},
+          hideControlOnEnd: #{params[:hide_on_end] || "true"}
+        });
+      });
+    </script>"
+    
+    res.join.html_safe
   end
+  
+  def slide_images(params, slideshow)
+    params[:style] ||= "custom"
+    params[:show_content] ||= false
+    max = slideshow.slide_number || slideshow.slides.count
+    slides = slideshow.slides.limit(max).sort_by { |slide| slide.position }
 
-  def slide_images(params)
-    category = params[:category] || "home"
-    style = params[:style] || "custom"
-    slideshow = SlideshowType.enable(category)
-    if !slideshow.blank?
-      max = slideshow.first.slide_number || 4
-      slides = Slide.where("slideshow_type_id = ?", slideshow.first.id).limit(max).sort_by { |slide| slide.position }
+    slides.map do |slide|
+      content_tag(:li, :class => "slide") do
+        divs = []
 
-      slides.map do |slide|
-        content_tag(:li, raw(link_to(image_tag(slide.attachment.url(style.to_sym)), slide.url, { :title => slide.title })) + raw(content_tag(:div, content_tag(:strong, raw(slide.title)), :class => "text-holder")))
-      end.join
-    else
-      false
-    end
-  end
-  
-  def enable_navigation(params)
-    category = params[:category] || "home"
-    slideshow = SlideshowType.enable(category)
-    if !slideshow.blank?
-      if slideshow.first.enable_navigation
-        prev = link_to("prev", "#", :class => "prev")
-        succ = link_to("next", "#", :class => "next")
-      else
-        prev = ""
-        succ = ""
+        divs << link_to(image_tag(slide.attachment.url(params[:style].to_sym)), (slide.url.blank? ? "javascript: void(0)" : slide.url), { :title => slide.title })
+        if params[:show_content]
+          divs << content_tag(:div, content_tag(:strong, raw(slide.title)) + content_tag(:p, raw(slide.content)), :class => "text-holder")
+        end
+
+        divs.join.html_safe
       end
-      res = Hash.new()
-      res[:prev] = prev
-      res[:succ] = succ
-      return res
-    end
+    end.join.html_safe
   end
-
 end

data/app/models/slide.rb

@@ -1,19 +1,19 @@
 class Slide < ActiveRecord::Base
-  has_many :slideshow_types
-  
-  attr_accessor :attachment_width, :attachment_height
+  belongs_to :slideshow_type
+  validate :no_attachement_errors
   attr_accessible :title, :url, :slideshow_type_id, :attachment, :attachment_width, :attachment_height
   
   has_attached_file :attachment,
             :url  => "/spree/slides/:id/:style_:basename.:extension",
             :path => ":rails_root/public/spree/slides/:id/:style_:basename.:extension",
-            #:default_url => "/missing/:style.jpg",
-            :styles => {
+            :styles => lambda {|a|
+                {
                   :thumbnail => "100x33#",
                   :small => "300x100#",
                   :medium => "600x200#",
                   :slide => "900x300#",
-                  :custom => Proc.new {|instance| "#{instance.attachment_width}x#{instance.attachment_height}#"}
+                  :custom => "#{a.instance.attachment_width}x#{a.instance.attachment_height}#"
+                }
             },
             :convert_options => {
                   :thumbnail => "-gravity center",
@@ -26,11 +26,20 @@ class Slide < ActiveRecord::Base
   validates_presence_of :slideshow_type_id
   validates_attachment_presence :attachment
   validates_attachment_content_type :attachment, :content_type => ['image/jpeg', 'image/png', 'image/gif', 'image/jpg', 'image/x-png', 'image/pjpeg'], :message => "deve essere JPG, JPEG, PNG o GIF"
-
+  
   def initialize(*args)
     super(*args)
     last_slide = Slide.last
     self.position = last_slide ? last_slide.position + 1 : 0
   end
 
+  # if there are errors from the plugin, then add a more meaningful message
+  def no_attachement_errors
+    unless attachment.errors.empty?
+      # uncomment this to get rid of the less-than-useful interrim messages
+      # errors.clear
+      errors.add :attachment, "Paperclip returned errors for file '#{attachment_file_name}' - check ImageMagick installation or image source file."
+      false
+    end
+  end
 end