gridx-rails 1.1.0

data/app/assets/javascripts/gridx/mobile/nls/th/PullRefresh.js

@@ -0,0 +1,7 @@
+define(
+({
+	pullToRefresh: 'ดึงเพื่อรีเฟรช',
+	releaseToRefresh: 'รีลีสเพื่อรีเฟรช',
+	waitForLoading: 'รอการโหลด...'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/th/common.js

@@ -0,0 +1,5 @@
+define(
+({
+	noDataMsg: 'ไม่มีไอเท็มแสดง'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/tr/LazyLoad.js

@@ -0,0 +1,6 @@
+define(
+({
+	loading: 'Yükleniyor...',
+	loadMore: 'Daha Fazla Yükle'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/tr/PullRefresh.js

@@ -0,0 +1,7 @@
+define(
+({
+	pullToRefresh: 'Yenilemek için çekin',
+	releaseToRefresh: 'Yenilemek için bırakın',
+	waitForLoading: 'Yükleme için bekleniyor...'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/tr/common.js

@@ -0,0 +1,5 @@
+define(
+({
+	noDataMsg: 'Görüntülenecek öğe yok.'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/uk/LazyLoad.js

@@ -0,0 +1,6 @@
+define(
+({
+	loading: 'Завантаження...',
+	loadMore: 'Завантажити ще'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/uk/PullRefresh.js

@@ -0,0 +1,7 @@
+define(
+({
+	pullToRefresh: 'Потягніть для оновлення',
+	releaseToRefresh: 'Відпустіть для оновлення',
+	waitForLoading: 'Завантажується, чекайте...'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/uk/common.js

@@ -0,0 +1,5 @@
+define(
+({
+	noDataMsg: 'Немає елементів для відображення.'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/zh/LazyLoad.js

@@ -0,0 +1,6 @@
+define(
+({
+	loading: '正在加载...',
+	loadMore: '加载更多'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/zh/PullRefresh.js

@@ -0,0 +1,7 @@
+define(
+({
+	pullToRefresh: '拉动可刷新',
+	releaseToRefresh: '松开以刷新',
+	waitForLoading: '等待装入...'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/zh/common.js

@@ -0,0 +1,5 @@
+define(
+({
+	noDataMsg: '没有要显示的项。'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/zh-tw/LazyLoad.js

@@ -0,0 +1,6 @@
+define(
+({
+	loading: '正在載入...',
+	loadMore: '載入其他'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/zh-tw/PullRefresh.js

@@ -0,0 +1,7 @@
+define(
+({
+	pullToRefresh: '取回重新整理',
+	releaseToRefresh: '釋出重新整理',
+	waitForLoading: '等待載入中...'
+})
+);

data/app/assets/javascripts/gridx/mobile/nls/zh-tw/common.js

@@ -0,0 +1,5 @@
+define(
+({
+	noDataMsg: '無顯示項目。'
+})
+);

data/app/assets/javascripts/gridx/modules/AutoScroll.js

@@ -0,0 +1,100 @@
+define([
+	"dojo/_base/declare",
+	"dojo/_base/window",
+	"dojo/dom-geometry",
+	"../core/_Module"
+], function(declare, win, domGeometry, _Module){
+
+/*=====
+	return declare(_Module, {
+		// summary:
+		//		Automatically scroll the grid body when mouse is on the edge of grid.
+		//		Useful for extended selection or drag and drop.
+		//		This is a registered module, so if it is depended by other modules, no need to declare it when creating grid.
+
+		name: 'autoScroll',
+		enabled: false,
+		vertical: true,
+		horizontal: true,
+		margin: 20
+	});
+=====*/
+
+	return _Module.register(
+	declare(_Module, {
+
+		name: 'autoScroll',
+
+		constructor: function(){
+			this.connect(win.doc, 'mousemove', '_onMouseMove');
+		},
+
+		//Public ---------------------------------------------------------------------
+		enabled: false,
+
+		vertical: true,
+
+		horizontal: true,
+
+		margin: 20,
+
+		//Private ---------------------------------------------------------------------
+
+		_timeout: 100,
+
+		_step: 10,
+
+		_maxMargin: 100,
+
+		_onMouseMove: function(e){
+			var t = this;
+			if(t.arg('enabled')){
+				var d1, d2, g = t.grid, m = t.arg('margin'), 
+					pos = domGeometry.position(g.bodyNode);
+				if(t.arg('vertical') && g.vScroller){
+					d1 = e.clientY - pos.y - m;
+					d2 = d1 + 2 * m - pos.h;
+					t._vdir = d1 < 0 ? d1 : (d2 > 0 ? d2 : 0);
+				}
+				if(t.arg('horizontal') && g.hScroller){
+					d1 = e.clientX - pos.x - m;
+					d2 = d1 + 2 * m - pos.w;
+					t._hdir = d1 < 0 ? d1 : (d2 > 0 ? d2 : 0);
+				}
+				if(!t._handler){
+					t._scroll();
+				}
+			}
+		},
+
+		_scroll: function(){
+			var t = this;
+			if(t.arg('enabled')){
+				var dir, a, needScroll, g = t.grid,
+					m = t._maxMargin, s = t._step,
+					v = t._vdir, h = t._hdir;
+				if(t.arg('vertical') && v){
+					dir = v > 0 ? 1 : -1;
+					a = Math.min(m, Math.abs(v)) / s;
+					a = (a < 1 ? 1 : a) * s * dir;
+					g.vScroller.domNode.scrollTop += a;
+					needScroll = 1;
+				}
+				if(t.arg('horizontal') && h){
+					dir = h > 0 ? 1 : -1;
+					a = Math.min(m, Math.abs(h)) / s;
+					a = (a < 1 ? 1 : a) * s * dir;
+					g.hScroller.domNode.scrollLeft += a;
+					needScroll = 1;
+				}
+				if(needScroll){
+					t._handler = setTimeout(function(){
+						t._scroll();
+					}, t._timeout);
+					return;
+				}
+			}
+			delete t._handler;
+		}
+	}));
+});

data/app/assets/javascripts/gridx/modules/Bar.js

@@ -0,0 +1,322 @@
+define([
+	"require",
+	"dojo/_base/declare",
+	"dojo/_base/lang",
+	"dojo/_base/array",
+	"dijit/registry",
+	"dijit/a11y",
+	"dojo/dom-construct",
+	"../core/_Module"
+], function(require, declare, lang, array, registry, a11y, domConstruct, _Module){
+
+/*=====
+	var Bar = declare(_Module, {
+		// module:
+		//		gridx/modules/Bar
+		// summary:
+		//		This is a general-purpose bar for gridx.
+		// description:
+		//		This module can be configured to hold various plugins, such as pager, pageSizer, gotoPageButton, summary, quickFilter, toobar, etc.
+		//		This is a registered module, so if it is depended by other modules, no need to declare it when creating grid.
+		// example:
+		//		Bar with single row:
+		//	|	barTop: [
+		//	|		gridx.support.QuickFilter,		//can be the constructor of a bar plugin widget.
+		//	|		"gridx/support/Summary"			//can also be the MID of a bar plugin widget.
+		//	|		{pluginClass: gridx.support.LinkSizer, style: "text-align: center;"},		//or an object with attributes
+		//	|		MyQuickFilterInstance		//or an instance of a plugin widget
+		//	|		{plugin: MyQuickFilterInstance, style: "color: red;"}		//or with other attributes
+		//	|	]
+		//		or multiple rows:
+		//	|	barTop: [
+		//	|		[		//every sub-array is a table row.
+		//	|			{content: "This is <b>a message</b>", style: "background-color: blue;"},	//Can add some html
+		//	|			null	//if null, just an empty cell
+		//	|		],
+		//	|		[
+		//	|			{pluginClass: gridx.support.LinkPager, 'class': 'myclass'},		//can provide custom class for the plugin
+		//	|			{colSpan: 2, rowSpan: 2}	//can add colSpan and rowSpan
+		//	|		]
+		//	|	]
+
+		// top: __BarItem[]?
+		//		An array of bar content declarations. Located above grid header.
+		//		The top bar is a big html table, and every content occupies a cell in it.
+		//		If it is a single demension array, then the top bar will contain only one row.
+		//		If it is a 2 demension array, then every sub-array represents a row.
+		top: null,
+
+		// bottom: __BarItem[]?
+		//		An array of bar content declarations. Located below grid horizontal scroller.
+		//		The bottom bar is a big html table, and every content occupies a cell in it.
+		//		If it is a single demension array, then the bottom bar will contain only one row.
+		//		If it is a 2 demension array, then every sub-array represents a row.
+		bottom: null,
+
+		// plugins: [readonly]Object
+		//		A place to access to the plugins.
+		//		For plugins in top bar, use plugins.top, which is an array of bar rows.
+		//		e.g.: plugins.top[0][0] is the first plugin the first row of the top bar.
+		//		plugin.bottom is similar.
+		plugins: null
+	});
+
+	Bar.__BarItem = declare([], {
+		// summary:
+		//		Configurations for a <td> in the grid bar.
+		//		This configuration object will also be passed to the constructor of the plugin, if "pluginClass" is used,
+		//		so the plugin-related parameters can also be declared here.
+
+		// content: String
+		//		The HTML content in this bar position (<td>)
+		content: '',
+
+		// pluginClass: String|Function
+		//		The class name (MID) or contructor of the plugin. The plugin instance will be created automatically.
+		//		If there's no other configurations, this class name/constructor can be used directly in place 
+		//		of the whole __BarItem configuration object.
+		//		If this parameter exists, the "content" parameter will be ignored.
+		pluginClass: null,
+
+		// plugin: Object
+		//		A plugin instance. If this parameter exists, the "pluginClass" and "content" parameter will be ignored.
+		//		Note that if declared in this way, the same instance can not be used in other bar positions.
+		//		If there's no other configurations, and this plugin has "domNode" attribute, then this instance can be used directly in place 
+		//		of the whole __BarItem configuration object.
+		plugin: null,
+
+		// colSpan: Integer
+		//		Column span of this <td>
+		colSpan: 1,
+
+		// rowSpan: Integer
+		//		Row span of this <td>
+		rowSpan: 1,
+
+		// style: String
+		//		Style of this <td>
+		style: '',
+
+		// className: String
+		//		Class of this <td>
+		className: ''
+	});
+
+	return Bar;
+=====*/
+
+	return _Module.register(
+	declare(_Module, {
+		name: 'bar',
+
+		constructor: function(){
+			this.defs = [];
+		},
+
+		load: function(args, startup){
+			var t = this;
+			t._init();
+			t.loaded.callback();
+			startup.then(function(){
+				t._forEachPlugin(function(plugin){
+					if(plugin && plugin.startup){
+						plugin.startup();
+					}
+				});
+				setTimeout(function(){
+					t.grid.vLayout.reLayout();
+				}, 10);
+			});
+		},
+
+		destroy: function(){
+			this.inherited(arguments);
+			this._forEachPlugin(function(plugin){
+				if(plugin.destroy){
+					plugin.destroy();
+				}
+			});
+		},
+
+		//Private---------------------------------------------------------
+		_init: function(){
+			var t = this,
+				bar,
+				defDict = t._defDict = {},
+				sortDefCols = function(row){
+					row.sort(function(a, b){
+						return a.col - b.col;
+					});
+				},
+				normalize = function(def){
+					if(lang.isArray(def) && def.length && !lang.isArray(def[0])){
+						def = [def];
+					}
+					return def;
+				},
+				top = normalize(t.arg('top')),
+				bottom = normalize(t.arg('bottom'));
+			array.forEach(t.defs, function(def){
+				var barDef = defDict[def.bar] = defDict[def.bar] || [],
+					row = barDef[def.row] = barDef[def.row] || [];
+				row.push(def);
+				barDef.priority = 'priority' in def ? def.priority : barDef.priority || -5;
+				barDef.container = def.container ? def.container : barDef.container || 'headerNode';
+				barDef.barClass = def.barClass ? def.barClass : barDef.barClass || '';
+			});
+			for(bar in defDict){
+				array.forEach(defDict[bar], sortDefCols);
+			}
+			if(top){
+				defDict.top = top.concat(defDict.top || []);
+			}
+			if(defDict.top){
+				defDict.top.priority = -5;
+				defDict.top.container = 'headerNode';
+			}
+			if(bottom){
+				defDict.bottom = (defDict.bottom || []).concat(bottom);
+			}
+			if(defDict.bottom){
+				defDict.bottom.priority = 5;
+				defDict.bottom.container = 'footerNode';
+			}
+			for(bar in defDict){
+				var def = defDict[bar],
+					nodeName = bar + 'Node',
+					node = t[nodeName] = domConstruct.create('div', {
+						'class': "gridxBar " + def.barClass || '',
+						innerHTML: '<table border="0" cellspacing="0" role="presentation"></table>'
+					});
+				t.grid.vLayout.register(t, nodeName, def.container, def.priority);
+				t._initFocus(bar, def.priority);
+				t.plugins = t.plugins || {};
+				t.plugins[bar] = t._parse(def, node.firstChild);
+			}
+		},
+
+		_parse: function(defs, node){
+			var plugin,
+				plugins = [],
+				tbody = domConstruct.create('tbody'),
+				setAttr = function(n, def, domAttr, attr){
+					if(def[attr]){
+						n.setAttribute(domAttr || attr, def[attr]);
+						delete def[attr];
+					}
+				};
+			for(var i = 0, rowCount = defs.length; i < rowCount; ++i){
+				var pluginRow = [],
+					row = defs[i],
+					tr = domConstruct.create('tr');
+				for(var j = 0, colCount = row.length; j < colCount; ++j){
+					var def = this._normalizePlugin(row[j]),
+						td = domConstruct.create('td');
+					array.forEach(['colSpan', 'rowSpan', 'style'], lang.partial(setAttr, td, def, 0));
+					setAttr(td, def, 'class', 'className');
+					plugin = null;
+					try{
+						if(def.plugin){
+							plugin = registry.byId(def.plugin);
+							td.appendChild(plugin.domNode);
+						}else if(def.pluginClass){
+							var cls = def.pluginClass;
+							delete def.pluginClass;
+							plugin = new cls(def);
+							td.appendChild(plugin.domNode);
+						}else if(def.content){
+							td.innerHTML = def.content;
+						}
+					}catch(e){
+						console.error(e);
+					}
+					pluginRow.push(plugin || td);
+					tr.appendChild(td);
+				}
+				plugins.push(pluginRow);
+				tbody.appendChild(tr);
+			}
+			node.appendChild(tbody);
+			return plugins;
+		},
+
+		_normalizePlugin: function(def){
+			if(!def || !lang.isObject(def) || lang.isFunction(def)){
+				//def is a constructor or class name
+				def = {
+					pluginClass: def
+				};
+			}else if(def.domNode){
+				//def is a widget
+				def = {
+					plugin: def
+				};
+			}else{
+				//def is a configuration object.
+				//Shallow copy, so user's input won't be changed.
+				def = lang.mixin({}, def);
+			}
+			if(lang.isString(def.pluginClass)){
+				try{
+					def.pluginClass = require(def.pluginClass);
+				}catch(e){
+					console.error(e);
+				}
+			}
+			if(lang.isFunction(def.pluginClass)){
+				def.grid = this.grid;
+			}else{
+				def.pluginClass = null;
+			}
+			return def;
+		},
+
+		_forEachPlugin: function(callback){
+			function forEach(plugins){
+				if(plugins){
+					for(var i = 0, rowCount = plugins.length; i < rowCount; ++i){
+						var row = plugins[i];
+						for(var j = 0, colCount = row.length; j < colCount; ++j){
+							callback(row[j]);
+						}
+					}
+				}
+			}
+			var plugins = this.plugins;
+			for(var barName in plugins){
+				forEach(plugins[barName]);
+			}
+		},
+
+		//Focus---------------------
+		_initFocus: function(barName, priority){
+			var t = this,
+				f = t.grid.focus,
+				node = t[barName + 'Node'];
+			if(f && node){
+				f.registerArea({
+					name: barName + 'bar',
+					priority: priority,
+					focusNode: node,
+					doFocus: lang.hitch(t, t._doFocus, node),
+					doBlur: lang.hitch(t, t._doBlur, node)
+				});
+			}
+		},
+
+		_doFocus: function(node, evt, step){
+			this.grid.focus.stopEvent(evt);
+			var elems = a11y._getTabNavigable(node),
+				n = elems[step < 0 ? 'last' : 'first'];
+			if(n){
+				n.focus();
+			}
+			return !!n;
+		},
+
+		_doBlur: function(node, evt, step){
+			var elems = a11y._getTabNavigable(node);
+			return evt ? evt.target == (step < 0 ? elems.first : elems.last) : true;
+		}
+	}));
+});