formtastic_autocomplete 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: e47db92830d55f97c2cecdb602c16f8f04f1c732
+  data.tar.gz: c2f6b4daf7053174ec6285a975d42aea3a7cbbcb
+SHA512:
+  metadata.gz: f325d28e36dc291a12c0aaef47c671383f936dd0bfdec8e98e1de06c8bd1f359e09df38fe07751a0e2293f32dba9e09c7545a6b8edb1e8c3ff0a79cb24ec3fe5
+  data.tar.gz: a4584c100809b9c98126f2dc9b93502d1329ad6437030832ff06a453f2b84d83454fdaecf79ca85c452ccfd5ca9e89c5e03cae6b218b42998e1ca944025f4a98

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in formtastic_autocomplete.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Matt Huggins
+
+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/README.md

@@ -0,0 +1,62 @@
+# FormtasticAutocomplete
+
+`formtastic_autocomplete` is a gem that enables use of jQuery autocomplete inputs.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'formtastic_autocomplete'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install formtastic_autocomplete
+
+## Usage
+
+Require the Javascript in your `application.js` (or other preferred) file via sprockets:
+
+```javascript
+//= require 'formtastic_autocomplete'
+```
+
+Alternatively import the CSS in your `application.css.scss` (or other preferred) file.  For
+sprockets-based apps:
+
+```javascript
+//= require 'formtastic_autocomplete';
+```
+
+For SCSS imports:
+
+```javascript
+@import 'formtastic_autocomplete';
+```
+
+When rendering form via Formtastic's `semantic_form_for` method, supply the new input via the `:as`
+option along with a `:source` option to specify the data source URL or array of objects:
+
+```ruby
+semantic_form_for @ingredient do |f|
+  f.input :name, as: :autocomplete, source: autocomplete_ingredients_path
+  f.input :unit, as: :autocomplete, source: ['cup', 'tablespoon', 'teaspoon']
+  f.input :quantity
+end
+```
+
+The value supplied for the `:source` option should match the format expected per the [jQuery
+autocomplete documentation](http://api.jqueryui.com/autocomplete/#option-source).
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require 'bundler/gem_tasks'

data/assets/javascripts/formtastic_autocomplete.js

@@ -0,0 +1,28 @@
+jQuery(function ($) {
+  $(document).on('focus', 'input.autocomplete', function () {
+    var $input = $(this);
+    var $value = $input.next('input[type=hidden]');
+
+    if (!$input.data('autocomplete-loaded')) {
+      $input
+          .autocomplete({
+            delay: $input.data('delay') || 100,
+            source: $input.data('source'),
+            focus: function (event, ui) {
+              $input.val(ui.item.label);
+              $value.val(ui.item.value);
+              return false;
+            },
+            select: function (event, ui) {
+              $input.val(ui.item.label);
+              $value.val(ui.item.value);
+              return false;
+            }
+          })
+          .data({
+            'autocomplete-value': $value,
+            'autocomplete-loaded': true
+          });
+    }
+  });
+});

data/assets/stylesheets/_formtastic_autocomplete.scss

@@ -0,0 +1,47 @@
+$autocomplete-border-color: #999 !default;
+$autocomplete-separator-color: #ddd !default;
+$autocomplete-background-color: #fff !default;
+$autocomplete-background-active-color: #fffcb2 !default;
+$autocomplete-foreground-color: #000 !default;
+$autocomplete-foreground-active-color: #000 !default;
+
+// autocomplete styles
+.ui-autocomplete {
+  position: absolute;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  border: 1px solid $autocomplete-border-color;
+  cursor: default;
+  font-size: 0.8em;
+
+  .ui-menu-item {
+    background-color: $autocomplete-background-color;
+    border-bottom: solid 1px $autocomplete-separator-color;
+    margin: 0;
+    padding: 4px;
+
+    a {
+      color: $autocomplete-foreground-color;
+      display: block;
+      padding: 3px;
+      font-weight: normal;
+      text-decoration: none;
+      cursor: pointer;
+    }
+
+    &:last-child {
+      border-bottom: none;
+    }
+
+    &.ui-state-focus,
+    &.ui-state-hover,
+    &.ui-state-active {
+      background-color: $autocomplete-background-active-color;
+
+      a {
+        color: $autocomplete-foreground-active-color;
+      }
+    }
+  }
+}

data/formtastic_autocomplete.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'formtastic_autocomplete/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'formtastic_autocomplete'
+  spec.version       = FormtasticAutocomplete::VERSION
+  spec.authors       = ['Matt Huggins']
+  spec.email         = ['matt.huggins@gmail.com']
+  spec.description   = %q{jQuery autocomplete for Formtastic form fields}
+  spec.summary       = %q{jQuery autocomplete for Formtastic form fields}
+  spec.homepage      = 'https://github.com/mhuggins/formtastic_autocomplete'
+  spec.license       = 'MIT'
+
+  spec.files         = `git ls-files`.split($/)
+  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_dependency 'formtastic'
+
+  spec.add_development_dependency 'bundler', '~> 1.3'
+  spec.add_development_dependency 'rake'
+  spec.add_development_dependency 'rails'
+end

data/lib/formtastic/inputs/autocomplete_input.rb

@@ -0,0 +1,67 @@
+module Formtastic
+  module Inputs
+    class AutocompleteInput < StringInput
+      def input
+        @builder.text_field(method, input_html_options) <<
+            @builder.hidden_field(method, hidden_html_options)
+      end
+
+      private
+
+      def input_html_options
+        super.deep_merge(
+            name:  '',
+            class: 'autocomplete',
+            id:    options[:id] || input_tag_id,
+            value: options[:value] || input_tag_value,
+            data:  { source: options[:source] }
+        )
+      end
+
+      def hidden_html_options
+        {
+            value: options[:value] || hidden_tag_value
+        }
+      end
+
+      def input_tag_id
+        "#{sanitized_object_name}_#{sanitized_method}_autocomplete"
+      end
+
+      def input_tag_value
+        return unless association
+
+        if association.respond_to?(:label)
+          association.label
+        elsif association.respond_to?(:title)
+          association.title
+        elsif association.respond_to?(:name)
+          association.name
+        else
+          warn "#{association.class} must respond to label, title, or name"
+          nil
+        end
+      end
+
+      def hidden_tag_value
+        association.id if association
+      end
+
+      def sanitized_object_name
+        @sanitized_object_name ||= object_name.to_s.gsub(/\]\[|[^-a-zA-Z0-9:.]/, '_').sub(/_$/, '')
+      end
+
+      def sanitized_method
+        @sanitized_method ||= method.to_s.sub(/\?$/, '')
+      end
+
+      def association
+        @association ||= begin
+          association_name = method.to_s
+          association_name.gsub!(/_id\z/, '')
+          @builder.object.send(association_name.to_sym)
+        end
+      end
+    end
+  end
+end

data/lib/formtastic_autocomplete.rb

@@ -0,0 +1,22 @@
+require_relative 'formtastic_autocomplete/version'
+require_relative 'formtastic/inputs/autocomplete_input'
+
+module FormtasticAutocomplete
+  class << self
+    def load!
+      register_rails_engine if rails?
+    end
+
+    private
+
+    def register_rails_engine
+      require_relative 'formtastic_autocomplete/engine'
+    end
+
+    def rails?
+      defined?(::Rails)
+    end
+  end
+end
+
+FormtasticAutocomplete.load!

data/lib/formtastic_autocomplete/engine.rb

@@ -0,0 +1,11 @@
+module FormtasticAutocomplete
+  module Rails
+    class Engine < ::Rails::Engine
+      initializer 'formtastic_autocomplete.assets.precompile' do |app|
+        %w(stylesheets javascripts).each do |dir|
+          app.config.assets.paths << root.join('assets', dir)
+        end
+      end
+    end
+  end
+end

data/lib/formtastic_autocomplete/version.rb

@@ -0,0 +1,3 @@
+module FormtasticAutocomplete
+  VERSION = '1.0.0'
+end

metadata

@@ -0,0 +1,112 @@
+--- !ruby/object:Gem::Specification
+name: formtastic_autocomplete
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Matt Huggins
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-11-06 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: formtastic
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: jQuery autocomplete for Formtastic form fields
+email:
+- matt.huggins@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- assets/javascripts/formtastic_autocomplete.js
+- assets/stylesheets/_formtastic_autocomplete.scss
+- formtastic_autocomplete.gemspec
+- lib/formtastic/inputs/autocomplete_input.rb
+- lib/formtastic_autocomplete.rb
+- lib/formtastic_autocomplete/engine.rb
+- lib/formtastic_autocomplete/version.rb
+homepage: https://github.com/mhuggins/formtastic_autocomplete
+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.2.2
+signing_key: 
+specification_version: 4
+summary: jQuery autocomplete for Formtastic form fields
+test_files: []