selectBoxIt 0.1.0

data/app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.selectOption.js

@@ -0,0 +1,36 @@
+
+    // Select Option Module
+    // ====================
+
+    // Select Option
+    // -------------
+    //      Programatically selects a drop down option by either index or value
+
+    selectBoxIt.selectOption = function(val, callback) {
+
+        // Stores the plugin context inside of the self variable
+        var self = this,
+            type = $.type(val);
+
+        // Makes sure the passed in position is a number
+        if(type === "number") {
+
+            // Set's the original select box value and triggers the change event (which SelectBoxIt listens for)
+            self.selectBox.val(self.selectItems.eq(val).val()).change();
+
+        }
+
+        else if(type === "string") {
+
+            // Set's the original select box value and triggers the change event (which SelectBoxIt listens for)
+            self.selectBox.val(val).change();
+
+        }
+
+        // Calls the callback function
+        self._callbackSupport(callback);
+
+        // Maintains chainability
+        return self;
+
+    };

data/app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.setOption.js

@@ -0,0 +1,33 @@
+
+    // Set Option Module
+    // =================
+
+    // Set Option
+    // ----------
+    //      Accepts an string key, a value, and a callback function to replace a single
+    //      property of the plugin options object
+
+    selectBoxIt.setOption = function(key, value, callback) {
+
+        var self = this;
+
+        //Makes sure a string is passed in
+        if($.type(key) === "string") {
+
+            // Sets the plugin option to the new value provided by the user
+            self.options[key] = value;
+
+        }
+
+        // Rebuilds the dropdown
+        self.refresh(function() {
+
+            // Provide callback function support
+            self._callbackSupport(callback);
+
+        }, true);
+
+        // Maintains chainability
+        return self;
+
+    };

data/app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.setOptions.js

@@ -0,0 +1,32 @@
+
+    // Set Options Module
+    // ==================
+
+    // Set Options
+    // ----------
+    //      Accepts an object to replace plugin options
+    //      properties of the plugin options object
+
+    selectBoxIt.setOptions = function(newOptions, callback) {
+
+        var self = this;
+
+        // If the passed in parameter is an object literal
+        if($.isPlainObject(newOptions)) {
+
+            self.options = $.extend({}, self.options, newOptions);
+
+        }
+
+        // Rebuilds the dropdown
+        self.refresh(function() {
+
+            // Provide callback function support
+            self._callbackSupport(callback);
+
+        }, true);
+
+        // Maintains chainability
+        return self;
+
+    };

data/app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.wait.js

@@ -0,0 +1,19 @@
+
+    // Wait Module
+    // ===========
+
+    // Wait
+    // ----
+    //    Delays execution by the amount of time
+    //    specified by the parameter
+
+    selectBoxIt.wait = function(time, callback) {
+
+        var self = this;
+
+        self.widgetProto._delay.call(self, callback, time);
+
+        // Maintains chainability
+        return self;
+
+    };

data/app/assets/stylesheets/selectBoxIt/jquery.selectBoxIt.css

