fuelux-rails 2.3.2 → 2.4.0.rc1

data/vendor/assets/javascripts/fuelux/pillbox.js

@@ -8,6 +8,8 @@
 
 !function ($) {
 
+
+
 	// PILLBOX CONSTRUCTOR AND PROTOTYPE
 
 	var Pillbox = function (element, options) {
@@ -17,25 +19,76 @@
 	};
 
 	Pillbox.prototype = {
-		constructor: Pillbox,
+		constructor : Pillbox,
 
 		items: function() {
 			return this.$element.find('li').map(function() {
 				var $this = $(this);
-				return $.extend({ text: $this.text() }, $this.data());
+				return $.extend({
+					text : $this.text()
+				}, $this.data());
 			}).get();
 		},
 
-		itemclicked: function (e) {
-			$(e.currentTarget).remove();
+		itemclicked: function(e) {
+
+			var $li = $(e.currentTarget);
+			var data = $.extend({
+				text : $li.html()
+			}, $li.data());
+
+			$li.remove();
 			e.preventDefault();
+
+			this.$element.trigger('removed', data);
+		},
+
+		itemCount: function() {
+
+			return this.$element.find('li').length;
+		},
+
+		addItem: function(text, value) {
+
+			value = value || text;
+
+			//<li data-value="foo">Item One</li>
+
+			var $li = $('<li data-value="' + value + '">' + text + '</li>');
+
+			this.$element.find('ul').append($li);
+
+			return $li;
+		},
+
+		removeBySelector: function(selector) {
+
+			this.$element.find('ul').find(selector).remove();
+		},
+
+		removeByValue: function(value) {
+
+			var selector = 'li[data-value="' + value + '"]';
+
+			this.removeBySelector(selector);
+		},
+
+		removeByText: function(text) {
+
+			var selector = 'li:contains("' + text + '")';
+
+			this.removeBySelector(selector);
+		},
+
+		clear: function() {
+
+			this.$element.find('ul').empty();
 		}
 	};
 
-
 	// PILLBOX PLUGIN DEFINITION
 
-	$.fn.pillbox = function (option) {
+	$.fn.pillbox = function (option, value1, value2) {
 		var methodReturn;
 
 		var $set = this.each(function () {
@@ -43,8 +96,8 @@
 			var data = $this.data('pillbox');
 			var options = typeof option === 'object' && option;
 
-			if (!data) $this.data('pillbox', (data = new Pillbox(this, options)));
-			if (typeof option === 'string') methodReturn = data[option]();
+			if (!data) $this.data('pillbox', ( data = new Pillbox(this, options)));
+			if ( typeof option === 'string') methodReturn = data[option](value1, value2);
 		});
 
 		return (methodReturn === undefined) ? $set : methodReturn;
@@ -54,15 +107,14 @@
 
 	$.fn.pillbox.Constructor = Pillbox;
 
-
 	// PILLBOX DATA-API
 
 	$(function () {
-		$('body').on('mousedown.pillbox.data-api', '.pillbox', function (e) {
+		$('body').on('mousedown.pillbox.data-api', '.pillbox', function () {
 			var $this = $(this);
 			if ($this.data('pillbox')) return;
 			$this.pillbox($this.data());
 		});
 	});
-	
-}(window.jQuery);  
+}(window.jQuery);
+

data/vendor/assets/javascripts/fuelux/radio.js

@@ -8,6 +8,9 @@
 
 !function ($) {
 
+
+
+
 	// RADIO CONSTRUCTOR AND PROTOTYPE
 
 	var Radio = function (element, options) {
@@ -31,9 +34,16 @@
 
 		constructor: Radio,
 
-		setState: function ($radio, resetGroupState) {
+		setState: function ($radio) {
+			$radio = $radio || this.$radio;
+
 			var checked = $radio.is(':checked');
 			var disabled = $radio.is(':disabled');
+			
+			// reset classes
+            this.$icon.removeClass('checked').removeClass('disabled');
+
+			this.$icon.removeClass('checked disabled');
 
 			// set state of radio
 			if (checked === true) {

data/vendor/assets/javascripts/fuelux/search.js

@@ -8,6 +8,9 @@
 
 !function ($) {
 
+
+
+
 	// SEARCH CONSTRUCTOR AND PROTOTYPE
 
 	var Search = function (element, options) {
@@ -119,4 +122,4 @@
 		});
 	});
 
-}(window.jQuery);  
+}(window.jQuery);

data/vendor/assets/javascripts/fuelux/select.js

@@ -8,6 +8,9 @@
 
 !function ($) {
 
+
+
+
     // SELECT CONSTRUCTOR AND PROTOTYPE
 
     var Select = function (element, options) {
@@ -42,29 +45,23 @@
         },
 
         resize: function() {
-            var el = $('#selectTextSize')[0];
-
-            // create element if it doesn't exist
-            // used to calculate the length of the longest string
-            if(!el) {
-                $('<div/>').attr({id:'selectTextSize'}).appendTo('body');
-            }
-
-            var width = 0;
             var newWidth = 0;
+            var sizer = $('<div/>').addClass('select-sizer');
+            var width = 0;
+
+            $('body').append(sizer);
 
             // iterate through each item to find longest string
             this.$element.find('a').each(function () {
-                var $this = $(this);
-                var txt = $this.text();
-                var $txtSize = $('#selectTextSize');
-                $txtSize.text(txt);
-                newWidth = $txtSize.outerWidth();
+                sizer.text($(this).text());
+                newWidth = sizer.outerWidth();
                 if(newWidth > width) {
                     width = newWidth;
                 }
             });
 
+            sizer.remove();
+
             this.$label.width(width);
         },
 
@@ -79,7 +76,7 @@
         },
 
         selectByValue: function(value) {
-            var selector = 'li[data-value=' + value + ']';
+            var selector = 'li[data-value="' + value + '"]';
             this.selectBySelector(selector);
         },
 
@@ -156,7 +153,7 @@
             });
         });
 
-        $('body').on('mousedown.select.data-api', '.select', function (e) {
+        $('body').on('mousedown.select.data-api', '.select', function () {
             var $this = $(this);
             if ($this.data('select')) return;
             $this.select($this.data());

data/vendor/assets/javascripts/fuelux/spinner.js

@@ -6,7 +6,10 @@
  * Licensed under the MIT license.
  */
 
-!function ($) {
+!function ($) {
+
+
+
 
 	// SPINNER CONSTRUCTOR AND PROTOTYPE
 
@@ -52,8 +55,15 @@
 		constructor: Spinner,
 
 		render: function () {
-			this.$input.val(this.options.value);
-			this.$input.attr('maxlength',(this.options.max + '').split('').length);
+			var inputValue = this.$input.val();
+
+			if (inputValue) {
+				this.value(inputValue);
+			} else {
+				this.$input.val(this.options.value);
+			}
+
+			this.$input.attr('maxlength', (this.options.max + '').split('').length);
 		},
 
 		change: function () {
@@ -127,11 +137,15 @@
 				} else {
 					this.value(newVal);
 				}
+			} else if (this.options.cycle) {
+				var cycleVal = dir ? this.options.min : this.options.max;
+				this.value(cycleVal);
 			}
 		},
 
 		value: function (value) {
-			if (typeof value !== 'undefined') {
+			if (!isNaN(parseFloat(value)) && isFinite(value)) {
+				value = parseFloat(value);
 				this.options.value = value;
 				this.$input.val(value);
 				return this;
@@ -187,11 +201,11 @@
 	// SPINNER DATA-API
 
 	$(function () {
-		$('body').on('mousedown.spinner.data-api', '.spinner', function (e) {
+		$('body').on('mousedown.spinner.data-api', '.spinner', function () {
 			var $this = $(this);
 			if ($this.data('spinner')) return;
 			$this.spinner($this.data());
 		});
 	});
 
-}(window.jQuery);  
+}(window.jQuery);

data/vendor/assets/javascripts/fuelux/tree.js

@@ -6,7 +6,10 @@
  * Licensed under the MIT license.
  */
 
-!function ($) {
+!function ($) {
+
+
+
 
 	// TREE CONSTRUCTOR AND PROTOTYPE
 
@@ -29,7 +32,8 @@
 
 		populate: function ($el) {
 			var self = this;
-			var loader = $el.parent().find('.tree-loader:eq(0)');
+			var $parent = $el.parent();
+			var loader = $parent.find('.tree-loader:eq(0)');
 
 			loader.show();
 			this.options.dataSource.data($el.data(), function (items) {
@@ -49,14 +53,47 @@
 						$entity.data(value);
 					}
 
+					// Decorate $entity with data making the element
+					// easily accessable with libraries like jQuery.
+					//
+					// Values are contained within the object returned
+					// for folders and items as dataAttributes:
+					//
+					// {
+					//     name: "An Item",
+					//     type: 'item',
+					//     dataAttributes = {
+					//         'classes': 'required-item red-text',
+					//         'data-parent': parentId,
+					//         'guid': guid
+					//     }
+					// };
+
+					var dataAttributes = value.dataAttributes || [];
+					$.each(dataAttributes, function(key, value) {
+						switch (key) {
+						case 'class':
+						case 'classes':
+						case 'className':
+							$entity.addClass(value);
+							break;
+
+						// id, style, data-*
+						default:
+							$entity.attr(key, value);
+							break;
+						}
+					});
+
 					if($el.hasClass('tree-folder-header')) {
-						$el.parent().find('.tree-folder-content:eq(0)').append($entity);
+						$parent.find('.tree-folder-content:eq(0)').append($entity);
 					} else {
 						$el.append($entity);
 					}
 				});
 
-				self.$element.trigger('loaded');
+				// return newly populated folder
+				self.$element.trigger('loaded', $parent);
 			});
 		},
 
@@ -78,7 +115,9 @@
 				data.push($el.data());
 			}
 
+			var eventType = 'selected';
 			if($el.hasClass('tree-selected')) {
+				eventType = 'unselected';
 				$el.removeClass('tree-selected');
 				$el.find('i').removeClass('icon-ok').addClass('tree-dot');
 			} else {
@@ -93,37 +132,47 @@
 				this.$element.trigger('selected', {info: data});
 			}
 
+			// Return new list of selected items, the item
+			// clicked, and the type of event:
+			$el.trigger('updated', {
+				info: data,
+				item: $el,
+				eventType: eventType
+			});
 		},
 
 		selectFolder: function (el) {
 			var $el = $(el);
-			var $par = $el.parent();
-
-			if($el.find('.icon-folder-close').length) {
-				if ($par.find('.tree-folder-content').children().length) {
-					$par.find('.tree-folder-content:eq(0)').show();
-				} else {
-					this.populate( $el );
+			var $parent = $el.parent();
+			var $treeFolderContent = $parent.find('.tree-folder-content');
+			var $treeFolderContentFirstChild = $treeFolderContent.eq(0);
+
+			var eventType, classToTarget, classToAdd;
+			if ($el.find('.icon-folder-close').length) {
+				eventType = 'opened';
+				classToTarget = '.icon-folder-close';
+				classToAdd = 'icon-folder-open';
+
+				$treeFolderContentFirstChild.show();
+				if (!$treeFolderContent.children().length) {
+					this.populate($el);
 				}
-
-				$par.find('.icon-folder-close:eq(0)')
-					.removeClass('icon-folder-close')
-					.addClass('icon-folder-open');
-
-				this.$element.trigger('opened', $el.data());
 			} else {
-				if(this.options.cacheItems) {
-					$par.find('.tree-folder-content:eq(0)').hide();
-				} else {
-					$par.find('.tree-folder-content:eq(0)').empty();
+				eventType = 'closed';
+				classToTarget = '.icon-folder-open';
+				classToAdd = 'icon-folder-close';
+
+				$treeFolderContentFirstChild.hide();
+				if (!this.options.cacheItems) {
+					$treeFolderContentFirstChild.empty();
 				}
+			}
 
-				$par.find('.icon-folder-open:eq(0)')
-					.removeClass('icon-folder-open')
-					.addClass('icon-folder-close');
+			$parent.find(classToTarget).eq(0)
+				.removeClass('icon-folder-close icon-folder-open')
+				.addClass(classToAdd);
 
-				this.$element.trigger('closed', $el.data());
-			}
+			this.$element.trigger(eventType, $el.data());
 		},
 
 		selectedItems: function () {
@@ -134,6 +183,28 @@
 				data.push($(value).data());
 			});
 			return data;
+		},
+
+		// collapses open folders
+		collapse: function () {
+			var cacheItems = this.options.cacheItems;
+
+			// find open folders
+			this.$element.find('.icon-folder-open').each(function () {
+				// update icon class
+				var $this = $(this)
+					.removeClass('icon-folder-close icon-folder-open')
+					.addClass('icon-folder-close');
+
+				// "close" or empty folder contents
+				var $parent = $this.parent().parent();
+				var $folder = $parent.children('.tree-folder-content');
+
+				$folder.hide();
+				if (!cacheItems) {
+					$folder.empty();
+				}
+			});
 		}
 	};
 
@@ -163,4 +234,4 @@
 
 	$.fn.tree.Constructor = Tree;
 
-}(window.jQuery);
+}(window.jQuery);