anything_slider_rails 0.0.1

data/.gitignore

@@ -0,0 +1,4 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in anything_slider_rails.gemspec
+gemspec

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/anything_slider_rails.gemspec

@@ -0,0 +1,24 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "anything_slider_rails/version"
+
+Gem::Specification.new do |s|
+  s.name        = "anything_slider_rails"
+  s.version     = AnythingSliderRails::VERSION
+  s.authors     = ["Han"]
+  s.email       = ["han@logicallsat.com"]
+  s.homepage    = ""
+  s.summary     = %q{AnythingSlider automated install for Rails 3.1+}
+  s.description = %q{Gem installation of jquery plugin, AnythingSlider}
+
+  s.rubyforge_project = "anything_slider_rails"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib", "vendor"]
+
+  s.add_dependency "railties", ">= 3.1.0"
+  s.add_development_dependency "bundler", "~> 1.0.0"
+  s.add_development_dependency "rails",   "~> 3.1"
+end

data/lib/anything_slider_rails/engine.rb

@@ -0,0 +1,6 @@
+module AnythingSliderRails
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/anything_slider_rails/version.rb

@@ -0,0 +1,3 @@
+module AnythingSliderRails
+  VERSION = "0.0.1"
+end

data/lib/anything_slider_rails.rb

@@ -0,0 +1,3 @@
+if defined? Rails && Rails::VERSION::MAJOR == 3 && Rails::VERSION::MINOR >= 1
+  require 'anything_slider_rails/engine'
+end

data/readme.MD

@@ -0,0 +1,42 @@
+# AnythingSlider for Rails
+
+**AnythingSliderRails**  packages the anything slider jquery plugin and stylesheets and allows you to merely include the required scripts in your manifest in order to start using the plugin.
+
+# Included Javascripts
+**minified js files are not included, since the rails asset pipeline sorta necessitates the compiling (and likely minifying) your js files for production**
+
+	jquery.anythingslider.fx.js
+	jquery.anythingslider.js
+	jquery.anythingslider.video.js
+	jquery.easing.1.2.js
+	swfobject.js
+
+# Included Stylesheets
+	
+	animate.css
+	anythingslider-ie.css
+	anythingslider.css
+	theme-construction.css
+	theme-cs-portfolio.css
+	theme-metallic.css
+	theme-minimalist-round.css
+	theme-minimalist-square.css
+
+### Installation
+
+This gem should work out of the box. All you have to do is add the gem to your Gemfile: 
+
+	gem 'anything_slider_rails'
+
+Then bundle install or update (depending on if you want to upgrade an older version of this gem).
+	
+	bundle install
+	bundle update
+	
+In your assets/javascripts/application.js, you will need to add d3 to your manifest:
+	
+	//= require jquery
+	.
+	.
+	//= require jquery.anythingslider
+

data/vendor/assets/javascripts/jquery.anythingslider.fx.js

