Fixes #360 - Auto-complete more than one tag in tag filter field

  * Group awesomplete for multi data in a single JS file.
  * Use it in editlink and linklist.
  * Move awesomplete JS lib at the end of page in editlink.

1 files changed, 35 insertions, 0 deletions

diff --git a/inc/awesomplete-multiple-tags.js b/inc/awesomplete-multiple-tags.js
new file mode 100644
index 00000000..e0f889b1
--- /dev/null
+++ b/inc/awesomplete-multiple-tags.js
@@ -0,0 +1,35 @@
+$ = Awesomplete.$;
+awesomplete = new Awesomplete($('input[data-multiple]'), {
+    filter: function(text, input) {
+        return Awesomplete.FILTER_CONTAINS(text, input.match(/[^ ]*$/)[0]);
+    },
+    replace: function(text) {
+        var before = this.input.value.match(/^.+ \s*|/)[0];
+        this.input.value = before + text + " ";
+    },
+    minChars: 1
+});
+
+/**
+ * Remove already selected items from autocompletion list.
+ * HTML list is never updated, so removing a tag will add it back to awesomplete.
+ *
+ * FIXME: This a workaround waiting for awesomplete to handle this.
+ *  https://github.com/LeaVerou/awesomplete/issues/16749
+ */
+function awesompleteUniqueTag(selector) {
+    var input = document.querySelector(selector);
+    input.addEventListener('input', function()
+    {
+        proposedTags = input.getAttribute('data-list').replace(/,/g, '').split(' ');
+        reg = /(\w+) /g;
+        while((match = reg.exec(input.value)) !== null) {
+            id = proposedTags.indexOf(match[1]);
+            if(id != -1 ) {
+                proposedTags.splice(id, 1);
+            }
+        }
+
+        awesomplete.list = proposedTags;
+    });
+}