simplyscroll-rails 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+--- 
+SHA1: 
+  metadata.gz: 613c890183aff15e4f71319771d98629c6069714
+  data.tar.gz: f346372b87d33b27d3b1086776d8f0c6f9322e4d
+SHA512: 
+  metadata.gz: 042a09a501c17e6789dbfd1c3ff1d1282d3ef02d9e208bb9b4656e5fe069f3a3698bde774fbe80c971e1c19cb2f89e68699829a935642a5c18ae4c61fa9753bd
+  data.tar.gz: a1ac1d830fa78cc409f9cdad885900f39084ead62f6ab4374cc01d83afb9223acbf0e5dc81f626981ffbd06cc493d8da5a5311e8bc2cdb9c39e44b9bbc5291b2

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2015 TwoWeb
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,41 @@
+# SimplyScroll Rails Gem
+
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'simplyscroll-rails'
+
+Alternatively, you can get it from Github
+
+	gem 'simplyscroll-rails', :git => 'https://github.com/twoweb/simplyscroll-rails.git'
+
+And then execute:
+
+    $ bundle install
+
+## Usage
+
+simplyscroll-rails is dependant on jQuery, so make sure you have it in your Gemfile.
+
+    //= require jquery
+
+Add to your app/assets/javascripts/application.js
+
+    //= require jquery.simplyscroll
+
+Or for the minified version
+
+    //= require jquery.simplyscroll-min
+
+And to your app/assets/stylesheets/application.css
+
+    *= require simplyscroll.css
+
+## Documentation
+
+Usage documentation as well as demos can be found at:
+
+https://github.com/logicbox/jquery-simplyscroll
+http://logicbox.net/jquery/simplyscroll/

data/lib/simplyscroll-rails/version.rb

@@ -0,0 +1,3 @@
+module Simplyscroll
+  VERSION = "1.0.0"
+end

data/lib/simplyscroll-rails.rb

@@ -0,0 +1,17 @@
+require "simplyscroll-rails/version"
+
+module Simplyscroll
+  module Rails
+    class Engine < ::Rails::Engine
+      initializer :append_dependent_assets_path, :group => :all do |app|
+        app.config.assets.paths += %w( fonts )
+
+        app.config.assets.precompile += %w( simplyscroll.css )
+        app.config.assets.precompile += %w( jquery.simplyscroll.js )
+
+        app.config.assets.precompile += %w( buttons.png )
+
+      end
+    end
+  end
+end

data/vendor/assets/fonts/flexslider-icon.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+<iconset grid="14"></iconset>
+</metadata>
+<defs>
+<font id="flexslider-icon" horiz-adv-x="448" >
+<font-face units-per-em="448" ascent="384" descent="-64" />
+<missing-glyph horiz-adv-x="448" />
+<glyph unicode="&#xf001;" d="M 185.50-9.25l-163.00,162.75q-9.25,9.25 -9.25,22.625t 9.25,22.625l 163.00,162.75q 9.25,9.25 22.625,9.25t 22.625-9.25l 18.75-18.75q 9.25-9.25 9.25-22.625t-9.25-22.625l-121.50-121.50l 121.50-121.25q 9.25-9.50 9.25-22.75t-9.25-22.50l-18.75-18.75q-9.25-9.25 -22.625-9.25t-22.625,9.25z" horiz-adv-x="288"  />
+<glyph unicode="&#xf002;" d="M 274.75,176.00q0.00-13.00 -9.25-22.75l-163.00-162.75q-9.25-9.25 -22.50-9.25t-22.50,9.25l-19.00,18.75q-9.25,9.75 -9.25,22.75q0.00,13.25 9.25,22.50l 121.50,121.50l-121.50,121.25q-9.25,9.75 -9.25,22.75q0.00,13.25 9.25,22.50l 19.00,18.75q 9.00,9.50 22.50,9.50t 22.50-9.50l 163.00-162.75q 9.25-9.25 9.25-22.50z" horiz-adv-x="288"  />
+<glyph unicode="&#xf003;" d="M 346.00,152.25l-332.00-184.50q-5.75-3.25 -9.875-0.75t-4.125,9.00l0.00,368.00 q0.00,6.50 4.125,9.00t 9.875-0.75l 332.00-184.50q 5.75-3.25 5.75-7.75t-5.75-7.75z" horiz-adv-x="352"  />
+<glyph unicode="&#xf004;" d="M 384.00,336.00l0.00-352.00 q0.00-6.50 -4.75-11.25t-11.25-4.75l-128.00,0.00 q-6.50,0.00 -11.25,4.75t-4.75,11.25l0.00,352.00 q0.00,6.50 4.75,11.25t 11.25,4.75l 128.00,0.00 q 6.50,0.00 11.25-4.75t 4.75-11.25zM 160.00,336.00l0.00-352.00 q0.00-6.50 -4.75-11.25t-11.25-4.75l-128.00,0.00 q-6.50,0.00 -11.25,4.75t-4.75,11.25l0.00,352.00 q0.00,6.50 4.75,11.25t 11.25,4.75l 128.00,0.00 q 6.50,0.00 11.25-4.75t 4.75-11.25z" horiz-adv-x="384"  />
+<glyph unicode="&#xf005;" d="M 402.75,208.00q0.00-13.25 -9.25-22.50l-162.75-162.75q-9.50-9.50 -22.75-9.50q-13.50,0.00 -22.50,9.50l-162.75,162.75q-9.50,9.00 -9.50,22.50q0.00,13.25 9.50,22.75l 18.50,18.75q 9.75,9.25 22.75,9.25q 13.25,0.00 22.50-9.25l 121.50-121.50l 121.50,121.50q 9.25,9.25 22.50,9.25q 13.00,0.00 22.75-9.25l 18.75-18.75q 9.25-9.75 9.25-22.75z" horiz-adv-x="416"  />
+<glyph unicode="&#x20;" horiz-adv-x="224" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,384L 448 -64L0 -64 z" horiz-adv-x="0" />
+</font></defs></svg>

