fuelux-rails 2.1.3 → 2.2.0.beta.1

data/COPYING

@@ -0,0 +1,28 @@
+Copyright (C) 2012, LivePage, LLC.
+All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in the
+Software without restriction, including without limitation the rights to use, copy,
+modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
+and to permit persons to whom the Software is furnished to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
+OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+====================================================================
+
+The above license does not apply to the following bundled components:
+
+•	Fuel UX Located under vendor/assets/javascripts/fuelux
+•	Fuel UX Located under vendor/toolkit/fuelux
+
+Licensing information regarding the above packages can be found in the THIRD-PARTY file.

data/README.md

@@ -0,0 +1,59 @@
+# Fuel UX for Rails 3.1 Asset Pipeline
+Extends Twitter Bootstrap with additional lightweight JavaScript controls. Easy to install, customize, update, and optimize. 
+
+fuelux-rails project integrates Fuel UX into the Twitter Bootstrap CSS toolkit for Rails 3.1 Asset Pipeline (Rails 3.2 supported)
+
+## Installing Gem
+
+Include the [FuelUX Rails gem](http://rubygems.org/gems/fuelux-rails) in Gemfile to install it from [RubyGems.org](http://rubygems.org);
+
+```ruby
+gem "fuelux-rails"
+```
+
+or you can install from latest build;
+
+```ruby
+gem 'fuelux-rails', :git => 'git://github.com/stephenbaldwin/fuelux-rails.git'
+```
+
+You can run bundle from command line
+
+    bundle install
+
+
+## Installing to App (using Generators)
+
+You can run following generators to get started with Twitter Bootstrap quickly.
+
+
+Install (requires directives to Asset pipeline.)
+
+
+Usage:
+
+    rails g fuelux:install
+
+## Using with Less
+
+Fuel UX was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.
+
+## Using stylesheets with Less
+
+You have to require Fuel UX Rails LESS (fuelux.less) in your bootstrap_and_overrides.css.less
+
+```css
+@import 'fuelux.less';
+```
+
+## Using Javascripts
+
+You have to require Fuel UX (fuelux.js) in your application.js
+
+```js
+//= require fuelux.js
+
+$(document).ready(function(){
+  /* Your javascripts goes here... */
+});
+```

data/THIRD-PARTY

@@ -0,0 +1,25 @@
+This file lists bundled packages and their associated licensing terms.
+
+MIT
+
+• Fuel UX located under vendor/assets/javascripts/fuelux. Copyright (C) 2012, ExactTarget, Inc
+• Fuel UX located under vendor/toolkit/fuelux. Copyright (C) 2012, ExactTarget, Inc
+
+All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in the
+Software without restriction, including without limitation the rights to use, copy,
+modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
+and to permit persons to whom the Software is furnished to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
+OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/lib/fuelux-rails/version.rb

@@ -1,3 +1,3 @@
 module FueluxRails
-  VERSION = "2.1.3"
+  VERSION = "2.2.0.beta.1"
 end

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

@@ -0,0 +1,106 @@
+/*
+ * Fuel UX Checkbox
+ * https://github.com/ExactTarget/fuelux
+ *
+ * Copyright (c) 2012 ExactTarget
+ * Licensed under the MIT license.
+ */
+
+!function ($) {
+
+	// CHECKBOX CONSTRUCTOR AND PROTOTYPE
+
+	var Checkbox = function (element, options) {
+
+		this.$element = $(element);
+		this.options = $.extend({}, $.fn.checkbox.defaults, options);
+
+		// cache elements
+		this.$label = this.$element.parent();
+		this.$icon = this.$label.find('i');
+		this.$chk = this.$label.find('input[type=checkbox]');
+
+		// set default state
+		this.setState(this.$chk);
+
+		// handle events
+		this.$chk.on('change', $.proxy(this.itemchecked, this));
+	};
+
+	Checkbox.prototype = {
+
+		constructor: Checkbox,
+
+		setState: function ($chk) {
+			var checked = $chk.is(':checked');
+			var disabled = $chk.is(':disabled');
+
+			// reset classes
+			this.$icon.removeClass('checked').removeClass('disabled');
+
+			// set state of checkbox
+			if (checked === true) {
+				this.$icon.addClass('checked');
+			}
+			if (disabled === true) {
+				this.$icon.addClass('disabled');
+			}
+		},
+
+		enable: function () {
+			this.$chk.attr('disabled', false);
+			this.$icon.removeClass('disabled');
+		},
+
+		disable: function () {
+			this.$chk.attr('disabled', true);
+			this.$icon.addClass('disabled');
+		},
+
+		toggle: function () {
+			this.$chk.click();
+		},
+
+		itemchecked: function (e) {
+			var chk = $(e.target);
+			this.setState(chk);
+		}
+	};
+
+
+	// CHECKBOX PLUGIN DEFINITION
+
+	$.fn.checkbox = function (option, value) {
+		var methodReturn;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('checkbox');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('checkbox', (data = new Checkbox(this, options)));
+			if (typeof option === 'string') methodReturn = data[option](value);
+		});
+
+		return (methodReturn === undefined) ? $set : methodReturn;
+	};
+
+	$.fn.checkbox.defaults = {};
+
+	$.fn.checkbox.Constructor = Checkbox;
+
+
+	// CHECKBOX DATA-API
+
+	$(function () {
+		$(window).on('load', function () {
+			//$('i.checkbox').each(function () {
+			$('.checkbox-custom > input[type=checkbox]').each(function () {
+				var $this = $(this);
+				if ($this.data('checkbox')) return;
+				$this.checkbox($this.data());
+			});
+		});
+	});
+
+}(window.jQuery);

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

