refinerycms-tags 1.0.0 → 1.0.1

data/public/javascripts/jquery.tagsinput.js

@@ -0,0 +1,973 @@
+/*
+ * jQuery UI Autocomplete 1.8.17
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Autocomplete
+ *
+ * Depends:
+ *  jquery.ui.core.js
+ *  jquery.ui.widget.js
+ *  jquery.ui.position.js
+ */
+(function( $, undefined ) {
+
+// used to prevent race conditions with remote data sources
+var requestIndex = 0;
+
+$.widget( "ui.autocomplete", {
+  options: {
+    appendTo: "body",
+    autoFocus: false,
+    delay: 300,
+    minLength: 1,
+    position: {
+      my: "left top",
+      at: "left bottom",
+      collision: "none"
+    },
+    source: null
+  },
+
+  pending: 0,
+
+  _create: function() {
+    var self = this,
+      doc = this.element[ 0 ].ownerDocument,
+      suppressKeyPress;
+
+    this.element
+      .addClass( "ui-autocomplete-input" )
+      .attr( "autocomplete", "off" )
+      // TODO verify these actually work as intended
+      .attr({
+        role: "textbox",
+        "aria-autocomplete": "list",
+        "aria-haspopup": "true"
+      })
+      .bind( "keydown.autocomplete", function( event ) {
+        if ( self.options.disabled || self.element.propAttr( "readOnly" ) ) {
+          return;
+        }
+
+        suppressKeyPress = false;
+        var keyCode = $.ui.keyCode;
+        switch( event.keyCode ) {
+        case keyCode.PAGE_UP:
+          self._move( "previousPage", event );
+          break;
+        case keyCode.PAGE_DOWN:
+          self._move( "nextPage", event );
+          break;
+        case keyCode.UP:
+          self._move( "previous", event );
+          // prevent moving cursor to beginning of text field in some browsers
+          event.preventDefault();
+          break;
+        case keyCode.DOWN:
+          self._move( "next", event );
+          // prevent moving cursor to end of text field in some browsers
+          event.preventDefault();
+          break;
+        case keyCode.ENTER:
+        case keyCode.NUMPAD_ENTER:
+          // when menu is open and has focus
+          if ( self.menu.active ) {
+            // #6055 - Opera still allows the keypress to occur
+            // which causes forms to submit
+            suppressKeyPress = true;
+            event.preventDefault();
+          }
+          //passthrough - ENTER and TAB both select the current element
+        case keyCode.TAB:
+          if ( !self.menu.active ) {
+            return;
+          }
+          self.menu.select( event );
+          break;
+        case keyCode.ESCAPE:
+          self.element.val( self.term );
+          self.close( event );
+          break;
+        default:
+          // keypress is triggered before the input value is changed
+          clearTimeout( self.searching );
+          self.searching = setTimeout(function() {
+            // only search if the value has changed
+            if ( self.term != self.element.val() ) {
+              self.selectedItem = null;
+              self.search( null, event );
+            }
+          }, self.options.delay );
+          break;
+        }
+      })
+      .bind( "keypress.autocomplete", function( event ) {
+        if ( suppressKeyPress ) {
+          suppressKeyPress = false;
+          event.preventDefault();
+        }
+      })
+      .bind( "focus.autocomplete", function() {
+        if ( self.options.disabled ) {
+          return;
+        }
+
+        self.selectedItem = null;
+        self.previous = self.element.val();
+      })
+      .bind( "blur.autocomplete", function( event ) {
+        if ( self.options.disabled ) {
+          return;
+        }
+
+        clearTimeout( self.searching );
+        // clicks on the menu (or a button to trigger a search) will cause a blur event
+        self.closing = setTimeout(function() {
+          self.close( event );
+          self._change( event );
+        }, 150 );
+      });
+    this._initSource();
+    this.response = function() {
+      return self._response.apply( self, arguments );
+    };
+    this.menu = $( "<ul></ul>" )
+      .addClass( "ui-autocomplete" )
+      .appendTo( $( this.options.appendTo || "body", doc )[0] )
+      // prevent the close-on-blur in case of a "slow" click on the menu (long mousedown)
+      .mousedown(function( event ) {
+        // clicking on the scrollbar causes focus to shift to the body
+        // but we can't detect a mouseup or a click immediately afterward
+        // so we have to track the next mousedown and close the menu if
+        // the user clicks somewhere outside of the autocomplete
+        var menuElement = self.menu.element[ 0 ];
+        if ( !$( event.target ).closest( ".ui-menu-item" ).length ) {
+          setTimeout(function() {
+            $( document ).one( 'mousedown', function( event ) {
+              if ( event.target !== self.element[ 0 ] &&
+                event.target !== menuElement &&
+                !$.ui.contains( menuElement, event.target ) ) {
+                self.close();
+              }
+            });
+          }, 1 );
+        }
+
+        // use another timeout to make sure the blur-event-handler on the input was already triggered
+        setTimeout(function() {
+          clearTimeout( self.closing );
+        }, 13);
+      })
+      .menu({
+        focus: function( event, ui ) {
+          var item = ui.item.data( "item.autocomplete" );
+          if ( false !== self._trigger( "focus", event, { item: item } ) ) {
+            // use value to match what will end up in the input, if it was a key event
+            if ( /^key/.test(event.originalEvent.type) ) {
+              self.element.val( item.value );
+            }
+          }
+        },
+        selected: function( event, ui ) {
+          var item = ui.item.data( "item.autocomplete" ),
+            previous = self.previous;
+
+          // only trigger when focus was lost (click on menu)
+          if ( self.element[0] !== doc.activeElement ) {
+            self.element.focus();
+            self.previous = previous;
+            // #6109 - IE triggers two focus events and the second
+            // is asynchronous, so we need to reset the previous
+            // term synchronously and asynchronously :-(
+            setTimeout(function() {
+              self.previous = previous;
+              self.selectedItem = item;
+            }, 1);
+          }
+
+          if ( false !== self._trigger( "select", event, { item: item } ) ) {
+            self.element.val( item.value );
+          }
+          // reset the term after the select event
+          // this allows custom select handling to work properly
+          self.term = self.element.val();
+
+          self.close( event );
+          self.selectedItem = item;
+        },
+        blur: function( event, ui ) {
+          // don't set the value of the text field if it's already correct
+          // this prevents moving the cursor unnecessarily
+          if ( self.menu.element.is(":visible") &&
+            ( self.element.val() !== self.term ) ) {
+            self.element.val( self.term );
+          }
+        }
+      })
+      .zIndex( this.element.zIndex() + 1 )
+      // workaround for jQuery bug #5781 http://dev.jquery.com/ticket/5781
+      .css({ top: 0, left: 0 })
+      .hide()
+      .data( "menu" );
+    if ( $.fn.bgiframe ) {
+       this.menu.element.bgiframe();
+    }
+    // turning off autocomplete prevents the browser from remembering the
+    // value when navigating through history, so we re-enable autocomplete
+    // if the page is unloaded before the widget is destroyed. #7790
+    self.beforeunloadHandler = function() {
+      self.element.removeAttr( "autocomplete" );
+    };
+    $( window ).bind( "beforeunload", self.beforeunloadHandler );
+  },
+
+  destroy: function() {
+    this.element
+      .removeClass( "ui-autocomplete-input" )
+      .removeAttr( "autocomplete" )
+      .removeAttr( "role" )
+      .removeAttr( "aria-autocomplete" )
+      .removeAttr( "aria-haspopup" );
+    this.menu.element.remove();
+    $( window ).unbind( "beforeunload", this.beforeunloadHandler );
+    $.Widget.prototype.destroy.call( this );
+  },
+
+  _setOption: function( key, value ) {
+    $.Widget.prototype._setOption.apply( this, arguments );
+    if ( key === "source" ) {
+      this._initSource();
+    }
+    if ( key === "appendTo" ) {
+      this.menu.element.appendTo( $( value || "body", this.element[0].ownerDocument )[0] )
+    }
+    if ( key === "disabled" && value && this.xhr ) {
+      this.xhr.abort();
+    }
+  },
+
+  _initSource: function() {
+    var self = this,
+      array,
+      url;
+    if ( $.isArray(this.options.source) ) {
+      array = this.options.source;
+      this.source = function( request, response ) {
+        response( $.ui.autocomplete.filter(array, request.term) );
+      };
+    } else if ( typeof this.options.source === "string" ) {
+      url = this.options.source;
+      this.source = function( request, response ) {
+        if ( self.xhr ) {
+          self.xhr.abort();
+        }
+        self.xhr = $.ajax({
+          url: url,
+          data: request,
+          dataType: "json",
+          autocompleteRequest: ++requestIndex,
+          success: function( data, status ) {
+            if ( this.autocompleteRequest === requestIndex ) {
+              response( data );
+            }
+          },
+          error: function() {
+            if ( this.autocompleteRequest === requestIndex ) {
+              response( [] );
+            }
+          }
+        });
+      };
+    } else {
+      this.source = this.options.source;
+    }
+  },
+
+  search: function( value, event ) {
+    value = value != null ? value : this.element.val();
+
+    // always save the actual value, not the one passed as an argument
+    this.term = this.element.val();
+
+    if ( value.length < this.options.minLength ) {
+      return this.close( event );
+    }
+
+    clearTimeout( this.closing );
+    if ( this._trigger( "search", event ) === false ) {
+      return;
+    }
+
+    return this._search( value );
+  },
+
+  _search: function( value ) {
+    this.pending++;
+    this.element.addClass( "ui-autocomplete-loading" );
+
+    this.source( { term: value }, this.response );
+  },
+
+  _response: function( content ) {
+    if ( !this.options.disabled && content && content.length ) {
+      content = this._normalize( content );
+      this._suggest( content );
+      this._trigger( "open" );
+    } else {
+      this.close();
+    }
+    this.pending--;
+    if ( !this.pending ) {
+      this.element.removeClass( "ui-autocomplete-loading" );
+    }
+  },
+
+  close: function( event ) {
+    clearTimeout( this.closing );
+    if ( this.menu.element.is(":visible") ) {
+      this.menu.element.hide();
+      this.menu.deactivate();
+      this._trigger( "close", event );
+    }
+  },
+  
+  _change: function( event ) {
+    if ( this.previous !== this.element.val() ) {
+      this._trigger( "change", event, { item: this.selectedItem } );
+    }
+  },
+
+  _normalize: function( items ) {
+    // assume all items have the right format when the first item is complete
+    if ( items.length && items[0].label && items[0].value ) {
+      return items;
+    }
+    return $.map( items, function(item) {
+      if ( typeof item === "string" ) {
+        return {
+          label: item,
+          value: item
+        };
+      }
+      return $.extend({
+        label: item.label || item.value,
+        value: item.value || item.label
+      }, item );
+    });
+  },
+
+  _suggest: function( items ) {
+    var ul = this.menu.element
+      .empty()
+      .zIndex( this.element.zIndex() + 1 );
+    this._renderMenu( ul, items );
+    // TODO refresh should check if the active item is still in the dom, removing the need for a manual deactivate
+    this.menu.deactivate();
+    this.menu.refresh();
+
+    // size and position menu
+    ul.show();
+    this._resizeMenu();
+    ul.position( $.extend({
+      of: this.element
+    }, this.options.position ));
+
+    if ( this.options.autoFocus ) {
+      this.menu.next( new $.Event("mouseover") );
+    }
+  },
+
+  _resizeMenu: function() {
+    var ul = this.menu.element;
+    ul.outerWidth( Math.max(
+      // Firefox wraps long text (possibly a rounding bug)
+      // so we add 1px to avoid the wrapping (#7513)
+      ul.width( "" ).outerWidth() + 1,
+      this.element.outerWidth()
+    ) );
+  },
+
+  _renderMenu: function( ul, items ) {
+    var self = this;
+    $.each( items, function( index, item ) {
+      self._renderItem( ul, item );
+    });
+  },
+
+  _renderItem: function( ul, item) {
+    return $( "<li></li>" )
+      .data( "item.autocomplete", item )
+      .append( $( "<a></a>" ).text( item.label ) )
+      .appendTo( ul );
+  },
+
+  _move: function( direction, event ) {
+    if ( !this.menu.element.is(":visible") ) {
+      this.search( null, event );
+      return;
+    }
+    if ( this.menu.first() && /^previous/.test(direction) ||
+        this.menu.last() && /^next/.test(direction) ) {
+      this.element.val( this.term );
+      this.menu.deactivate();
+      return;
+    }
+    this.menu[ direction ]( event );
+  },
+
+  widget: function() {
+    return this.menu.element;
+  }
+});
+
+$.extend( $.ui.autocomplete, {
+  escapeRegex: function( value ) {
+    return value.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+  },
+  filter: function(array, term) {
+    var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
+    return $.grep( array, function(value) {
+      return matcher.test( value.label || value.value || value );
+    });
+  }
+});
+
+}( jQuery ));
+
+/*
+ * jQuery UI Menu (not officially released)
+ * 
+ * This widget isn't yet finished and the API is subject to change. We plan to finish
+ * it for the next release. You're welcome to give it a try anyway and give us feedback,
+ * as long as you're okay with migrating your code later on. We can help with that, too.
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Menu
+ *
+ * Depends:
+ *  jquery.ui.core.js
+ *  jquery.ui.widget.js
+ */
+(function($) {
+
+$.widget("ui.menu", {
+  _create: function() {
+    var self = this;
+    this.element
+      .addClass("ui-menu ui-widget ui-widget-content ui-corner-all")
+      .attr({
+        role: "listbox",
+        "aria-activedescendant": "ui-active-menuitem"
+      })
+      .click(function( event ) {
+        if ( !$( event.target ).closest( ".ui-menu-item a" ).length ) {
+          return;
+        }
+        // temporary
+        event.preventDefault();
+        self.select( event );
+      });
+    this.refresh();
+  },
+  
+  refresh: function() {
+    var self = this;
+
+    // don't refresh list items that are already adapted
+    var items = this.element.children("li:not(.ui-menu-item):has(a)")
+      .addClass("ui-menu-item")
+      .attr("role", "menuitem");
+    
+    items.children("a")
+      .addClass("ui-corner-all")
+      .attr("tabindex", -1)
+      // mouseenter doesn't work with event delegation
+      .mouseenter(function( event ) {
+        self.activate( event, $(this).parent() );
+      })
+      .mouseleave(function() {
+        self.deactivate();
+      });
+  },
+
+  activate: function( event, item ) {
+    this.deactivate();
+    if (this.hasScroll()) {
+      var offset = item.offset().top - this.element.offset().top,
+        scroll = this.element.scrollTop(),
+        elementHeight = this.element.height();
+      if (offset < 0) {
+        this.element.scrollTop( scroll + offset);
+      } else if (offset >= elementHeight) {
+        this.element.scrollTop( scroll + offset - elementHeight + item.height());
+      }
+    }
+    this.active = item.eq(0)
+      .children("a")
+        .addClass("ui-state-hover")
+        .attr("id", "ui-active-menuitem")
+      .end();
+    this._trigger("focus", event, { item: item });
+  },
+
+  deactivate: function() {
+    if (!this.active) { return; }
+
+    this.active.children("a")
+      .removeClass("ui-state-hover")
+      .removeAttr("id");
+    this._trigger("blur");
+    this.active = null;
+  },
+
+  next: function(event) {
+    this.move("next", ".ui-menu-item:first", event);
+  },
+
+  previous: function(event) {
+    this.move("prev", ".ui-menu-item:last", event);
+  },
+
+  first: function() {
+    return this.active && !this.active.prevAll(".ui-menu-item").length;
+  },
+
+  last: function() {
+    return this.active && !this.active.nextAll(".ui-menu-item").length;
+  },
+
+  move: function(direction, edge, event) {
+    if (!this.active) {
+      this.activate(event, this.element.children(edge));
+      return;
+    }
+    var next = this.active[direction + "All"](".ui-menu-item").eq(0);
+    if (next.length) {
+      this.activate(event, next);
+    } else {
+      this.activate(event, this.element.children(edge));
+    }
+  },
+
+  // TODO merge with previousPage
+  nextPage: function(event) {
+    if (this.hasScroll()) {
+      // TODO merge with no-scroll-else
+      if (!this.active || this.last()) {
+        this.activate(event, this.element.children(".ui-menu-item:first"));
+        return;
+      }
+      var base = this.active.offset().top,
+        height = this.element.height(),
+        result = this.element.children(".ui-menu-item").filter(function() {
+          var close = $(this).offset().top - base - height + $(this).height();
+          // TODO improve approximation
+          return close < 10 && close > -10;
+        });
+
+      // TODO try to catch this earlier when scrollTop indicates the last page anyway
+      if (!result.length) {
+        result = this.element.children(".ui-menu-item:last");
+      }
+      this.activate(event, result);
+    } else {
+      this.activate(event, this.element.children(".ui-menu-item")
+        .filter(!this.active || this.last() ? ":first" : ":last"));
+    }
+  },
+
+  // TODO merge with nextPage
+  previousPage: function(event) {
+    if (this.hasScroll()) {
+      // TODO merge with no-scroll-else
+      if (!this.active || this.first()) {
+        this.activate(event, this.element.children(".ui-menu-item:last"));
+        return;
+      }
+
+      var base = this.active.offset().top,
+        height = this.element.height();
+        result = this.element.children(".ui-menu-item").filter(function() {
+          var close = $(this).offset().top - base + height - $(this).height();
+          // TODO improve approximation
+          return close < 10 && close > -10;
+        });
+
+      // TODO try to catch this earlier when scrollTop indicates the last page anyway
+      if (!result.length) {
+        result = this.element.children(".ui-menu-item:first");
+      }
+      this.activate(event, result);
+    } else {
+      this.activate(event, this.element.children(".ui-menu-item")
+        .filter(!this.active || this.first() ? ":last" : ":first"));
+    }
+  },
+
+  hasScroll: function() {
+    return this.element.height() < this.element[ $.fn.prop ? "prop" : "attr" ]("scrollHeight");
+  },
+
+  select: function( event ) {
+    this._trigger("selected", event, { item: this.active });
+  }
+});
+
+}(jQuery));
+
+/*
+
+	jQuery Tags Input Plugin 1.3.3
+	
+	Copyright (c) 2011 XOXCO, Inc
+	
+	Documentation for this plugin lives here:
+	http://xoxco.com/clickable/jquery-tags-input
+	
+	Licensed under the MIT license:
+	http://www.opensource.org/licenses/mit-license.php
+
+	ben@xoxco.com
+
+*/
+
+(function($) {
+
+	var delimiter = new Array();
+	var tags_callbacks = new Array();
+	$.fn.doAutosize = function(o){
+	    var minWidth = $(this).data('minwidth'),
+	        maxWidth = $(this).data('maxwidth'),
+	        val = '',
+	        input = $(this),
+	        testSubject = $('#'+$(this).data('tester_id'));
+	
+	    if (val === (val = input.val())) {return;}
+	
+	    // Enter new content into testSubject
+	    var escaped = val.replace(/&/g, '&amp;').replace(/\s/g,' ').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+	    testSubject.html(escaped);
+	    // Calculate new width + whether to change
+	    var testerWidth = testSubject.width(),
+	        newWidth = (testerWidth + o.comfortZone) >= minWidth ? testerWidth + o.comfortZone : minWidth,
+	        currentWidth = input.width(),
+	        isValidWidthChange = (newWidth < currentWidth && newWidth >= minWidth)
+	                             || (newWidth > minWidth && newWidth < maxWidth);
+	
+	    // Animate width
+	    if (isValidWidthChange) {
+	        input.width(newWidth);
+	    }
+
+
+  };
+  $.fn.resetAutosize = function(options){
+    // alert(JSON.stringify(options));
+    var minWidth =  $(this).data('minwidth') || options.minInputWidth || $(this).width(),
+        maxWidth = $(this).data('maxwidth') || options.maxInputWidth || ($(this).closest('.tagsinput').width() - options.inputPadding),
+        val = '',
+        input = $(this),
+        testSubject = $('<tester/>').css({
+            position: 'absolute',
+            top: -9999,
+            left: -9999,
+            width: 'auto',
+            fontSize: input.css('fontSize'),
+            fontFamily: input.css('fontFamily'),
+            fontWeight: input.css('fontWeight'),
+            letterSpacing: input.css('letterSpacing'),
+            whiteSpace: 'nowrap'
+        }),
+        testerId = $(this).attr('id')+'_autosize_tester';
+    if(! $('#'+testerId).length > 0){
+      testSubject.attr('id', testerId);
+      testSubject.appendTo('body');
+    }
+
+    input.data('minwidth', minWidth);
+    input.data('maxwidth', maxWidth);
+    input.data('tester_id', testerId);
+    input.css('width', minWidth);
+  };
+  
+	$.fn.addTag = function(value,options) {
+			options = jQuery.extend({focus:false,callback:true},options);
+			this.each(function() { 
+				var id = $(this).attr('id');
+
+				var tagslist = $(this).val().split(delimiter[id]);
+				if (tagslist[0] == '') { 
+					tagslist = new Array();
+				}
+
+				value = jQuery.trim(value);
+		
+				if (options.unique) {
+					var skipTag = $(tagslist).tagExist(value);
+					if(skipTag == true) {
+					    //Marks fake input as not_valid to let styling it
+    				    $('#'+id+'_tag').addClass('not_valid');
+    				}
+				} else {
+					var skipTag = false; 
+				}
+				
+				if (value !='' && skipTag != true) { 
+                    $('<span>').addClass('tag').append(
+                        $('<span>').text(value).append('&nbsp;&nbsp;'),
+                        $('<a>', {
+                            href  : '#',
+                            title : 'Removing tag',
+                            text  : 'x'
+                        }).click(function () {
+                            return $('#' + id).removeTag(escape(value));
+                        })
+                    ).insertBefore('#' + id + '_addTag');
+
+					tagslist.push(value);
+				
+					$('#'+id+'_tag').val('');
+					if (options.focus) {
+						$('#'+id+'_tag').focus();
+					} else {		
+						$('#'+id+'_tag').blur();
+					}
+					
+					$.fn.tagsInput.updateTagsField(this,tagslist);
+					
+					if (options.callback && tags_callbacks[id] && tags_callbacks[id]['onAddTag']) {
+						var f = tags_callbacks[id]['onAddTag'];
+						f.call(this, value);
+					}
+					if(tags_callbacks[id] && tags_callbacks[id]['onChange'])
+					{
+						var i = tagslist.length;
+						var f = tags_callbacks[id]['onChange'];
+						f.call(this, $(this), tagslist[i-1]);
+					}					
+				}
+		
+			});		
+			
+			return false;
+		};
+		
+	$.fn.removeTag = function(value) { 
+			value = unescape(value);
+			this.each(function() { 
+				var id = $(this).attr('id');
+	
+				var old = $(this).val().split(delimiter[id]);
+					
+				$('#'+id+'_tagsinput .tag').remove();
+				str = '';
+				for (i=0; i< old.length; i++) { 
+					if (old[i]!=value) { 
+						str = str + delimiter[id] +old[i];
+					}
+				}
+				
+				$.fn.tagsInput.importTags(this,str);
+
+				if (tags_callbacks[id] && tags_callbacks[id]['onRemoveTag']) {
+					var f = tags_callbacks[id]['onRemoveTag'];
+					f.call(this, value);
+				}
+			});
+					
+			return false;
+		};
+	
+	$.fn.tagExist = function(val) {
+		return (jQuery.inArray(val, $(this)) >= 0); //true when tag exists, false when not
+	};
+	
+	// clear all existing tags and import new ones from a string
+	$.fn.importTags = function(str) {
+                id = $(this).attr('id');
+		$('#'+id+'_tagsinput .tag').remove();
+		$.fn.tagsInput.importTags(this,str);
+	}
+		
+	$.fn.tagsInput = function(options) { 
+    var settings = jQuery.extend({
+      interactive:true,
+      defaultText:'add a tag',
+      minChars:0,
+      width:'300px',
+      height:'100px',
+      autocomplete: {selectFirst: false },
+      'hide':true,
+      'delimiter':',',
+      'unique':true,
+      removeWithBackspace:true,
+      placeholderColor:'#666666',
+      autosize: true,
+      comfortZone: 20,
+      inputPadding: 6*2
+    },options);
+
+		this.each(function() { 
+			if (settings.hide) { 
+				$(this).hide();				
+			}
+				
+			var id = $(this).attr('id')
+			
+			var data = jQuery.extend({
+				pid:id,
+				real_input: '#'+id,
+				holder: '#'+id+'_tagsinput',
+				input_wrapper: '#'+id+'_addTag',
+				fake_input: '#'+id+'_tag'
+			},settings);
+	
+			delimiter[id] = data.delimiter;
+			
+			if (settings.onAddTag || settings.onRemoveTag || settings.onChange) {
+				tags_callbacks[id] = new Array();
+				tags_callbacks[id]['onAddTag'] = settings.onAddTag;
+				tags_callbacks[id]['onRemoveTag'] = settings.onRemoveTag;
+				tags_callbacks[id]['onChange'] = settings.onChange;
+			}
+	
+			var markup = '<div id="'+id+'_tagsinput" class="tagsinput"><div id="'+id+'_addTag">';
+			
+			if (settings.interactive) {
+				markup = markup + '<input id="'+id+'_tag" value="" data-default="'+settings.defaultText+'" />';
+			}
+			
+			markup = markup + '</div><div class="tags_clear"></div></div>';
+			
+			$(markup).insertAfter(this);
+
+			$(data.holder).css('width',settings.width);
+			$(data.holder).css('height',settings.height);
+	
+			if ($(data.real_input).val()!='') { 
+				$.fn.tagsInput.importTags($(data.real_input),$(data.real_input).val());
+			}		
+			if (settings.interactive) { 
+				$(data.fake_input).val($(data.fake_input).attr('data-default'));
+				$(data.fake_input).css('color',settings.placeholderColor);
+		        $(data.fake_input).resetAutosize(settings);
+		
+				$(data.holder).bind('click',data,function(event) {
+					$(event.data.fake_input).focus();
+				});
+			
+				$(data.fake_input).bind('focus',data,function(event) {
+					if ($(event.data.fake_input).val()==$(event.data.fake_input).attr('data-default')) { 
+						$(event.data.fake_input).val('');
+					}
+					$(event.data.fake_input).css('color','#000000');		
+				});
+						
+				if (settings.autocomplete_url != undefined) {
+					autocomplete_options = {source: settings.autocomplete_url};
+					for (attrname in settings.autocomplete) { 
+						autocomplete_options[attrname] = settings.autocomplete[attrname]; 
+					}
+				
+					if (jQuery.Autocompleter !== undefined) {
+						$(data.fake_input).autocomplete(settings.autocomplete_url, settings.autocomplete);
+						$(data.fake_input).bind('result',data,function(event,data,formatted) {
+							if (data) {
+								$('#'+id).addTag(data[0] + "",{focus:true,unique:(settings.unique)});
+							}
+					  	});
+					} else if (jQuery.ui.autocomplete !== undefined) {
+						$(data.fake_input).autocomplete(autocomplete_options);
+						$(data.fake_input).bind('autocompleteselect',data,function(event,ui) {
+							$(event.data.real_input).addTag(ui.item.value,{focus:true,unique:(settings.unique)});
+							return false;
+						});
+					}
+				
+					
+				} else {
+						// if a user tabs out of the field, create a new tag
+						// this is only available if autocomplete is not used.
+						$(data.fake_input).bind('blur',data,function(event) { 
+							var d = $(this).attr('data-default');
+							if ($(event.data.fake_input).val()!='' && $(event.data.fake_input).val()!=d) { 
+								if( (event.data.minChars <= $(event.data.fake_input).val().length) && (!event.data.maxChars || (event.data.maxChars >= $(event.data.fake_input).val().length)) )
+									$(event.data.real_input).addTag($(event.data.fake_input).val(),{focus:true,unique:(settings.unique)});
+							} else {
+								$(event.data.fake_input).val($(event.data.fake_input).attr('data-default'));
+								$(event.data.fake_input).css('color',settings.placeholderColor);
+							}
+							return false;
+						});
+				
+				}
+				// if user types a comma, create a new tag
+				$(data.fake_input).bind('keypress',data,function(event) {
+					if (event.which==event.data.delimiter.charCodeAt(0) || event.which==13 ) {
+					    event.preventDefault();
+						if( (event.data.minChars <= $(event.data.fake_input).val().length) && (!event.data.maxChars || (event.data.maxChars >= $(event.data.fake_input).val().length)) )
+							$(event.data.real_input).addTag($(event.data.fake_input).val(),{focus:true,unique:(settings.unique)});
+					  	$(event.data.fake_input).resetAutosize(settings);
+						return false;
+					} else if (event.data.autosize) {
+			            $(event.data.fake_input).doAutosize(settings);
+            
+          			}
+				});
+				//Delete last tag on backspace
+				data.removeWithBackspace && $(data.fake_input).bind('keydown', function(event)
+				{
+					if(event.keyCode == 8 && $(this).val() == '')
+					{
+						 event.preventDefault();
+						 var last_tag = $(this).closest('.tagsinput').find('.tag:last').text();
+						 var id = $(this).attr('id').replace(/_tag$/, '');
+						 last_tag = last_tag.replace(/[\s]+x$/, '');
+						 $('#' + id).removeTag(escape(last_tag));
+						 $(this).trigger('focus');
+					}
+				});
+				$(data.fake_input).blur();
+				
+				//Removes the not_valid class when user changes the value of the fake input
+				if(data.unique) {
+				    $(data.fake_input).keydown(function(event){
+				        if(event.keyCode == 8 || String.fromCharCode(event.which).match(/\w+|[áéíóúÁÉÍÓÚñÑ,/]+/)) {
+				            $(this).removeClass('not_valid');
+				        }
+				    });
+				}
+			} // if settings.interactive
+			return false;
+		});
+			
+		return this;
+	
+	};
+	
+	$.fn.tagsInput.updateTagsField = function(obj,tagslist) { 
+		var id = $(obj).attr('id');
+		$(obj).val(tagslist.join(delimiter[id]));
+	};
+	
+	$.fn.tagsInput.importTags = function(obj,val) {			
+		$(obj).val('');
+		var id = $(obj).attr('id');
+		var tags = val.split(delimiter[id]);
+		for (i=0; i<tags.length; i++) { 
+			$(obj).addTag(tags[i],{focus:false,callback:false});
+		}
+		if(tags_callbacks[id] && tags_callbacks[id]['onChange'])
+		{
+			var f = tags_callbacks[id]['onChange'];
+			f.call(obj, obj, tags[i]);
+		}
+	};
+
+})(jQuery);

data/public/javascripts/jquery.tagsinput.min.js

@@ -0,0 +1,15 @@
+/*
+ * jQuery UI Autocomplete 1.8.17
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Autocomplete
+ *
+ * Depends:
+ *  jquery.ui.core.js
+ *  jquery.ui.widget.js
+ *  jquery.ui.position.js
+ */(function(a,b){var c=0;a.widget("ui.autocomplete",{options:{appendTo:"body",autoFocus:!1,delay:300,minLength:1,position:{my:"left top",at:"left bottom",collision:"none"},source:null},pending:0,_create:function(){var b=this,c=this.element[0].ownerDocument,d;this.element.addClass("ui-autocomplete-input").attr("autocomplete","off").attr({role:"textbox","aria-autocomplete":"list","aria-haspopup":"true"}).bind("keydown.autocomplete",function(c){if(!b.options.disabled&&!b.element.propAttr("readOnly")){d=!1;var e=a.ui.keyCode;switch(c.keyCode){case e.PAGE_UP:b._move("previousPage",c);break;case e.PAGE_DOWN:b._move("nextPage",c);break;case e.UP:b._move("previous",c),c.preventDefault();break;case e.DOWN:b._move("next",c),c.preventDefault();break;case e.ENTER:case e.NUMPAD_ENTER:b.menu.active&&(d=!0,c.preventDefault());case e.TAB:if(!b.menu.active)return;b.menu.select(c);break;case e.ESCAPE:b.element.val(b.term),b.close(c);break;default:clearTimeout(b.searching),b.searching=setTimeout(function(){b.term!=b.element.val()&&(b.selectedItem=null,b.search(null,c))},b.options.delay)}}}).bind("keypress.autocomplete",function(a){d&&(d=!1,a.preventDefault())}).bind("focus.autocomplete",function(){b.options.disabled||(b.selectedItem=null,b.previous=b.element.val())}).bind("blur.autocomplete",function(a){b.options.disabled||(clearTimeout(b.searching),b.closing=setTimeout(function(){b.close(a),b._change(a)},150))}),this._initSource(),this.response=function(){return b._response.apply(b,arguments)},this.menu=a("<ul></ul>").addClass("ui-autocomplete").appendTo(a(this.options.appendTo||"body",c)[0]).mousedown(function(c){var d=b.menu.element[0];a(c.target).closest(".ui-menu-item").length||setTimeout(function(){a(document).one("mousedown",function(c){c.target!==b.element[0]&&c.target!==d&&!a.ui.contains(d,c.target)&&b.close()})},1),setTimeout(function(){clearTimeout(b.closing)},13)}).menu({focus:function(a,c){var d=c.item.data("item.autocomplete");!1!==b._trigger("focus",a,{item:d})&&/^key/.test(a.originalEvent.type)&&b.element.val(d.value)},selected:function(a,d){var e=d.item.data("item.autocomplete"),f=b.previous;b.element[0]!==c.activeElement&&(b.element.focus(),b.previous=f,setTimeout(function(){b.previous=f,b.selectedItem=e},1)),!1!==b._trigger("select",a,{item:e})&&b.element.val(e.value),b.term=b.element.val(),b.close(a),b.selectedItem=e},blur:function(a,c){b.menu.element.is(":visible")&&b.element.val()!==b.term&&b.element.val(b.term)}}).zIndex(this.element.zIndex()+1).css({top:0,left:0}).hide().data("menu"),a.fn.bgiframe&&this.menu.element.bgiframe(),b.beforeunloadHandler=function(){b.element.removeAttr("autocomplete")},a(window).bind("beforeunload",b.beforeunloadHandler)},destroy:function(){this.element.removeClass("ui-autocomplete-input").removeAttr("autocomplete").removeAttr("role").removeAttr("aria-autocomplete").removeAttr("aria-haspopup"),this.menu.element.remove(),a(window).unbind("beforeunload",this.beforeunloadHandler),a.Widget.prototype.destroy.call(this)},_setOption:function(b,c){a.Widget.prototype._setOption.apply(this,arguments),b==="source"&&this._initSource(),b==="appendTo"&&this.menu.element.appendTo(a(c||"body",this.element[0].ownerDocument)[0]),b==="disabled"&&c&&this.xhr&&this.xhr.abort()},_initSource:function(){var b=this,d,e;a.isArray(this.options.source)?(d=this.options.source,this.source=function(b,c){c(a.ui.autocomplete.filter(d,b.term))}):typeof this.options.source=="string"?(e=this.options.source,this.source=function(d,f){b.xhr&&b.xhr.abort(),b.xhr=a.ajax({url:e,data:d,dataType:"json",autocompleteRequest:++c,success:function(a,b){this.autocompleteRequest===c&&f(a)},error:function(){this.autocompleteRequest===c&&f([])}})}):this.source=this.options.source},search:function(a,b){a=a!=null?a:this.element.val(),this.term=this.element.val();if(a.length<this.options.minLength)return this.close(b);clearTimeout(this.closing);if(this._trigger("search",b)!==!1)return this._search(a)},_search:function(a){this.pending++,this.element.addClass("ui-autocomplete-loading"),this.source({term:a},this.response)},_response:function(a){!this.options.disabled&&a&&a.length?(a=this._normalize(a),this._suggest(a),this._trigger("open")):this.close(),this.pending--,this.pending||this.element.removeClass("ui-autocomplete-loading")},close:function(a){clearTimeout(this.closing),this.menu.element.is(":visible")&&(this.menu.element.hide(),this.menu.deactivate(),this._trigger("close",a))},_change:function(a){this.previous!==this.element.val()&&this._trigger("change",a,{item:this.selectedItem})},_normalize:function(b){if(b.length&&b[0].label&&b[0].value)return b;return a.map(b,function(b){if(typeof b=="string")return{label:b,value:b};return a.extend({label:b.label||b.value,value:b.value||b.label},b)})},_suggest:function(b){var c=this.menu.element.empty().zIndex(this.element.zIndex()+1);this._renderMenu(c,b),this.menu.deactivate(),this.menu.refresh(),c.show(),this._resizeMenu(),c.position(a.extend({of:this.element},this.options.position)),this.options.autoFocus&&this.menu.next(new a.Event("mouseover"))},_resizeMenu:function(){var a=this.menu.element;a.outerWidth(Math.max(a.width("").outerWidth()+1,this.element.outerWidth()))},_renderMenu:function(b,c){var d=this;a.each(c,function(a,c){d._renderItem(b,c)})},_renderItem:function(b,c){return a("<li></li>").data("item.autocomplete",c).append(a("<a></a>").text(c.label)).appendTo(b)},_move:function(a,b){if(!this.menu.element.is(":visible"))this.search(null,b);else{if(this.menu.first()&&/^previous/.test(a)||this.menu.last()&&/^next/.test(a)){this.element.val(this.term),this.menu.deactivate();return}this.menu[a](b)}},widget:function(){return this.menu.element}}),a.extend(a.ui.autocomplete,{escapeRegex:function(a){return a.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},filter:function(b,c){var d=new RegExp(a.ui.autocomplete.escapeRegex(c),"i");return a.grep(b,function(a){return d.test(a.label||a.value||a)})}})})(jQuery),function(a){a.widget("ui.menu",{_create:function(){var b=this;this.element.addClass("ui-menu ui-widget ui-widget-content ui-corner-all").attr({role:"listbox","aria-activedescendant":"ui-active-menuitem"}).click(function(c){!a(c.target).closest(".ui-menu-item a").length||(c.preventDefault(),b.select(c))}),this.refresh()},refresh:function(){var b=this,c=this.element.children("li:not(.ui-menu-item):has(a)").addClass("ui-menu-item").attr("role","menuitem");c.children("a").addClass("ui-corner-all").attr("tabindex",-1).mouseenter(function(c){b.activate(c,a(this).parent())}).mouseleave(function(){b.deactivate()})},activate:function(a,b){this.deactivate();if(this.hasScroll()){var c=b.offset().top-this.element.offset().top,d=this.element.scrollTop(),e=this.element.height();c<0?this.element.scrollTop(d+c):c>=e&&this.element.scrollTop(d+c-e+b.height())}this.active=b.eq(0).children("a").addClass("ui-state-hover").attr("id","ui-active-menuitem").end(),this._trigger("focus",a,{item:b})},deactivate:function(){!this.active||(this.active.children("a").removeClass("ui-state-hover").removeAttr("id"),this._trigger("blur"),this.active=null)},next:function(a){this.move("next",".ui-menu-item:first",a)},previous:function(a){this.move("prev",".ui-menu-item:last",a)},first:function(){return this.active&&!this.active.prevAll(".ui-menu-item").length},last:function(){return this.active&&!this.active.nextAll(".ui-menu-item").length},move:function(a,b,c){if(!this.active)this.activate(c,this.element.children(b));else{var d=this.active[a+"All"](".ui-menu-item").eq(0);d.length?this.activate(c,d):this.activate(c,this.element.children(b))}},nextPage:function(b){if(this.hasScroll()){if(!this.active||this.last()){this.activate(b,this.element.children(".ui-menu-item:first"));return}var c=this.active.offset().top,d=this.element.height(),e=this.element.children(".ui-menu-item").filter(function(){var b=a(this).offset().top-c-d+a(this).height();return b<10&&b>-10});e.length||(e=this.element.children(".ui-menu-item:last")),this.activate(b,e)}else this.activate(b,this.element.children(".ui-menu-item").filter(!this.active||this.last()?":first":":last"))},previousPage:function(b){if(this.hasScroll()){if(!this.active||this.first()){this.activate(b,this.element.children(".ui-menu-item:last"));return}var c=this.active.offset().top,d=this.element.height();result=this.element.children(".ui-menu-item").filter(function(){var b=a(this).offset().top-c+d-a(this).height();return b<10&&b>-10}),result.length||(result=this.element.children(".ui-menu-item:first")),this.activate(b,result)}else this.activate(b,this.element.children(".ui-menu-item").filter(!this.active||this.first()?":last":":first"))},hasScroll:function(){return this.element.height()<this.element[a.fn.prop?"prop":"attr"]("scrollHeight")},select:function(a){this._trigger("selected",a,{item:this.active})}})}(jQuery);
+(function(a){var b=new Array;var c=new Array;a.fn.doAutosize=function(b){var c=a(this).data("minwidth"),d=a(this).data("maxwidth"),e="",f=a(this),g=a("#"+a(this).data("tester_id"));if(e===(e=f.val())){return}var h=e.replace(/&/g,"&").replace(/\s/g," ").replace(/</g,"<").replace(/>/g,">");g.html(h);var i=g.width(),j=i+b.comfortZone>=c?i+b.comfortZone:c,k=f.width(),l=j<k&&j>=c||j>c&&j<d;if(l){f.width(j)}};a.fn.resetAutosize=function(b){var c=a(this).data("minwidth")||b.minInputWidth||a(this).width(),d=a(this).data("maxwidth")||b.maxInputWidth||a(this).closest(".tagsinput").width()-b.inputPadding,e="",f=a(this),g=a("<tester/>").css({position:"absolute",top:-9999,left:-9999,width:"auto",fontSize:f.css("fontSize"),fontFamily:f.css("fontFamily"),fontWeight:f.css("fontWeight"),letterSpacing:f.css("letterSpacing"),whiteSpace:"nowrap"}),h=a(this).attr("id")+"_autosize_tester";if(!a("#"+h).length>0){g.attr("id",h);g.appendTo("body")}f.data("minwidth",c);f.data("maxwidth",d);f.data("tester_id",h);f.css("width",c)};a.fn.addTag=function(d,e){e=jQuery.extend({focus:false,callback:true},e);this.each(function(){var f=a(this).attr("id");var g=a(this).val().split(b[f]);if(g[0]==""){g=new Array}d=jQuery.trim(d);if(e.unique){var h=a(g).tagExist(d);if(h==true){a("#"+f+"_tag").addClass("not_valid")}}else{var h=false}if(d!=""&&h!=true){a("<span>").addClass("tag").append(a("<span>").text(d).append("  "),a("<a>",{href:"#",title:"Removing tag",text:"x"}).click(function(){return a("#"+f).removeTag(escape(d))})).insertBefore("#"+f+"_addTag");g.push(d);a("#"+f+"_tag").val("");if(e.focus){a("#"+f+"_tag").focus()}else{a("#"+f+"_tag").blur()}a.fn.tagsInput.updateTagsField(this,g);if(e.callback&&c[f]&&c[f]["onAddTag"]){var i=c[f]["onAddTag"];i.call(this,d)}if(c[f]&&c[f]["onChange"]){var j=g.length;var i=c[f]["onChange"];i.call(this,a(this),g[j-1])}}});return false};a.fn.removeTag=function(d){d=unescape(d);this.each(function(){var e=a(this).attr("id");var f=a(this).val().split(b[e]);a("#"+e+"_tagsinput .tag").remove();str="";for(i=0;i<f.length;i++){if(f[i]!=d){str=str+b[e]+f[i]}}a.fn.tagsInput.importTags(this,str);if(c[e]&&c[e]["onRemoveTag"]){var g=c[e]["onRemoveTag"];g.call(this,d)}});return false};a.fn.tagExist=function(b){return jQuery.inArray(b,a(this))>=0};a.fn.importTags=function(b){id=a(this).attr("id");a("#"+id+"_tagsinput .tag").remove();a.fn.tagsInput.importTags(this,b)};a.fn.tagsInput=function(d){var e=jQuery.extend({interactive:true,defaultText:"add a tag",minChars:0,width:"300px",height:"100px",autocomplete:{selectFirst:false},hide:true,delimiter:",",unique:true,removeWithBackspace:true,placeholderColor:"#666666",autosize:true,comfortZone:20,inputPadding:6*2},d);this.each(function(){if(e.hide){a(this).hide()}var d=a(this).attr("id");var f=jQuery.extend({pid:d,real_input:"#"+d,holder:"#"+d+"_tagsinput",input_wrapper:"#"+d+"_addTag",fake_input:"#"+d+"_tag"},e);b[d]=f.delimiter;if(e.onAddTag||e.onRemoveTag||e.onChange){c[d]=new Array;c[d]["onAddTag"]=e.onAddTag;c[d]["onRemoveTag"]=e.onRemoveTag;c[d]["onChange"]=e.onChange}var g='<div id="'+d+'_tagsinput" class="tagsinput"><div id="'+d+'_addTag">';if(e.interactive){g=g+'<input id="'+d+'_tag" value="" data-default="'+e.defaultText+'" />'}g=g+'</div><div class="tags_clear"></div></div>';a(g).insertAfter(this);a(f.holder).css("width",e.width);a(f.holder).css("height",e.height);if(a(f.real_input).val()!=""){a.fn.tagsInput.importTags(a(f.real_input),a(f.real_input).val())}if(e.interactive){a(f.fake_input).val(a(f.fake_input).attr("data-default"));a(f.fake_input).css("color",e.placeholderColor);a(f.fake_input).resetAutosize(e);a(f.holder).bind("click",f,function(b){a(b.data.fake_input).focus()});a(f.fake_input).bind("focus",f,function(b){if(a(b.data.fake_input).val()==a(b.data.fake_input).attr("data-default")){a(b.data.fake_input).val("")}a(b.data.fake_input).css("color","#000000")});if(e.autocomplete_url!=undefined){autocomplete_options={source:e.autocomplete_url};for(attrname in e.autocomplete){autocomplete_options[attrname]=e.autocomplete[attrname]}if(jQuery.Autocompleter!==undefined){a(f.fake_input).autocomplete(e.autocomplete_url,e.autocomplete);a(f.fake_input).bind("result",f,function(b,c,f){if(c){a("#"+d).addTag(c[0]+"",{focus:true,unique:e.unique})}})}else if(jQuery.ui.autocomplete!==undefined){a(f.fake_input).autocomplete(autocomplete_options);a(f.fake_input).bind("autocompleteselect",f,function(b,c){a(b.data.real_input).addTag(c.item.value,{focus:true,unique:e.unique});return false})}}else{a(f.fake_input).bind("blur",f,function(b){var c=a(this).attr("data-default");if(a(b.data.fake_input).val()!=""&&a(b.data.fake_input).val()!=c){if(b.data.minChars<=a(b.data.fake_input).val().length&&(!b.data.maxChars||b.data.maxChars>=a(b.data.fake_input).val().length))a(b.data.real_input).addTag(a(b.data.fake_input).val(),{focus:true,unique:e.unique})}else{a(b.data.fake_input).val(a(b.data.fake_input).attr("data-default"));a(b.data.fake_input).css("color",e.placeholderColor)}return false})}a(f.fake_input).bind("keypress",f,function(b){if(b.which==b.data.delimiter.charCodeAt(0)||b.which==13){b.preventDefault();if(b.data.minChars<=a(b.data.fake_input).val().length&&(!b.data.maxChars||b.data.maxChars>=a(b.data.fake_input).val().length))a(b.data.real_input).addTag(a(b.data.fake_input).val(),{focus:true,unique:e.unique});a(b.data.fake_input).resetAutosize(e);return false}else if(b.data.autosize){a(b.data.fake_input).doAutosize(e)}});f.removeWithBackspace&&a(f.fake_input).bind("keydown",function(b){if(b.keyCode==8&&a(this).val()==""){b.preventDefault();var c=a(this).closest(".tagsinput").find(".tag:last").text();var d=a(this).attr("id").replace(/_tag$/,"");c=c.replace(/[\s]+x$/,"");a("#"+d).removeTag(escape(c));a(this).trigger("focus")}});a(f.fake_input).blur();if(f.unique){a(f.fake_input).keydown(function(b){if(b.keyCode==8||String.fromCharCode(b.which).match(/\w+|[áéíóúÁÉÍÓÚñÑ,/]+/)){a(this).removeClass("not_valid")}})}}return false});return this};a.fn.tagsInput.updateTagsField=function(c,d){var e=a(c).attr("id");a(c).val(d.join(b[e]))};a.fn.tagsInput.importTags=function(d,e){a(d).val("");var f=a(d).attr("id");var g=e.split(b[f]);for(i=0;i<g.length;i++){a(d).addTag(g[i],{focus:false,callback:false})}if(c[f]&&c[f]["onChange"]){var h=c[f]["onChange"];h.call(d,d,g[i])}}})(jQuery);

data/public/stylesheets/jquery.tagsinput.css

@@ -0,0 +1,63 @@
+div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
+div.tagsinput span.tag { border: 1px solid #1C89C7; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #22a7f2; color: #fff; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
+div.tagsinput span.tag span { color: #fff; }
+div.tagsinput span.tag a { font-weight: bold; color: #fff; text-decoration:none; font-size: 11px; }
+div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
+div.tagsinput div { display:block; float: left; } 
+.tags_clear { clear: both; width: 100%; height: 0px; }
+.not_valid {background: #FBD8DB !important; color: #90111A !important;}
+#content div.tagsinput span.tag a { border-bottom: none; } 
+/*
+ * jQuery UI Menu 1.8.17
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Menu#theming
+ */
+.ui-menu {
+  list-style:none;
+  padding: 2px;
+  margin: 0;
+  display:block;
+  float: left;
+}
+.ui-menu .ui-menu {
+  margin-top: -3px;
+}
+.ui-menu .ui-menu-item {
+  margin:0;
+  padding: 0;
+  zoom: 1;
+  float: left;
+  clear: left;
+  width: 100%;
+}
+.ui-menu .ui-menu-item a {
+  text-decoration:none;
+  display:block;
+  padding:.2em .4em;
+  line-height:1.5;
+  zoom:1;
+}
+.ui-menu .ui-menu-item a.ui-state-hover,
+.ui-menu .ui-menu-item a.ui-state-active {
+  font-weight: normal;
+  margin: -1px;
+}
+/*
+ * jQuery UI Autocomplete 1.8.17
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Autocomplete#theming
+ */
+.ui-autocomplete { position: absolute; cursor: default; border: 1px solid #aaaaaa; background: #ffffff; color: #222222; }
+.ui-autocomplete a { color: #222222; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #22a7f2 url(/images/refinery/ui-bg_glass_75_22a7f2_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
+
+/* workarounds */
+* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: refinerycms-tags
 version: !ruby/object:Gem::Version 
-  hash: 23
+  hash: 21
   prerelease: 
   segments: 
   - 1
   - 0
-  - 0
-  version: 1.0.0
+  - 1
+  version: 1.0.1
 platform: ruby
 authors: 
 - Sergio Cambra
@@ -42,22 +42,19 @@ extensions: []
 extra_rdoc_files: []
 
 files: 
-- lib/generators/refinerycms_tags_generator.rb
-- lib/refinerycms-tags.rb
-- lib/tasks/tags.rake
-- lib/refinerycms-tags.rb~
+- app/controllers/admin/tags_controller.rb
+- app/views/shared/admin/_tag_editor.html.erb
 - config/locales/en.yml
-- config/locales/en.yml~
-- config/locales/lolcat.yml
 - config/locales/es.yml
-- config/locales/lolcat.yml~
-- config/locales/es.yml~
+- config/locales/lolcat.yml
 - config/routes.rb
-- config/routes.rb~
-- app/controllers/admin/tags_controller.rb
-- app/controllers/admin/tags_controller.rb~
-- app/views/shared/admin/_tag_editor.html.erb
-- app/views/shared/admin/_tag_editor.html.erb~
+- lib/generators/refinerycms_tags_generator.rb
+- lib/refinerycms-tags.rb
+- lib/tasks/tags.rake
+- public/images/refinery/ui-bg_glass_75_22a7f2_1x400.png
+- public/javascripts/jquery.tagsinput.js
+- public/javascripts/jquery.tagsinput.min.js
+- public/stylesheets/jquery.tagsinput.css
 homepage: http://github.com/scambra/refinerycms-tags
 licenses: []
 

data/app/controllers/admin/tags_controller.rb~

@@ -1,6 +0,0 @@
-class Admin::TagsController < Admin::BaseController
-  def index
-    @tags = ActsAsTaggableOn::Tag.named_like(params[:term]).all
-    render :json => @tags if request.xhr?
-  end
-end

data/app/views/shared/admin/_tag_editor.html.erb~

@@ -1,16 +0,0 @@
-<span class="label_with_help">
-  <%= f.label field -%>
-  <%= refinery_help_tag t('.tag_help') %>
-</span>
-<%= f.text_area field %>
-<%
-unless @tag_editor_included
-  @tag_editor_included = true
-  content_for :after_javascript_libraries, javascript_include_tag("jquery.tagsinput#{'.min' unless Rails.env.development?}.js")
-  content_for :stylesheets, stylesheet_link_tag('jquery.tagsinput.css')
-end
-debugger
-autocomplete_url ||= admin_tags_path if autocomplete
-default_text ||= '.default_text'
-content_for :javascripts, javascript_tag("$(document).ready(function() { $('##{f.object_name}_#{field}').tagsInput({defaultText: '#{t default_text}'#{', autocomplete_url: ' + autocomplete_url.to_json if autocomplete}}); })")
-%>

data/config/locales/en.yml~

@@ -1,5 +0,0 @@
-en:
-  shared:
-    admin:
-      tag_editor:
-        tag_help: Write a tag and press enter

data/config/locales/es.yml~

@@ -1,5 +0,0 @@
-es:
-  shared:
-    admin:
-      tag_editor:
-        tag_help: Escribe una etiqueta y pulsa intro para añadirla

data/config/locales/lolcat.yml~

@@ -1,5 +0,0 @@
-lolcat:
-  shared:
-    admin:
-      tag_editor:
-        tag_help: WRITE A TAG AND PRESS ENTER

data/config/routes.rb~

@@ -1,9 +0,0 @@
-::Refinery::Application.routes.draw do
-  scope(:path => 'refinery', :as => 'admin', :module => 'admin') do
-    resources :tags, :only => [] do
-      collection do
-        get :search
-      end
-    end
-  end
-end

data/lib/refinerycms-tags.rb~

@@ -1,26 +0,0 @@
-require 'refinerycms-base'
-
-module Refinery
-  module Tags
-
-    class << self
-      attr_accessor :root
-      def root
-        @root ||= Pathname.new(File.expand_path('../../', __FILE__))
-      end
-    end
-
-    class Engine < Rails::Engine
-      initializer "static assets" do |app|
-        app.middleware.insert_after ::ActionDispatch::Static, ::ActionDispatch::Static, "#{root}/public"
-      end
-
-      config.after_initialize do
-        Refinery::Plugin.register do |plugin|
-          plugin.name = "tags"
-          plugin.pathname = root
-        end
-      end
-    end
-  end
-end