slim_scroll 0.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    MGRhOTljZjBlNGMxNjNiYTRlMWZhZGU4MjhlOGQyY2I2NTk0NTU1YQ==
+  data.tar.gz: !binary |-
+    NmQwZTM0MTQyN2M5YTgxNzlmNmFhMjMxNjhlNWRlYjY4OWE3ZjJjNA==
+SHA512:
+  metadata.gz: !binary |-
+    NmNjNzViOWNkODM4YWE2NzdkODJmMzllZmUwOTk4NGYxMDA2NTdmOTE5Nzgw
+    N2IzNjAwZWZmOTUxODkzMDc1ZjExODFmMjcyMGU2NzE5MDQ0NzFiY2JiMjNl
+    ODIyMjQ1OWMyYjYxZGY4NjE3ZDU4NzZjYjIyYjI0ZDZlOWUyNjk=
+  data.tar.gz: !binary |-
+    YTY0ZmRmN2NlZDczNTFiZmNkYWZkODE1NzUyNWI4ZGRiMjdjMmEzN2NjZjM3
+    ZmQwMDQyNGVkZjg2OTdkNzY5YzIwMzk4NWYyMGE0ZjkxOTBkZTMzZDU4NWNj
+    NTg5YWQxMmQzMjlmYTAzOTY2NzI1NTU0ZTAzYTc0NmM2YzY0NzA=

data/README.md

@@ -0,0 +1,45 @@
+slim_scroll is a small jQuery plugin gem that transforms any div into a scrollable area with a nice scrollbar - similar to the one Facebook and Google started using in their products recently. slim_scroll doesn't occupy any visual space as it only appears on a user initiated mouse-over. User can drag the scrollbar or use mouse-wheel to change the scroll value..
+
+## Setup
+
+Add the gem to your Gemfile and run the `bundle` command to install it.
+
+```ruby
+gem "slim_scroll"
+```
+
+Run the generator to create the initial files.
+
+```
+rails g slim_scroll:install
+```
+**In Rails 3.1** add the JavaScript file to your application.js file manifest. 
+
+```javascript
+//= require slim_scroll
+```
+
+
+**In Rails 3.0** add the generated slim_scroll file to your layout.
+
+```rhtml
+<%= javascript_include_tag "slim_scroll" %>
+
+## Usage
+Slim scroll provide various option to for user 
+```rhtml
+<%= subscribe_to "/messages/new" %>
+```
+Use the `publish_to` helper method to send JavaScript to that channel. This is usually done in a JavaScript AJAX template (such as a create.js.erb file).
+
+```rhtml
+<% publish_to "/messages/new" do %>
+  $("#chat").append("<%= j render(@messages) %>");
+<% end %>
+```
+
+This JavaScript will be immediately evaluated on all clients who have subscribed to that channel. In this example they will see the new chat message appear in real-time without reloading the browser.
+
+## Development & Feedback
+
+Questions or comments? Please use the [issue tracker](https://github.com/ciserfan/slim_scroll/issues). Tests can be run with `bundle` and `rake` commands.

data/lib/generators/slim_scroll/install/USAGE

@@ -0,0 +1,8 @@
+Description:
+    Setup jQuerylive assets on your application
+
+Example:
+  rails g livequery:install
+  
+  This will replace the default application assets:
+    /app/assets/javascripts/application.js

data/lib/generators/slim_scroll/install/install_generator.rb

@@ -0,0 +1,37 @@
+require 'rails'
+
+# Supply generator for Rails 3.0.x or if asset pipeline is not enabled
+if ::Rails.version < "3.1" || !::Rails.application.config.assets.enabled || !File.exist?('app/assets/javascripts/application.js') || !File.exist?('app/assets/javascripts/application.js.coffee')
+  module SlimScroll
+    module Generators
+      class InstallGenerator < ::Rails::Generators::Base
+
+        desc "This generator installs SlimScroll"
+        source_root File.expand_path('../../../../../vendor/assets/javascripts', __FILE__)
+
+        def copy_slim_scroll
+          say_status("copying", "slim_scroll", :green)
+          copy_file "slim_scroll.js", "public/javascripts/slim_scroll.js"
+          copy_file "slim_scroll.min.js", "public/javascripts/slim_scroll.min.js"
+        end
+      end
+    end
+  end
+else
+  module SlimScroll
+    module Generators
+      class InstallGenerator < ::Rails::Generators::Base
+        desc "This generator add SlimScroll  to application.js or application.js.coffee"
+        source_root File.expand_path('../../../../../vendor/assets/javascripts', __FILE__)
+        def add_assets
+          insert_into_file "app/assets/javascripts/application#{detect_js_format[0]}", "#{detect_js_format[1]} require slim_scroll\n", :after => "jquery_ujs\n"
+        end
+        
+        def detect_js_format
+          return ['.js.coffee', '#='] if File.exist?('app/assets/javascripts/application.js.coffee')
+          return ['.js', '//='] if File.exist?('app/assets/javascripts/application.js')
+        end
+      end
+    end
+  end
+end

data/lib/slim_scroll.rb

@@ -0,0 +1 @@
+require 'slim_scroll/rails'

data/lib/slim_scroll/assert_select.rb

@@ -0,0 +1,25 @@
+module ActionDispatch
+  module Assertions
+    module SelectorAssertions
+
+      PATTERN_HTML = %Q{"((\\\\\"|[^\"])*)"}
+      PATTERN_UNICODE_ESCAPED_CHAR = /\\u([0-9a-zA-Z]{4})/
+
+      private
+
+      # Unescapes a JS string.
+      def unescape_js(js_string)
+        # js encodes double quotes and line breaks.
+        unescaped= js_string.gsub('\"', '"')
+        unescaped.gsub!('\\\'', "'")
+        unescaped.gsub!(/\\\//, '/')
+        unescaped.gsub!('\n', "\n")
+        unescaped.gsub!('\076', '>')
+        unescaped.gsub!('\074', '<')
+        # js encodes non-ascii characters.
+        unescaped.gsub!(PATTERN_UNICODE_ESCAPED_CHAR) {|u| [$1.hex].pack('U*')}
+        unescaped
+      end
+    end
+  end
+end

data/lib/slim_scroll/rails.rb

@@ -0,0 +1,8 @@
+require 'rails'
+require 'slim_scroll/assert_select' if ::Rails.env.test?
+require 'slim_scroll/rails/engine' if ::Rails.version >= '3.1'
+require 'slim_scroll/rails/railtie'
+module SlimScroll
+  module Rails
+  end
+end

data/lib/slim_scroll/rails/engine.rb

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

data/lib/slim_scroll/rails/railtie.rb

@@ -0,0 +1,13 @@
+# Used to ensure that Rails 3.0.x, as well as Rails >= 3.1 with asset pipeline disabled
+# get the minified version of the scripts included into the layout in production.
+module SlimScroll
+  module Rails
+    class Railtie < ::Rails::Railtie
+      config.before_configuration do
+        if config.action_view.javascript_expansions
+          slim_scroll_defaults = ::Rails.env.production? || ::Rails.env.test? ? %w(slim_scroll.min) : %w(slim_scroll)
+        end
+      end
+    end
+  end
+end

data/vendor/assets/javascripts/slim_scroll.js

@@ -0,0 +1,228 @@
+/*! Copyright (c) 2011 Piotr Rochala (http://rocha.la)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * Version: 1.3.0
+ *
+ */
+(function (f) {
+    jQuery.fn.extend({
+        slimScroll: function (h) {
+            var a = f.extend({
+                width: "auto",
+                height: "250px",
+                size: "7px",
+                color: "#000",
+                position: "right",
+                distance: "1px",
+                start: "top",
+                opacity: 0.4,
+                alwaysVisible: !1,
+                disableFadeOut: !1,
+                railVisible: !1,
+                railColor: "#333",
+                railOpacity: 0.2,
+                railDraggable: !0,
+                railClass: "slimScrollRail",
+                barClass: "slimScrollBar",
+                wrapperClass: "slimScrollDiv",
+                allowPageScroll: !1,
+                wheelStep: 20,
+                touchScrollStep: 200,
+                borderRadius: "7px",
+                railBorderRadius: "7px"
+            }, h);
+            this.each(function () {
+                function r(d) {
+                    if (s) {
+                        d = d ||
+                            window.event;
+                        var c = 0;
+                        d.wheelDelta && (c = -d.wheelDelta / 120);
+                        d.detail && (c = d.detail / 3);
+                        f(d.target || d.srcTarget || d.srcElement).closest("." + a.wrapperClass).is(b.parent()) && m(c, !0);
+                        d.preventDefault && !k && d.preventDefault();
+                        k || (d.returnValue = !1)
+                    }
+                }
+
+                function m(d, f, h) {
+                    k = !1;
+                    var e = d,
+                        g = b.outerHeight() - c.outerHeight();
+                    f && (e = parseInt(c.css("top")) + d * parseInt(a.wheelStep) / 100 * c.outerHeight(), e = Math.min(Math.max(e, 0), g), e = 0 < d ? Math.ceil(e) : Math.floor(e), c.css({
+                        top: e + "px"
+                    }));
+                    l = parseInt(c.css("top")) / (b.outerHeight() - c.outerHeight());
+                    e = l * (b[0].scrollHeight - b.outerHeight());
+                    h && (e = d, d = e / b[0].scrollHeight * b.outerHeight(), d = Math.min(Math.max(d, 0), g), c.css({
+                        top: d + "px"
+                    }));
+                    b.scrollTop(e);
+                    b.trigger("slimscrolling", ~~e);
+                    v();
+                    p()
+                }
+
+                function C() {
+                    window.addEventListener ? (this.addEventListener("DOMMouseScroll", r, !1), this.addEventListener("mousewheel", r, !1), this.addEventListener("MozMousePixelScroll", r, !1)) : document.attachEvent("onmousewheel", r)
+                }
+
+                function w() {
+                    u = Math.max(b.outerHeight() / b[0].scrollHeight * b.outerHeight(), D);
+                    c.css({
+                        height: u + "px"
+                    });
+                    var a = u == b.outerHeight() ? "none" : "block";
+                    c.css({
+                        display: a
+                    })
+                }
+
+                function v() {
+                    w();
+                    clearTimeout(A);
+                    l == ~~l ? (k = a.allowPageScroll, B != l && b.trigger("slimscroll", 0 == ~~l ? "top" : "bottom")) : k = !1;
+                    B = l;
+                    u >= b.outerHeight() ? k = !0 : (c.stop(!0, !0).fadeIn("fast"), a.railVisible && g.stop(!0, !0).fadeIn("fast"))
+                }
+
+                function p() {
+                    a.alwaysVisible || (A = setTimeout(function () {
+                        a.disableFadeOut && s || (x || y) || (c.fadeOut("slow"), g.fadeOut("slow"))
+                    }, 1E3))
+                }
+                var s, x, y, A, z, u, l, B, D = 30,
+                    k = !1,
+                    b = f(this);
+                if (b.parent().hasClass(a.wrapperClass)) {
+                    var n = b.scrollTop(),
+                        c = b.parent().find("." + a.barClass),
+                        g = b.parent().find("." + a.railClass);
+                    w();
+                    if (f.isPlainObject(h)) {
+                        if ("height" in h && "auto" == h.height) {
+                            b.parent().css("height", "auto");
+                            b.css("height", "auto");
+                            var q = b.parent().parent().height();
+                            b.parent().css("height", q);
+                            b.css("height", q)
+                        }
+                        if ("scrollTo" in h) n = parseInt(a.scrollTo);
+                        else if ("scrollBy" in h) n += parseInt(a.scrollBy);
+                        else if ("destroy" in h) {
+                            c.remove();
+                            g.remove();
+                            b.unwrap();
+                            return
+                        }
+                        m(n, !1, !0)
+                    }
+                } else {
+                    a.height = "auto" == a.height ? b.parent().height() : a.height;
+                    n = f("<div></div>").addClass(a.wrapperClass).css({
+                        position: "relative",
+                        overflow: "hidden",
+                        width: a.width,
+                        height: a.height
+                    });
+                    b.css({
+                        overflow: "hidden",
+                        width: a.width,
+                        height: a.height
+                    });
+                    var g = f("<div></div>").addClass(a.railClass).css({
+                        width: a.size,
+                        height: "100%",
+                        position: "absolute",
+                        top: 0,
+                        display: a.alwaysVisible && a.railVisible ? "block" : "none",
+                        "border-radius": a.railBorderRadius,
+                        background: a.railColor,
+                        opacity: a.railOpacity,
+                        zIndex: 90
+                    }),
+                        c = f("<div></div>").addClass(a.barClass).css({
+                            background: a.color,
+                            width: a.size,
+                            position: "absolute",
+                            top: 0,
+                            opacity: a.opacity,
+                            display: a.alwaysVisible ? "block" : "none",
+                            "border-radius": a.borderRadius,
+                            BorderRadius: a.borderRadius,
+                            MozBorderRadius: a.borderRadius,
+                            WebkitBorderRadius: a.borderRadius,
+                            zIndex: 99
+                        }),
+                        q = "right" == a.position ? {
+                            right: a.distance
+                        } : {
+                            left: a.distance
+                        };
+                    g.css(q);
+                    c.css(q);
+                    b.wrap(n);
+                    b.parent().append(c);
+                    b.parent().append(g);
+                    a.railDraggable && c.bind("mousedown", function (a) {
+                        var b = f(document);
+                        y = !0;
+                        t = parseFloat(c.css("top"));
+                        pageY = a.pageY;
+                        b.bind("mousemove.slimscroll", function (a) {
+                            currTop = t + a.pageY - pageY;
+                            c.css("top", currTop);
+                            m(0, c.position().top, !1)
+                        });
+                        b.bind("mouseup.slimscroll", function (a) {
+                            y = !1;
+                            p();
+                            b.unbind(".slimscroll")
+                        });
+                        return !1
+                    }).bind("selectstart.slimscroll", function (a) {
+                        a.stopPropagation();
+                        a.preventDefault();
+                        return !1
+                    });
+                    g.hover(function () {
+                        v()
+                    }, function () {
+                        p()
+                    });
+                    c.hover(function () {
+                        x = !0
+                    }, function () {
+                        x = !1
+                    });
+                    b.hover(function () {
+                        s = !0;
+                        v();
+                        p()
+                    }, function () {
+                        s = !1;
+                        p()
+                    });
+                    b.bind("touchstart", function (a, b) {
+                        a.originalEvent.touches.length && (z = a.originalEvent.touches[0].pageY)
+                    });
+                    b.bind("touchmove", function (b) {
+                        k || b.originalEvent.preventDefault();
+                        b.originalEvent.touches.length &&
+                            (m((z - b.originalEvent.touches[0].pageY) / a.touchScrollStep, !0), z = b.originalEvent.touches[0].pageY)
+                    });
+                    w();
+                    "bottom" === a.start ? (c.css({
+                        top: b.outerHeight() - c.outerHeight()
+                    }), m(0, !0)) : "top" !== a.start && (m(f(a.start).position().top, null, !0), a.alwaysVisible || c.hide());
+                    C()
+                }
+            });
+            return this
+        }
+    });
+    jQuery.fn.extend({
+        slimscroll: jQuery.fn.slimScroll
+    })
+})(jQuery);

data/vendor/assets/javascripts/slim_scroll.min.js

@@ -0,0 +1,16 @@
+/*! Copyright (c) 2011 Piotr Rochala (http://rocha.la)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * Version: 1.3.0
+ *
+ */
+(function(f){jQuery.fn.extend({slimScroll:function(h){var a=f.extend({width:"auto",height:"250px",size:"7px",color:"#000",position:"right",distance:"1px",start:"top",opacity:0.4,alwaysVisible:!1,disableFadeOut:!1,railVisible:!1,railColor:"#333",railOpacity:0.2,railDraggable:!0,railClass:"slimScrollRail",barClass:"slimScrollBar",wrapperClass:"slimScrollDiv",allowPageScroll:!1,wheelStep:20,touchScrollStep:200,borderRadius:"7px",railBorderRadius:"7px"},h);this.each(function(){function r(d){if(s){d=d||
+window.event;var c=0;d.wheelDelta&&(c=-d.wheelDelta/120);d.detail&&(c=d.detail/3);f(d.target||d.srcTarget||d.srcElement).closest("."+a.wrapperClass).is(b.parent())&&m(c,!0);d.preventDefault&&!k&&d.preventDefault();k||(d.returnValue=!1)}}function m(d,f,h){k=!1;var e=d,g=b.outerHeight()-c.outerHeight();f&&(e=parseInt(c.css("top"))+d*parseInt(a.wheelStep)/100*c.outerHeight(),e=Math.min(Math.max(e,0),g),e=0<d?Math.ceil(e):Math.floor(e),c.css({top:e+"px"}));l=parseInt(c.css("top"))/(b.outerHeight()-c.outerHeight());
+e=l*(b[0].scrollHeight-b.outerHeight());h&&(e=d,d=e/b[0].scrollHeight*b.outerHeight(),d=Math.min(Math.max(d,0),g),c.css({top:d+"px"}));b.scrollTop(e);b.trigger("slimscrolling",~~e);v();p()}function C(){window.addEventListener?(this.addEventListener("DOMMouseScroll",r,!1),this.addEventListener("mousewheel",r,!1),this.addEventListener("MozMousePixelScroll",r,!1)):document.attachEvent("onmousewheel",r)}function w(){u=Math.max(b.outerHeight()/b[0].scrollHeight*b.outerHeight(),D);c.css({height:u+"px"});
+var a=u==b.outerHeight()?"none":"block";c.css({display:a})}function v(){w();clearTimeout(A);l==~~l?(k=a.allowPageScroll,B!=l&&b.trigger("slimscroll",0==~~l?"top":"bottom")):k=!1;B=l;u>=b.outerHeight()?k=!0:(c.stop(!0,!0).fadeIn("fast"),a.railVisible&&g.stop(!0,!0).fadeIn("fast"))}function p(){a.alwaysVisible||(A=setTimeout(function(){a.disableFadeOut&&s||(x||y)||(c.fadeOut("slow"),g.fadeOut("slow"))},1E3))}var s,x,y,A,z,u,l,B,D=30,k=!1,b=f(this);if(b.parent().hasClass(a.wrapperClass)){var n=b.scrollTop(),
+c=b.parent().find("."+a.barClass),g=b.parent().find("."+a.railClass);w();if(f.isPlainObject(h)){if("height"in h&&"auto"==h.height){b.parent().css("height","auto");b.css("height","auto");var q=b.parent().parent().height();b.parent().css("height",q);b.css("height",q)}if("scrollTo"in h)n=parseInt(a.scrollTo);else if("scrollBy"in h)n+=parseInt(a.scrollBy);else if("destroy"in h){c.remove();g.remove();b.unwrap();return}m(n,!1,!0)}}else{a.height="auto"==a.height?b.parent().height():a.height;n=f("<div></div>").addClass(a.wrapperClass).css({position:"relative",
+overflow:"hidden",width:a.width,height:a.height});b.css({overflow:"hidden",width:a.width,height:a.height});var g=f("<div></div>").addClass(a.railClass).css({width:a.size,height:"100%",position:"absolute",top:0,display:a.alwaysVisible&&a.railVisible?"block":"none","border-radius":a.railBorderRadius,background:a.railColor,opacity:a.railOpacity,zIndex:90}),c=f("<div></div>").addClass(a.barClass).css({background:a.color,width:a.size,position:"absolute",top:0,opacity:a.opacity,display:a.alwaysVisible?
+"block":"none","border-radius":a.borderRadius,BorderRadius:a.borderRadius,MozBorderRadius:a.borderRadius,WebkitBorderRadius:a.borderRadius,zIndex:99}),q="right"==a.position?{right:a.distance}:{left:a.distance};g.css(q);c.css(q);b.wrap(n);b.parent().append(c);b.parent().append(g);a.railDraggable&&c.bind("mousedown",function(a){var b=f(document);y=!0;t=parseFloat(c.css("top"));pageY=a.pageY;b.bind("mousemove.slimscroll",function(a){currTop=t+a.pageY-pageY;c.css("top",currTop);m(0,c.position().top,!1)});
+b.bind("mouseup.slimscroll",function(a){y=!1;p();b.unbind(".slimscroll")});return!1}).bind("selectstart.slimscroll",function(a){a.stopPropagation();a.preventDefault();return!1});g.hover(function(){v()},function(){p()});c.hover(function(){x=!0},function(){x=!1});b.hover(function(){s=!0;v();p()},function(){s=!1;p()});b.bind("touchstart",function(a,b){a.originalEvent.touches.length&&(z=a.originalEvent.touches[0].pageY)});b.bind("touchmove",function(b){k||b.originalEvent.preventDefault();b.originalEvent.touches.length&&
+(m((z-b.originalEvent.touches[0].pageY)/a.touchScrollStep,!0),z=b.originalEvent.touches[0].pageY)});w();"bottom"===a.start?(c.css({top:b.outerHeight()-c.outerHeight()}),m(0,!0)):"top"!==a.start&&(m(f(a.start).position().top,null,!0),a.alwaysVisible||c.hide());C()}});return this}});jQuery.fn.extend({slimscroll:jQuery.fn.slimScroll})})(jQuery);

metadata

@@ -0,0 +1,54 @@
+--- !ruby/object:Gem::Specification
+name: slim_scroll
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Erfan Mansuri
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-10-09 00:00:00.000000000 Z
+dependencies: []
+description: slim scroller used for create a simple attractive scroller
+email: erfan.m@cisinlabs.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/slim_scroll.rb
+- lib/slim_scroll/assert_select.rb
+- lib/slim_scroll/rails/railtie.rb
+- lib/slim_scroll/rails/engine.rb
+- lib/slim_scroll/rails.rb
+- lib/generators/slim_scroll/install/install_generator.rb
+- lib/generators/slim_scroll/install/USAGE
+- vendor/assets/javascripts/slim_scroll.js
+- vendor/assets/javascripts/slim_scroll.min.js
+- README.md
+homepage: https://github.com/ciserfan/slim_scroll
+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: 1.3.6
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.1.5
+signing_key: 
+specification_version: 4
+summary: slim scroll gem used a jquery librery that will creae a attrective scroller
+  in you page when content hight is greter then wrapper hight
+test_files: []