fancy_select-rails 0.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    MGE1ZTQ2Y2ZhOWQ4NzgxMTQ4OWUyNjFlOGNkNTE0NmQ2ZmU4N2JhMQ==
+  data.tar.gz: !binary |-
+    YzA2NTU1ZWQwNzU2YmRhNTkzZTQxZmMzNDhiMDA5ODc3OWY0YmNkNQ==
+SHA512:
+  metadata.gz: !binary |-
+    MjQyYzRhN2Q1NzFhZDRhODNiN2M0MzRmYTBjNzg1MzBiZWExZjY3MTNmMTkz
+    M2VhYTAwNDg1MjE0ZWFjN2IwNjc2NTIzZWI2MGY5YmRmMGI3OTg5YmVjY2Qy
+    ODVhOTFiMWUzNWFjNTBiZDUwMjc4MGI1MmQwYzdiNDg4NmUxNmI=
+  data.tar.gz: !binary |-
+    YzgwZWE4OWI1OTA2MjFmMmYyMWI5MzM2MWExM2U5YWNjYWU0MmI1MDEyZWIy
+    OTFlMjJhOTg1MGRiMjNjNWRlN2MwMWNjMGNhMjlmY2VkNWZlZmVhNTkxOTA1
+    ZmMwYTAyNjE1ODcxYzE3ZTdmNGM5Y2VlMDg5MzZlZDc4MDJiZjI=

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,2 @@
+source 'https://rubygems.org'
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Stepan Parunashvili
+
+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,5 @@
+# FancySelect::Rails
+
+Fancy Select Javascript Plugin for Rails. Big props to Octopus Creative 
+
+http://code.octopuscreative.com/fancyselect/

data/Rakefile

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

data/fancy_select-rails.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'fancy_select/rails/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "fancy_select-rails"
+  spec.version       = FancySelect::Rails::VERSION
+  spec.authors       = ["Stepan Parunashvili"]
+  spec.email         = ["stepan.p@gmail.com"]
+  spec.description   = %q{fancy_select.js for rails.}
+  spec.summary       = %q{Using fancy_select.js from the folks at Octopus Creative.}
+  spec.homepage      = "http://stepanp.com"
+  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_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+end

data/lib/fancy_select/rails.rb

@@ -0,0 +1,8 @@
+require "fancy_select/rails/version"
+
+module FancySelect
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/fancy_select/rails/version.rb

@@ -0,0 +1,5 @@
+module FancySelect
+  module Rails
+    VERSION = "0.0.1"
+  end
+end

data/vendor/assets/javascripts/fancy_select.js.coffee

