Adding Feature: wrapper for awesomplete

bower.json

@@ -26,8 +26,9 @@
     "package.json"
   ],
   "dependencies": {
-    "angular": "~1.x"
+    "angular": "~1.x",
+    "rbecheras-awesomplete": "~0.1.x"
   },
   "devDependencies": {
   }
-}
+}

src/js/directives/awesomplete.js

@@ -0,0 +1,23 @@
+angular.module('xeditable').directive('editableAwesomplete', [
+  'editableDirectiveFactory', function(editableDirectiveFactory) {
+  return editableDirectiveFactory({
+      directiveName: 'editableAwesomplete',
+      inputTpl: '<input />',
+      render : function() {
+          this.parent.render.call(this);
+          new Awesomplete(this.inputEl[0], {
+              //list : ['CSS', 'JavaScript'],
+              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 + ", ";
+                  var $e = angular.element(this.input);
+                  $e.triggerHandler('input');
+              }
+        });
+      }
+    });
+
+}]);

wip.txt

@@ -0,0 +1,14 @@
+
+#########################################
+PUT THIS IN THE REST OF THE DOCUMENTATION
+#########################################
+
+Just use one of this snippets to add an Awesomplete widget to your template:
+
+<!-- Suggestions from the list argument -->
+<span editable-awesomplete="data.name" e-name="name"
+    e-required>{{ data.name }}</span>
+
+<!-- Suggestions from the data-list attribute -->
+<span editable-awesomplete="data.name" e-data-list="JavaScript, Python"
+    e-name="name" e-required>{{ data.name }}</span>