jquery-ioslist-rails 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: dede604a4833b7f04e5eeb6d44850327cad90da7
-  data.tar.gz: 503e47149328d71ae45ebe50211231cfe3d160b7
+  metadata.gz: ad820eefba11ed3ff06ef5c95789fd3b05f2d722
+  data.tar.gz: ee71eed803665cc1fd2f3b6b85b81f5ab5cc98cc
 SHA512:
-  metadata.gz: 35f62b1d31ecedd4a7cdddb0ebb5a40602fff92b7588b48e069d2ec0888cba67322e31d514098da143e640e560dd77d0d2fd160cfa71a9486f7a4f1925ba4e11
-  data.tar.gz: 7b2f24b3e888b3707960497fbf5a5be02227968f67f12adf1b3a6a6ad43bbd0ce0b10849478845f7c778e59ebf5378c25c07986560e691e2f6902208728886d7
+  metadata.gz: cb95a1b5858bd8167f72d90bffa19ccedf3f406e779f4008c9645c3d5f29f65a9118fcdb352d1f7b0261dd2681366721cf7e953ee02f154ff112487832fe1e00
+  data.tar.gz: ed14197b310df3880832975d42fa4b66938dc644e98c07d277613cae03cd70c920357a6ffbd7c129657e914032dc61b6fa565e68c7a1dabfa6a2afb5ee81623d

data/README.md

@@ -22,20 +22,7 @@ Or install it yourself as:
 
 ## Usage
 
-TODO: Write usage instructions here
-
-## Development
-
-After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
-
-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).
-
-## Contributing
-
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/jquery-ioslist-rails. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
-
-
-## License
-
-The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
-
+Add to your application.js
+```
+//= require jquery.ioslist
+```

data/lib/jquery/ioslist/rails.rb

@@ -1,14 +1,8 @@
-require "jquery/ioslist/rails/version"
-
 module Jquery
   module Ioslist
     module Rails
-      class Engine < ::Rails::Engine
-        initializer 'Precompile hook', :group => :all do |app|
-          app.config.assets.precompile += ['jquery.isolist.js']
-          app.config.assets.precompile += ['jquery.isolist.css']
-        end
-      end
+      require 'jquery/ioslist/rails/engine'
+      require 'jquery/ioslist/rails/version'
     end
   end
 end

data/lib/jquery/ioslist/rails/version.rb

@@ -1,7 +1,7 @@
 module Jquery
   module Ioslist
     module Rails
-      VERSION = "0.1.0"
+      VERSION = "0.2.0"
     end
   end
 end

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

@@ -0,0 +1,108 @@
+/*! iOSList - v2.0.0 -  * https://brianhadaway.github.io/iOSList
+ * Copyright (c)  2014  Brian Hadaway; Licensed MIT */(function($, window, document, undefined) {
+    var IosList = function(elem, options) {
+        this.$elem = $(elem);
+        this.$elem.data('instance', this);
+        this.init(options);
+    };
+
+    IosList.prototype = {
+        defaults: {
+            classes: {
+                animated: 'ioslist-animated',
+                container: 'ioslist-wrapper',
+                hidden: 'ioslist-hidden',
+                stationaryHeader: 'ioslist-fake-header'
+            },
+            selectors: {
+                groupContainer: '.ioslist-group-container',
+                groupHeader: '.ioslist-group-header',
+                stationaryHeader: 'h2'
+            }
+        },
+
+        init: function(options) {
+            var scope = this,
+                isIOS = navigator.userAgent.match(/ipad|iphone|ipod/gi) ? true : false;
+
+            //set defaults
+            this.options = $.extend(true, {}, this.defaults, (options || {}));
+            this.elems = [];
+            //indicate that this is an ioslist
+            this.$elem.addClass('ioslist');
+            //wrap all the children
+            this.$elem.children().wrapAll(["<div class='", this.options.classes.container, "' data-ios='", isIOS, "'></div>"].join(''));
+            this.$elem.prepend(['<', this.options.selectors.stationaryHeader, '/>'].join(''));
+            this.$listWrapper = this.$elem.find('.' + this.options.classes.container);
+            this.$fakeHeader = this.$elem.find(this.options.selectors.stationaryHeader).eq(0);
+            this.$fakeHeader.addClass(this.options.classes.stationaryHeader);
+
+            this.$elem.find(this.options.selectors.groupContainer).each(function(index, elem) {
+                var $tmp_list = scope.$elem.find(scope.options.selectors.groupContainer).eq(index),
+                    $tmp_header = $tmp_list.find(scope.options.selectors.groupHeader).eq(0),
+                    $tmp_listHeight = $tmp_list.height(),
+                    $tmp_listOffset = $tmp_list.position().top;
+                scope.elems.push({
+                    'list': $tmp_list,
+                    'header': $tmp_header,
+                    'listHeight': $tmp_listHeight,
+                    'headerText': $tmp_header.text(),
+                    'headerHeight': $tmp_header.outerHeight(),
+                    'listOffset': $tmp_listOffset,
+                    'listBottom': $tmp_listHeight + $tmp_listOffset
+                });
+            });
+
+            this.$fakeHeader.text(this.elems[0].headerText);
+
+            this.$listWrapper.scroll(function() {
+                scope.testPosition();
+            });
+
+        },
+
+        testPosition: function() {
+            var currentTop = this.$listWrapper.scrollTop(),
+                topElement, offscreenElement, topElementBottom, i = 0;
+
+            while ((this.elems[i].listOffset - currentTop) <= 0) {
+                topElement = this.elems[i];
+                topElementBottom = topElement.listBottom - currentTop;
+                if (topElementBottom < -topElement.headerHeight) {
+                    offscreenElement = topElement;
+                }
+                i++;
+                if (i >= this.elems.length) {
+                    break;
+                }
+            }
+
+            if (topElementBottom < 0 && topElementBottom > -topElement.headerHeight) {
+                this.$fakeHeader.addClass(this.options.classes.hidden);
+                $(topElement.list).addClass(this.options.classes.animated);
+            } else {
+                this.$fakeHeader.removeClass(this.options.classes.hidden);
+                if (topElement) {
+                    $(topElement.list).removeClass(this.options.classes.animated);
+                }
+            }
+
+            if (topElement) {
+                this.$fakeHeader.text(topElement.headerText);
+            }
+        }
+    };
+
+    $.fn.ioslist = function(options, args) {
+        if (typeof options === 'string') {
+            return this.each(function() {
+                $(this).data('instance')[options](args);
+            });
+        } else {
+            return this.each(function() {
+                new IosList(this, options);
+            });
+        }
+    };
+
+})(jQuery, window, document);

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

@@ -0,0 +1,88 @@
+.ioslist-wrapper{
+	height: 100%;
+	overflow-x: hidden;
+	overflow-y: auto;
+	position: absolute;
+	width: 100%;
+}
+
+
+.ioslist-group-container {
+	margin: 0;
+	min-height: 1px;
+	overflow: hidden;
+	padding: 24px 0 0 0;
+	position: relative;
+}
+.ioslist-group-header, .ioslist-fake-header {
+	background: #B8C1C8;
+	border-bottom: 1px solid #989EA4;
+	border-top: 1px solid #717D85;
+	color: #FFF;
+	font: normal 18px/21px Helvetica, Arial, sans-serif;
+	margin: 0;
+	padding: 2px 0 0 12px;
+	position: absolute;
+	text-shadow: 0 1px #646A6E;
+	-moz-text-shadow: 0 1px #646A6E;
+	-webkit-text-shadow: 0 1px #646A6E;
+}
+.ioslist-group-header {
+	bottom: auto;
+	min-height: 1px;
+	top: 0;
+	width: 273px;
+}
+.ioslist-fake-header {
+	width: 273px;
+	z-index: 1000;
+}
+
+.ioslist-fake-header.ioslist-hidden {
+	visibility: hidden;
+}
+.ioslist-group-container.ioslist-animated .ioslist-group-header {
+	bottom: 0;
+	top: auto;
+}
+
+/* Demo Styling */
+body {
+	font: normal 20px Helvetica, Arial, sans-serif;
+	margin: 0;
+}
+
+#list1 {
+	height: 300px;
+	margin: 100px;
+	overflow: visible;
+	position: relative;
+	width: 300px;
+	zoom: 1;
+}
+
+.ioslist ul, .ioslist dl {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.ioslist li, .ioslist dt {
+    font: normal 20px/45px Helvetica, Arial, sans-serif;
+    margin: 0;
+    padding: 0 0 0 12px;
+    white-space: nowrap;
+}
+
+.ioslist li + li, .ioslist dd + dt {
+    border-top: 1px solid #CCC;
+}
+
+.ioslist dd {
+    padding: 0 12px;
+}
+
+[data-ios="true"] .ioslist-group-header,
+[data-ios="true"] .ioslist-fake-header {
+	width: 288px; /*scrollbars aren't visible in iOS devices, so make the headers wider */
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jquery-ioslist-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Kirill
@@ -69,9 +69,12 @@ files:
 - Rakefile
 - bin/console
 - bin/setup
+- jquery-ioslist-rails-0.1.0.gem
 - jquery-ioslist-rails.gemspec
 - lib/jquery/ioslist/rails.rb
 - lib/jquery/ioslist/rails/version.rb
+- vendor/assets/javascripts/jquery.ioslist.js
+- vendor/assets/stylesheets/jquery.isolist.css
 homepage: https://github.com/cderche/jquery-ioslist-rails
 licenses:
 - MIT