From b8d2bcb913827e1db612b2952e74d316669e6835 Mon Sep 17 00:00:00 2001
From: Joe Sak <joe@joesak.com>
Date: Wed, 15 Jun 2011 11:02:59 -0500
Subject: autocomplete added for tags

---
 app/views/admin/blog/posts/_form.html.erb     |  1 +
 app/views/shared/admin/_autocomplete.html.erb | 55 +++++++++++++++++++++++++++
 2 files changed, 56 insertions(+)
 create mode 100644 app/views/shared/admin/_autocomplete.html.erb

(limited to 'app/views')

diff --git a/app/views/admin/blog/posts/_form.html.erb b/app/views/admin/blog/posts/_form.html.erb
index 24b14ba..c0467fd 100644
--- a/app/views/admin/blog/posts/_form.html.erb
+++ b/app/views/admin/blog/posts/_form.html.erb
@@ -88,3 +88,4 @@
 
 <% content_for :stylesheets, render(:partial => 'form.css') -%>
 <% content_for :javascripts, render(:partial => 'form.js') -%>
+<%= render 'shared/admin/autocomplete', :dom_id => '#blog_post_tag_list', :url => tags_admin_blog_posts_url %>
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
-- 
cgit v1.2.3