jquery-radiantscroller-rails 0.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    YTJlMDJlOGY0YjkyZDRmMGQ3YjBiY2U4NTJmNDI1OGY3OTRhNjIwZg==
+  data.tar.gz: !binary |-
+    YTg5YjQ1NDMyZDAxNzRlYTU5MGM5ZGFlYTFiYmQzZDk2ODZjOTVlNA==
+SHA512:
+  metadata.gz: !binary |-
+    NzZhYjYxMjgwMjAyZjNlNDNlNjMxMGMwNGIzZGM2ODI4YTAwNmM0NTMzOTUz
+    ZTVjYWY0N2M1ZmU4NmFlNGUxYzRlMmNjMjE2MTNkMDViYWQzZjVjMDlmNDhk
+    MDVmZTBmMzQ4OGUzYjE0ZDFkYWUzMjViMTczOTUxZmIyM2IxNTI=
+  data.tar.gz: !binary |-
+    MzAxZjY0NjRlN2I0YWMxZDk0MGE5YjYwMDJmZTRiNTVmMDk4MzYwOWQwOTM2
+    MTkyOThjYjU3MjAxZTdlZTFhOGI2ODRlNjg1Mzc5NTY5NGUxMWU5MmRhYmM0
+    N2M5ZTc1NGYzMzE0OTg2MWI3MWM0Mjc5MjhmZjc2ZGI4MWVjZjk=

data/LICENSE.txt

