Added Max number of items per collection and a flag to block a specific collection

Author: SrPatinhas

README.md

@@ -209,15 +209,21 @@ Collection object shown with defaults:
 
 	// specify the minimum number of characters that must be typed before menu appears
 	menuShowMinLength: 0,
+	
 	// specify a regex to define after which characters the autocomplete option should open
 	// If null is used then it will not split the string & search in the whole line
 	// default value is /\s+/ means it will split on whitespace when this is not specified
 	autocompleteSeparator: /\s+/,
-
-
+		
 	// An option to hide the tribute when scrolled
 	// defaults to false, can accept true, or a container to bind the scroll event to.
 	closeOnScroll: true,
+		
+	// Set maximum number of items added to the input for the specific Collection, if no limit, set to null.
+	maxDisplayItems: null,
+	
+	// Block specific collection, so it can be triggered or not
+	isBlocked: false
 }
 ```
 

src/Tribute.js

@@ -32,6 +32,8 @@ class Tribute {
 					menuItemLimit = null,
 					menuShowMinLength = 0,
 					closeOnScroll = false,
+					maxDisplayItems = null,
+					isBlocked = false
 				}) {
 		this.autocompleteMode = autocompleteMode;
 		this.autocompleteSeparator = autocompleteSeparator;
@@ -119,7 +121,12 @@ class Tribute {
 
 					menuItemLimit: menuItemLimit,
 
-					menuShowMinLength: menuShowMinLength
+					menuShowMinLength: menuShowMinLength,
+
+					// Fix for maximum number of items added to the input for the specific Collection
+					maxDisplayItems: maxDisplayItems,
+
+					isBlocked: isBlocked
 				}
 			];
 		} else if (collection) {
@@ -165,7 +172,11 @@ class Tribute {
 					requireLeadingSpace: item.requireLeadingSpace,
 					searchOpts: item.searchOpts || searchOpts,
 					menuItemLimit: item.menuItemLimit || menuItemLimit,
-					menuShowMinLength: item.menuShowMinLength || menuShowMinLength
+					menuShowMinLength: item.menuShowMinLength || menuShowMinLength,
+
+					// Set maximum number of items added to the input for the specific Collection
+					maxDisplayItems: item.maxDisplayItems || maxDisplayItems,
+					isBlocked: item.isBlocked || isBlocked
 				};
 			});
 		} else {
@@ -281,6 +292,17 @@ class Tribute {
 	}
 
 	showMenuFor(element, scrollTo) {
+		// Check for maximum number of items added to the input for the specific Collection
+		if(
+			(
+				this.current.collection.maxDisplayItems &&
+				element.querySelectorAll('[data-tribute-trigger="' + this.current.collection.trigger + '"]').length >= this.current.collection.maxDisplayItems
+			) || this.current.collection.isBlocked
+		) {
+			//console.log("Tribute: Maximum number of items added!");
+			return;
+		}
+
 		this.currentMentionTextSnapshot = this.current.mentionText;
 
 		// create the menu if it doesn't exist.
@@ -399,6 +421,17 @@ class Tribute {
 	}
 
 	showMenuForCollection(element, collectionIndex) {
+		// Check for maximum number of items added to the input for the specific Collection
+		if(
+			(
+				this.collection[collectionIndex || 0].maxDisplayItems &&
+				element.querySelectorAll('[data-tribute-trigger="' +  this.collection[collectionIndex || 0].trigger + '"]').length >= this.collection[collectionIndex || 0].maxDisplayItems
+			) || this.collection[collectionIndex || 0].isBlocked
+		) {
+			//console.log("Tribute: Maximum number of items added!");
+			return;
+		}
+
 		if (element !== document.activeElement) {
 			this.placeCaretAtEnd(element);
 		}