cycle2-rails 1.0.0 → 1.1.0

data/.gitignore

@@ -0,0 +1 @@
+pkg

data/Gemfile.lock

@@ -1,38 +1,38 @@
 PATH
   remote: .
   specs:
-    cycle2-rails (1.0.0)
+    cycle2-rails (1.1.0)
       jquery-rails (~> 2.0)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    actionpack (3.2.8)
-      activemodel (= 3.2.8)
-      activesupport (= 3.2.8)
+    actionpack (3.2.13)
+      activemodel (= 3.2.13)
+      activesupport (= 3.2.13)
       builder (~> 3.0.0)
       erubis (~> 2.7.0)
       journey (~> 1.0.4)
-      rack (~> 1.4.0)
+      rack (~> 1.4.5)
       rack-cache (~> 1.2)
       rack-test (~> 0.6.1)
-      sprockets (~> 2.1.3)
-    activemodel (3.2.8)
-      activesupport (= 3.2.8)
+      sprockets (~> 2.2.1)
+    activemodel (3.2.13)
+      activesupport (= 3.2.13)
       builder (~> 3.0.0)
-    activesupport (3.2.8)
-      i18n (~> 0.6)
+    activesupport (3.2.13)
+      i18n (= 0.6.1)
       multi_json (~> 1.0)
     builder (3.0.4)
     erubis (2.7.0)
     hike (1.2.2)
-    i18n (0.6.4)
+    i18n (0.6.1)
     journey (1.0.4)
     jquery-rails (2.2.1)
       railties (>= 3.0, < 5.0)
       thor (>= 0.14, < 2.0)
-    json (1.7.7)
-    multi_json (1.7.3)
+    json (1.8.0)
+    multi_json (1.7.4)
     rack (1.4.5)
     rack-cache (1.2)
       rack (>= 0.4)
@@ -40,9 +40,9 @@ GEM
       rack
     rack-test (0.6.2)
       rack (>= 1.0)
-    railties (3.2.8)
-      actionpack (= 3.2.8)
-      activesupport (= 3.2.8)
+    railties (3.2.13)
+      actionpack (= 3.2.13)
+      activesupport (= 3.2.13)
       rack-ssl (~> 1.3.2)
       rake (>= 0.8.7)
       rdoc (~> 3.4)
@@ -50,12 +50,13 @@ GEM
     rake (10.0.4)
     rdoc (3.12.2)
       json (~> 1.4)
-    sprockets (2.1.3)
+    sprockets (2.2.2)
       hike (~> 1.2)
+      multi_json (~> 1.0)
       rack (~> 1.0)
       tilt (~> 1.1, != 1.3.0)
     thor (0.18.1)
-    tilt (1.4.0)
+    tilt (1.4.1)
 
 PLATFORMS
   ruby

data/README.md

@@ -22,8 +22,30 @@ And then execute:
 
 In your application.js
 
-    //= require cycle2-rails
-    
+    //= require jquery.cycle2
+
+Additionaly you can use optional Cycle2 plugins like this:
+
+    //= require jquery.cycle2.carousel
+    //= require jquery.cycle2.swipe
+
+Note jquery.cycle2 included automatically if you use any plugin.
+More info about optional plugins on Cycle2 page: http://jquery.malsup.com/cycle2/download/
+
+If you wish use only additional plugins you can include only needed base modules.
+For example:
+
+    //= require jquery.cycle2.autoheight
+    //= require jquery.cycle2.swipe
+
+More info about core plugins: http://jquery.malsup.com/cycle2/download/advanced.php
+
+Also you can include all core modules and additional plugins:
+
+    //= require jquery.cycle2.all
+
+
+
 ## Contributing
 
 1. Fork it

data/Rakefile

@@ -3,12 +3,71 @@ require "bundler/gem_tasks"
 require 'open-uri'
 
 desc "Download the latest cycle2.js"
-task :update do
-  url = "http://malsup.github.com/jquery.cycle2.js"
-  outputfile = "vendor/assets/javascripts/cycle2-rails/jquery.cycle2.js"
-
+task :update do 
+  base_output = "app/assets/javascripts/"
+  
+  cycle2_core_url = 'http://malsup.github.com/jquery.cycle2.core.js'
+  outputfile = File.join(base_output, File.basename(cycle2_core_url))
   open(outputfile, 'wb') do |file|
-    file << open(url).read
+    file << open(cycle2_core_url).read
+  end
+  
+  components = %w[    
+    http://malsup.github.com/jquery.cycle2.autoheight.js
+    http://malsup.github.com/jquery.cycle2.caption.js
+    http://malsup.github.com/jquery.cycle2.command.js
+    http://malsup.github.com/jquery.cycle2.hash.js
+    http://malsup.github.com/jquery.cycle2.loader.js
+    http://malsup.github.com/jquery.cycle2.pager.js
+    http://malsup.github.com/jquery.cycle2.prevnext.js
+    http://malsup.github.com/jquery.cycle2.progressive.js
+    http://malsup.github.com/jquery.cycle2.tmpl.js
+  ]
+  components.each do |component_url|
+    component_outputfile = File.join(base_output, File.basename(component_url))
+    open(component_outputfile, 'wb') do |file|
+      file << "//= require jquery.cycle2.core\n\n"
+      file << open(component_url).read
+    end        
+  end
+  
+  cycle2_base_outfile =  File.join(base_output, 'jquery.cycle2.js')
+  open(cycle2_base_outfile, 'wb') do |file|
+    file << "//= require jquery.cycle2.core\n"
+    components.each do |component|
+      asset_name = File.basename(component, File.extname(component))
+      file << "//= require #{asset_name}\n"
+    end
+    file << "\n"
+  end 
+  
+  plugins = %w[http://malsup.github.com/jquery.cycle2.carousel.js 
+  http://malsup.github.com/jquery.cycle2.ie-fade.js 
+  http://malsup.github.com/jquery.cycle2.scrollVert.js 
+  http://malsup.github.com/jquery.cycle2.shuffle.js
+  http://malsup.github.com/jquery.cycle2.tile.js
+  http://malsup.github.com/jquery.cycle2.caption2.js
+  http://malsup.github.com/jquery.cycle2.center.js
+  http://malsup.github.com/jquery.cycle2.swipe.js
+  http://malsup.github.com/jquery.cycle2.video.js]
+    
+  plugins.each do |plugin_url|
+    plugin_outputfile = File.join(base_output, File.basename(plugin_url))
+    open(plugin_outputfile, 'wb') do |file|
+      file << "//= require jquery.cycle2\n\n"
+      file << open(plugin_url).read
+    end
   end
+  
+  
+  cycle2_all_outfile =  File.join(base_output, 'jquery.cycle2.all.js')
+  open(cycle2_all_outfile, 'wb') do |file|
+    file << "//= require jquery.cycle2\n"
+    plugins.each do |plugin_url|
+      asset_name = File.basename(plugin_url, File.extname(plugin_url))
+      file << "//= require #{asset_name}\n"
+    end
+    file << "\n"
+  end 
 
 end

data/app/assets/javascripts/jquery.cycle2.all.js

@@ -0,0 +1,11 @@
+//= require jquery.cycle2
+//= require jquery.cycle2.carousel
+//= require jquery.cycle2.ie-fade
+//= require jquery.cycle2.scrollVert
+//= require jquery.cycle2.shuffle
+//= require jquery.cycle2.tile
+//= require jquery.cycle2.caption2
+//= require jquery.cycle2.center
+//= require jquery.cycle2.swipe
+//= require jquery.cycle2.video
+

data/app/assets/javascripts/jquery.cycle2.autoheight.js

@@ -0,0 +1,132 @@
+//= require jquery.cycle2.core
+
+/*! Cycle2 autoheight plugin; Copyright (c) M.Alsup, 2012; version: 20130304 */
+(function($) {
+"use strict";
+
+$.extend($.fn.cycle.defaults, {
+    autoHeight: 0 // setting this option to false disables autoHeight logic
+});    
+
+$(document).on( 'cycle-initialized', function( e, opts ) {
+    var autoHeight = opts.autoHeight;
+    var t = $.type( autoHeight );
+    var resizeThrottle = null;
+    var ratio;
+
+    if ( t !== 'string' && t !== 'number' )
+        return;
+
+    // bind events
+    opts.container.on( 'cycle-slide-added cycle-slide-removed', initAutoHeight );
+    opts.container.on( 'cycle-destroyed', onDestroy );
+
+    if ( autoHeight == 'container' ) {
+        opts.container.on( 'cycle-before', onBefore );
+    }
+    else if ( t === 'string' && /\d+\:\d+/.test( autoHeight ) ) { 
+        // use ratio
+        ratio = autoHeight.match(/(\d+)\:(\d+)/);
+        ratio = ratio[1] / ratio[2];
+        opts._autoHeightRatio = ratio;
+    }
+
+    // if autoHeight is a number then we don't need to recalculate the sentinel
+    // index on resize
+    if ( t !== 'number' ) {
+        // bind unique resize handler per slideshow (so it can be 'off-ed' in onDestroy)
+        opts._autoHeightOnResize = function () {
+            clearTimeout( resizeThrottle );
+            resizeThrottle = setTimeout( onResize, 50 );
+        };
+
+        $(window).on( 'resize orientationchange', opts._autoHeightOnResize );
+    }
+
+    setTimeout( onResize, 30 );
+
+    function onResize() {
+        initAutoHeight( e, opts );
+    }
+});
+
+function initAutoHeight( e, opts ) {
+    var clone, height, sentinelIndex;
+    var autoHeight = opts.autoHeight;
+
+    if ( autoHeight == 'container' ) {
+        height = $( opts.slides[ opts.currSlide ] ).outerHeight();
+        opts.container.height( height );
+    }
+    else if ( opts._autoHeightRatio ) { 
+        opts.container.height( opts.container.width() / opts._autoHeightRatio );
+    }
+    else if ( autoHeight === 'calc' || ( $.type( autoHeight ) == 'number' && autoHeight >= 0 ) ) {
+        if ( autoHeight === 'calc' )
+            sentinelIndex = calcSentinelIndex( e, opts );
+        else if ( autoHeight >= opts.slides.length )
+            sentinelIndex = 0;
+        else 
+            sentinelIndex = autoHeight;
+
+        // only recreate sentinel if index is different
+        if ( sentinelIndex == opts._sentinelIndex )
+            return;
+
+        opts._sentinelIndex = sentinelIndex;
+        if ( opts._sentinel )
+            opts._sentinel.remove();
+
+        // clone existing slide as sentinel
+        clone = $( opts.slides[ sentinelIndex ].cloneNode(true) );
+        
+        // #50; remove special attributes from cloned content
+        clone.removeAttr( 'id name rel' ).find( '[id],[name],[rel]' ).removeAttr( 'id name rel' );
+
+        clone.css({
+            position: 'static',
+            visibility: 'hidden',
+            display: 'block'
+        }).prependTo( opts.container ).addClass('cycle-sentinel cycle-slide').removeClass('cycle-slide-active');
+        clone.find( '*' ).css( 'visibility', 'hidden' );
+
+        opts._sentinel = clone;
+    }
+}    
+
+function calcSentinelIndex( e, opts ) {
+    var index = 0, max = -1;
+
+    // calculate tallest slide index
+    opts.slides.each(function(i) {
+        var h = $(this).height();
+        if ( h > max ) {
+            max = h;
+            index = i;
+        }
+    });
+    return index;
+}
+
+function onBefore( e, opts, outgoing, incoming, forward ) {
+    var h = $(incoming).outerHeight();
+    var duration = opts.sync ? opts.speed / 2 : opts.speed;
+    opts.container.animate( { height: h }, duration );
+}
+
+function onDestroy( e, opts ) {
+    if ( opts._autoHeightOnResize ) {
+        $(window).off( 'resize orientationchange', opts._autoHeightOnResize );
+        opts._autoHeightOnResize = null;
+    }
+    opts.container.off( 'cycle-slide-added cycle-slide-removed', initAutoHeight );
+    opts.container.off( 'cycle-destroyed', onDestroy );
+    opts.container.off( 'cycle-before', onBefore );
+
+    if ( opts._sentinel ) {
+        opts._sentinel.remove();
+        opts._sentinel = null;
+    }
+}
+
+})(jQuery);

data/app/assets/javascripts/jquery.cycle2.caption.js

@@ -0,0 +1,44 @@
+//= require jquery.cycle2.core
+
+/*! caption plugin for Cycle2;  version: 20130306 */
+(function($) {
+"use strict";
+
+$.extend($.fn.cycle.defaults, {
+    caption:          '> .cycle-caption',
+    captionTemplate:  '{{slideNum}} / {{slideCount}}',
+    overlay:          '> .cycle-overlay',
+    overlayTemplate:  '<div>{{title}}</div><div>{{desc}}</div>',
+    captionModule:    'caption'
+});    
+
+$(document).on( 'cycle-update-view', function( e, opts, slideOpts, currSlide ) {
+    if ( opts.captionModule !== 'caption' )
+        return;
+    var el;
+    $.each(['caption','overlay'], function() {
+        var name = this; 
+        var template = slideOpts[name+'Template'];
+        var el = opts.API.getComponent( name );
+        if( el.length && template ) {
+            el.html( opts.API.tmpl( template, slideOpts, opts, currSlide ) );
+            el.show();
+        }
+        else {
+            el.hide();
+        }
+    });
+});
+
+$(document).on( 'cycle-destroyed', function( e, opts ) {
+    var el;
+    $.each(['caption','overlay'], function() {
+        var name = this, template = opts[name+'Template'];
+        if ( opts[name] && template ) {
+            el = opts.API.getComponent( 'caption' );
+            el.empty();
+        }
+    });
+});
+
+})(jQuery);

data/app/assets/javascripts/jquery.cycle2.caption2.js

@@ -0,0 +1,69 @@
+//= require jquery.cycle2
+
+/*! caption2 plugin for Cycle2;  version: 20130306 */
+(function($) {
+"use strict";
+
+$.extend($.fn.cycle.defaults, {
+    captionFxOut:      'fadeOut',
+    captionFxIn:       'fadeIn',
+    captionFxSel:      undefined,
+    overlayFxOut:      'fadeOut',
+    overlayFxIn:       'fadeIn',
+    overlayFxSel:      undefined
+});    
+
+$(document).on( 'cycle-bootstrap', function(e, opts) {
+    opts.container.on( 'cycle-update-view-before', update );
+    opts.container.one( 'cycle-update-view-after', init );
+});
+
+function update( e, opts, slideOpts, currSlide, isAfter ) {
+    if ( opts.captionPlugin !== 'caption2' )
+        return;
+    $.each(['caption','overlay'], function() {
+        var fxBase = this + 'Fx',
+            fx = opts[fxBase + 'Out'] || 'hide',
+            template = slideOpts[this+'Template'],
+            el = opts.API.getComponent( this ),
+            sel = opts[fxBase+'Sel'],
+            speed = opts.speed,
+            animEl;
+
+        if ( opts.sync )
+            speed = speed/2;
+
+        animEl = sel ? el.find( sel ) : el;
+
+        if( el.length && template ) {
+            if ( fx == 'hide')
+                speed = 0;
+            animEl[fx]( speed, function() {
+                var content = opts.API.tmpl( template, slideOpts, opts, currSlide );
+                el.html( content );
+                animEl = sel ? el.find( sel ) : el;
+                if ( sel )
+                    animEl.hide();
+                fx = opts[ fxBase + 'In'] || 'show';
+                animEl[fx]( speed );
+            });
+        }
+        else {
+            el.hide();
+        }
+    });
+}
+
+function init( e, opts, slideOpts, currSlide, isAfter ) {
+    if ( opts.captionPlugin !== 'caption2' )
+        return;
+    $.each(['caption','overlay'], function() {
+        var template = slideOpts[this+'Template'],
+            el = opts.API.getComponent( this );
+
+        if( el.length && template )
+            el.html( opts.API.tmpl( template, slideOpts, opts, currSlide ) );
+    });
+}
+
+})(jQuery);