tjadmin 0.0.3 → 0.0.4

data/vendor/assets/javascripts/tjadmin/flot/jquery.flot.resize.js

@@ -0,0 +1,60 @@
+/* Flot plugin for automatically redrawing plots as the placeholder resizes.
+
+Copyright (c) 2007-2013 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+It works by listening for changes on the placeholder div (through the jQuery
+resize event plugin) - if the size changes, it will redraw the plot.
+
+There are no options. If you need to disable the plugin for some plots, you
+can just fix the size of their placeholders.
+
+*/
+
+/* Inline dependency:
+ * jQuery resize event - v1.1 - 3/14/2010
+ * http://benalman.com/projects/jquery-resize-plugin/
+ *
+ * Copyright (c) 2010 "Cowboy" Ben Alman
+ * Dual licensed under the MIT and GPL licenses.
+ * http://benalman.com/about/license/
+ */
+
+(function($,h,c){var a=$([]),e=$.resize=$.extend($.resize,{}),i,k="setTimeout",j="resize",d=j+"-special-event",b="delay",f="throttleWindow";e[b]=250;e[f]=true;$.event.special[j]={setup:function(){if(!e[f]&&this[k]){return false}var l=$(this);a=a.add(l);$.data(this,d,{w:l.width(),h:l.height()});if(a.length===1){g()}},teardown:function(){if(!e[f]&&this[k]){return false}var l=$(this);a=a.not(l);l.removeData(d);if(!a.length){clearTimeout(i)}},add:function(l){if(!e[f]&&this[k]){return false}var n;function m(s,o,p){var q=$(this),r=$.data(this,d);r.w=o!==c?o:q.width();r.h=p!==c?p:q.height();n.apply(this,arguments)}if($.isFunction(l)){n=l;return m}else{n=l.handler;l.handler=m}}};function g(){i=h[k](function(){a.each(function(){var n=$(this),m=n.width(),l=n.height(),o=$.data(this,d);if(m!==o.w||l!==o.h){n.trigger(j,[o.w=m,o.h=l])}});g()},e[b])}})(jQuery,this);
+
+(function ($) {
+    var options = { }; // no options
+
+    function init(plot) {
+        function onResize() {
+            var placeholder = plot.getPlaceholder();
+
+            // somebody might have hidden us and we can't plot
+            // when we don't have the dimensions
+            if (placeholder.width() == 0 || placeholder.height() == 0)
+                return;
+
+            plot.resize();
+            plot.setupGrid();
+            plot.draw();
+        }
+        
+        function bindEvents(plot, eventHolder) {
+            plot.getPlaceholder().resize(onResize);
+        }
+
+        function shutdown(plot, eventHolder) {
+            plot.getPlaceholder().unbind("resize", onResize);
+        }
+        
+        plot.hooks.bindEvents.push(bindEvents);
+        plot.hooks.shutdown.push(shutdown);
+    }
+    
+    $.plot.plugins.push({
+        init: init,
+        options: options,
+        name: 'resize',
+        version: '1.0'
+    });
+})(jQuery);

data/vendor/assets/javascripts/tjadmin/fuelux/data/fuelux.tree-sampledata.js

