selectize-rails 0.7.4 → 0.7.5

data/README.md

@@ -41,6 +41,7 @@ See the [demo page of Brian Reavis](http://brianreavis.github.io/selectize.js/)
 
 | Version | Notes                                                       |
 | -------:| ----------------------------------------------------------- |
+|   0.7.5 | Update to v0.7.5 of selectize.js                            |
 |   0.7.4 | Update to v0.7.4 of selectize.js                            |
 |   0.7.3 | Update to v0.7.3 of selectize.js                            |
 |   0.7.2 | Update to v0.7.2 of selectize.js                            |

data/lib/selectize-rails/version.rb

@@ -1,5 +1,5 @@
 module Selectize
   module Rails
-    VERSION = "0.7.4"
+    VERSION = "0.7.5"
   end
 end

data/vendor/assets/javascripts/selectize.js

@@ -463,7 +463,7 @@
 }));
 
 /**
- * selectize.js (v0.7.4)
+ * selectize.js (v0.7.5)
  * Copyright (c) 2013 Brian Reavis & contributors
  *
  * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
@@ -974,6 +974,7 @@
 	
 		self.initializePlugins(self.settings.plugins);
 		self.setupCallbacks();
+		self.setupTemplates();
 		self.setup();
 	};
 	
@@ -1023,8 +1024,7 @@
 			$dropdown_content = $('<div>').addClass(settings.dropdownContentClass).appendTo($dropdown);
 	
 			$wrapper.css({
-				width: self.$input[0].style.width,
-				display: self.$input.css('display')
+				width: self.$input[0].style.width
 			});
 	
 			if (self.plugins.names.length) {
@@ -1144,6 +1144,35 @@
 			}
 		},
 	
+		/**
+		 * Sets up default rendering functions.
+		 */
+		setupTemplates: function() {
+			var self = this;
+			var field_label = self.settings.labelField;
+			var field_optgroup = self.settings.optgroupLabelField;
+	
+			var templates = {
+				'optgroup': function(data) {
+					return '<div class="optgroup">' + data.html + '</div>';
+				},
+				'optgroup_header': function(data, escape) {
+					return '<div class="optgroup-header">' + escape(data[field_optgroup]) + '</div>';
+				},
+				'option': function(data, escape) {
+					return '<div class="option">' + escape(data[field_label]) + '</div>';
+				},
+				'item': function(data, escape) {
+					return '<div class="item">' + escape(data[field_label]) + '</div>';
+				},
+				'option_create': function(data, escape) {
+					return '<div class="create">Add <strong>' + escape(data.input) + '</strong>&hellip;</div>';
+				},
+			};
+	
+			self.settings.render = $.extend({}, templates, self.settings.render);
+		},
+	
 		/**
 		 * Maps fired events to callbacks provided
 		 * in the settings used when creating the control.
@@ -2555,29 +2584,7 @@
 			}
 	
 			// render markup
-			if (self.settings.render && typeof self.settings.render[templateName] === 'function') {
-				html = self.settings.render[templateName].apply(this, [data, escape_html]);
-			} else {
-				label = data[self.settings.labelField];
-				switch (templateName) {
-					case 'optgroup':
-						html = '<div class="optgroup">' + data.html + "</div>";
-						break;
-					case 'optgroup_header':
-						label = data[self.settings.optgroupLabelField];
-						html = '<div class="optgroup-header">' + escape_html(label) + '</div>';
-						break;
-					case 'option':
-						html = '<div class="option">' + escape_html(label) + '</div>';
-						break;
-					case 'item':
-						html = '<div class="item">' + escape_html(label) + '</div>';
-						break;
-					case 'option_create':
-						html = '<div class="create">Add <strong>' + escape_html(data.input) + '</strong>&hellip;</div>';
-						break;
-				}
-			}
+			html = self.settings.render[templateName].apply(this, [data, escape_html]);
 	
 			// add mandatory attributes
 			if (templateName === 'option' || templateName === 'option_create') {
@@ -2923,25 +2930,45 @@
 	});
 	
 	Selectize.define('remove_button', function(options) {
-		var self = this;
+		if (this.settings.mode === 'single') return;
 	
-		if (self.settings.mode === 'single') {
-			return;
-		}
+		options = $.extend({
+			label     : '&times;',
+			title     : 'Remove',
+			className : 'remove',
+			append    : true,
+		}, options);
+	
+		var self = this;
+		var html = '<a href="javascript:void(0)" class="' + options.className + '" tabindex="-1" title="' + escape_html(options.title) + '">' + options.label + '</a>';
 	
-		// override the item rendering method to add a "x" to each
-		this.settings.render.item = function(data) {
-			var label = data[self.settings.labelField];
-			return '<div class="item">' + label + ' <a href="javascript:void(0)" class="remove" tabindex="-1" title="Remove">&times;</a></div>';
+		/**
+		 * Appends an element as a child (with raw HTML).
+		 *
+		 * @param {string} html_container
+		 * @param {string} html_element
+		 * @return {string}
+		 */
+		var append = function(html_container, html_element) {
+			var pos = html_container.search(/(<\/[^>]+>\s*)$/);
+			return html_container.substring(0, pos) + html_element + html_container.substring(pos);
 		};
 	