data/vendor/assets/javascripts/jquery.simplyscroll.js

@@ -0,0 +1,389 @@
+/*
+ * simplyScroll 2 - a scroll-tastic jQuery plugin
+ *
+ * http://logicbox.net/jquery/simplyscroll/
+ *
+ * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
+ *
+ * Dual licensed under the MIT and GPL licenses.
+ *
+ * Version: 2.0.5 Last revised: 10/05/2012
+ *
+ */
+
+(function($,window,undefined) {
+
+$.fn.simplyScroll = function(options) {
+	return this.each(function() {
+		new $.simplyScroll(this,options);
+	});
+};
+
+var defaults = {
+	customClass: 'simply-scroll',
+	frameRate: 24, //No of movements per second
+	speed: 1, //No of pixels per frame
+	orientation: 'horizontal', //'horizontal or 'vertical' - not to be confused with device orientation
+	auto: true,
+	autoMode: 'loop', //auto = true, 'loop' or 'bounce',
+	manualMode: 'end', //auto = false, 'loop' or 'end'
+	direction: 'forwards', //'forwards' or 'backwards'.
+	pauseOnHover: true, //autoMode = loop|bounce only
+	pauseOnTouch: true, //" touch device only
+	pauseButton: false, //" generates an extra element to allow manual pausing 
+	startOnLoad: false //use this to delay starting of plugin until all page assets have loaded
+};
+	
+$.simplyScroll = function(el,options) {
+	
+	var self = this;
+	
+	this.o = $.extend({}, defaults, options || {});
+	this.isAuto = this.o.auto!==false && this.o.autoMode.match(/^loop|bounce$/)!==null;
+	this.isHorizontal = this.o.orientation.match(/^horizontal|vertical$/)!==null && this.o.orientation==defaults.orientation; 
+	this.isRTL = this.isHorizontal && $("html").attr('dir') == 'rtl';
+	this.isForwards = !this.isAuto  || (this.isAuto && this.o.direction.match(/^forwards|backwards$/)!==null && this.o.direction==defaults.direction) && !this.isRTL;
+	this.isLoop = this.isAuto && this.o.autoMode == 'loop' || !this.isAuto && this.o.manualMode == 'loop';
+	
+	this.supportsTouch = ('createTouch' in document);
+	
+	this.events = this.supportsTouch ? 
+		{start:'touchstart MozTouchDown',move:'touchmove MozTouchMove',end:'touchend touchcancel MozTouchRelease'} : 
+		{start:'mouseenter',end:'mouseleave'};
+	
+	this.$list = $(el); //called on ul/ol/div etc
+	var $items = this.$list.children();
+	
+	//generate extra markup
+	this.$list.addClass('simply-scroll-list')
+		.wrap('<div class="simply-scroll-clip"></div>')
+		.parent().wrap('<div class="' + this.o.customClass + ' simply-scroll-container"></div>');
+	
+	if (!this.isAuto) { //button placeholders
+		this.$list.parent().parent()
+		.prepend('<div class="simply-scroll-forward"></div>')
+		.prepend('<div class="simply-scroll-back"></div>');
+	} else {
+		if (this.o.pauseButton) {
+			this.$list.parent().parent()
+			.prepend('<div class="simply-scroll-btn simply-scroll-btn-pause"></div>');
+			this.o.pauseOnHover = false;
+		}
+	}
+	
+	//wrap an extra div around the whole lot if elements scrolled aren't equal
+	if ($items.length > 1) {
+		
+		var extra_wrap = false,
+			total = 0;
+			
+		if (this.isHorizontal) {
+			$items.each(function() { total+=$(this).outerWidth(true); });
+			extra_wrap = $items.eq(0).outerWidth(true) * $items.length !== total;
+		} else {
+			$items.each(function() { total+=$(this).outerHeight(true); });
+			extra_wrap = $items.eq(0).outerHeight(true) * $items.length !== total;
+		}
+		
+		if (extra_wrap) {
+			this.$list = this.$list.wrap('<div></div>').parent().addClass('simply-scroll-list');
+			if (this.isHorizontal) {
+				this.$list.children().css({"float":'left',width: total + 'px'});	
+			} else {
+				this.$list.children().css({height: total + 'px'});
+			}
+		}
+	}
+	
+	if (!this.o.startOnLoad) {
+		this.init();
+	} else {
+		//wait for load before completing setup
+		$(window).load(function() { self.init();  });
+	}
+		
+};
+	
+$.simplyScroll.fn = $.simplyScroll.prototype = {};
+
+$.simplyScroll.fn.extend = $.simplyScroll.extend = $.extend;
+
+$.simplyScroll.fn.extend({
+	init: function() {
+
+		this.$items = this.$list.children();
+		this.$clip = this.$list.parent(); //this is the element that scrolls
+		this.$container = this.$clip.parent();
+		this.$btnBack = $('.simply-scroll-back',this.$container);
+		this.$btnForward = $('.simply-scroll-forward',this.$container);
+
+		if (!this.isHorizontal) {
+			this.itemMax = this.$items.eq(0).outerHeight(true); 
+			this.clipMax = this.$clip.height();
+			this.dimension = 'height';			
+			this.moveBackClass = 'simply-scroll-btn-up';
+			this.moveForwardClass = 'simply-scroll-btn-down';
+			this.scrollPos = 'Top';
+		} else {
+			this.itemMax = this.$items.eq(0).outerWidth(true);
+			this.clipMax = this.$clip.width();			
+			this.dimension = 'width';
+			this.moveBackClass = 'simply-scroll-btn-left';
+			this.moveForwardClass = 'simply-scroll-btn-right';
+			this.scrollPos = 'Left';
+		}
+		
+		this.posMin = 0;
+		
+		this.posMax = this.$items.length * this.itemMax;
+		
+		var addItems = Math.ceil(this.clipMax / this.itemMax);
+		
+		//auto scroll loop & manual scroll bounce or end(to-end)
+		if (this.isAuto && this.o.autoMode=='loop') {
+			
+			this.$list.css(this.dimension,this.posMax+(this.itemMax*addItems) +'px');
+			
+			this.posMax += (this.clipMax - this.o.speed);
+			
+			if (this.isForwards) {
+				this.$items.slice(0,addItems).clone(true).appendTo(this.$list);
+				this.resetPosition = 0;
+				
+			} else {
+				this.$items.slice(-addItems).clone(true).prependTo(this.$list);
+				this.resetPosition = this.$items.length * this.itemMax;
+				//due to inconsistent RTL implementation force back to LTR then fake
+				if (this.isRTL) {
+					this.$clip[0].dir = 'ltr';
+					//based on feedback seems a good idea to force float right
+					this.$items.css('float','right');
+				}
+			}
+		
+		//manual and loop
+		} else if (!this.isAuto && this.o.manualMode=='loop') {
+			
+			this.posMax += this.itemMax * addItems;
+			
+			this.$list.css(this.dimension,this.posMax+(this.itemMax*addItems) +'px');
+			
+			this.posMax += (this.clipMax - this.o.speed);
+			
+			var items_append  = this.$items.slice(0,addItems).clone(true).appendTo(this.$list);
+			var items_prepend = this.$items.slice(-addItems).clone(true).prependTo(this.$list);
+			
+			this.resetPositionForwards = this.resetPosition = addItems * this.itemMax;
+			this.resetPositionBackwards = this.$items.length * this.itemMax;
+			
+			//extra events to force scroll direction change
+			var self = this;
+			
+			this.$btnBack.bind(this.events.start,function() {
+				self.isForwards = false;
+				self.resetPosition = self.resetPositionBackwards;
+			});
+			
+			this.$btnForward.bind(this.events.start,function() {
+				self.isForwards = true;
+				self.resetPosition = self.resetPositionForwards;
+			});
+			
+		} else { //(!this.isAuto && this.o.manualMode=='end') 
+			
+			this.$list.css(this.dimension,this.posMax +'px');
+			
+			if (this.isForwards) {
+				this.resetPosition = 0;
+				
+			} else {
+				this.resetPosition = this.$items.length * this.itemMax;
+				//due to inconsistent RTL implementation force back to LTR then fake
+				if (this.isRTL) {
+					this.$clip[0].dir = 'ltr';
+					//based on feedback seems a good idea to force float right
+					this.$items.css('float','right');
+				}
+			}
+		}
+		
+		this.resetPos() //ensure scroll position is reset
+		
+		this.interval = null;	
+		this.intervalDelay = Math.floor(1000 / this.o.frameRate);
+		
+		if (!(!this.isAuto && this.o.manualMode=='end')) { //loop mode
+			//ensure that speed is divisible by item width. Helps to always make images even not odd widths!
+			while (this.itemMax % this.o.speed !== 0) {
+				this.o.speed--;
+				if (this.o.speed===0) {
+					this.o.speed=1; break;	
+				}
+			}
+		}
+		
+		var self = this;
+		this.trigger = null;
+		this.funcMoveBack = function(e) { 
+			if (e !== undefined) {
+				e.preventDefault();
+			}
+			self.trigger = !self.isAuto && self.o.manualMode=='end' ? this : null;
+			if (self.isAuto) {
+				self.isForwards ? self.moveBack() : self.moveForward(); 
+			} else {
+				self.moveBack();	
+			}
+		};
+		this.funcMoveForward = function(e) { 
+			if (e !== undefined) {
+				e.preventDefault();
+			}
+			self.trigger = !self.isAuto && self.o.manualMode=='end' ? this : null;
+			if (self.isAuto) {
+				self.isForwards ? self.moveForward() : self.moveBack(); 
+			} else {
+				self.moveForward();	
+			}
+		};
+		this.funcMovePause = function() { self.movePause(); };
+		this.funcMoveStop = function() { self.moveStop(); };
+		this.funcMoveResume = function() { self.moveResume(); };
+		
+		
+		
+		if (this.isAuto) {
+			
+			this.paused = false;
+			
+			function togglePause() {
+				if (self.paused===false) {
+					self.paused=true;
+					self.funcMovePause();
+				} else {
+					self.paused=false;
+					self.funcMoveResume();
+				}
+				return self.paused;
+			};
+			
+			//disable pauseTouch when links are present
+			if (this.supportsTouch && this.$items.find('a').length) {
+				this.supportsTouch=false;
+			}
+			
+			if (this.isAuto && this.o.pauseOnHover && !this.supportsTouch) {
+				this.$clip.bind(this.events.start,this.funcMovePause).bind(this.events.end,this.funcMoveResume);
+			} else if (this.isAuto && this.o.pauseOnTouch && !this.o.pauseButton && this.supportsTouch) {
+				
+				var touchStartPos, scrollStartPos;
+				
+				this.$clip.bind(this.events.start,function(e) {
+					togglePause();
+					var touch = e.originalEvent.touches[0];
+					touchStartPos = self.isHorizontal ? touch.pageX : touch.pageY;
+					scrollStartPos = self.$clip[0]['scroll' + self.scrollPos];
+					e.stopPropagation();
+					e.preventDefault();
+					
+				}).bind(this.events.move,function(e) {
+					
+					e.stopPropagation();
+					e.preventDefault();
+					
+					var touch = e.originalEvent.touches[0],
+						endTouchPos = self.isHorizontal ? touch.pageX : touch.pageY,
+						pos = (touchStartPos - endTouchPos) + scrollStartPos;
+					
+					if (pos < 0) pos = 0;
+					else if (pos > self.posMax) pos = self.posMax;
+					
+					self.$clip[0]['scroll' + self.scrollPos] = pos;
+					
+					//force pause
+					self.funcMovePause();
+					self.paused = true;
+				});	
+			} else {
+				if (this.o.pauseButton) {
+					
+					this.$btnPause = $(".simply-scroll-btn-pause",this.$container)
+						.bind('click',function(e) {
+							e.preventDefault();
+							togglePause() ? $(this).addClass('active') : $(this).removeClass('active');
+					});
+				}
+			}
+			this.funcMoveForward();
+		} else {
+
+			this.$btnBack 
+				.addClass('simply-scroll-btn' + ' ' + this.moveBackClass)
+				.bind(this.events.start,this.funcMoveBack).bind(this.events.end,this.funcMoveStop);
+			this.$btnForward
+				.addClass('simply-scroll-btn' + ' ' + this.moveForwardClass)
+				.bind(this.events.start,this.funcMoveForward).bind(this.events.end,this.funcMoveStop);
+				
+			if (this.o.manualMode == 'end') {
+				!this.isRTL ? this.$btnBack.addClass('disabled') : this.$btnForward.addClass('disabled');	
+			}
+		}
+	},
+	moveForward: function() {
+		var self = this;
+		this.movement = 'forward';
+		if (this.trigger !== null) {
+			this.$btnBack.removeClass('disabled');
+		}
+		self.interval = setInterval(function() {
+			if (self.$clip[0]['scroll' + self.scrollPos] < (self.posMax-self.clipMax)) {
+				self.$clip[0]['scroll' + self.scrollPos] += self.o.speed;
+			} else if (self.isLoop) {
+				self.resetPos();
+			} else {
+				self.moveStop(self.movement);
+			}
+		},self.intervalDelay);
+	},
+	moveBack: function() {
+		var self = this;
+		this.movement = 'back';
+		if (this.trigger !== null) {
+			this.$btnForward.removeClass('disabled');
+		}
+		self.interval = setInterval(function() {
+			if (self.$clip[0]['scroll' + self.scrollPos] > self.posMin) {
+				self.$clip[0]['scroll' + self.scrollPos] -= self.o.speed;
+			} else if (self.isLoop) {
+				self.resetPos();
+			} else {
+				self.moveStop(self.movement);
+			}
+		},self.intervalDelay);
+	},
+	movePause: function() {
+		clearInterval(this.interval);	
+	},
+	moveStop: function(moveDir) {
+		this.movePause();
+		if (this.trigger!==null) {
+			if (typeof moveDir !== 'undefined') {
+				$(this.trigger).addClass('disabled');
+			}
+			this.trigger = null;
+		}
+		if (this.isAuto) {
+			if (this.o.autoMode=='bounce') {
+				moveDir == 'forward' ? this.moveBack() : this.moveForward();
+			}
+		}
+	},
+	moveResume: function() {
+		this.movement=='forward' ? this.moveForward() : this.moveBack();
+	},
+	resetPos: function() {
+		this.$clip[0]['scroll' + this.scrollPos] = this.resetPosition;
+	}
+});
+		  
+})(jQuery,window);

