rwk(*): add emit function + split addTag function

Author: Arthur Agombart

src/dev-server.js

@@ -71,6 +71,10 @@ class DevServer {
     return accumulator;
   }
 
+  onTagAdd(tag) {
+    console.log(tag);
+  }
+
   updateSuggestions(search) {
     const newSuggestions = this.searchSuggestions(search);
 
@@ -96,6 +100,7 @@ angular.module('dev-server', ['angularjs-input-tags'])
                 suggestions="$ctrl.suggestions"
                 disabled="$ctrl.disabled"
                 key-property="code"
+                on-tag-added="$ctrl.onTagAdd"
                 display-property="title"
                 get-suggestions="$ctrl.updateSuggestions"></input-tags>
     <pre>

src/input-tags.component.js

@@ -37,52 +37,45 @@ class InputTags {
     return tag[this.displayProperty];
   }
 
-  addTag(tag) {
+  isTagValid(tag) {
     const tagText = this.getTagText(tag);
     const key = this.keyProperty || this.displayProperty;
-    const valid = tagText &&
+    return tagText &&
       this.tags.length <= this.maxLength &&
       !this.tags.some(element => element[key] === tag[key]);
+  }
 
-    if (this.onTagAdding) {
-      this.onTagAdding(tag);
-    }
+  addTag(tag) {
+    const valid = this.isTagValid(tag);
+
+    this.emit('onTagAdding', tag);
 
     if (valid) {
       this.tags.push(tag);
 
-      if (this.onTagAdded) {
-        this.onTagAdded(tag);
-      }
-    } else if (this.onTagAddFailed) {
-      this.onTagAddFailed(tag);
+      this.emit('onTagAdded', tag);
+    } else {
+      this.emit('onTagAddFailed', tag);
     }
 
     return tag;
   }
 
   removeTag(tag) {
-    if (this.onTagRemoving) {
-      this.onTagRemoving(tag);
-    }
+    this.emit('onTagRemoving', tag);
 
     for (let i = this.tags.length - 1; i >= 0; i--) {
       if (this.tags[i].code === tag.code) {
         this.tags.splice(i, 1);
       }
     }
 
-    if (this.onTagRemoved) {
-      this.onTagRemoved(tag);
-    }
-
+    this.emit('onTagRemoved', tag);
     return tag;
   }
 
   inputChange() {
-    if (this.inputChanged) {
-      this.inputChanged(this.inputSearch);
-    }
+    this.emit('inputChanged', this.inputSearch);
   }
 
   triggerFocus() {
@@ -114,6 +107,12 @@ class InputTags {
       this.path[this.path.length - 1] :
       this.suggestions;
   }
+
+  emit(action, ...params) {
+    if (this[action] && typeof this[action] === 'function') {
+      this[action].apply(this, params);
+    }
+  }
 }
 
 const InputTagsComponent = {