bull-autocomplete 0.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: ef8076619cbd70efef8c9b5fb5839cb7027513d8
+  data.tar.gz: b5973236c1b5d09a367925eb75af5d13a322bbbf
+SHA512:
+  metadata.gz: b87804d4883e4e81e15a8f36d93afc2c2e6d353c9437f1302e7c0596cd0771c72ce467cf858c22c98f43ef28112eecd1c23241f86474d728710e867bc4a1bb82
+  data.tar.gz: e3146794084308cecb0a4b25b1e5346ab4cc26cacce4db9d4b3c60cacf18a9ec790760ad3a5f31fbe6d225d0475c4bcaddb60000bd84852c1e9e5f0921639cd5

data/lib/autocomplete.styl

@@ -0,0 +1,8 @@
+div.autocomplete-popover
+  cursor: pointer
+  background-color: white
+  position: absolute
+
+div.autocomplete-selected
+  background-color: black
+  color: white

data/lib/autocomplete_ui.rb

@@ -0,0 +1,58 @@
+require 'reactive-ruby'
+
+class AutocompleteInput < React::Component::Base
+
+  param :value
+  param :change_attr
+  param :ref_
+  param :name
+  #param :set_validation
+
+  before_mount do
+    state.options! []
+    state.index! 0
+  end
+
+  def selected pos
+    if pos == state.index
+      'autocomplete-selected'
+    else
+      ''
+    end
+  end
+
+  def render
+    div do
+      input(type: :text, value: params.value).on(:change) do |event|
+        params.change_attr.call event.target.value
+        #if state.options.include? event.target.value
+        #  params.set_validation.call true
+        #else
+        #  params.set_validation.call false
+        #end
+        $controller.rpc('get_' + params.ref_, event.target.value).then do |result|
+          state.options! result.map {|x| x[params.name]}
+        end
+      end.on(:keyDown) do |event|
+        if event.key_code == 13
+          params.change_attr.call state.options[state.index]
+          #params.set_validation.call true
+          state.options! []
+        elsif event.key_code == 40
+          state.index! (state.index + 1) % state.options.length if state.options.length != 0
+        elsif event.key_code == 38
+          state.index! (state.index - 1) % state.options.length if state.options.length != 0
+        end
+      end
+      div(class: 'autocomplete-popover') do
+        state.options.each_with_index do |v, i|
+          div(class: selected(i)){v}.on(:click) do |e|
+            params.change_attr.call v
+            #params.set_validation.call true
+            state.options! []
+          end
+        end
+      end if state.options.length > 1 || state.options[0] != params.value
+    end
+  end
+end

data/lib/bull-autocomplete.rb

@@ -0,0 +1,8 @@
+if RUBY_ENGINE == 'opal'
+  require_relative 'autocomplete_ui'
+else
+  # NOT running inside of opal, set things up
+  # so opal can find the files.
+  require 'opal'
+  Opal.append_path File.expand_path('..', __FILE__).untaint
+end

metadata

@@ -0,0 +1,46 @@
+--- !ruby/object:Gem::Specification
+name: bull-autocomplete
+version: !ruby/object:Gem::Version
+  version: 0.0.0
+platform: ruby
+authors:
+- Miguel Alarcos
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-04-09 00:00:00.000000000 Z
+dependencies: []
+description: Autocomplete feature for Bull
+email: miguel.alarcos@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/autocomplete.styl
+- lib/autocomplete_ui.rb
+- lib/bull-autocomplete.rb
+homepage: 
+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: Autocomplete feature for Bull
+test_files: []