@@ -6,31 +6,129 @@
  * Licensed under the MIT license.
  */
 
-!function($){
-
-
+!function ($) {
+	
 	// COMBOBOX CONSTRUCTOR AND PROTOTYPE
 
 	var Combobox = function (element, options) {
 		this.$element = $(element);
 		this.options = $.extend({}, $.fn.combobox.defaults, options);
 		this.$element.on('click', 'a', $.proxy(this.itemclicked, this));
+		this.$element.on('change', 'input', $.proxy(this.inputchanged, this));
 		this.$input = this.$element.find('input');
+		this.$button = this.$element.find('.btn');
+
+		// set default selection
+		this.setDefaultSelection();
 	};
 
 	Combobox.prototype = {
 
 		constructor: Combobox,
 
-		select: function (val) {
-			this.$input.val(val).change();
-			return this;
+		selectedItem: function () {
+			var item = this.$selectedItem;
+			var data = {};
+
+			if (item) {
+				var txt = this.$selectedItem.text();
+				data = $.extend({ text: txt }, this.$selectedItem.data());
+			}
+			else {
+				data = { text: this.$input.val()};
+			}
+
+			return data;
+		},
+
+		selectByText: function (text) {
+			var selector = 'li:fuelTextExactCI(' + text + ')';
+			this.selectBySelector(selector);
+		},
+
+		selectByValue: function (value) {
+			var selector = 'li[data-value=' + value + ']';
+			this.selectBySelector(selector);
+		},
+
+		selectByIndex: function (index) {
+			// zero-based index
+			var selector = 'li:eq(' + index + ')';
+			this.selectBySelector(selector);
+		},
+
+		selectBySelector: function (selector) {
+			var $item = this.$element.find(selector);
+
+			if (typeof $item[0] !== 'undefined') {
+				this.$selectedItem = $item;
+				this.$input.val(this.$selectedItem.text());
+			}
+			else {
+				this.$selectedItem = null;
+			}
+		},
+
+		setDefaultSelection: function () {
+			var selector = 'li[data-selected=true]:first';
+			var item = this.$element.find(selector);
+			if (item.length === 0) {
+				// select first item
+				this.selectByIndex(0);
+			}
+			else {
+				// select by data-attribute
+				this.selectBySelector(selector);
+				item.removeData('selected');
+				item.removeAttr('data-selected');
+			}
+		},
+
+		enable: function () {
+			this.$input.removeAttr('disabled');
+			this.$button.removeClass('disabled');
+		},
+
+		disable: function () {
+			this.$input.attr('disabled', true);
+			this.$button.addClass('disabled');
 		},
 
 		itemclicked: function (e) {
-			this.select($(e.target).text());
-			$('body').click();
+			this.$selectedItem = $(e.target).parent();
+
+			// set input text and trigger input change event marked as synthetic
+			this.$input.val(this.$selectedItem.text()).trigger('change', { synthetic: true });
+
+			// pass object including text and any data-attributes
+			// to onchange event
+			var data = this.selectedItem();
+
+			// trigger changed event
+			this.$element.trigger('changed', data);
+
 			e.preventDefault();
+		},
+
+		inputchanged: function (e, extra) {
+
+			// skip processing for internally-generated synthetic event
+			// to avoid double processing
+			if (extra && extra.synthetic) return;
+
+			var val = $(e.target).val();
+			this.selectByText(val);
+
+			// find match based on input
+			// if no match, pass the input value
+			var data = this.selectedItem();
+			if (data.text.length === 0) {
+				data = { text: val };
+			}
+
+			// trigger changed event
+			this.$element.trigger('changed', data);
+
 		}
 
 	};
@@ -38,15 +136,19 @@
 
 	// COMBOBOX PLUGIN DEFINITION
 
-	$.fn.combobox = function (option) {
-		return this.each(function () {
+	$.fn.combobox = function (option, value) {
+		var methodReturn;
+
+		var $set = this.each(function () {
 			var $this = $(this);
 			var data = $this.data('combobox');
 			var options = typeof option === 'object' && option;
 
 			if (!data) $this.data('combobox', (data = new Combobox(this, options)));
-			if (typeof option === 'string') data[option]();
+			if (typeof option === 'string') methodReturn = data[option](value);
 		});
+
+		return (methodReturn === undefined) ? $set : methodReturn;
 	};
 
 	$.fn.combobox.defaults = {};
@@ -57,6 +159,15 @@
 	// COMBOBOX DATA-API
 
 	$(function () {
+
+		$(window).on('load', function () {
+			$('.combobox').each(function () {
+				var $this = $(this);
+				if ($this.data('combobox')) return;
+				$this.combobox($this.data());
+			});
+		});
+
 		$('body').on('mousedown.combobox.data-api', '.combobox', function (e) {
 			var $this = $(this);
 			if ($this.data('combobox')) return;

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

@@ -6,8 +6,7 @@
  * Licensed under the MIT license.
  */
 
-!function($){
-
+!function ($) {
 
 	// DATAGRID CONSTRUCTOR AND PROTOTYPE
 
@@ -186,6 +185,11 @@
 		next: function () {
 			this.options.dataOptions.pageIndex++;
 			this.renderData();
+		},
+
+		reload: function () {
+			this.options.dataOptions.pageIndex = 0;
+			this.renderData();
 		}
 
 	};
@@ -213,4 +217,4 @@
 
 	$.fn.datagrid.Constructor = Datagrid;
 
-}(window.jQuery);
+}(window.jQuery);