Client side validations

app/assets/javascripts/admin/autocomplete.js.coffee

@@ -0,0 +1,66 @@
+class @Autocomplete
+  @bindTypeahead: (obj) ->
+    Autocomplete.toggleOkFeedbacksOnLoad(obj)
+    # Autocomplete.toggleOkFeedback(obj.hiddenSelector)
+    $(obj.selector).typeahead(
+      highlight: true,
+      hint: false
+    ,
+      displayKey: "display_key"
+      source: Autocomplete.constructSourceAdapter(obj.remote)
+    ).on('typeahead:selected', (e, item) ->
+      parent = $(e.currentTarget).parents('div.js-typeahead-container')
+      jObj = parent.find(obj.hiddenSelector).val item.id
+      Autocomplete.toggleOkFeedback(jObj)
+    )
+
+  @constructSourceAdapter: (remote) ->
+    source = new Bloodhound(
+      datumTokenizer: (d) ->
+        Bloodhound.tokenizers.whitespace d.display_key
+
+      queryTokenizer: Bloodhound.tokenizers.whitespace
+      remote: "#{remote}?q=%QUERY"
+    )
+
+    source.initialize()
+    source.ttAdapter()
+
+  @toggleOkFeedback: (jObj) ->
+    ok = jObj.parents('div.js-typeahead-container').find('.js-typeahead-ok')
+    remove = jObj.parents('div.js-typeahead-container').find('.js-typeahead-remove')
+
+    if jObj.val()
+      ok.removeClass('hidden')
+      remove.addClass('hidden')
+    else
+      remove.removeClass('hidden')
+      ok.addClass('hidden')
+
+  @toggleOkFeedbacksOnLoad: (obj) ->
+    $.each $(obj.hiddenSelector), (k, v) ->
+      Autocomplete.toggleOkFeedback($(v))
+
+  @bindAdminContactSearch: ->
+    Autocomplete.bindTypeahead
+      remote: '/admin/contacts/search'
+      selector: '.js-contact-typeahead'
+      hiddenSelector: '.js-contact-id'
+
+  @bindAdminRegistrarSearch: ->
+    Autocomplete.bindTypeahead
+      remote: '/admin/registrars/search'
+      selector: '.js-registrar-typeahead'
+      hiddenSelector: '.js-registrar-id'
+
+  @bindClientContactSearch: ->
+    Autocomplete.bindTypeahead
+      remote: '/client/contacts/search'
+      selector: '.js-contact-typeahead'
+      hiddenSelector: '.js-contact-id'
+
+  @bindClientRegistrarSearch: ->
+    Autocomplete.bindTypeahead
+      remote: '/client/registrars/search'
+      selector: '.js-registrar-typeahead'
+      hiddenSelector: '.js-registrar-id'