better_select 0.0.3 → 0.0.4

data/{better_select_rails.gemspec → better_select.gemspec}

@@ -6,12 +6,14 @@ Gem::Specification.new do |gem|
   gem.email         = ["bennyjbergstein@gmail.com"]
   gem.description   = "A better HTMLSelectElement replacement"
   gem.summary   = "A better HTMLSelectElement replacement, for Rails"
-  gem.homepage = "http://www.benjaminbergstein.com"
+  gem.homepage = "http://www.benjaminberstein.com"
 
   gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
   gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
   gem.name          = "better_select"
   gem.require_paths = ["lib", "vendor"]
-  gem.files         = `git ls-files`.split($\) + ['vendor/javascripts/better-select.js.coffee', 'vendor/stylesheets/better-select.css.scss']
+  gem.files         = `git ls-files`.split($\) + Dir["vendor/**/*"]
   gem.version       = BetterSelect::VERSION
+
+  gem.add_dependency "railties", "~> 3.1"
 end

data/lib/better_select/version.rb

@@ -1,3 +1,3 @@
 module BetterSelect
-  VERSION = "0.0.3"
+  VERSION = "0.0.4"
 end

data/lib/better_select.rb

@@ -1,38 +1,5 @@
 require "better_select/version"
+require "better_select/engine"
 
 module BetterSelect
-  class FrameworkNotFound < StandardError; end
-
-  def self.load!
-    if compass? && asset_pipeline?
-      register_compass_extension
-      register_rails_engine
-    elsif compass?
-      register_rails_engine
-    elsif asset_pipeline?
-      register_compass_extension
-    else
-      raise BetterSelect::FrameworkNotFound < StandardError
-    end
-  end
-
-  private
-
-  def self.asset_pipeline?
-    defined?(::Rails) && ::Rails.version >= '3.1.0'
-  end
-
-  def self.compass?
-    defined?(::Compass)
-  end
-
-  def self.register_compass_extension
-    base = File.join(File.dirname(__FILE__), '..')
-    styles = File.join(base, 'vendor', 'assets', 'stylesheets')
-    ::Compass::Frameworks.register('better_select', :stylesheets_directory => styles)
-  end
-
-  def self.register_rails_engine
-    require 'better_select/engine'
-  end
 end

data/vendor/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 benastan
+
+MIT License
+
+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/vendor/Makefile

@@ -0,0 +1,8 @@
+compile:
+	coffee -co ./build ./lib/better-select.coffee
+	sass lib/better-select.css.scss  > ./build/better-select.css
+
+rails:
+	cp lib/better-select.coffee javascripts/better-select.js.coffee
+	cp lib/better-select.css.scss stylesheets/better-select.css.scss
+

data/vendor/README.md

@@ -0,0 +1,29 @@
+# BetterSelect
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'better_select'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install better_select
+
+## Usage
+
+TODO: Write usage instructions here
+
+## 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

data/vendor/assets/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 benastan
+
+MIT License
+
+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/vendor/assets/Makefile

@@ -0,0 +1,8 @@
+compile:
+	coffee -co ./build ./lib/better-select.coffee
+	sass lib/better-select.css.scss  > ./build/better-select.css
+
+rails:
+	cp lib/better-select.coffee javascripts/better-select.js.coffee
+	cp lib/better-select.css.scss stylesheets/better-select.css.scss
+

data/vendor/assets/README.md

@@ -0,0 +1,29 @@
+# BetterSelect
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'better_select'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install better_select
+
+## Usage
+
+TODO: Write usage instructions here
+
+## 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

data/vendor/assets/better_select.gemspec

@@ -0,0 +1,17 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/better_select/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["benastan"]
+  gem.email         = ["bennyjbergstein@gmail.com"]
+  gem.description   = %q{TODO: Write a gem description}
+  gem.summary       = %q{TODO: Write a gem summary}
+  gem.homepage      = ""
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "better_select"
+  gem.require_paths = ["lib"]
+  gem.version       = BetterSelect::VERSION
+end

data/vendor/assets/build/better-select.css

@@ -0,0 +1,16 @@
+.better-select-dropdown {
+  position: fixed; }
+  .better-select-dropdown .option {
+    cursor: pointer; }
+
+.select {
+  position: static; }
+  .select.dont-position-dropdown {
+    position: relative; }
+    .select.dont-position-dropdown .dropdown {
+      top: 100%;
+      left: -99999px; }
+  .select.open.dont-position-dropdown .dropdown {
+    left: 0px; }
+  .select .selected-option {
+    cursor: pointer; }

data/vendor/assets/build/better-select.js

@@ -0,0 +1,330 @@
+// Generated by CoffeeScript 1.3.3
+(function() {
+  var $$, BetterSelect, addClass, build_element, getClasses, getLeft, getPos, getTop, letters, numbers, removeClass, renderOption, renderOptionGroup, setClasses;
+
+  $$ = function(html) {
+    var elm;
+    elm = document.createElement('div');
+    elm.innerHTML = html;
+    if (elm.children.length > 1) {
+      return elm.children;
+    } else {
+      return elm.children[0];
+    }
+  };
+
+  getPos = function(tgt, method) {
+    var pos;
+    pos = 0;
+    while (tgt) {
+      pos += tgt[method];
+      tgt = tgt.offsetParent;
+    }
+    return pos;
+  };
+
+  getTop = function(tgt) {
+    return getPos(tgt, 'offsetTop');
+  };
+
+  getLeft = function(tgt) {
+    return getPos(tgt, 'offsetLeft');
+  };
+
+  getClasses = function(tgt) {
+    return tgt.getAttribute('class').split(' ');
+  };
+
+  setClasses = function(tgt, classes) {
+    tgt.setAttribute('class', classes.join(' '));
+    return tgt;
+  };
+
+  addClass = function(tgt, className) {
+    var classes;
+    classes = getClasses(tgt);
+    if (classes.indexOf(className) === -1) {
+      classes.push(className);
+    }
+    return setClasses(tgt, classes);
+  };
+
+  removeClass = function(tgt, className) {
+    var classes, index;
+    if (!(index = (classes = getClasses(tgt)).indexOf(className === -1))) {
+      classes.splice(index, 1);
+    }
+    return setClasses(tgt, classes);
+  };
+
+  letters = 'a b c d e f g h i j k l m n o p q r s t u v w x y z'.split(' ');
+
+  numbers = '0 1 2 3 4 5 6 7 8 9 0'.split(' ');
+
+  build_element = function(what, orig, obj) {
+    var elm;
+    elm = $$(_.template(obj["" + what + "_template"])(obj["process_" + what](orig)));
+    elm.orig = orig;
+    orig.better_version = elm;
+    elm.better_select = obj;
+    return elm;
+  };
+
+  renderOption = function(orig_option, bs) {
+    var first_char, option;
+    option = build_element('option', orig_option, bs);
+    option.reset = function() {
+      this.orig.selected = void 0;
+      this.setAttribute('class', 'option');
+      return bs.reset(this);
+    };
+    option.select = function() {
+      this.orig.selected = 'selected';
+      this.setAttribute('class', 'option selected');
+      if (bs.select.getAttribute('class').indexOf('open') !== -1) {
+        bs.toggle();
+      }
+      return bs.set_selected(option);
+    };
+    option.addEventListener('click', function() {
+      return option.select();
+    });
+    option.addEventListener('mouseover', function() {
+      return option.better_select.set_focused(option);
+    });
+    bs.options.push(option);
+    first_char = option.innerHTML.substr(0, 1).toLowerCase();
+    if (!bs.options_by_first_char[first_char]) {
+      bs.options_by_first_char[first_char] = [];
+    }
+    bs.options_by_first_char[first_char].push(option);
+    bs.options_by_first_char[first_char].sort();
+    return option;
+  };
+
+  renderOptionGroup = function(orig_group, bs) {
+    var child, group, _i, _len, _ref;
+    group = build_element('option_group', orig_group, bs);
+    _ref = orig_group.children;
+    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+      child = _ref[_i];
+      group.appendChild(renderOption(child, bs));
+    }
+    bs.option_groups.push(group);
+    return group;
+  };
+
+  BetterSelect = (function() {
+
+    BetterSelect.prototype.defaults = {
+      positionDropdown: true
+    };
+
+    function BetterSelect(elm, options) {
+      var child, children, last_char, method, selected, _i, _len, _ref,
+        _this = this;
+      if (!(elm && elm.tagName && elm.tagName === 'SELECT')) {
+        return;
+      }
+      this.settings = _.extend({}, this.defaults, options);
+      this.options = [];
+      this.options_by_first_char = {};
+      this.option_groups = [];
+      selected = elm.selectedOptions;
+      this.select = build_element('select', elm, this);
+      _ref = this.select.children, this.selected_option = _ref[0], this.dropdown = _ref[1];
+      if (elm.id) {
+        this.select.id = "" + elm.id + "-better-select";
+        this.dropdown.id = "" + elm.id + "-better-select-dropdown";
+      }
+      this.default_selected = [elm.children[elm.selectedIndex]];
+      elm.parentNode.insertBefore(this.select, elm);
+      elm.parentNode.insertBefore(elm, this.select);
+      elm.style.display = 'none';
+      children = elm.children;
+      if (this.settings.positionDropdown) {
+        document.body.appendChild(this.dropdown);
+        this.dropdown.style.left = '-9999px';
+      }
+      for (_i = 0, _len = children.length; _i < _len; _i++) {
+        child = children[_i];
+        switch (child.tagName) {
+          case 'OPTION':
+            method = renderOption;
+            break;
+          case 'OPTGROUP':
+            method = renderOptionGroup;
+        }
+        this.dropdown.appendChild(method(child, this));
+      }
+      if (this.default_selected) {
+        this.default_selected[0].better_version.select();
+      }
+      this.selected_option.addEventListener('click', function() {
+        _this.toggle();
+        return _this.set_selected(_this.dropdown_selected_option);
+      });
+      window.addEventListener('click', function(e) {
+        if (!(e.target === _this.selected_option || e.target === _this.select || _this.options.indexOf(e.target) !== -1)) {
+          if (_this.open) {
+            return _this.toggle();
+          }
+        }
+      });
+      last_char = false;
+      this.selected_option.addEventListener('focus', function() {
+        document.body.style.overflow = 'hidden';
+        return addClass(_this.select, 'focus');
+      });
+      this.selected_option.addEventListener('blur', function() {
+        removeClass(_this.select, 'focus');
+        document.body.style.overflow = 'auto';
+        if (_this.open === true) {
+          _this.toggle();
+        }
+        return true;
+      });
+      this.selected_option.addEventListener('keydown', function(e) {
+        if ([38, 40].indexOf(e.keyCode) !== -1) {
+          return e.preventDefault();
+        }
+      });
+      this.selected_option.addEventListener('keyup', function(e) {
+        var char, keyCode, last_character, option;
+        if (_this.open === false) {
+          _this.toggle();
+        }
+        keyCode = e.keyCode;
+        switch (keyCode) {
+          case 38:
+            _this.set_focused(_this.options[(_this.focus_index -= 1) < 0 ? _this.focus_index = _this.options.length - 1 : _this.focus_index]);
+            break;
+          case 40:
+            _this.set_focused(_this.options[(_this.focus_index += 1) >= _this.options.length ? _this.focus_index = 0 : _this.focus_index]);
+            break;
+          case 13:
+            _this.focused_option.select();
+            break;
+          default:
+            if (keyCode > 47 && keyCode < 58) {
+              char = numbers[keyCode - 47];
+            } else if (keyCode > 64 && keyCode < 91) {
+              char = letters[keyCode - 65];
+            } else {
+              if (_this.focused_option) {
+                removeClass(_this.focused_option, 'focus');
+                _this.focused_option = false;
+                _this.focus_index = -1;
+              }
+              _this.toggle();
+            }
+            if (char && _this.options_by_first_char[char]) {
+              if (last_char !== char) {
+                _this.options_by_first_char[char].sort();
+              }
+              option = _this.options_by_first_char[char].shift();
+              _this.options_by_first_char[char].push(option);
+              _this.set_focused(option);
+              _this.focus_index = _this.options.indexOf(option);
+              last_character = char;
+            }
+        }
+        _this.dropdown.addEventListener('click', function() {
+          return console.log(arguments);
+        });
+        e.preventDefault();
+        e.stopPropagation();
+        e.returnValue = false;
+        return false;
+      });
+    }
+
+    BetterSelect.prototype.focused_option = false;
+
+    BetterSelect.prototype.focus_index = -1;
+
+    BetterSelect.prototype.set_focused = function(option) {
+      var class_for_selected,
+        _this = this;
+      class_for_selected = function(option) {
+        if (_this.selected_option && option.innerHTML === _this.selected_option.innerHTML) {
+          return " selected";
+        } else {
+          return "";
+        }
+      };
+      if (this.focused_option) {
+        this.focused_option.setAttribute('class', "option" + (class_for_selected(this.focused_option)));
+      }
+      this.focused_option = option;
+      this.focused_option.setAttribute("class", "option focus" + (class_for_selected(option)));
+      return this.focus_index = this.options.indexOf(this.focused_option);
+    };
+
+    BetterSelect.prototype.open = false;
+
+    BetterSelect.prototype.toggle = function() {
+      var height, top;
+      ((this.open = !this.open) ? addClass : removeClass)(this.select, 'open');
+      if (this.settings.positionDropdown) {
+        if (this.dropdown.offsetHeight > window.innerHeight) {
+          height = window.innerHeight * .50;
+          this.dropdown.style.height = height + 'px';
+          this.dropdown.style['overflow-y'] = 'auto';
+          if (this.dropdown_selected_option.offsetTop > height || this.adjust_height) {
+            this.dropdown_selected_option.scrollIntoView();
+            this.adjust_height = true;
+          }
+        }
+        top = top || (getTop(this.select) - this.dropdown_selected_option.offsetTop);
+        top = getTop(this.select) - (this.dropdown_selected_option.offsetTop - this.dropdown.scrollTop);
+        this.dropdown.style.top = (top < 0 ? 0 : top) + 'px';
+        return this.dropdown.style.left = this.open ? getLeft(this.select) + 'px' : '-9999px';
+      }
+    };
+
+    BetterSelect.prototype.reset = function(option) {
+      if (this.default_selected) {
+        return this.default_selected[0].better_version.select();
+      }
+    };
+
+    BetterSelect.prototype.set_selected = function(option) {
+      var e;
+      if (this.selected_option.innerHTML !== option.innerHTML) {
+        if (this.dropdown_selected_option) {
+          removeClass(this.dropdown_selected_option, 'selected');
+        }
+        addClass(this.dropdown_selected_option = option, 'selected');
+        this.selected_option.innerHTML = option.innerHTML;
+        e = document.createEvent('Event');
+        e.initEvent('change', true, true);
+        return this.select.orig.dispatchEvent(e);
+      }
+    };
+
+    BetterSelect.prototype.option_template = '<div class="option"><%= innerHTML %></div>';
+
+    BetterSelect.prototype.option_group_template = '<div class="optgroup"><div class="option-group-label"><%= label %></div></div>';
+
+    BetterSelect.prototype.select_template = '<div class="select"><a href="javascript:void(0)" class="selected-option"></a><div class="better-select-dropdown dropdown"></div></div>';
+
+    BetterSelect.prototype.process_option = function(option) {
+      return option;
+    };
+
+    BetterSelect.prototype.process_option_group = function(option_group) {
+      return option_group;
+    };
+
+    BetterSelect.prototype.process_select = function(select) {
+      return select;
+    };
+
+    return BetterSelect;
+
+  })();
+
+  window.BetterSelect = BetterSelect;
+
+}).call(this);