Convert autocomplete from CoffeeScript to Javascript

Move the file also into the app/javascript folder.

app/assets/javascripts/alchemy/admin.js

@@ -14,7 +14,6 @@
 //= require handlebars
 //= require alchemy/templates
 //= require alchemy/alchemy.base
-//= require alchemy/alchemy.autocomplete
 //= require alchemy/alchemy.dialog
 //= require alchemy/alchemy.char_counter
 //= require alchemy/alchemy.confirm_dialog

app/javascript/alchemy_admin/autocomplete.js

@@ -0,0 +1,46 @@
+function createSearchChoice(term, data) {
+  if (
+    $(data).filter(function () {
+      return this.text.localeCompare(term) === 0
+    }).length === 0
+  ) {
+    return {
+      id: term,
+      text: term
+    }
+  }
+}
+
+function initSelection(element, callback) {
+  const data = []
+  $(element.val().split(",")).each(function () {
+    data.push({
+      id: $.trim(this),
+      text: this
+    })
+  })
+  return callback(data)
+}
+
+export default function Autocomplete(scope) {
+  const field = $("[data-autocomplete]", scope)
+  const url = field.data("autocomplete")
+  field.select2({
+    tags: true,
+    tokenSeparators: [","],
+    minimumInputLength: 1,
+    openOnEnter: false,
+    createSearchChoice,
+    ajax: {
+      url,
+      dataType: "json",
+      data: (term, page) => {
+        return { term }
+      },
+      results: (data, page) => {
+        return { results: data }
+      }
+    },
+    initSelection
+  })
+}

app/javascript/alchemy_admin/gui.js

@@ -1,3 +1,5 @@
+import Autocomplete from "alchemy_admin/autocomplete"
+
 function init(scope) {
   Alchemy.SelectBox(scope)
   Alchemy.Datepicker(scope && scope.selector)
@@ -8,7 +10,7 @@ function init(scope) {
   }
   Alchemy.Hotkeys(scope)
   Alchemy.ListFilter(scope)
-  Alchemy.Autocomplete.tags(scope)
+  Autocomplete(scope)
   $("[data-alchemy-char-counter]", scope).each(function () {
     new Alchemy.CharCounter(this)
   })