Set a default noMatchTemplate and update example.

zurb · Mar 6, 2020 · 189bf57 · 189bf57
1 parent 0aef59a
commit 189bf57
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 11 deletions.
diff --git a/dist/tribute.esm.js b/dist/tribute.esm.js
@@ -1362,7 +1362,7 @@ class Tribute {
             return (
               noMatchTemplate ||
               function() {
-                return "";
+                return "<li>No Match Found!</li>";
               }.bind(this)
             );
           })(noMatchTemplate),
@@ -1445,7 +1445,7 @@ class Tribute {
   }
 
   static defaultSelectTemplate(item) {
-    if (typeof item === "undefined") return null;
+    if (typeof item === "undefined") return "@" + this.current.mentionText;
     if (this.range.isContentEditable(this.current.element)) {
       return (
         '<span class="tribute-mention">' +

diff --git a/dist/tribute.js b/dist/tribute.js
@@ -1405,7 +1405,7 @@
             }
 
             return noMatchTemplate || function () {
-              return "";
+              return "<li>No Match Found!</li>";
             }.bind(_this);
           }(noMatchTemplate),
           // column to search against in the object
@@ -1815,7 +1815,7 @@
     }], [{
       key: "defaultSelectTemplate",
       value: function defaultSelectTemplate(item) {
-        if (typeof item === "undefined") return null;
+        if (typeof item === "undefined") return "@" + this.current.mentionText;
 
         if (this.range.isContentEditable(this.current.element)) {
           return '<span class="tribute-mention">' + (this.current.collection.trigger + item.original[this.current.collection.fillAttr]) + "</span>";

diff --git a/dist/tribute.min.js b/dist/tribute.min.js
diff --git a/dist/tribute.min.js.map b/dist/tribute.min.js.map
diff --git a/example/index.html b/example/index.html
@@ -190,7 +190,8 @@ <h5>Tribute on traditional form elements!</h5>
           }
 
           return "@" + item.original.value;
-        }
+        },
+        requireLeadingSpace: false
       });
 
       tribute.attach(document.getElementById("test"));
@@ -270,9 +271,11 @@ <h5>Tribute on traditional form elements!</h5>
           console.log("Matched item:", e.detail.item);
         });
 
+      var noMatchRunOnce = false;
       document
         .getElementById("test")
         .addEventListener("tribute-no-match", function(e) {
+          if (noMatchRunOnce) return;
           var values = [
             {
               key: "Cheese Tacos",
@@ -281,6 +284,7 @@ <h5>Tribute on traditional form elements!</h5>
             }
           ];
           tribute.appendCurrent(values);
+          noMatchRunOnce = true;
         });
 
       var activateLink = document.getElementById("activateInput");

diff --git a/example/tribute.js b/example/tribute.js
@@ -1405,7 +1405,7 @@
             }
 
             return noMatchTemplate || function () {
-              return "";
+              return "<li>No Match Found!</li>";
             }.bind(_this);
           }(noMatchTemplate),
           // column to search against in the object
@@ -1815,7 +1815,7 @@
     }], [{
       key: "defaultSelectTemplate",
       value: function defaultSelectTemplate(item) {
-        if (typeof item === "undefined") return null;
+        if (typeof item === "undefined") return "@" + this.current.mentionText;
 
         if (this.range.isContentEditable(this.current.element)) {
           return '<span class="tribute-mention">' + (this.current.collection.trigger + item.original[this.current.collection.fillAttr]) + "</span>";

diff --git a/src/Tribute.js b/src/Tribute.js
@@ -83,7 +83,7 @@ class Tribute {
             return (
               noMatchTemplate ||
               function() {
-                return "";
+                return "<li>No Match Found!</li>";
               }.bind(this)
             );
           })(noMatchTemplate),
@@ -166,7 +166,7 @@ class Tribute {
   }
 
   static defaultSelectTemplate(item) {
-    if (typeof item === "undefined") return null;
+    if (typeof item === "undefined") return "@" + this.current.mentionText;
     if (this.range.isContentEditable(this.current.element)) {
       return (
         '<span class="tribute-mention">' +