data/vendor/assets/javascripts/jquery.simplyscroll.min.js

@@ -0,0 +1,27 @@
+/*
+ * simplyScroll 2 - a scroll-tastic jQuery plugin
+ *
+ * http://logicbox.net/jquery/simplyscroll/
+ *
+ * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
+ *
+ * Dual licensed under the MIT and GPL licenses.
+ *
+ * Version: 2.0.5 Last revised: 10/05/2012
+ *
+ */
+(function(c,j,i){c.fn.simplyScroll=function(a){return this.each(function(){new c.simplyScroll(this,a)})};var h={customClass:"simply-scroll",frameRate:24,speed:1,orientation:"horizontal",auto:!0,autoMode:"loop",manualMode:"end",direction:"forwards",pauseOnHover:!0,pauseOnTouch:!0,pauseButton:!1,startOnLoad:!1};c.simplyScroll=function(a,b){var g=this;this.o=c.extend({},h,b||{});this.isAuto=!1!==this.o.auto&&null!==this.o.autoMode.match(/^loop|bounce$/);this.isRTL=(this.isHorizontal=null!==this.o.orientation.match(/^horizontal|vertical$/)&&
+this.o.orientation==h.orientation)&&"rtl"==c("html").attr("dir");this.isForwards=!this.isAuto||this.isAuto&&(null!==this.o.direction.match(/^forwards|backwards$/)&&this.o.direction==h.direction)&&!this.isRTL;this.isLoop=this.isAuto&&"loop"==this.o.autoMode||!this.isAuto&&"loop"==this.o.manualMode;this.events=(this.supportsTouch="createTouch"in document)?{start:"touchstart MozTouchDown",move:"touchmove MozTouchMove",end:"touchend touchcancel MozTouchRelease"}:{start:"mouseenter",end:"mouseleave"};
+this.$list=c(a);var d=this.$list.children();this.$list.addClass("simply-scroll-list").wrap('<div class="simply-scroll-clip"></div>').parent().wrap('<div class="'+this.o.customClass+' simply-scroll-container"></div>');this.isAuto?this.o.pauseButton&&(this.$list.parent().parent().prepend('<div class="simply-scroll-btn simply-scroll-btn-pause"></div>'),this.o.pauseOnHover=!1):this.$list.parent().parent().prepend('<div class="simply-scroll-forward"></div>').prepend('<div class="simply-scroll-back"></div>');
+if(1<d.length){var f=!1,e=0;this.isHorizontal?(d.each(function(){e=e+c(this).outerWidth(true)}),f=d.eq(0).outerWidth(!0)*d.length!==e):(d.each(function(){e=e+c(this).outerHeight(true)}),f=d.eq(0).outerHeight(!0)*d.length!==e);f&&(this.$list=this.$list.wrap("<div></div>").parent().addClass("simply-scroll-list"),this.isHorizontal?this.$list.children().css({"float":"left",width:e+"px"}):this.$list.children().css({height:e+"px"}))}this.o.startOnLoad?c(j).load(function(){g.init()}):this.init()};c.simplyScroll.fn=
+c.simplyScroll.prototype={};c.simplyScroll.fn.extend=c.simplyScroll.extend=c.extend;c.simplyScroll.fn.extend({init:function(){this.$items=this.$list.children();this.$clip=this.$list.parent();this.$container=this.$clip.parent();this.$btnBack=c(".simply-scroll-back",this.$container);this.$btnForward=c(".simply-scroll-forward",this.$container);this.isHorizontal?(this.itemMax=this.$items.eq(0).outerWidth(!0),this.clipMax=this.$clip.width(),this.dimension="width",this.moveBackClass="simply-scroll-btn-left",
+this.moveForwardClass="simply-scroll-btn-right",this.scrollPos="Left"):(this.itemMax=this.$items.eq(0).outerHeight(!0),this.clipMax=this.$clip.height(),this.dimension="height",this.moveBackClass="simply-scroll-btn-up",this.moveForwardClass="simply-scroll-btn-down",this.scrollPos="Top");this.posMin=0;this.posMax=this.$items.length*this.itemMax;var a=Math.ceil(this.clipMax/this.itemMax);if(this.isAuto&&"loop"==this.o.autoMode)this.$list.css(this.dimension,this.posMax+this.itemMax*a+"px"),this.posMax+=
+this.clipMax-this.o.speed,this.isForwards?(this.$items.slice(0,a).clone(!0).appendTo(this.$list),this.resetPosition=0):(this.$items.slice(-a).clone(!0).prependTo(this.$list),this.resetPosition=this.$items.length*this.itemMax,this.isRTL&&(this.$clip[0].dir="ltr",this.$items.css("float","right")));else if(!this.isAuto&&"loop"==this.o.manualMode){this.posMax+=this.itemMax*a;this.$list.css(this.dimension,this.posMax+this.itemMax*a+"px");this.posMax+=this.clipMax-this.o.speed;this.$items.slice(0,a).clone(!0).appendTo(this.$list);
+this.$items.slice(-a).clone(!0).prependTo(this.$list);this.resetPositionForwards=this.resetPosition=a*this.itemMax;this.resetPositionBackwards=this.$items.length*this.itemMax;var b=this;this.$btnBack.bind(this.events.start,function(){b.isForwards=false;b.resetPosition=b.resetPositionBackwards});this.$btnForward.bind(this.events.start,function(){b.isForwards=true;b.resetPosition=b.resetPositionForwards})}else this.$list.css(this.dimension,this.posMax+"px"),this.isForwards?this.resetPosition=0:(this.resetPosition=
+this.$items.length*this.itemMax,this.isRTL&&(this.$clip[0].dir="ltr",this.$items.css("float","right")));this.resetPos();this.interval=null;this.intervalDelay=Math.floor(1E3/this.o.frameRate);if(this.isAuto||"end"!=this.o.manualMode)for(;0!==this.itemMax%this.o.speed;)if(this.o.speed--,0===this.o.speed){this.o.speed=1;break}b=this;this.trigger=null;this.funcMoveBack=function(a){a!==i&&a.preventDefault();b.trigger=!b.isAuto&&b.o.manualMode=="end"?this:null;b.isAuto?b.isForwards?b.moveBack():b.moveForward():
+b.moveBack()};this.funcMoveForward=function(a){a!==i&&a.preventDefault();b.trigger=!b.isAuto&&b.o.manualMode=="end"?this:null;b.isAuto?b.isForwards?b.moveForward():b.moveBack():b.moveForward()};this.funcMovePause=function(){b.movePause()};this.funcMoveStop=function(){b.moveStop()};this.funcMoveResume=function(){b.moveResume()};if(this.isAuto){this.paused=!1;var g=function(){if(b.paused===false){b.paused=true;b.funcMovePause()}else{b.paused=false;b.funcMoveResume()}return b.paused};this.supportsTouch&&
+this.$items.find("a").length&&(this.supportsTouch=!1);if(this.isAuto&&this.o.pauseOnHover&&!this.supportsTouch)this.$clip.bind(this.events.start,this.funcMovePause).bind(this.events.end,this.funcMoveResume);else if(this.isAuto&&this.o.pauseOnTouch&&!this.o.pauseButton&&this.supportsTouch){var d,f;this.$clip.bind(this.events.start,function(a){g();var c=a.originalEvent.touches[0];d=b.isHorizontal?c.pageX:c.pageY;f=b.$clip[0]["scroll"+b.scrollPos];a.stopPropagation();a.preventDefault()}).bind(this.events.move,
+function(a){a.stopPropagation();a.preventDefault();a=a.originalEvent.touches[0];a=d-(b.isHorizontal?a.pageX:a.pageY)+f;if(a<0)a=0;else if(a>b.posMax)a=b.posMax;b.$clip[0]["scroll"+b.scrollPos]=a;b.funcMovePause();b.paused=true})}else this.o.pauseButton&&(this.$btnPause=c(".simply-scroll-btn-pause",this.$container).bind("click",function(a){a.preventDefault();g()?c(this).addClass("active"):c(this).removeClass("active")}));this.funcMoveForward()}else this.$btnBack.addClass("simply-scroll-btn "+this.moveBackClass).bind(this.events.start,
+this.funcMoveBack).bind(this.events.end,this.funcMoveStop),this.$btnForward.addClass("simply-scroll-btn "+this.moveForwardClass).bind(this.events.start,this.funcMoveForward).bind(this.events.end,this.funcMoveStop),"end"==this.o.manualMode&&(!this.isRTL?this.$btnBack.addClass("disabled"):this.$btnForward.addClass("disabled"))},moveForward:function(){var a=this;this.movement="forward";null!==this.trigger&&this.$btnBack.removeClass("disabled");a.interval=setInterval(function(){a.$clip[0]["scroll"+a.scrollPos]<
+a.posMax-a.clipMax?a.$clip[0]["scroll"+a.scrollPos]+=a.o.speed:a.isLoop?a.resetPos():a.moveStop(a.movement)},a.intervalDelay)},moveBack:function(){var a=this;this.movement="back";null!==this.trigger&&this.$btnForward.removeClass("disabled");a.interval=setInterval(function(){a.$clip[0]["scroll"+a.scrollPos]>a.posMin?a.$clip[0]["scroll"+a.scrollPos]-=a.o.speed:a.isLoop?a.resetPos():a.moveStop(a.movement)},a.intervalDelay)},movePause:function(){clearInterval(this.interval)},moveStop:function(a){this.movePause();
+null!==this.trigger&&("undefined"!==typeof a&&c(this.trigger).addClass("disabled"),this.trigger=null);this.isAuto&&"bounce"==this.o.autoMode&&("forward"==a?this.moveBack():this.moveForward())},moveResume:function(){"forward"==this.movement?this.moveForward():this.moveBack()},resetPos:function(){this.$clip[0]["scroll"+this.scrollPos]=this.resetPosition}})})(jQuery,window);