@@ -0,0 +1,174 @@
+var DataSourceTree = function(options) {
+	this._data 	= options.data;
+	this._delay = options.delay;
+}
+
+DataSourceTree.prototype.data = function(options, callback) {
+	var self = this;
+	var $data = null;
+
+	if(!("name" in options) && !("type" in options)){
+		$data = this._data;//the root tree
+		callback({ data: $data });
+		return;
+	}
+	else if("type" in options && options.type == "folder") {
+		if("additionalParameters" in options && "children" in options.additionalParameters)
+			$data = options.additionalParameters.children;
+		else $data = {}//no data
+	}
+	
+	if($data != null)//this setTimeout is only for mimicking some random delay
+		setTimeout(function(){callback({ data: $data });} , parseInt(Math.random() * 500) + 200);
+
+	//you can retrieve your data from a server using ajax call
+};
+
+var tree_data = {
+	'for-sale' : {name: 'For Sale', type: 'folder'}	,
+	'vehicles' : {name: 'Vehicles', type: 'folder'}	,
+	'rentals' : {name: 'Rentals', type: 'folder'}	,
+	'real-estate' : {name: 'Real Estate', type: 'folder'}	,
+	'pets' : {name: 'Pets', type: 'folder'}	,
+	'tickets' : {name: 'Tickets', type: 'item'}	,
+	'services' : {name: 'Services', type: 'item'}	,
+	'personals' : {name: 'Personals', type: 'item'}
+}
+tree_data['for-sale']['additionalParameters'] = {
+	'children' : {
+		'appliances' : {name: 'Appliances', type: 'item'},
+		'arts-crafts' : {name: 'Arts & Crafts', type: 'item'},
+		'clothing' : {name: 'Clothing', type: 'item'},
+		'computers' : {name: 'Computers', type: 'item'},
+		'jewelry' : {name: 'Jewelry', type: 'item'},
+		'office-business' : {name: 'Office & Business', type: 'item'},
+		'sports-fitness' : {name: 'Sports & Fitness', type: 'item'}
+	}
+}
+tree_data['vehicles']['additionalParameters'] = {
+	'children' : {
+		'cars' : {name: 'Cars', type: 'folder'},
+		'motorcycles' : {name: 'Motorcycles', type: 'item'},
+		'boats' : {name: 'Boats', type: 'item'}
+	}
+}
+tree_data['vehicles']['additionalParameters']['children']['cars']['additionalParameters'] = {
+	'children' : {
+		'classics' : {name: 'Classics', type: 'item'},
+		'convertibles' : {name: 'Convertibles', type: 'item'},
+		'coupes' : {name: 'Coupes', type: 'item'},
+		'hatchbacks' : {name: 'Hatchbacks', type: 'item'},
+		'hybrids' : {name: 'Hybrids', type: 'item'},
+		'suvs' : {name: 'SUVs', type: 'item'},
+		'sedans' : {name: 'Sedans', type: 'item'},
+		'trucks' : {name: 'Trucks', type: 'item'}
+	}
+}
+
+tree_data['rentals']['additionalParameters'] = {
+	'children' : {
+		'apartments-rentals' : {name: 'Apartments', type: 'item'},
+		'office-space-rentals' : {name: 'Office Space', type: 'item'},
+		'vacation-rentals' : {name: 'Vacation Rentals', type: 'item'}
+	}
+}
+tree_data['real-estate']['additionalParameters'] = {
+	'children' : {
+		'apartments' : {name: 'Apartments', type: 'item'},
+		'villas' : {name: 'Villas', type: 'item'},
+		'plots' : {name: 'Plots', type: 'item'}
+	}
+}
+tree_data['pets']['additionalParameters'] = {
+	'children' : {
+		'cats' : {name: 'Cats', type: 'item'},
+		'dogs' : {name: 'Dogs', type: 'item'},
+		'horses' : {name: 'Horses', type: 'item'},
+		'reptiles' : {name: 'Reptiles', type: 'item'}
+	}
+}
+
+var treeDataSource = new DataSourceTree({data: tree_data});
+
+
+
+
+
+
+
+
+
+
+
+var tree_data_2 = {
+	'pictures' : {name: 'Pictures', type: 'folder'}	,
+	'music' : {name: 'Music', type: 'folder'}	,
+	'video' : {name: 'Video', type: 'folder'}	,
+	'documents' : {name: 'Documents', type: 'folder'}	,
+	'backup' : {name: 'Backup', type: 'folder'}	,
+	'readme' : {name: '<img src="'+$assets+'/icons/txt.png" /> ReadMe.txt', type: 'item'},
+	'manual' : {name: '<img src="'+$assets+'/icons/html.png" /> Manual.html', type: 'item'}
+}
+tree_data_2['music']['additionalParameters'] = {
+	'children' : [
+		{name: '<img src="'+$assets+'/icons/ogg.png" /> song1.ogg', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/ogg.png" /> song2.ogg', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/ogg.png" /> song3.ogg', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/ogg.png" /> song4.ogg', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/ogg.png" /> song5.ogg', type: 'item'}
+	]
+}
+tree_data_2['video']['additionalParameters'] = {
+	'children' : [
+		{name: '<img src="'+$assets+'/icons/divx.png" /> movie1.avi', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/divx.png" /> movie2.avi', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/divx.png" /> movie3.avi', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/divx.png" /> movie4.avi', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/divx.png" /> movie5.avi', type: 'item'}
+	]
+}
+tree_data_2['pictures']['additionalParameters'] = {
+	'children' : {
+		'wallpapers' : {name: 'Wallpapers', type: 'folder'},
+		'camera' : {name: 'Camera', type: 'folder'}
+	}
+}
+tree_data_2['pictures']['additionalParameters']['children']['wallpapers']['additionalParameters'] = {
+	'children' : [
+		{name: '<img src="'+$assets+'/icons/jpg.png" /> wallpaper1.jpg', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/jpg.png" /> wallpaper2.jpg', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/jpg.png" /> wallpaper3.jpg', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/jpg.png" /> wallpaper4.jpg', type: 'item'}
+	]
+}
+tree_data_2['pictures']['additionalParameters']['children']['camera']['additionalParameters'] = {
+	'children' : [
+		{name: '<img src="'+$assets+'/icons/jpg.png" /> photo1.jpg', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/jpg.png" /> photo2.jpg', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/jpg.png" /> photo3.jpg', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/jpg.png" /> photo4.jpg', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/jpg.png" /> photo5.jpg', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/jpg.png" /> photo6.jpg', type: 'item'}
+	]
+}
+
+
+tree_data_2['documents']['additionalParameters'] = {
+	'children' : [
+		{name: '<img src="'+$assets+'/icons/pdf.png" /> document1.pdf', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/doc.png" /> document2.doc', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/doc.png" /> document3.doc', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/pdf.png" /> document4.pdf', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/doc.png" /> document5.doc', type: 'item'}
+	]
+}
+
+tree_data_2['backup']['additionalParameters'] = {
+	'children' : [
+		{name: '<img src="'+$assets+'/icons/zip.png" /> backup1.zip', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/zip.png" /> backup2.zip', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/zip.png" /> backup3.zip', type: 'item'},
+		{name: '<img src="'+$assets+'/icons/zip.png" /> backup4.zip', type: 'item'}
+	]
+}
+var treeDataSource2 = new DataSourceTree({data: tree_data_2});

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

@@ -0,0 +1,201 @@
+/*
+ * Fuel UX Spinner
+ * https://github.com/ExactTarget/fuelux
+ *
+ * Copyright (c) 2012 ExactTarget
+ * Licensed under the MIT license.
+ */
+
+(function($ , undefined) {
+
+	//var $ = require('jquery');
+
+
+	// SPINNER CONSTRUCTOR AND PROTOTYPE
+
+	var Spinner = function (element, options) {
+		this.$element = $(element);
+		this.options = $.extend({}, $.fn.spinner.defaults, options);
+		this.$input = this.$element.find('.spinner-input');
+		this.$element.on('keyup', this.$input, $.proxy(this.change, this));
+
+		if (this.options.hold) {
+			this.$element.on('mousedown', '.spinner-up', $.proxy(function() { this.startSpin(true); } , this));
+			this.$element.on('mouseup', '.spinner-up, .spinner-down', $.proxy(this.stopSpin, this));
+			this.$element.on('mouseout', '.spinner-up, .spinner-down', $.proxy(this.stopSpin, this));
+			this.$element.on('mousedown', '.spinner-down', $.proxy(function() {this.startSpin(false);} , this));
+		} else {
+			this.$element.on('click', '.spinner-up', $.proxy(function() { this.step(true); } , this));
+			this.$element.on('click', '.spinner-down', $.proxy(function() { this.step(false); }, this));
+		}
+
+		this.switches = {
+			count: 1,
+			enabled: true
+		};
+
+		if (this.options.speed === 'medium') {
+			this.switches.speed = 300;
+		} else if (this.options.speed === 'fast') {
+			this.switches.speed = 100;
+		} else {
+			this.switches.speed = 500;
+		}
+
+		this.lastValue = null;
+
+		this.render();
+
+		if (this.options.disabled) {
+			this.disable();
+		}
+	};
+
+	Spinner.prototype = {
+		constructor: Spinner,
+
+		render: function () {
+			this.$input.val(this.options.value);
+			this.$input.attr('maxlength',(this.options.max + '').split('').length);
+		},
+
+		change: function () {
+			var newVal = this.$input.val();
+
+			if(newVal/1){
+				this.options.value = newVal/1;
+			}else{
+				newVal = newVal.replace(/[^0-9]/g,'');
+				this.$input.val(newVal);
+				this.options.value = newVal/1;
+			}
+
+			this.triggerChangedEvent();
+		},
+
+		stopSpin: function () {
+			clearTimeout(this.switches.timeout);
+			this.switches.count = 1;
+			this.triggerChangedEvent();
+		},
+
+		triggerChangedEvent: function () {
+			var currentValue = this.value();
+			if (currentValue === this.lastValue) return;
+
+			this.lastValue = currentValue;
+
+			// Primary changed event
+			this.$element.trigger('changed', currentValue);
+
+			// Undocumented, kept for backward compatibility
+			this.$element.trigger('change');
+		},
+
+		startSpin: function (type) {
+
+			if (!this.options.disabled) {
+				var divisor = this.switches.count;
+
+				if (divisor === 1) {
+					this.step(type);
+					divisor = 1;
+				} else if (divisor < 3){
+					divisor = 1.5;
+				} else if (divisor < 8){
+					divisor = 2.5;
+				} else {
+					divisor = 4;
+				}
+
+				this.switches.timeout = setTimeout($.proxy(function() {this.iterator(type);} ,this),this.switches.speed/divisor);
+				this.switches.count++;
+			}
+		},
+
+		iterator: function (type) {
+			this.step(type);
+			this.startSpin(type);
+		},
+
+		step: function (dir) {
+			var curValue = this.options.value;
+			var limValue = dir ? this.options.max : this.options.min;
+
+			if ((dir ? curValue < limValue : curValue > limValue)) {
+				var newVal = curValue + (dir ? 1 : -1) * this.options.step;
+
+				if (dir ? newVal > limValue : newVal < limValue) {
+					this.value(limValue);
+				} else {
+					this.value(newVal);
+				}
+			}
+		},
+
+		value: function (value) {
+			if (!isNaN(parseFloat(value)) && isFinite(value)) {
+				value = parseFloat(value);
+				this.options.value = value;
+				this.$input.val(value);
+				return this;
+			} else {
+				return this.options.value;
+			}
+		},
+
+		disable: function () {
+			this.options.disabled = true;
+			this.$input.attr('disabled','');
+			this.$element.find('button').addClass('disabled');
+		},
+
+		enable: function () {
+			this.options.disabled = false;
+			this.$input.removeAttr("disabled");
+			this.$element.find('button').removeClass('disabled');
+		}
+	};
+
+
+	// SPINNER PLUGIN DEFINITION
+
+	$.fn.spinner = function (option,value) {
+		var methodReturn;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('spinner');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('spinner', (data = new Spinner(this, options)));
+			if (typeof option === 'string') methodReturn = data[option](value);
+		});
+
+		return (methodReturn === undefined) ? $set : methodReturn;
+	};
+
+	$.fn.spinner.defaults = {
+		value: 1,
+		min: 1,
+		max: 999,
+		step: 1,
+		hold: true,
+		speed: 'medium',
+		disabled: false
+	};
+
+	$.fn.spinner.Constructor = Spinner;
+
+
+	// SPINNER DATA-API
+
+	$(function () {
+		$('body').on('mousedown.spinner.data-api', '.spinner', function (e) {
+			var $this = $(this);
+			if ($this.data('spinner')) return;
+			$this.spinner($this.data());
+		});
+	});
+
+})(window.jQuery);

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

@@ -0,0 +1,173 @@
+/*
+ * Fuel UX Tree
+ * https://github.com/ExactTarget/fuelux
+ *
+ * Copyright (c) 2012 ExactTarget
+ * Licensed under the MIT license.
+ */
+
+(function($ , undefined) {
+
+	//var $ = require('jquery');
+
+
+	// TREE CONSTRUCTOR AND PROTOTYPE
+
+	var Tree = function (element, options) {
+		this.$element = $(element);
+		this.options = $.extend({}, $.fn.tree.defaults, options);
+
+		this.$element.on('click', '.tree-item', $.proxy( function(ev) { this.selectItem(ev.currentTarget); } ,this));
+		this.$element.on('click', '.tree-folder-header', $.proxy( function(ev) { this.selectFolder(ev.currentTarget); }, this));
+
+		this.render();
+	};
+
+	Tree.prototype = {
+		constructor: Tree,
+
+		render: function () {
+			this.populate(this.$element);
+		},
+
+		populate: function ($el) {
+			var self = this;
+			var loader = $el.parent().find('.tree-loader:eq(0)');
+
+			loader.show();
+			this.options.dataSource.data($el.data(), function (items) {
+				loader.hide();
+
+				$.each( items.data, function(index, value) {
+					var $entity;
+
+					if(value.type === "folder") {
+						$entity = self.$element.find('.tree-folder:eq(0)').clone().show();
+						$entity.find('.tree-folder-name').html(value.name);
+						$entity.find('.tree-loader').html(self.options.loadingHTML);
+						var header = $entity.find('.tree-folder-header');
+						header.data(value);
+						if('icon-class' in value)
+							header.find('[class*="icon-"]').addClass(value['icon-class']);
+					} else if (value.type === "item") {
+						$entity = self.$element.find('.tree-item:eq(0)').clone().show();
+						$entity.find('.tree-item-name').html(value.name);
+						$entity.data(value);
+					}
+
+					if($el.hasClass('tree-folder-header')) {
+						$el.parent().find('.tree-folder-content:eq(0)').append($entity);
+					} else {
+						$el.append($entity);
+					}
+				});
+
+				self.$element.trigger('loaded');
+			});
+		},
+
+		selectItem: function (el) {
+			if(this.options['selectable'] == false) return;
+			var $el = $(el);
+			var $all = this.$element.find('.tree-selected');
+			var data = [];
+
+			if (this.options.multiSelect) {
+				$.each($all, function(index, value) {
+					var $val = $(value);
+					if($val[0] !== $el[0]) {
+						data.push( $(value).data() );
+					}
+				});
+			} else if ($all[0] !== $el[0]) {
+				$all.removeClass('tree-selected')
+					.find('i').removeClass(this.options['selected-icon']).addClass(this.options['unselected-icon']);
+				data.push($el.data());
+			}
+
+			if($el.hasClass('tree-selected')) {
+				$el.removeClass('tree-selected');
+				$el.find('i').removeClass(this.options['selected-icon']).addClass(this.options['unselected-icon']);
+			} else {
+				$el.addClass ('tree-selected');
+				$el.find('i').removeClass(this.options['unselected-icon']).addClass(this.options['selected-icon']);
+				if (this.options.multiSelect) {
+					data.push( $el.data() );
+				}
+			}
+
+			if(data.length) {
+				this.$element.trigger('selected', {info: data});
+			}
+
+		},
+
+		selectFolder: function (el) {
+			var $el = $(el);
+			var $par = $el.parent();
+
+			if($el.find('.'+this.options['close-icon']).length) {
+				if ($par.find('.tree-folder-content').children().length) {
+					$par.find('.tree-folder-content:eq(0)').show();
+				} else {
+					this.populate( $el );
+				}
+
+				$par.find('.'+this.options['close-icon']+':eq(0)')
+					.removeClass(this.options['close-icon'])
+					.addClass(this.options['open-icon']);
+
+				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();
+				}
+
+				$par.find('.'+this.options['open-icon']+':eq(0)')
+					.removeClass(this.options['open-icon'])
+					.addClass(this.options['close-icon']);
+
+				this.$element.trigger('closed', $el.data());
+			}
+		},
+
+		selectedItems: function () {
+			var $sel = this.$element.find('.tree-selected');
+			var data = [];
+
+			$.each($sel, function (index, value) {
+				data.push($(value).data());
+			});
+			return data;
+		}
+	};
+
+
+	// TREE PLUGIN DEFINITION
+
+	$.fn.tree = function (option, value) {
+		var methodReturn;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('tree');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('tree', (data = new Tree(this, options)));
+			if (typeof option === 'string') methodReturn = data[option](value);
+		});
+
+		return (methodReturn === undefined) ? $set : methodReturn;
+	};
+
+	$.fn.tree.defaults = {
+		multiSelect: false,
+		loadingHTML: '<div>Loading...</div>',
+		cacheItems: true
+	};
+
+	$.fn.tree.Constructor = Tree;
+
+})(window.jQuery);