Add onDuplicate callback

Having an onDuplicate callback allows the developer to customize what happens on the gui
and gives them the oppurtunity to perform any other specialized code.

Author: jfposton

index.html

@@ -107,6 +107,48 @@ <h1>Bootstrap Tags Demo</h1>
 			</style>
 		</div>
 	</div>
+	<div class="row">
+		<div class="span4"><h3>Tags in a Form</h3>
+			<p>This is an example of including tags in a form and using a custom function when duplicate tags are added.</p>
+		</div>
+		<form >
+			<div id="bs-tags-form"></div>
+			<button type="submit" class="btn">Submit</button>
+			<style type="text/css">
+				button {
+					margin-left: 30%;
+				}
+				#bs-tags-form .tag-badge {
+					margin-right: 5px;
+					margin-bottom: 5px;
+					font-weight: 100;
+					font-size: 14px;
+					line-height: 20px;
+				}
+				#bs-tags-form .tag-icon {
+					margin-left: 5px;
+					margin-right: -3px;
+				}
+				#bs-tags-form .tag-badge a.tag-link {
+					color: #ffffff;
+					text-decoration: underline;
+				}
+				#bs-tags-form .tag-input {
+					border: 0 solid;
+					margin: 0;
+					padding: 0;
+					font-weight: 100;
+					border: 0 solid;
+					background-color: transparent;
+					height: 18px;
+					margin-top: -5px;
+					color: #ffffff;
+					outline: none;
+				}
+			</style>
+		</form>
+	</div>
+</div>
 	<br><br>
 	<div id="disqus_thread"></div>
 	<script type="text/javascript">
@@ -149,6 +191,15 @@ <h1>Bootstrap Tags Demo</h1>
 		},
 		values_url: 'urls/default_users.json'
 	});
+	$('#bs-tags-form').tags({
+		suggestions: ["Banana", "Durian", "Cocos"],
+		suggestion_url: "urls/suggestions.json.php",
+		values_url: 'urls/defaults.json',
+		onDuplicate: function(original, duplicate){
+			$(original).hide().fadeIn();
+			return false;
+		}
+	});
 </script>
 </body>
 </html>

js/bootstrap-tags.js

@@ -53,7 +53,8 @@
         },
         onLoadSuggestions: function(values) {
             return values;
-        }
+        },
+        onDuplicate: null
     }
 
 
@@ -228,13 +229,19 @@
         });
 
         if(unique) {
-            var color = $(pills_list.children()[0]).css('background-color');
-            unique.stop().animate({"backgroundColor": $self.options.double_hilight}, 100, 'swing', function() {
-                unique.stop().animate({"backgroundColor": color}, 100, 'swing', function(){
-                   unique.css('background-color', '');
+            if(!$self.options.onDuplicate){
+                var color = $(pills_list.children()[0]).css('background-color');
+                unique.stop().animate({"backgroundColor": $self.options.double_hilight}, 100, 'swing', function() {
+                    unique.stop().animate({"backgroundColor": color}, 100, 'swing', function(){
+                        unique.css('background-color', '');
+                    });
                 });
-            });
-            return false;
+                return false;
+            } else {
+                if($self.options.onDuplicate(unique, value) != true) {
+                    return false;
+                }
+            }
         }
 
         if(value.url) {