data/vendor/assets/stylesheets/simplyscroll.css

@@ -0,0 +1,217 @@
+/*
+ * simplyScroll 2 - a scroll-tastic jQuery plugin
+ *
+ * http://logicbox.net/jquery/simplyscroll
+ *
+ * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
+ *
+ * Dual licensed under the MIT and GPL licenses.
+ *
+ * Last revised: 31/01/2012
+ *
+ */
+
+/* Default/Master classes 
+
+Example markup format (for horizontal scroller)
+Note all DIVs are generated and should not be hard-coded
+
+<div class="your-custom-class simply-scroll-container">
+	<div class="simply-scroll-btn simply-scroll-btn-left"></div>
+	<div class="simply-scroll-btn simply-scroll-btn-right"></div>
+	<div class="simply-scroll-clip">
+		<ul class="simply-scroll-list">
+			<li>...</li>
+			...
+		</ul>
+	</div>
+</div>
+
+
+*/
+
+.simply-scroll-container { /* Container DIV - automatically generated */
+	position: relative;
+}
+
+	.simply-scroll-clip { /* Clip DIV - automatically generated */
+		position: relative;
+		overflow: hidden;
+	}
+
+	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
+		overflow: hidden;
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+	
+		.simply-scroll-list li {
+			padding: 0;
+			margin: 0;
+			list-style: none;
+		}
+	
+		.simply-scroll-list li img {
+			border: none;
+			display: block;
+		}
+	
+	.simply-scroll-btn {
+		position: absolute;
+		background-image: url(../images/buttons.png);
+		width: 42px;
+		height: 44px;
+		z-index:3;
+		cursor: pointer;
+	}
+	
+	.simply-scroll-btn-left {
+		left: 6px;
+		bottom: 6px;
+		background-position: 0 -44px;
+	}
+	.simply-scroll-btn-left.disabled {
+		background-position: 0 0 !important;
+	}
+	.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
+		background-position: 0 -88px;
+	}
+	
+	.simply-scroll-btn-right {
+		right: 6px;
+		bottom: 6px;
+		background-position: -84px -44px;
+	}
+	.simply-scroll-btn-right.disabled {
+		background-position: -84px 0 !important;
+	}
+	.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
+		background-position: -84px -88px;
+	}
+	
+	.simply-scroll-btn-up {
+		right: 6px;
+		top: 6px;
+		background-position: -126px -44px;
+	}
+	.simply-scroll-btn-up.disabled {
+		background-position: -126px 0 !important;
+	}
+	.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
+		background-position: -126px -88px;
+	}
+	
+	.simply-scroll-btn-down {
+		right: 6px;
+		bottom: 6px;
+		background-position: -42px -44px;
+	}
+	.simply-scroll-btn-down.disabled {
+		background-position: -42px 0 !important;
+	}
+	.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
+		background-position: -42px -88px;
+	}
+	
+	.simply-scroll-btn-pause {
+		right: 6px;
+		bottom: 6px;
+		background-position: -168px -44px;
+	}
+	.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
+		background-position: -168px -88px;
+	}
+	
+	.simply-scroll-btn-pause.active {
+		background-position: -84px -44px;
+	}
+	.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
+		background-position: -84px -88px;
+	}
+
+/* Custom class modifications - override classees
+
+.simply-scroll is default
+
+*/
+
+.simply-scroll { /* Customisable base class for style override DIV */
+	width: 576px;
+	height: 200px;
+	margin-bottom: 1em;
+}
+
+	.simply-scroll .simply-scroll-clip {
+		width: 576px;
+		height: 200px;
+	}
+	
+		.simply-scroll .simply-scroll-list {}
+		
+		.simply-scroll .simply-scroll-list li {
+			float: left;
+			width: 290px;
+			height: 200px;
+		}
+		.simply-scroll .simply-scroll-list li img {}
+	
+	.simply-scroll .simply-scroll-btn {}
+	
+	.simply-scroll .simply-scroll-btn-left {}
+	.simply-scroll .simply-scroll-btn-left.disabled {}
+	.simply-scroll .simply-scroll-btn-left:hover {}
+	
+	.simply-scroll .simply-scroll-btn-right {}
+	.simply-scroll .simply-scroll-btn-right.disabled {}
+	.simply-scroll .simply-scroll-btn-right:hover {}
+	
+	.simply-scroll .simply-scroll-btn-up {}
+	.simply-scroll .simply-scroll-btn-up.disabled {}
+	.simply-scroll .simply-scroll-btn-up:hover {}
+	
+	.simply-scroll .simply-scroll-btn-down {}
+	.simply-scroll .simply-scroll-btn-down.disabled {}
+	.simply-scroll .simply-scroll-btn-down:hover {}
+	
+
+
+/* Vertical scroller example */
+
+.vert { /* wider than clip to position buttons to side */
+	width: 340px;
+	height: 400px;
+	margin-bottom: 1.5em;
+}
+
+	.vert .simply-scroll-clip {
+		width: 290px;
+		height: 400px;
+	}
+	
+		.vert .simply-scroll-list {}
+		
+		.vert .simply-scroll-list li {
+			width: 290px;
+			height: 200px;
+		}
+		.vert .simply-scroll-list li img {}
+	
+	.vert .simply-scroll-btn {}
+
+	.vert .simply-scroll-btn-up { /* modified btn pos */
+		right: 0;
+		top: 0;
+	}
+	.vert .simply-scroll-btn-up.disabled {}
+	.vert .simply-scroll-btn-up:hover {}
+	
+	.vert .simply-scroll-btn-down { /* modified btn pos */
+		right: 0;
+		top: 52px;
+	}
+	.vert .simply-scroll-btn-down.disabled {}
+	.vert .simply-scroll-btn-down:hover {}
+	
+	/* NOTE left-right classes wouldn't be needed on vertical scroller */
+