@@ -0,0 +1,20 @@
+Copyright (c) 2014, Ilya Bodrov (http://radiant-wind.com)
+
+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,53 @@
+# RadiamtScroller plugin for Rails
+
+A ruby gem that uses the Rails asset pipeline to include the Radiant Scroller plugin by Ilya Bodrov
+ (http://radiant-wind.com):
+
+* Homepage: https://github.com/bodrovis/RadiantScroller
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'jquery-radiantscroller-rails'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jquery-radiantscroller-rails
+
+NOTE: this is a jQuery plugin so you will also need the `jquery-rails` gem:
+
+* https://github.com/rails/jquery-rails
+
+If you want to enable mousewheel support for Radiant Scroller, you can include jQuery MouseWheel plugin by Brandon Aaron
+(https://github.com/brandonaaron/jquery-mousewheel/). There is a gem `jquery-mousewheel-rails` available:
+
+* https://github.com/crazymykl/jquery-mousewheel-rails
+
+## Usage
+
+In your `application.js` you will need to add this line:
+
+    //= require jquery.radiantscroller
+   
+And in your `application.css` you will need to add this line:
+
+    *= require jquery.radiantscroller
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## License
+
+This plugin is licensed under the [MIT License](https://github.com/bodrovis/jquery-radiantscroller-rails/blob/master/LICENSE.txt).
+
+Copyright (c) 2014 [Ilya Bodrov](http://radiant-wind.com)

data/lib/jquery-radiantscroller-rails.rb

@@ -0,0 +1,8 @@
+require "jquery-radiantscroller-rails/version"
+
+module RadiantScroller
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/jquery-radiantscroller-rails/version.rb

@@ -0,0 +1,5 @@
+module RadiantScroller
+  module Rails
+    VERSION = "0.0.1"
+  end
+end

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

@@ -0,0 +1,240 @@
+/*!
+ * jQuery RadiantScroller
+ * Version: 0.0.1 (07/01/2014)
+ * Copyright (c) 2013 Ilya Bodrov (http://radiant-wind.com)
+ *
+ * Requires: jQuery 1.7.0+
+ */
+
+(function($) {
+    $.radiantScroller = function(el, options) {
+        var scroller = $(el);
+
+        scroller.vars = $.extend({}, $.radiantScroller.defaults, options);
+
+        // Store reference to scroller in data of the object
+        scroller.data("radiantscroller", scroller);
+        // Set to true when scrolling
+        scroller.animating = false;
+
+        var elements = scroller.find('.scroller-el'),
+            el_count = elements.size(),
+            el_width = scroller.vars.elementWidth + scroller.vars.elementMargin,
+            per_row = Math.ceil(el_count / scroller.vars.rows),
+            visible_els = 0;
+
+        // Calculating scroller's width with regard to items per row
+        scroller.width( (el_width * per_row) - scroller.vars.elementMargin );
+
+        // Grouping elements by rows
+        do $(elements.slice(0, per_row)).wrapAll('<div class="radiant_scroller_row" />');
+        while((elements = elements.slice(per_row)).length > 0);
+
+        // Wrapper with hidden scrollbars
+        scroller.wrap('<div class="radiant_scroller"></div>').wrap('<div class="radiant_scroller_wrapper" />');
+        var wrapper = scroller.parent('.radiant_scroller_wrapper');
+        var outer_wrapper = wrapper.parent('.radiant_scroller');
+
+        var max_wrapper_width = (scroller.vars.cols * el_width - scroller.vars.elementMargin) + 'px';
+        wrapper.css('max-width', max_wrapper_width);
+        outer_wrapper.css('max-width', max_wrapper_width);
+
+        // Next/previous buttons
+        var nav = $('<div class="radiant-navigation" />').insertAfter(wrapper);
+        var prev = nav.append($('<div class="radiant-prev">' + scroller.vars.prevButtonText + '</div>'));
+        var next = nav.append($('<div class="radiant-next">' + scroller.vars.nextButtonText + '</div>'));
+
+        // Scroller methods
+        scroller.calculateVisibleElements = function() {
+            visible_els = Math.floor((wrapper.width() + scroller.vars.elementMargin) / el_width);
+        };
+
+        scroller.moveElements = function(direction, scrollBy, page_el) {
+            if(!scroller.animating) {
+                scroller.animating = true;
+                var distance = 0;
+                if (typeof scrollBy === 'undefined') {
+                    distance = visible_els * el_width;
+                } else { distance = visible_els * el_width * scrollBy; }
+
+                var fraction = 0;
+                if (direction === 'left') { fraction = -distance ;
+                } else { fraction = distance; }
+
+                wrapper.animate(
+                    { scrollLeft: wrapper.scrollLeft() + fraction },
+                    scroller.vars.animateDuration, scroller.vars.easingType,
+                    function() { scroller.animating = false; }
+                );
+
+                if (scroller.vars.addPagination) {
+                    wrapper.current_page.removeClass('current-page');
+                    if (typeof page_el === 'undefined') {
+                        if (direction === 'right') {
+                            if (wrapper.current_page.next().size() > 0)
+                                wrapper.current_page = wrapper.current_page.next();
+                        }
+                        else {
+                            if (wrapper.current_page.prev().size() > 0)
+                                wrapper.current_page = wrapper.current_page.prev();
+                        }
+                    } else {
+                        wrapper.current_page = page_el;
+                    }
+                    wrapper.current_page.addClass('current-page');
+                }
+            }
+        };
+
+        scroller.createPagination = function() {
+            // If there is the same number of visible elements we don't have to change anything
+            if (typeof this.visible_els === 'undefined' || this.visible_els !== visible_els) {
+                this.visible_els = visible_els;
+                var pages = Math.ceil(per_row / visible_els);
+                if (outer_wrapper.find('.radiant-pagination').size() > 0)
+                    outer_wrapper.find('.radiant-pagination').remove();
+
+                var pagination = $('<div class="radiant-pagination" />').insertAfter(wrapper);
+                for (var i = 0; i < pages; i++) {
+                    pagination.append('<div class="radiant-page" data-page="' + (i + 1) + '"></div>');
+                }
+
+                if (typeof wrapper.current_page === 'undefined') {
+                    // If current page was not set previously, we set it now
+                    wrapper.current_page = pagination.find('.radiant-page').first();
+                } else {
+                    var new_current_page = Math.ceil(wrapper.scrollLeft() / (visible_els * el_width));
+                    wrapper.current_page = $(pagination.find('.radiant-page').get(new_current_page));
+                }
+                wrapper.current_page.addClass('current-page');
+            }
+        };
+
+        // Binding events
+        $(window).bindWithDelay('resize', function() {
+            scroller.calculateVisibleElements();
+            if (scroller.vars.addPagination) {
+                scroller.createPagination();
+            }
+        }, 500, true);
+
+        nav.on('click', '.radiant-next', function() {
+            scroller.moveElements('right', 1);
+        });
+
+        nav.on('click', '.radiant-prev', function() {
+            scroller.moveElements('left', 1);
+        });
+
+        if (scroller.vars.useMouseWheel) {
+            wrapper.on('mousewheel', function(event) {
+                event.preventDefault();
+                if (event.deltaY > 0) { scroller.moveElements('right'); } else {
+                    scroller.moveElements('left'); }
+            });
+        }
+
+        outer_wrapper.on('click', '.radiant-page', function() {
+            var $this = $(this);
+            if (wrapper.current_page.get(0) !== $this.get(0)) {
+                var current_page_number = wrapper.current_page.data('page');
+                var this_page_number = $this.data('page');
+                if (current_page_number > this_page_number) {
+                    scroller.moveElements('left', current_page_number - this_page_number, $this);
+                } else { scroller.moveElements('right', this_page_number - current_page_number, $this); }
+            }
+        });
+
+        // Init scroller
+        scroller.calculateVisibleElements();
+        if (scroller.vars.addPagination) {
+            scroller.createPagination();
+        }
+    };
+
+    $.radiantScroller.defaults = {
+        cols: 2,
+        elementWidth: 200,
+        elementMargin: 10,
+        easingType: 'swing',
+        animateDuration: 700,
+        rows: 2,
+        useMouseWheel: false,
+        addPagination: false,
+        nextButtonText: '',
+        prevButtonText: ''
+    };
+
+    $.fn.radiantScroller = function(options) {
+        if (options === undefined) options = {};
+
+        if (typeof options === "object") {
+            new $.radiantScroller(this, options);
+        } else {
+            var $scroller = $(this).data('radiantscroller');
+            switch (options) {
+                case "next": $scroller.moveElements('right'); break;
+                case "prev": $scroller.moveElements('left'); break;
+            }
+        }
+
+        return this;
+    };
+})(jQuery);
+
+/*
+ bindWithDelay jQuery plugin
+ Author: Brian Grinstead
+ MIT license: http://www.opensource.org/licenses/mit-license.php
+
+ http://github.com/bgrins/bindWithDelay
+ http://briangrinstead.com/files/bindWithDelay
+
+ Usage:
+ See http://api.jquery.com/bind/
+ .bindWithDelay( eventType, [ eventData ], handler(eventObject), timeout, throttle )
+
+ Examples:
+ $("#foo").bindWithDelay("click", function(e) { }, 100);
+ $(window).bindWithDelay("resize", { optional: "eventData" }, callback, 1000);
+ $(window).bindWithDelay("resize", callback, 1000, true);
+ */
+
+(function($) {
+
+    $.fn.bindWithDelay = function( type, data, fn, timeout, throttle ) {
+
+        if ( $.isFunction( data ) ) {
+            throttle = timeout;
+            timeout = fn;
+            fn = data;
+            data = undefined;
+        }
+
+        // Allow delayed function to be removed with fn in unbind function
+        fn.guid = fn.guid || ($.guid && $.guid++);
+
+        // Bind each separately so that each element has its own delay
+        return this.each(function() {
+
+            var wait = null;
+
+            function cb() {
+                var e = $.extend(true, { }, arguments[0]);
+                var ctx = this;
+                var throttler = function() {
+                    wait = null;
+                    fn.apply(ctx, [e]);
+                };
+
+                if (!throttle) { clearTimeout(wait); wait = null; }
+                if (!wait) { wait = setTimeout(throttler, timeout); }
+            }
+
+            cb.guid = fn.guid;
+
+            $(this).bind(type, data, cb);
+        });
+    };
+
+})(jQuery);

data/vendor/assets/stylesheets/jquery.radiantscroller.css

@@ -0,0 +1,48 @@
+/*!
+ * jQuery RadiantScroller
+ * Version: 0.0.1 (07/01/2014)
+ * Copyright (c) 2013 Ilya Bodrov (http://radiant-wind.com)
+ */
+
+/* ======== Scroller and elements ======== */
+.radiant_scroller {
+    position: relative;
+}
+
+.radiant_scroller_wrapper {
+    overflow: hidden;
+}
+
+.radiant_scroller_wrapper .scroller-el {
+    display: block;
+    float: left;
+}
+
+.radiant_scroller .radiant_scroller_row .scroller-el:last-of-type {
+    margin-right: 0;
+}
+
+.radiant_scroller .radiant_scroller_row:last-of-type .scroller-el {
+    margin-bottom: 0;
+}
+
+/* ======== Navigatonal buttons (previous/next) ======== */
+.radiant_scroller .radiant-navigation {
+    clear: both;
+}
+
+.radiant_scroller .radiant-next, .radiant_scroller .radiant-prev {
+    position: absolute;
+    cursor: pointer;
+}
+
+/* ======== Pagination ======== */
+.radiant_scroller .radiant-pagination .radiant-page {
+    display: inline-block;
+    margin-right: 10px;
+    cursor: pointer;
+}
+
+.radiant_scroller .radiant-pagination .radiant-page:last-of-type {
+    margin-right: 0;
+}

metadata

@@ -0,0 +1,65 @@
+--- !ruby/object:Gem::Specification
+name: jquery-radiantscroller-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Ilya Bodrov
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-01-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+description: ! "A ruby gem that uses the Rails asset pipeline to include the Radiant
+  Scroller plugin by Ilya Bodrov\n (http://radiant-wind.com)."
+email:
+- golosizpru@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- lib/jquery-radiantscroller-rails.rb
+- lib/jquery-radiantscroller-rails/version.rb
+- vendor/assets/javascripts/jquery.radiantscroller.js
+- vendor/assets/stylesheets/jquery.radiantscroller.css
+homepage: https://github.com/bodrovis/jquery-radiantscroller-rails
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.0
+signing_key: 
+specification_version: 4
+summary: Includes javascript and css files for the Radiant Scroller plugin.
+test_files: []