make contacts searchable

app/assets/javascripts/registrar-manifest.coffee

@@ -4,6 +4,7 @@
 #= require jquery.validate.additional-methods
 #= require turbolinks
 #= require bootstrap-sprockets
+#= require typeahead.bundle.min
 #= require jquery.nested_attributes
 #= require shared/jquery.validate.bootstrap
 #= require jquery-ui/datepicker
@@ -11,4 +12,5 @@
 
 #= require shared/general
 
+#= require registrar/autocomplete
 #= require registrar/application

app/assets/javascripts/registrar/autocomplete.coffee

@@ -0,0 +1,27 @@
+class @Autocomplete
+  constructor: ->
+    @buildAutocomplete(el) for el in document.querySelectorAll('[data-autocomplete]')
+
+  buildAutocomplete: (el)->
+    name = el.dataset.autocomplete[1..-1].replace(/\//g, "_") # cahcing
+
+    $(el).typeahead 'destroy'
+    $(el).typeahead(
+      name: name,
+      highlight: true,
+      hint: false
+    ,
+      displayKey: "display_key"
+      source: (query, syncResults)->
+        $.getJSON "#{el.dataset.autocomplete}?query=#{query}", (data)->
+          syncResults(data)
+
+
+    ).on('typeahead:selected', (e, item) ->
+      console.log e.currentTarget.id
+      orig = document.querySelector('#' + e.currentTarget.id.replace(/_helper$/, ''))
+      orig.value = item.value
+    )
+
+$(document).on "ready page:load", ->
+  new Autocomplete