metadata

@@ -0,0 +1,73 @@
+--- !ruby/object:Gem::Specification 
+name: simplyscroll-rails
+version: !ruby/object:Gem::Version 
+  version: 1.0.0
+platform: ruby
+authors: 
+- TwoWeb
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2015-01-31 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: rails
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    requirements: 
+    - &id002 
+      - ">="
+      - !ruby/object:Gem::Version 
+        version: "0"
+  type: :runtime
+  version_requirements: *id001
+description: gem simplyscroll for rails
+email: 
+- dev@twoweb.com.br
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- lib/simplyscroll-rails.rb
+- lib/simplyscroll-rails/version.rb
+- vendor/assets/images/buttons.png
+- vendor/assets/images/bg_play_pause.png
+- vendor/assets/images/bg_direction_nav.png
+- vendor/assets/javascripts/jquery.simplyscroll.min.js
+- vendor/assets/javascripts/jquery.simplyscroll.js
+- vendor/assets/stylesheets/simplyscroll.css
+- vendor/assets/fonts/flexslider-icon.woff
+- vendor/assets/fonts/flexslider-icon.ttf
+- vendor/assets/fonts/flexslider-icon.svg
+- vendor/assets/fonts/flexslider-icon.eot
+- LICENSE
+- README.md
+homepage: https://github.com/twoweb/simplyscroll-rails
+licenses: []
+
+metadata: {}
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - *id002
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - *id002
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 2.0.14
+signing_key: 
+specification_version: 4
+summary: gem simplyscroll
+test_files: []
+