autocomplete added for tags

1 files changed, 55 insertions, 0 deletions

diff --git a/app/views/shared/admin/_autocomplete.html.erb b/app/views/shared/admin/_autocomplete.html.erb
new file mode 100644
index 0000000..7a3baa1
--- /dev/null
+++ b/app/views/shared/admin/_autocomplete.html.erb
@@ -0,0 +1,55 @@
+<% content_for :stylesheets, stylesheet_link_tag("ui-lightness/jquery-ui-1.8.13.custom") -%>
+
+<% content_for :javascripts do %>
+  <%= javascript_include_tag "https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js" %>
+  <script>
+    function split( val ) {
+   		return val.split( /,\s*/ );
+		}
+		function extractLast( term ) {
+			return split( term ).pop();
+		}
+		
+		
+    $(document).ready(function(){
+      page_options.init(false, '', '')
+
+      $('<%= dom_id %>')
+        .bind( "keydown", function( event ) {
+  				if ( event.keyCode === $.ui.keyCode.TAB &&
+  						$( this ).data( "autocomplete" ).menu.active ) {
+  					event.preventDefault()
+  				}
+  			})
+  			.autocomplete({
+  			  source: function( request, response ) {
+  					$.getJSON( "<%= url %>", {
+  						term: extractLast( request.term )
+  					}, response );
+  				},
+  				search: function() {
+  					// custom minLength
+  					var term = extractLast( this.value );
+  					if ( term.length < 2 ) {
+  						return false;
+  					}
+  				},
+  				focus: function() {
+  					// prevent value inserted on focus
+  					return false;
+  				},
+  				select: function( event, ui ) {
+  					var terms = split( this.value );
+  					// remove the current input
+  					terms.pop();
+  					// add the selected item
+  					terms.push( ui.item.value );
+  					// add placeholder to get the comma-and-space at the end
+  					terms.push( "" );
+  					this.value = terms.join( ", " );
+  					return false;
+  				}
+  			})
+    });
+  </script>
+<% end %>
\ No newline at end of file