@@ -0,0 +1,278 @@
+/*
+ * jquery.selectBoxIt.css 3.8.1
+ * Author: @gregfranko
+ */
+
+/*
+  Common CSS Properties
+  ---------------------
+  These properties will be applied to any themes that you use
+*/
+
+/* SelectBoxIt container */
+.selectboxit-container {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+}
+
+/* Styles that apply to all SelectBoxIt elements */
+.selectboxit-container * {
+  font: 14px Helvetica, Arial;
+  /* Prevents text selection */
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: -moz-none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  outline: none;
+  white-space: nowrap;
+}
+
+/* Button */
+.selectboxit-container .selectboxit {
+  width: 220px; /* Width of the dropdown button */
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+  overflow: hidden;
+  display: block;
+  position: relative;
+}
+
+/* Height and Vertical Alignment of Text */
+.selectboxit-container span, .selectboxit-container .selectboxit-options a {
+  height: 30px; /* Height of the drop down */
+  line-height: 30px; /* Vertically positions the drop down text */
+  display: block;
+}
+
+/* Focus pseudo selector */
+.selectboxit-container .selectboxit:focus {
+  outline: 0;
+}
+
+/* Disabled Mouse Interaction */
+.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
+  opacity: 0.65;
+  filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  cursor: default;
+}
+
+/* Button Text */
+.selectboxit-text {
+  text-indent: 5px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  float: left;
+}
+
+.selectboxit .selectboxit-option-icon-container {
+  margin-left: 5px;
+}
+
+/* Options List */
+.selectboxit-container .selectboxit-options {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  min-width: 100%;  /* Minimum Width of the dropdown list box options */
+  *width: 100%;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  position: absolute;
+  overflow-x: hidden;
+  overflow-y: auto;
+  cursor: pointer;
+  display: none;
+  z-index: 9999999999999;
+  border-radius: 6px;
+  text-align: left;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+/* Individual options */
+ .selectboxit-option .selectboxit-option-anchor{
+  padding: 0 2px;
+}
+
+/* Individual Option Hover Action */
+.selectboxit-option .selectboxit-option-anchor:hover {
+  text-decoration: none;
+}
+
+/* Individual Option Optgroup Header */
+.selectboxit-option, .selectboxit-optgroup-header {
+  text-indent: 5px; /* Horizontal Positioning of the select box option text */
+  margin: 0;
+  list-style-type: none;
+}
+
+/* The first Drop Down option */
+.selectboxit-option-first {
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+
+/* The first Drop Down option optgroup */
+.selectboxit-optgroup-header + .selectboxit-option-first {
+  border-top-right-radius: 0px;
+  border-top-left-radius: 0px;
+}
+
+/* The last Drop Down option */
+.selectboxit-option-last {
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+/* Drop Down optgroup headers */
+.selectboxit-optgroup-header {
+  font-weight: bold;
+}
+
+/* Drop Down optgroup header hover psuedo class */
+.selectboxit-optgroup-header:hover {
+  cursor: default;
+}
+
+/* Drop Down down arrow container */
+.selectboxit-arrow-container {
+  /* Positions the down arrow */
+  width: 30px;
+  position: absolute;
+  right: 0;
+}
+
+/* Drop Down down arrow */
+.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
+  /* Horizontally centers the down arrow */
+  margin: 0 auto;
+  position: absolute;
+  top: 50%;
+  right: 0;
+  left: 0;
+}
+
+/* Drop Down down arrow for jQueryUI and jQuery Mobile */
+.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
+  top: 30%;
+}
+
+/* Drop Down individual option icon positioning */
+.selectboxit-option-icon-container {
+  float: left;
+}
+
+.selectboxit-container .selectboxit-option-icon {
+  margin: 0;
+  padding: 0;
+  vertical-align: middle;
+}
+
+/* Drop Down individual option icon positioning */
+.selectboxit-option-icon-url {
+  width: 18px;
+  background-size: 18px 18px;
+  background-repeat: no-repeat;
+  height: 100%;
+  background-position: center;
+  float: left;
+}
+
+.selectboxit-rendering {
+  display: inline-block !important;
+  *display: inline !important;
+  zoom: 1 !important;
+  visibility: visible !important;
+  position: absolute !important;
+  top: -9999px !important;
+  left: -9999px !important;
+}
+
+/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
+.jqueryui .ui-icon {
+  background-color: inherit;
+}
+
+/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
+.jqueryui .ui-icon-triangle-1-s {
+  background-position: -64px -16px;
+}
+
+/*
+  Default Theme
+  -------------
+  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
+*/
+.selectboxit-btn {
+  background-color: #f5f5f5;
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
+  background-repeat: repeat-x;
+  border: 1px solid #cccccc;
+  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-bottom-color: #b3b3b3;
+}
+
+.selectboxit-btn.selectboxit-enabled:hover,
+.selectboxit-btn.selectboxit-enabled:focus,
+.selectboxit-btn.selectboxit-enabled:active {
+  color: #333333;
+  background-color: #e6e6e6;
+}
+
+.selectboxit-btn.selectboxit-enabled:hover,
+.selectboxit-btn.selectboxit-enabled:focus {
+  color: #333333;
+  text-decoration: none;
+  background-position: 0 -15px;
+}
+
+.selectboxit-default-arrow {
+  width: 0;
+  height: 0;
+  border-top: 4px solid #000000;
+  border-right: 4px solid transparent;
+  border-left: 4px solid transparent;
+}
+
+.selectboxit-list {
+  background-color: #ffffff;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+}
+
+.selectboxit-list .selectboxit-option-anchor {
+  color: #333333;
+}
+
+.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
+  color: #ffffff;
+  background-color: #0081c2;
+  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
+  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
+  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+  background-repeat: repeat-x;
+}
+
+.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
+  color: #999999;
+}

data/lib/selectBoxIt.rb

@@ -0,0 +1,6 @@
+require "selectBoxIt/version"
+require "selectBoxIt/engine"
+
+module SelectBoxIt
+  # Your code goes here...
+end

data/lib/selectBoxIt/engine.rb

@@ -0,0 +1,4 @@
+module SelectBoxIt
+  class Engine < Rails::Engine
+  end
+end

data/lib/selectBoxIt/version.rb

@@ -0,0 +1,3 @@
+module SelectBoxIt
+  VERSION = "0.1.0"
+end

data/selectBoxIt.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'selectBoxIt/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "selectBoxIt"
+  spec.version       = SelectBoxIt::VERSION
+  spec.authors       = ["Pouya Gharib Pour"]
+  spec.email         = ["p.gharibpour@gmail.com"]
+  spec.summary       = %q{selectBoxIt JS library.}
+  spec.description   = %q{This gem adds selectBoxIt JS to your rails project.}
+  spec.homepage      = "https://github.com/psparabara/selectBoxIt"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.7"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

metadata

@@ -0,0 +1,100 @@
+--- !ruby/object:Gem::Specification
+name: selectBoxIt
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Pouya Gharib Pour
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-01-27 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: This gem adds selectBoxIt JS to your rails project.
+email:
+- p.gharibpour@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/javascripts/selectBoxIt/jquery.selectBoxIt.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.add.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.ariaAccessibility.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.copyAttributes.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.core.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.destroy.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.disable.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.dynamicPositioning.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.enable.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.endClosure.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.keyboardNavigation.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.keyboardSearch.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.mobile.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.remove.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.selectOption.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.setOption.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.setOptions.js
+- app/assets/javascripts/selectBoxIt/modules/jquery.selectBoxIt.wait.js
+- app/assets/stylesheets/selectBoxIt/jquery.selectBoxIt.css
+- lib/selectBoxIt.rb
+- lib/selectBoxIt/engine.rb
+- lib/selectBoxIt/version.rb
+- selectBoxIt.gemspec
+homepage: https://github.com/psparabara/selectBoxIt
+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.5.1
+signing_key: 
+specification_version: 4
+summary: selectBoxIt JS library.
+test_files: []