@@ -0,0 +1,188 @@
+/*
+ * AnythingSlider Slide FX 1.6 for AnythingSlider v1.7.11+
+ * By Rob Garrison (aka Mottie & Fudgey)
+ * Dual licensed under the MIT and GPL licenses.
+ */
+(function($) {
+	$.fn.anythingSliderFx = function(effects, options){
+
+		// variable sizes shouldn't matter - it's just to get an idea to get the elements out of view
+		var wrap = $(this).closest('.anythingSlider'),
+		sliderWidth = wrap.width(),
+		sliderHeight = wrap.height(),
+		getBaseFx = function(s){
+			var size = s, size2;
+			// allow for start and end sizes/dimensions
+			if (s && typeof s === 'string' && s.indexOf(',') > 0) {
+				s = s.split(',');
+				size = $.trim(s[0]); size2 = $.trim(s[1]);
+			}
+			return {
+				// 'name' : [{ inFx: {effects}, { outFx: {effects} }, selector: []]
+				'top'    : [{ inFx: { top: 0 }, outFx: { top: '-' + (size || sliderHeight) } }],
+				'bottom' : [{ inFx: { top: 0 }, outFx: { top: (size || sliderHeight) } }],
+				'left'   : [{ inFx: { left: 0 }, outFx: { left: '-' + (size || sliderWidth) } }],
+				'right'  : [{ inFx: { left: 0 }, outFx: { left: (size || sliderWidth) } }],
+				'fade'   : [{ inFx: { opacity: size || 1 }, outFx: { opacity: 0 } }],
+				'expand' : [{ inFx: { width: size2 || '100%', height: size2 || '100%', top: '0%', left: '0%' } , outFx: { width: (size || '10%'), height: (size || '10%'), top: '50%', left: '50%' } }],
+				'grow'   : [{ inFx: { top: 0, fontSize: size || '16px', opacity : 1 }, outFx: { top: '-200px', fontSize: size2 || '80px', opacity: 0 } }],
+				'listLR' : [{ inFx: { left: 0, opacity: 1 }, outFx: [{ left: (size || sliderWidth), opacity: 0 }, { left: '-' + (size || sliderWidth), opacity: 0 }], selector: [':odd', ':even'] }],
+				'listRL' : [{ inFx: { left: 0, opacity: 1 }, outFx: [{ left: (size || sliderWidth), opacity: 0 }, { left: '-' + (size || sliderWidth), opacity: 0 }], selector: [':even', ':odd'] }],
+
+				'caption-Top'    : [{ inFx: { top: 0, opacity: 0.8 }, outFx: { top: ( '-' + size || -50 ), opacity: 0 } }],
+				'caption-Right'  : [{ inFx: { right: 0, opacity: 0.8 }, outFx: { right: ( '-' + size || -150 ), opacity: 0 } }],
+				'caption-Bottom' : [{ inFx: { bottom: 0, opacity: 0.8 }, outFx: { bottom: ( '-' + size || -50 ), opacity: 0 } }],
+				'caption-Left'   : [{ inFx: { left: 0, opacity: 0.8 }, outFx: { left: ( '-' + size || -150 ), opacity: 0 } }]
+			};
+		};
+
+		return this.each(function(){
+
+			$(this).data('AnythingSlider').fx = effects; // store fx list to allow dynamic modification
+
+			var defaults = $.extend({
+				easing     : 'swing', // Default FX easing
+				timeIn     : 400,     // Default time for in FX animation
+				timeOut    : 350,     // Default time for out FX animation - when using predefined FX, this number gets divided by 2
+				stopRepeat : false,   // stops repeating FX animation when clicking on the same navigation tab
+				outFxBind  : 'slide_init',    // When outFx animations are called
+				inFxBind   : 'slide_complete', // When inFx animations are called
+				dataAnimate: 'data-animate' // data attribute containing the animate.css class names to add for in and out fx
+			}, options),
+
+			baseFx = getBaseFx(), // get base FX with standard sizes
+
+			// Animate FX
+			animateFx = function(el, opt, isOut, time){
+				if (el.length === 0 || typeof opt === 'undefined') { return; } // no fx
+				var o = opt[0] || opt,
+					s = o[1] || '',
+					// time needs to be a number, not a string
+					t = time || parseInt( ((s === '') ? o.duration : o[0].duration), 10);
+				if (isOut) {
+					// don't change caption position from absolute
+					if (el.css('position') !== 'absolute') { el.css({ position : 'relative' }); }
+					el.stop();
+					// multiple selectors for out animation
+					if (s !== ''){
+						el.filter(opt[1][0]).animate(o[0], { queue : false, duration : t, easing : o[0].easing });
+						el.filter(opt[1][1]).animate(s, { queue : true, duration : t, easing : o[0].easing });
+						return;
+					}
+				}
+				// animation for no extra selectors
+				el.animate(o, { queue : true, duration : t, easing : o.easing });
+			},
+
+			// Extract FX
+			getFx = function(opts, isOut){
+				// example: '.textSlide h3' : [ 'top fade', '200px' '500', 'easeOutBounce' ],
+				var tmp, bfx2,
+				ex  = (isOut) ? 'outFx' : 'inFx', // object key
+				bfx = {}, // base effects
+				time = (isOut) ? defaults.timeOut : defaults.timeIn, // default duration settings
+				// split & process multiple built-in effects (e.g. 'top fade')
+				fx = $.trim(opts[0].replace(/\s+/g,' ')).split(' ');
+
+				// look for multiple selectors in the Out effects
+				if (isOut && fx.length === 1 && baseFx.hasOwnProperty(fx) && typeof (baseFx[fx][0].selector) !== 'undefined') {
+					bfx2 = baseFx[fx][0].outFx;
+					// add time and easing to first set, the animation will use it for both
+					bfx2[0].duration = opts[2] || defaults.timeOut;
+					bfx2[0].easing = opts[3] || defaults.easing;
+					return [bfx2, baseFx[fx][0].selector || [] ];
+				}
+
+				// combine base effects
+				$.each(fx, function(i,f){
+					// check if built-in effect exists
+					if (baseFx.hasOwnProperty(f)) {
+						var t = typeof opts[1] === 'undefined' || opts[1] === '',
+						// if size option is defined, get new base fx
+						tmp = (t) ? baseFx : getBaseFx(opts[1]);
+						$.extend(true, bfx, tmp[f][0][ex]);
+						t = opts[2] || bfx.duration || time; // user set time || built-in time || default time set above
+						bfx.duration = (isOut) ? t/2 : t; // out animation time is 1/2 of in time for predefined fx only
+						bfx.easing = isNaN(opts[3]) ? opts[3] || defaults.easing : opts[4] || defaults.easing;
+					}
+				});
+				return [bfx];
+			},
+
+			base = $(this)
+
+			// bind events for "OUT" effects - occur when leaving a page
+			.bind(defaults.outFxBind, function(e, slider){
+				if (defaults.stopRepeat && slider.$lastPage[0] === slider.$targetPage[0]) { return; }
+				var el, elOut, time, page = slider.$lastPage.add( slider.$items.eq(slider.exactPage) ).add( slider.$targetPage ),
+				FX = slider.fx; // allow dynamically added FX
+				if (slider.exactPage === 0) { page = page.add( slider.$items.eq( slider.pages ) ); } // add last (non-cloned) page if on first
+				if (slider.options.animationTime < defaults.timeOut) {
+					time = slider.options.animationTime || defaults.timeOut;
+				}
+				page = page.find('*').andSelf(); // include the panel in the selectors
+				for (el in FX) {
+					if (el === 'outFx') {
+						// process "out" custom effects
+						for (elOut in FX.outFx) {
+							// animate current/last slide, unless it's a clone, then effect the original
+							if (page.filter(elOut).length) { animateFx( page.filter(elOut), FX.outFx[elOut], true); }
+						}
+					} else if (el !== 'inFx') {
+						// Use built-in effects
+						if ($.isArray(FX[el]) && page.filter(el).length) {
+							animateFx( page.filter(el), getFx(FX[el],true), true, time);
+						}
+					}
+				}
+				el = page.filter('[' + defaults.dataAnimate + ']');
+				if (el.length) {
+					el.each(function(){
+						FX = $(this).attr(defaults.dataAnimate).split(',');
+						if (FX[0] !== '') {
+							$(this)
+								.removeClass(FX[0])
+								.addClass(FX[1] || FX[0]);
+						}
+					});
+				}
+			})
+
+			// bind events for "IN" effects - occurs on target page
+			.bind(defaults.inFxBind, function(e, slider){
+				if (defaults.stopRepeat && slider.$lastPage[0] === slider.$targetPage[0]) { return; }
+				var el, elIn, page = slider.$currentPage.add( slider.$items.eq(slider.exactPage) ),
+				FX = slider.fx; // allow dynamically added FX
+				page = page.find('*').andSelf(); // include the panel in the selectors
+				for (el in FX) {
+					if (el === 'inFx') {
+						// process "in" custom effects
+						for (elIn in FX.inFx) {
+							// animate current page
+							if (page.filter(elIn).length) { animateFx( page.filter(elIn), FX.inFx[elIn], false); }
+						}
+						// Use built-in effects
+					} else if (el !== 'outFx' && $.isArray(FX[el]) && page.filter(el).length) {
+						animateFx( page.filter(el), getFx(FX[el],false), false);
+					}
+				}
+				el = page.filter('[' + defaults.dataAnimate + ']');
+				if (el.length) {
+					el.each(function(){
+						FX = $(this).attr(defaults.dataAnimate).split(',');
+						if (FX[0] !== '') {
+							$(this)
+								.removeClass(FX[1] || FX[0])
+								.addClass(FX[0]);
+						}
+					});
+				}
+			})
+			.data('AnythingSlider');
+
+			// call gotoPage to trigger intro animation
+			$(window).load(function(){ base.gotoPage(base.currentPage, base.playing); });
+
+		});
+	};
+})(jQuery);