@@ -0,0 +1,193 @@
+$ = window.jQuery || window.Zepto || window.$
+
+$.fn.fancySelect = (opts = {}) ->
+  settings = $.extend({
+    forceiOS: false
+    includeBlank: false
+    optionTemplate: (optionEl) ->
+      return optionEl.text()
+    triggerTemplate: (optionEl) ->
+      return optionEl.text()
+  }, opts)
+
+  isiOS = !!navigator.userAgent.match /iP(hone|od|ad)/i
+
+  return this.each ->
+    sel = $(this)
+    return if sel.hasClass('fancified') || sel[0].tagName != 'SELECT'
+    sel.addClass('fancified')
+
+    # hide the native select
+    sel.css
+      width: 1
+      height: 1
+      display: 'block'
+      position: 'absolute'
+      top: 0
+      left: 0
+      opacity: 0
+
+    # some global setup stuff
+    sel.wrap '<div class="fancy-select">'
+    wrapper = sel.parent()
+
+    wrapper.addClass(sel.data('class')) if sel.data('class')
+
+    wrapper.append '<div class="trigger">'
+    wrapper.append '<ul class="options">' unless isiOS && !settings.forceiOS
+
+    trigger = wrapper.find '.trigger'
+    options = wrapper.find '.options'
+
+    # disabled in markup?
+    disabled = sel.prop('disabled')
+    if disabled
+      wrapper.addClass 'disabled'
+
+    updateTriggerText = ->
+      triggerHtml = settings.triggerTemplate(sel.find(':selected'))
+      trigger.html(triggerHtml)
+
+    sel.on 'blur.fs', ->
+      if trigger.hasClass 'open'
+        setTimeout ->
+          trigger.trigger 'close.fs'
+        , 120
+
+    trigger.on 'close.fs', ->
+      trigger.removeClass 'open'
+      options.removeClass 'open'
+
+    trigger.on 'click.fs', ->
+      unless disabled
+        trigger.toggleClass 'open'
+
+        # fancySelect defaults to using native selects with a styled trigger on mobile
+        # don't show the options if we're on mobile and haven't set `forceiOS`
+        if isiOS && !settings.forceiOS
+          if trigger.hasClass 'open'
+            sel.focus()
+        else
+          if trigger.hasClass 'open'
+            parent = trigger.parent()
+            offParent = parent.offsetParent()
+
+            # TODO 20 is very static
+            if (parent.offset().top + parent.outerHeight() + options.outerHeight() + 20) > $(window).height() + $(window).scrollTop()
+              options.addClass 'overflowing'
+            else
+              options.removeClass 'overflowing'
+
+          options.toggleClass 'open'
+
+          sel.focus() unless isiOS
+
+    sel.on 'enable', ->
+      sel.prop 'disabled', false
+      wrapper.removeClass 'disabled'
+      disabled = false
+      copyOptionsToList()
+
+    sel.on 'disable', ->
+      sel.prop 'disabled', true
+      wrapper.addClass 'disabled'
+      disabled = true
+
+    sel.on 'change.fs', (e) ->
+      if e.originalEvent && e.originalEvent.isTrusted
+        # discard firefox-only automatic event when hitting enter, we want to trigger our own
+        e.stopPropagation()
+      else
+        updateTriggerText()
+
+    # keyboard control
+    sel.on 'keydown', (e) ->
+      w = e.which
+      hovered = options.find('.hover')
+      hovered.removeClass('hover')
+
+      if !options.hasClass('open')
+        if w in [13, 32, 38, 40] # enter, space, up, down
+          e.preventDefault()
+          trigger.trigger 'click.fs'
+      else
+        if w == 38 # up
+          e.preventDefault()
+          if hovered.length && hovered.index() > 0 # move up
+            hovered.prev().addClass('hover')
+          else # move to bottom
+            options.find('li:last-child').addClass('hover')
+        else if w == 40 # down
+          e.preventDefault()
+          if hovered.length && hovered.index() < options.find('li').length - 1 # move down
+            hovered.next().addClass('hover')
+          else # move to top
+            options.find('li:first-child').addClass('hover')
+        else if w == 27 # escape
+          e.preventDefault()
+          trigger.trigger 'click.fs'
+        else if w in [13, 32] # enter, space
+          e.preventDefault()
+          hovered.trigger 'click.fs'
+        else if w == 9 # tab
+          if trigger.hasClass 'open' then trigger.trigger 'close.fs'
+
+        newHovered = options.find('.hover')
+        if newHovered.length
+          options.scrollTop 0
+          options.scrollTop newHovered.position().top - 12
+
+    # Handle item selection, and
+    # Add class selected to selected item
+    options.on 'click.fs', 'li', (e) ->
+      clicked = $(this)
+
+      sel.val(clicked.data('raw-value'))
+
+      sel.trigger('blur.fs').trigger('focus.fs') unless isiOS
+
+      options.find('.selected').removeClass('selected')
+      clicked.addClass 'selected'
+      return sel.val(clicked.data('raw-value')).trigger('change.fs').trigger('blur.fs').trigger('focus.fs')
+
+    # handle mouse selection
+    options.on 'mouseenter.fs', 'li', ->
+      nowHovered = $(this)
+      hovered = options.find('.hover')
+      hovered.removeClass 'hover'
+
+      nowHovered.addClass 'hover'
+
+    options.on 'mouseleave.fs', 'li', ->
+      options.find('.hover').removeClass('hover')
+
+    copyOptionsToList = ->
+      # update our trigger to reflect the select (it really already should, this is just a safety)
+      updateTriggerText()
+
+      return if isiOS && !settings.forceiOS
+
+      # snag current options before we add a default one
+      selOpts = sel.find 'option'
+
+      # generate list of options for the fancySelect
+
+      sel.find('option').each (i, opt) ->
+        opt = $(opt)
+
+        if !opt.prop('disabled') && (opt.val() || settings.includeBlank)
+          # Generate the inner HTML for the option from our template
+          optHtml = settings.optionTemplate(opt)
+
+          # Is there a select option on page load?
+          if opt.prop('selected')
+            options.append "<li data-raw-value=\"#{opt.val()}\" class=\"selected\">#{optHtml}</li>"
+          else
+            options.append "<li data-raw-value=\"#{opt.val()}\">#{optHtml}</li>"
+
+    # for updating the list of options after initialization
+    sel.on 'update.fs', ->
+      wrapper.find('.options').empty()
+      copyOptionsToList()
+
+    copyOptionsToList()

metadata

@@ -0,0 +1,81 @@
+--- !ruby/object:Gem::Specification
+name: fancy_select-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Stepan Parunashvili
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-03-10 00:00:00.000000000 Z
+dependencies:
+- !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'
+description: fancy_select.js for rails.
+email:
+- stepan.p@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- fancy_select-rails.gemspec
+- lib/fancy_select/rails.rb
+- lib/fancy_select/rails/version.rb
+- vendor/assets/javascripts/fancy_select.js.coffee
+homepage: http://stepanp.com
+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.1
+signing_key: 
+specification_version: 4
+summary: Using fancy_select.js from the folks at Octopus Creative.
+test_files: []