Controlgroup: Add missing entry to demos bootstrap

1 files changed, 204 insertions, 0 deletions

diff --git a/ui/widgets/controlgroup.js b/ui/widgets/controlgroup.js
new file mode 100644
index 000000000..1614f91e4
--- /dev/null
+++ b/ui/widgets/controlgroup.js
@@ -0,0 +1,204 @@
+/*!
+ * jQuery UI Controlgroup @VERSION
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/controlgroup/
+ */
+( function( factory ) {
+	if ( typeof define === "function" && define.amd ) {
+
+		// AMD. Register as an anonymous module.
+		define( [
+			"jquery",
+			"../widget"
+		], factory );
+	} else {
+
+		// Browser globals
+		factory( jQuery );
+	}
+}( function( $ ) {
+
+return $.widget( "ui.controlgroup", {
+	version: "@VERSION",
+	defaultElement: "<div>",
+	options: {
+		disabled: null,
+		items: {
+			"button": "input[type=button], input[type=submit], input[type=reset], button, a",
+			"checkboxradio": "input[type='checkbox'], input[type='radio']",
+			"selectmenu": "select"
+		},
+		direction: "horizontal",
+		excludeInvisible: true
+	},
+
+	_create: function() {
+		this._enhance();
+	},
+
+	// To support the enhanced option in jQuery Mobile, we isolate DOM manipulation
+	_enhance: function() {
+		this.element.attr( "role", "toolbar" );
+		this.refresh();
+	},
+
+	_destroy: function() {
+		this._callChildMethod( "destroy" );
+		this.childWidgets.removeData( "ui-controlgroup-data" );
+		this.element.removeAttr( "role" );
+	},
+
+	_initWidgets: function() {
+		var that = this,
+			childWidgets = [];
+
+		// First we iterate over each of the items options
+		$.each( this.options.items, function( widget, selector ) {
+			var widgets,
+				options = {};
+
+			// We assume everything is in the middle to start because we can't determine
+			// first / last elements until all enhancments are done.
+			if ( that[ "_" + widget + "_options" ] ) {
+				options = that[ "_" + widget + "_options" ]( "middle" );
+			}
+
+			// Make sure the widget actually exists and has a selector set
+			if ( $.fn[ widget ] && selector ) {
+
+				// Find instances of this widget inside controlgroup and run method or set options
+				widgets = that.element.find( selector )[ widget ]( options );
+
+				// Don't set data or add to the collection if the method is destroy
+				widgets.each( function() {
+
+					// Set data on the widget element pointing to the this.element of the widget
+					// and telling us what type of widget this is
+					var widgetElement =
+						$( this )[ widget ]( "widget" ).data( "ui-controlgroup-data", {
+							"widgetType": widget,
+							"element": $( this )
+						} );
+
+					childWidgets.push( widgetElement[ 0 ] );
+				} );
+			}
+		} );
+
+		this.childWidgets = $( $.unique( childWidgets ) );
+	},
+
+	_callChildMethod: function( method ) {
+		this.childWidgets.each( function() {
+			var element = $( this ),
+				data = element.data( "ui-controlgroup-data" );
+
+			data.element[ data.widgetType ]( method );
+		} );
+	},
+
+	_buildSimpleOptions: function( position, direction, key ) {
+		var result = {
+			classes: {}
+		};
+		result.classes[ key ] = {
+			"middle": null,
+			"first": "ui-corner-" + ( direction ? "top" : "left" ),
+			"last": "ui-corner-" + ( direction ? "bottom" : "right" )
+		}[ position ];
+
+		return result;
+	},
+
+	_button_options: function( position, direction ) {
+		return this._buildSimpleOptions( position, direction, "ui-button" );
+	},
+
+	_checkboxradio_options: function( position, direction ) {
+		return this._buildSimpleOptions( position, direction, "ui-checkboxradio-label" );
+	},
+
+	_selectmenu_options: function( position, direction ) {
+		return {
+			width: direction ? "auto" : false,
+			classes: {
+				middle: {
+					"ui-selectmenu-button-open": null,
+					"ui-selectmenu-button-closed": null
+				},
+				first: {
+					"ui-selectmenu-button-open":
+					"ui-corner-" + ( direction ? "top" : "tl" ),
+					"ui-selectmenu-button-closed":
+					"ui-corner-" + ( direction ? "top" : "left" )
+				},
+				last: {
+					"ui-selectmenu-button-open":
+					direction ? null : "ui-corner-tr",
+					"ui-selectmenu-button-closed":
+					"ui-corner-" + ( direction ? "bottom" : "right" )
+				}
+
+			}[ position ]
+		};
+	},
+
+	_setOption: function( key, value ) {
+		if ( key === "direction" ) {
+			this._removeClass( "ui-controlgroup-" + this.options.direction );
+		}
+
+		this._super( key, value );
+		if ( key === "disabled" ) {
+			this._callChildMethod( value ? "disable" : "enable" );
+			return;
+		}
+
+		this.refresh();
+	},
+
+	refresh: function() {
+		var children,
+			that = this;
+
+		this._addClass( "ui-controlgroup ui-controlgroup-" + this.options.direction );
+
+		if ( this.options.direction === "horizontal" ) {
+			this._addClass( null, "ui-helper-clearfix" );
+		}
+		this._initWidgets();
+
+		children = this.childWidgets;
+
+		// We filter here because we need to track all childWidgets not just the visible ones
+		if ( this.options.excludeInvisible ) {
+			children = children.filter( ":visible" );
+		}
+
+		if ( children.length ) {
+
+			// We do this last because we need to make sure all enhancment is done
+			// before determining first and last
+			[ "first", "last" ].forEach( function( value ) {
+				var data = children[ value ]().data( "ui-controlgroup-data" );
+				if ( that[ "_" + data.widgetType + "_options" ] ) {
+					data.element[ data.widgetType ](
+						that[ "_" + data.widgetType + "_options" ](
+							value,
+							that.options.direction === "vertical"
+						)
+					);
+				}
+			} );
+
+			// Finally call the refresh method on each of the child widgets.
+			this._callChildMethod( "refresh" );
+		}
+	}
+} );
+} ) );