-		// override the setup method to add an extra "click" handler
-		// that listens for mousedown events on the "x"
 		this.setup = (function() {
 			var original = self.setup;
 			return function() {
+				// override the item rendering method to add the button to each
+				if (options.append) {
+					var render_item = self.settings.render.item;
+					self.settings.render.item = function(data) {
+						return append(render_item.apply(this, arguments), html);
+					};
+				}
+	
 				original.apply(this, arguments);
-				this.$control.on('click', '.remove', function(e) {
+	
+				// add event listener
+				this.$control.on('click', '.' + options.className, function(e) {
 					e.preventDefault();
 					var $item = $(e.target).parent();
 					self.setActiveItem($item);
@@ -2949,6 +2976,7 @@
 						self.setCaret(self.items.length);
 					}
 				});
+	
 			};
 		})();
 	

data/vendor/assets/stylesheets/selectize.bootstrap2.css

@@ -1,5 +1,5 @@
 /**
- * selectize.bootstrap2.css (v0.7.4) - Bootstrap 2 Theme
+ * selectize.bootstrap2.css (v0.7.5) - Bootstrap 2 Theme
  * Copyright (c) 2013 Brian Reavis & contributors
  *
  * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
@@ -79,12 +79,12 @@
   border-top: 0 none;
 }
 
-.selectize-control.plugin-remove_button .item {
+.selectize-control.plugin-remove_button [data-value] {
   position: relative;
   padding-right: 24px !important;
 }
 
-.selectize-control.plugin-remove_button .item .remove {
+.selectize-control.plugin-remove_button [data-value] .remove {
   position: absolute;
   top: 0;
   right: 0;
@@ -107,11 +107,11 @@
           box-sizing: border-box;
 }
 
-.selectize-control.plugin-remove_button .item .remove:hover {
+.selectize-control.plugin-remove_button [data-value] .remove:hover {
   background: rgba(0, 0, 0, 0.05);
 }
 
-.selectize-control.plugin-remove_button .item.active .remove {
+.selectize-control.plugin-remove_button [data-value].active .remove {
   border-left-color: #0077b3;
 }
 

data/vendor/assets/stylesheets/selectize.bootstrap3.css

@@ -1,5 +1,5 @@
 /**
- * selectize.bootstrap3.css (v0.7.4) - Bootstrap 3 Theme
+ * selectize.bootstrap3.css (v0.7.5) - Bootstrap 3 Theme
  * Copyright (c) 2013 Brian Reavis & contributors
  *
  * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
@@ -79,12 +79,12 @@
   border-top: 0 none;
 }
 
-.selectize-control.plugin-remove_button .item {
+.selectize-control.plugin-remove_button [data-value] {
   position: relative;
   padding-right: 24px !important;
 }
 
-.selectize-control.plugin-remove_button .item .remove {
+.selectize-control.plugin-remove_button [data-value] .remove {
   position: absolute;
   top: 0;
   right: 0;
@@ -107,11 +107,11 @@
           box-sizing: border-box;
 }
 
-.selectize-control.plugin-remove_button .item .remove:hover {
+.selectize-control.plugin-remove_button [data-value] .remove:hover {
   background: rgba(0, 0, 0, 0.05);
 }
 
-.selectize-control.plugin-remove_button .item.active .remove {
+.selectize-control.plugin-remove_button [data-value].active .remove {
   border-left-color: rgba(0, 0, 0, 0);
 }
 

data/vendor/assets/stylesheets/selectize.css

@@ -1,5 +1,5 @@
 /**
- * selectize.css (v0.7.4)
+ * selectize.css (v0.7.5)
  * Copyright (c) 2013 Brian Reavis & contributors
  *
  * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
@@ -79,12 +79,12 @@
   border-top: 0 none;
 }
 
-.selectize-control.plugin-remove_button .item {
+.selectize-control.plugin-remove_button [data-value] {
   position: relative;
   padding-right: 24px !important;
 }
 
-.selectize-control.plugin-remove_button .item .remove {
+.selectize-control.plugin-remove_button [data-value] .remove {
   position: absolute;
   top: 0;
   right: 0;
@@ -107,11 +107,11 @@
           box-sizing: border-box;
 }
 
-.selectize-control.plugin-remove_button .item .remove:hover {
+.selectize-control.plugin-remove_button [data-value] .remove:hover {
   background: rgba(0, 0, 0, 0.05);
 }
 
-.selectize-control.plugin-remove_button .item.active .remove {
+.selectize-control.plugin-remove_button [data-value].active .remove {
   border-left-color: #cacaca;
 }
 

data/vendor/assets/stylesheets/selectize.default.css

@@ -1,5 +1,5 @@
 /**
- * selectize.default.css (v0.7.4) - Default Theme
+ * selectize.default.css (v0.7.5) - Default Theme
  * Copyright (c) 2013 Brian Reavis & contributors
  *
  * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
@@ -79,12 +79,12 @@
   border-top: 0 none;
 }
 
-.selectize-control.plugin-remove_button .item {
+.selectize-control.plugin-remove_button [data-value] {
   position: relative;
   padding-right: 24px !important;
 }
 
-.selectize-control.plugin-remove_button .item .remove {
+.selectize-control.plugin-remove_button [data-value] .remove {
   position: absolute;
   top: 0;
   right: 0;
@@ -107,11 +107,11 @@
           box-sizing: border-box;
 }
 
-.selectize-control.plugin-remove_button .item .remove:hover {
+.selectize-control.plugin-remove_button [data-value] .remove:hover {
   background: rgba(0, 0, 0, 0.05);
 }
 
-.selectize-control.plugin-remove_button .item.active .remove {
+.selectize-control.plugin-remove_button [data-value].active .remove {
   border-left-color: #00578d;
 }
 
@@ -403,12 +403,12 @@
 }
 
 .selectize-dropdown .optgroup-header {
+  padding-top: 7px;
   font-size: 0.85em;
   font-weight: bold;
 }
 
 .selectize-dropdown .optgroup {
-  padding-top: 4px;
   border-top: 1px solid #f0f0f0;
 }
 

data/vendor/assets/stylesheets/selectize.legacy.css

@@ -1,5 +1,5 @@
 /**
- * selectize.legacy.css (v0.7.4) - Default Theme
+ * selectize.legacy.css (v0.7.5) - Default Theme
  * Copyright (c) 2013 Brian Reavis & contributors
  *
  * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
@@ -79,12 +79,12 @@
   border-top: 0 none;
 }
 
-.selectize-control.plugin-remove_button .item {
+.selectize-control.plugin-remove_button [data-value] {
   position: relative;
   padding-right: 24px !important;
 }
 
-.selectize-control.plugin-remove_button .item .remove {
+.selectize-control.plugin-remove_button [data-value] .remove {
   position: absolute;
   top: 0;
   right: 0;
@@ -107,11 +107,11 @@
           box-sizing: border-box;
 }
 
-.selectize-control.plugin-remove_button .item .remove:hover {
+.selectize-control.plugin-remove_button [data-value] .remove:hover {
   background: rgba(0, 0, 0, 0.05);
 }
 
-.selectize-control.plugin-remove_button .item.active .remove {
+.selectize-control.plugin-remove_button [data-value].active .remove {
   border-left-color: #6f9839;
 }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: selectize-rails
 version: !ruby/object:Gem::Version
-  version: 0.7.4
+  version: 0.7.5
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-09-03 00:00:00.000000000 Z
+date: 2013-09-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler