jquery_sticky_rails 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: fcbd8d774164eb339a0fb82c4e8236f7a67525d3
4
+ data.tar.gz: 7e81d78ee662226ba76ef592920402da9e6c5517
5
+ SHA512:
6
+ metadata.gz: 73dbceee22562c93eaeb252c92f775705bcd9e6403fe43aa5ee9d4b9c044ea99d2cc053f992b98ccdeb8ad0596fef622d2673fd59e77647e0e8e9f7428977785
7
+ data.tar.gz: 35a4b3852a84a4d56bc3c574e0a932757ccdc420d7d83110ff59203b4ece27f626a5110b6d0a608d6ef9d3db94f9e0b9aaea8e99b36d1ca1d70c639d286c3f9f
data/README.md ADDED
@@ -0,0 +1,46 @@
1
+ # Jquery::Sticky::Rails
2
+
3
+ Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/jquery/sticky/rails`. To experiment with that code, run `bin/console` for an interactive prompt.
4
+
5
+ TODO: Delete this and the text above, and describe your gem
6
+
7
+ ## Installation
8
+
9
+ Add this line to your application's Gemfile:
10
+
11
+ ```ruby
12
+ gem 'jquery-sticky-rails'
13
+ ```
14
+
15
+ And then execute:
16
+
17
+ $ bundle
18
+
19
+ Or install it yourself as:
20
+
21
+ $ gem install jquery-sticky-rails
22
+
23
+ ## Usage
24
+
25
+ ```javascript
26
+ //= require jquery.sticky.js
27
+ ```
28
+
29
+ [Sticky jQuery Plugin](http://stickyjs.com/)
30
+
31
+
32
+ ## Development
33
+
34
+ After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
35
+
36
+ To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
37
+
38
+ ## Contributing
39
+
40
+ Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/jquery-sticky-rails.
41
+
42
+
43
+ ## License
44
+
45
+ The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
46
+
@@ -0,0 +1,6 @@
1
+ module JqueryStickyRails
2
+ MAJOR = 0
3
+ MINOR = 0
4
+ PATCH = 4
5
+ VERSION = "#{MAJOR}.#{MINOR}.#{PATCH}"
6
+ end
@@ -0,0 +1,8 @@
1
+ require 'jquery_sticky_rails/version'
2
+
3
+ module JqueryStickyRails
4
+ module Rails
5
+ class Engine < ::Rails::Engine
6
+ end
7
+ end
8
+ end
@@ -0,0 +1,268 @@
1
+ // Sticky Plugin v1.0.3 for jQuery
2
+ // =============
3
+ // Author: Anthony Garand
4
+ // Improvements by German M. Bravo (Kronuz) and Ruud Kamphuis (ruudk)
5
+ // Improvements by Leonardo C. Daronco (daronco)
6
+ // Created: 02/14/2011
7
+ // Date: 07/20/2015
8
+ // Website: http://stickyjs.com/
9
+ // Description: Makes an element on the page stick on the screen as you scroll
10
+ // It will only set the 'top' and 'position' of your element, you
11
+ // might need to adjust the width in some cases.
12
+
13
+ (function (factory) {
14
+ if (typeof define === 'function' && define.amd) {
15
+ // AMD. Register as an anonymous module.
16
+ define(['jquery'], factory);
17
+ } else if (typeof module === 'object' && module.exports) {
18
+ // Node/CommonJS
19
+ module.exports = factory(require('jquery'));
20
+ } else {
21
+ // Browser globals
22
+ factory(jQuery);
23
+ }
24
+ }(function ($) {
25
+ var slice = Array.prototype.slice; // save ref to original slice()
26
+ var splice = Array.prototype.splice; // save ref to original slice()
27
+
28
+ var defaults = {
29
+ topSpacing: 0,
30
+ bottomSpacing: 0,
31
+ className: 'is-sticky',
32
+ wrapperClassName: 'sticky-wrapper',
33
+ center: false,
34
+ getWidthFrom: '',
35
+ widthFromWrapper: true, // works only when .getWidthFrom is empty
36
+ responsiveWidth: false
37
+ },
38
+ $window = $(window),
39
+ $document = $(document),
40
+ sticked = [],
41
+ windowHeight = $window.height(),
42
+ scroller = function() {
43
+ var scrollTop = $window.scrollTop(),
44
+ documentHeight = $document.height(),
45
+ dwh = documentHeight - windowHeight,
46
+ extra = (scrollTop > dwh) ? dwh - scrollTop : 0;
47
+
48
+ for (var i = 0, l = sticked.length; i < l; i++) {
49
+ var s = sticked[i],
50
+ elementTop = s.stickyWrapper.offset().top,
51
+ etse = elementTop - s.topSpacing - extra;
52
+
53
+ //update height in case of dynamic content
54
+ s.stickyWrapper.css('height', s.stickyElement.outerHeight());
55
+
56
+ if (scrollTop <= etse) {
57
+ if (s.currentTop !== null) {
58
+ s.stickyElement
59
+ .css({
60
+ 'width': '',
61
+ 'position': '',
62
+ 'top': ''
63
+ });
64
+ s.stickyElement.parent().removeClass(s.className);
65
+ s.stickyElement.trigger('sticky-end', [s]);
66
+ s.currentTop = null;
67
+ }
68
+ }
69
+ else {
70
+ var newTop = documentHeight - s.stickyElement.outerHeight()
71
+ - s.topSpacing - s.bottomSpacing - scrollTop - extra;
72
+ if (newTop < 0) {
73
+ newTop = newTop + s.topSpacing;
74
+ } else {
75
+ newTop = s.topSpacing;
76
+ }
77
+ if (s.currentTop !== newTop) {
78
+ var newWidth;
79
+ if (s.getWidthFrom) {
80
+ newWidth = $(s.getWidthFrom).width() || null;
81
+ } else if (s.widthFromWrapper) {
82
+ newWidth = s.stickyWrapper.width();
83
+ }
84
+ if (newWidth == null) {
85
+ newWidth = s.stickyElement.width();
86
+ }
87
+ s.stickyElement
88
+ .css('width', newWidth)
89
+ .css('position', 'fixed')
90
+ .css('top', newTop);
91
+
92
+ s.stickyElement.parent().addClass(s.className);
93
+
94
+ if (s.currentTop === null) {
95
+ s.stickyElement.trigger('sticky-start', [s]);
96
+ } else {
97
+ // sticky is started but it have to be repositioned
98
+ s.stickyElement.trigger('sticky-update', [s]);
99
+ }
100
+
101
+ if (s.currentTop === s.topSpacing && s.currentTop > newTop || s.currentTop === null && newTop < s.topSpacing) {
102
+ // just reached bottom || just started to stick but bottom is already reached
103
+ s.stickyElement.trigger('sticky-bottom-reached', [s]);
104
+ } else if(s.currentTop !== null && newTop === s.topSpacing && s.currentTop < newTop) {
105
+ // sticky is started && sticked at topSpacing && overflowing from top just finished
106
+ s.stickyElement.trigger('sticky-bottom-unreached', [s]);
107
+ }
108
+
109
+ s.currentTop = newTop;
110
+ }
111
+
112
+ // Check if sticky has reached end of container and stop sticking
113
+ var stickyWrapperContainer = s.stickyWrapper.parent();
114
+ var unstick = (s.stickyElement.offset().top + s.stickyElement.outerHeight() >= stickyWrapperContainer.offset().top + stickyWrapperContainer.outerHeight()) && (s.stickyElement.offset().top <= s.topSpacing);
115
+
116
+ if( unstick ) {
117
+ s.stickyElement
118
+ .css('position', 'absolute')
119
+ .css('top', '')
120
+ .css('bottom', 0);
121
+ } else {
122
+ s.stickyElement
123
+ .css('position', 'fixed')
124
+ .css('top', newTop)
125
+ .css('bottom', '');
126
+ }
127
+ }
128
+ }
129
+ },
130
+ resizer = function() {
131
+ windowHeight = $window.height();
132
+
133
+ for (var i = 0, l = sticked.length; i < l; i++) {
134
+ var s = sticked[i];
135
+ var newWidth = null;
136
+ if (s.getWidthFrom) {
137
+ if (s.responsiveWidth) {
138
+ newWidth = $(s.getWidthFrom).width();
139
+ }
140
+ } else if(s.widthFromWrapper) {
141
+ newWidth = s.stickyWrapper.width();
142
+ }
143
+ if (newWidth != null) {
144
+ s.stickyElement.css('width', newWidth);
145
+ }
146
+ }
147
+ },
148
+ methods = {
149
+ init: function(options) {
150
+ var o = $.extend({}, defaults, options);
151
+ return this.each(function() {
152
+ var stickyElement = $(this);
153
+
154
+ var stickyId = stickyElement.attr('id');
155
+ var wrapperId = stickyId ? stickyId + '-' + defaults.wrapperClassName : defaults.wrapperClassName;
156
+ var wrapper = $('<div></div>')
157
+ .attr('id', wrapperId)
158
+ .addClass(o.wrapperClassName);
159
+
160
+ stickyElement.wrapAll(wrapper);
161
+
162
+ var stickyWrapper = stickyElement.parent();
163
+
164
+ if (o.center) {
165
+ stickyWrapper.css({width:stickyElement.outerWidth(),marginLeft:"auto",marginRight:"auto"});
166
+ }
167
+
168
+ if (stickyElement.css("float") === "right") {
169
+ stickyElement.css({"float":"none"}).parent().css({"float":"right"});
170
+ }
171
+
172
+ o.stickyElement = stickyElement;
173
+ o.stickyWrapper = stickyWrapper;
174
+ o.currentTop = null;
175
+
176
+ sticked.push(o);
177
+
178
+ methods.setWrapperHeight(this);
179
+ methods.setupChangeListeners(this);
180
+ });
181
+ },
182
+
183
+ setWrapperHeight: function(stickyElement) {
184
+ var element = $(stickyElement);
185
+ var stickyWrapper = element.parent();
186
+ if (stickyWrapper) {
187
+ stickyWrapper.css('height', element.outerHeight());
188
+ }
189
+ },
190
+
191
+ setupChangeListeners: function(stickyElement) {
192
+ if (window.MutationObserver) {
193
+ var mutationObserver = new window.MutationObserver(function(mutations) {
194
+ if (mutations[0].addedNodes.length || mutations[0].removedNodes.length) {
195
+ methods.setWrapperHeight(stickyElement);
196
+ }
197
+ });
198
+ mutationObserver.observe(stickyElement, {subtree: true, childList: true});
199
+ } else {
200
+ stickyElement.addEventListener('DOMNodeInserted', function() {
201
+ methods.setWrapperHeight(stickyElement);
202
+ }, false);
203
+ stickyElement.addEventListener('DOMNodeRemoved', function() {
204
+ methods.setWrapperHeight(stickyElement);
205
+ }, false);
206
+ }
207
+ },
208
+ update: scroller,
209
+ unstick: function(options) {
210
+ return this.each(function() {
211
+ var that = this;
212
+ var unstickyElement = $(that);
213
+
214
+ var removeIdx = -1;
215
+ var i = sticked.length;
216
+ while (i-- > 0) {
217
+ if (sticked[i].stickyElement.get(0) === that) {
218
+ splice.call(sticked,i,1);
219
+ removeIdx = i;
220
+ }
221
+ }
222
+ if(removeIdx !== -1) {
223
+ unstickyElement.unwrap();
224
+ unstickyElement
225
+ .css({
226
+ 'width': '',
227
+ 'position': '',
228
+ 'top': '',
229
+ 'float': ''
230
+ })
231
+ ;
232
+ }
233
+ });
234
+ }
235
+ };
236
+
237
+ // should be more efficient than using $window.scroll(scroller) and $window.resize(resizer):
238
+ if (window.addEventListener) {
239
+ window.addEventListener('scroll', scroller, false);
240
+ window.addEventListener('resize', resizer, false);
241
+ } else if (window.attachEvent) {
242
+ window.attachEvent('onscroll', scroller);
243
+ window.attachEvent('onresize', resizer);
244
+ }
245
+
246
+ $.fn.sticky = function(method) {
247
+ if (methods[method]) {
248
+ return methods[method].apply(this, slice.call(arguments, 1));
249
+ } else if (typeof method === 'object' || !method ) {
250
+ return methods.init.apply( this, arguments );
251
+ } else {
252
+ $.error('Method ' + method + ' does not exist on jQuery.sticky');
253
+ }
254
+ };
255
+
256
+ $.fn.unstick = function(method) {
257
+ if (methods[method]) {
258
+ return methods[method].apply(this, slice.call(arguments, 1));
259
+ } else if (typeof method === 'object' || !method ) {
260
+ return methods.unstick.apply( this, arguments );
261
+ } else {
262
+ $.error('Method ' + method + ' does not exist on jQuery.sticky');
263
+ }
264
+ };
265
+ $(function() {
266
+ setTimeout(scroller, 0);
267
+ });
268
+ }));
metadata ADDED
@@ -0,0 +1,96 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: jquery_sticky_rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.4
5
+ platform: ruby
6
+ authors:
7
+ - Ilton Garcia
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2016-03-29 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '1.11'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '1.11'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '10.5'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '10.5'
41
+ - !ruby/object:Gem::Dependency
42
+ name: railties
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - ">"
46
+ - !ruby/object:Gem::Version
47
+ version: '3.1'
48
+ - - "<"
49
+ - !ruby/object:Gem::Version
50
+ version: '5.0'
51
+ type: :runtime
52
+ prerelease: false
53
+ version_requirements: !ruby/object:Gem::Requirement
54
+ requirements:
55
+ - - ">"
56
+ - !ruby/object:Gem::Version
57
+ version: '3.1'
58
+ - - "<"
59
+ - !ruby/object:Gem::Version
60
+ version: '5.0'
61
+ description: Sticky jQuery PlugIn for Rails
62
+ email:
63
+ - ton.garcia.jr@gmail.com
64
+ executables: []
65
+ extensions: []
66
+ extra_rdoc_files: []
67
+ files:
68
+ - README.md
69
+ - lib/jquery_sticky_rails.rb
70
+ - lib/jquery_sticky_rails/version.rb
71
+ - vendor/assets/javascripts/sticky/plugin.js
72
+ homepage: https://github.com/TonGarcia/jquery-sticky-rails
73
+ licenses:
74
+ - MIT
75
+ metadata: {}
76
+ post_install_message:
77
+ rdoc_options: []
78
+ require_paths:
79
+ - lib
80
+ required_ruby_version: !ruby/object:Gem::Requirement
81
+ requirements:
82
+ - - ">="
83
+ - !ruby/object:Gem::Version
84
+ version: '0'
85
+ required_rubygems_version: !ruby/object:Gem::Requirement
86
+ requirements:
87
+ - - ">="
88
+ - !ruby/object:Gem::Version
89
+ version: '0'
90
+ requirements: []
91
+ rubyforge_project:
92
+ rubygems_version: 2.4.5.1
93
+ signing_key:
94
+ specification_version: 4
95
+ summary: Sticky jQuery PlugIn for Rails
96
+ test_files: []