gridx-rails 1.1.0

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    MDkxNzQxZWUyZWNmZDI3ZjhjNDI4Yjc4M2YwN2FkNDRiMmUyMWFmMQ==
+  data.tar.gz: !binary |-
+    ZjliNzU1YmNmYmJiY2I5YWI4ZjQ3ODM0ZDZiMzNkZDE1ODBhNjAwMQ==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    OTM1ZjlhM2U5MmUwY2Y0OTJhZTk4M2U1NzFkNWJkNTczMDM2MTcyMTM4MTli
+    ZDQ2ZDhjZTdjNDYwNGNmNzMyY2Q5ZWE1ZWQwNDMyNDcyM2Q1ZGFjODMzZDJh
+    MjU3NDc5MjVjZGIxNmI1MmRjZjI2NDA0YWNhMTA4ZjI0Y2I1ZDE=
+  data.tar.gz: !binary |-
+    YzRlNDcyYzNlZWVhYjg0MWZiMzc2NTMyOGI2ZGY0ZWQ2NGVmMzM0ZjI2OThi
+    MjY4MTYyZTFhZThkMDQ3ZDg0NjdkZTBiM2YxMjA0MDRkODUwNGY5ZjI5NjBl
+    MzFmYmNkNDU0YmNhODYxNzgwZmU2ZDdkZWZiYmJmMmIyZjU0YWM=

data/LICENSE

@@ -0,0 +1,2 @@
+Dojo, GridX AND this gem are available under *either* the terms of the 
+modified BSD license *or* the Academic Free License (see gridx/LICENSE).

data/README.md

@@ -0,0 +1,18 @@
+# gridx-rails
+
+This gem packages [GridX](http://oria.github.io/gridx/) 1.1.0 assets (JavaScripts, stylesheets, 
+templates and and images) for the Rails 3.1+ [asset
+pipeline](http://guides.rubyonrails.org/asset_pipeline.html).
+
+GridX is designed to load modules using Dojo AMD, so the files are not
+packaged together in the typical asset pipeline style, they are instead
+minified separately.
+
+## Usage
+
+In your Gemfile, add:
+
+```ruby
+gem 'gridx-rails'
+```
+

data/Rakefile

@@ -0,0 +1,36 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'GridxRails'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+task default: :test
+
+Dir.glob('lib/tasks/*.rake').each { |r| load r }

data/app/assets/javascripts/gridx/Grid.js

@@ -0,0 +1,224 @@
+define([
+	"dojo/_base/declare",
+	"dojo/_base/lang",
+	"dojo/_base/sniff",
+	"dojo/on",
+	"dojo/dom-class",
+	"dojo/dom-geometry",
+	"dojo/query",
+	"dojox/html/metrics",
+	"dijit/_WidgetBase",
+	"dijit/_FocusMixin",
+	"dijit/_TemplatedMixin",
+	"dojo/text!./templates/Grid.html",
+	"./core/Core",
+	"./core/model/extensions/Query",
+	"./core/_Module",
+	"./modules/Header",
+	"./modules/View",
+	"./modules/Body",
+	"./modules/VLayout",
+	"./modules/HLayout",
+	"./modules/VScroller",
+	"./modules/HScroller",
+	"./modules/ColumnWidth",
+	"./modules/Focus",
+	"dijit/_BidiSupport",
+	"dojo/NodeList-dom",
+	"dojo/NodeList-traverse"
+], function(declare, lang, has, on, domClass, domGeometry, query, metrics,
+	_WidgetBase, _FocusMixin, _TemplatedMixin, template,
+	Core, Query, _Module, Header, View, Body, VLayout, HLayout, VScroller, HScroller, ColumnWidth, Focus, _BidiSupport){
+
+	var dummyFunc = function(){};
+
+	return declare('gridx.Grid', [_WidgetBase, _TemplatedMixin, _FocusMixin, Core], {
+		// summary:
+		//		Gridx is a highly extensible widget providing grid/table functionalities. 
+		// description:
+		//		Gridx is much smaller, faster, more reasonable designed, more powerful and more flexible 
+		//		compared to the old dojo DataGrid/EnhancedGrid.
+		
+		templateString: template,
+
+		//textDir bidi support begin
+		_setTextDirAttr: function(textDir){
+			// summary:
+			//		 Seamlessly changes grid 'textDir' property on the fly.
+			// textDir:
+			//		Grid text direction
+			if(this.textDir != textDir){
+				this.textDir = textDir;
+				this.header.refresh();
+				if(this.edit){
+					this.edit._initAlwaysEdit();
+				}
+				this.body.refresh();
+			}
+		},
+
+		getTextDir: function(colId, text){
+			var col = this._columnsById[colId],
+				textDir = (col && col.textDir) || this.textDir;
+			return textDir = (textDir === "auto") ? _BidiSupport.prototype._checkContextual(text) : textDir;
+		},
+
+		getTextDirStyle: function(colId, text){
+			var textDir = this.getTextDir(colId, text);
+			return textDir ? " direction:" + textDir + ";" : "";
+		},
+
+		enforceTextDirWithUcc: function(colId, text){
+			var textDir = this.getTextDir(colId, text);
+			//var LRE = '\u202A', RLE = '\u202B', PDF = '\u202C';
+			return textDir ? (textDir === "rtl" ? '\u202B' : '\u202A') + text + '\u202C' : text;
+		},
+		//textDir bidi support end
+
+		coreModules: [
+			//Put default modules here!
+			Header,
+			View,
+			Body,
+			VLayout,
+			HLayout,
+			VScroller,
+			HScroller,
+			ColumnWidth,
+			Focus
+		],
+
+		coreExtensions: [
+			//Put default extensions here!
+			Query
+		],
+	
+		postCreate: function(){
+			// summary:
+			//		Override to initialize grid modules
+			// tags:
+			//		protected extension
+			var t = this;
+			t.inherited(arguments);
+			t._eventFlags = {};
+			t.modules = t.coreModules.concat(t.modules || []);
+			t.modelExtensions = t.coreExtensions.concat(t.modelExtensions || []);
+			domClass.toggle(t.domNode, 'gridxRtl', !t.isLeftToRight());
+			t.lastFocusNode.setAttribute('tabIndex', t.domNode.getAttribute('tabIndex'));
+			t._initEvents(t._compNames, t._eventNames);
+			t._init();
+			//resize the grid when zoomed in/out.
+			t.connect(metrics, 'onFontResize', function(){
+				t.resize();
+			});
+		},
+	
+		startup: function(){
+			// summary:
+			//		Startup this grid widget
+			// tags:
+			//		public extension
+			if(!this._started){
+				this.inherited(arguments);
+				this._deferStartup.callback();
+			}
+		},
+	
+		destroy: function(){
+			// summary:
+			//		Destroy this grid widget
+			// tags:
+			//		public extension
+			this._uninit();
+			this.inherited(arguments);
+		},
+
+	/*=====
+		// autoHeight: Boolean
+		//		If true, the grid's height is determined by the total height of the rows in current body view,
+		//		so that there will never be vertical scroller bar. And when scrolling the mouse wheel over grid body,
+		//		the whole page will be scrolled. Note if this is false, only the grid body will be scrolled.
+		autoHeight: false,
+		// autoWidth: Boolean
+		//		If true, the grid's width is determined by the total width of the columns, so that there will
+		//		never be horizontal scroller bar.
+		autoWidth: false,
+	=====*/
+
+		
+		resize: function(changeSize){
+			// summary:
+			//		Resize the grid using given width and height.
+			// tags:
+			//		public
+			// changeSize: Object?
+			//		An object like {w: ..., h: ...}.
+			//		If omitted, the grid will re-layout itself in current width/height.
+			var t = this, ds = {};
+			if(changeSize){
+				if(t.autoWidth){
+					changeSize.w = undefined;
+				}
+				if(t.autoHeight){
+					changeSize.h = undefined;
+				}
+				domGeometry.setMarginBox(t.domNode, changeSize);
+			}
+			t._onResizeBegin(changeSize, ds);
+			t._onResizeEnd(changeSize, ds);
+		},
+
+		//Private-------------------------------------------------------------------------------
+		_onResizeBegin: function(){},
+		_onResizeEnd: function(){},
+
+		_escapeId: function(id){
+			return String(id).replace(/\\/g, "\\\\");
+		},
+
+		//event handling begin
+		_compNames: ['Cell', 'HeaderCell', 'Row', 'Header'],
+	
+		_eventNames: [
+			'Click', 'DblClick', 
+			'MouseDown', 'MouseUp', 
+			'MouseOver', 'MouseOut', 
+			'MouseMove', 'ContextMenu',
+			'KeyDown', 'KeyPress', 'KeyUp'
+		],
+	
+		_initEvents: function(objNames, evtNames){
+			var i = 0, j, comp, evt, evtName;
+			while(comp = objNames[i++]){
+				for(j = 0; evt = evtNames[j++];){
+					evtName = 'on' + comp + evt;
+					this[evtName] = this[evtName] || dummyFunc;
+				}
+			}
+		},
+	
+		_connectEvents: function(node, connector, scope){
+			for(var t = this,
+					m = t.model,
+					eventName,
+					eventNames = t._eventNames,
+					len = eventNames.length,
+					i = 0; i < len; ++i){
+				eventName = eventNames[i];
+				m._cnnts.push(on(node, eventName.toLowerCase(), lang.hitch(scope, connector, eventName)));
+			}
+		},
+	
+		_isConnected: function(eventName){
+			return this[eventName] !== dummyFunc;
+		},
+		//event handling end
+
+		_isCopyEvent: function(evt){
+			// summary:
+			//		On Mac Ctrl+click also opens a context menu. So call this to check ctrlKey instead of directly call evt.ctrlKey
+			//		if you need to implement some handler for Ctrl+click.
+			return has('mac') ? evt.metaKey : evt.ctrlKey;
+		}
+	});
+});

data/app/assets/javascripts/gridx/GridCommon.js

@@ -0,0 +1,52 @@
+define([
+	'dojo/_base/declare',
+	'./Grid',
+	'./core/model/cache/Sync',
+	'./modules/CellWidget',
+	'./modules/Edit',
+	'./modules/ColumnResizer',
+	'./modules/SingleSort',
+	'./modules/TouchScroll',
+	'./modules/extendedSelect/Row',
+	'./modules/Filter',
+	'./modules/move/Row',
+	'./modules/move/Column',
+	'./modules/ColumnLock'
+], function(declare, Grid, Cache,
+	CellWidget, Edit, ColumnResizer,
+	SingleSort, TouchScroll,
+	SelectRow, Filter, MoveRow,
+	MoveColumn, ColumnLock){
+
+	return declare(Grid, {
+		// summary:
+		//		This is a common configuration for grid with synchronous store
+		//		(client side store such as dojo/store/Memory).
+		//		Several useful modules are included by default so that users without special
+		//		requirements can directly use.
+		//		Note: 
+		//		1. cacheClass is no need to be provided.
+		//			gridx/core/model/cache/Sync will be used by default.
+		//		2. The exact modules used here might change without notification across Gridx versions.
+		//		3. The default modules will be loaded here no matter you use them or not. So if code size
+		//			is critical to your project, please use base class gridx/Grid instead.
+		// example:
+		//		|	var grid = new GridCommon({
+		//		|		store: store,
+		//		|		structure: structure
+		//		|	});
+		cacheClass: Cache,
+		coreModules: Grid.prototype.coreModules.concat([
+			CellWidget,
+			Edit,
+			ColumnResizer,
+			SingleSort,
+			TouchScroll,
+			SelectRow,
+			Filter,
+			MoveRow,
+			MoveColumn,
+			ColumnLock
+		])
+	});
+});

data/app/assets/javascripts/gridx/allModules.js

@@ -0,0 +1,105 @@
+define([
+	'gridx/modules/Focus',
+	'gridx/modules/VScroller',
+	'gridx/modules/ColumnResizer',
+	'gridx/modules/VirtualVScroller',
+	'gridx/modules/SingleSort',
+	'gridx/modules/NestedSort',
+	'gridx/modules/ColumnLock',
+	'gridx/modules/select/Row',
+	'gridx/modules/select/Column',
+	'gridx/modules/select/Cell',
+	'gridx/modules/extendedSelect/Row',
+	'gridx/modules/extendedSelect/Column',
+	'gridx/modules/extendedSelect/Cell',
+	'gridx/modules/move/Row',
+	'gridx/modules/move/Column',
+	'gridx/modules/dnd/Row',
+	'gridx/modules/dnd/Column',
+	'gridx/modules/Pagination',
+	'gridx/modules/pagination/PaginationBar',
+	'gridx/modules/pagination/PaginationBarDD',
+	'gridx/modules/Filter',
+	'gridx/modules/filter/FilterBar',
+	'gridx/modules/filter/QuickFilter',
+	'gridx/modules/CellWidget',
+	'gridx/modules/Edit',
+	'gridx/modules/RowHeader',
+	'gridx/modules/IndirectSelect',
+	'gridx/modules/IndirectSelectColumn',
+	'gridx/modules/Persist',
+	'gridx/modules/Menu',
+	'gridx/modules/Dod',
+	'gridx/modules/Tree',
+	'gridx/modules/RowLock',
+	'gridx/modules/ToolBar',
+	'gridx/modules/SummaryBar',
+	'gridx/modules/Bar',
+	'gridx/modules/NavigableCell',
+	'gridx/modules/TouchScroll',
+	'gridx/modules/TouchVScroller',
+	'gridx/modules/HiddenColumns',
+	'gridx/modules/GroupHeader',
+	'gridx/modules/PagedBody',
+	'gridx/modules/HeaderMenu'
+], function(
+	Focus, VScroller, ColumnResizer, VirtualVScroller,
+	SingleSort, NestedSort, ColumnLock,
+	SelectRow, SelectColumn, SelectCell,
+	ExtendedSelectRow, ExtendedSelectColumn, ExtendedSelectCell,
+	MoveRow, MoveColumn,
+	DndRow, DndColumn,
+	Pagination,
+	PaginationBar, PaginationBarDD,
+	Filter, FilterBar, QuickFilter,
+	CellWidget, Edit,
+	RowHeader, IndirectSelect, IndirectSelectColumn,
+	Persist, Menu, Dod, Tree, RowLock,
+	ToolBar, SummaryBar, Bar, NavigableCell, TouchScroll, TouchVScroller,
+	HiddenColumns, GroupHeader, PagedBody, HeaderMenu){
+return {
+	Focus: Focus,
+	VScroller: VScroller,
+	ColumnResizer: ColumnResizer,
+	VirtualVScroller: VirtualVScroller,
+	SingleSort: SingleSort,
+	NestedSort: NestedSort,
+	ColumnLock: ColumnLock,
+	SelectRow: SelectRow,
+	SelectColumn: SelectColumn,
+	SelectCell: SelectCell,
+	ExtendedSelectRow: ExtendedSelectRow,
+	ExtendedSelectColumn: ExtendedSelectColumn,
+	ExtendedSelectCell: ExtendedSelectCell,
+	MoveRow: MoveRow,
+	MoveColumn: MoveColumn,
+	DndRow: DndRow,
+	DndColumn: DndColumn,
+	Pagination: Pagination,
+	PaginationBar: PaginationBar,
+	PaginationBarDD: PaginationBarDD,
+	Filter: Filter,
+	FilterBar: FilterBar,
+	QuickFilter: QuickFilter,
+	CellWidget: CellWidget,
+	Edit: Edit,
+	RowHeader: RowHeader,
+	IndirectSelect: IndirectSelect,
+	IndirectSelectColumn: IndirectSelectColumn,
+	Persist: Persist,
+	Menu: Menu,
+	Dod: Dod,
+	Tree: Tree,
+	RowLock: RowLock,
+	ToolBar: ToolBar,
+	SummaryBar: SummaryBar,
+	Bar: Bar,
+	NavigableCell: NavigableCell,
+	TouchScroll: TouchScroll,
+	TouchVScroller: TouchVScroller,
+	HiddenColumns: HiddenColumns,
+	GroupHeader: GroupHeader,
+	PagedBody: PagedBody,
+	HeaderMenu: HeaderMenu
+};
+});

data/app/assets/javascripts/gridx/core/Cell.js

@@ -0,0 +1,86 @@
+define([
+	"dojo/_base/declare"
+], function(declare){
+
+/*=====
+	return declare([], {
+		// summary:
+		//		Represents a cell of a grid
+		// description:
+		//		An instance of this class represents a grid cell.
+		//		This class should not be directly instantiated by users. It should be returned by grid APIs.
+
+		// row: [readonly] gridx.core.Row
+		//		Reference to the row of this cell
+		row: null,
+
+		// column [readonly] gridx.core.Column
+		//		Reference to the column of this cell
+		column: null,
+
+		// grid: [readonly] gridx.Grid
+		//		Reference to the grid
+		grid: null,
+
+		// model: [readonly] grid.core.model.Model
+		//		Reference to this grid model
+		model: null,
+
+		data: function(){
+			// summary:
+			//		Get the grid data of this cell.
+			// description:
+			//		Grid data means the result of the formatter functions (if exist).
+			//		It can be different from store data (a.k.a. raw data).
+			// returns:
+			//		The grid data in this cell
+		},
+
+		rawData: function(){
+			// summary:
+			//		Get the store data of this cell.
+			// description:
+			//		If the column of this cell has a store field, then this method can return the store data of this cell.
+			// returns:
+			//		The store data of this cell
+		},
+
+		setRawData: function(rawData){
+			// summary:
+			//		Set new raw data to this cell.
+			// rawData:
+			//		Anything that store can recognize as data
+			// returns:
+			//		If using server side store, a Deferred object is returned to indicate when the operation is finished.
+		}
+	});
+=====*/
+
+	return declare([], {
+		constructor: function(grid, row, column){
+			var t = this;
+			t.grid = grid;
+			t.model = grid.model;
+			t.row = row;
+			t.column = column;
+		},
+
+		data: function(){
+			return this.model.byId(this.row.id).data[this.column.id];
+		},
+
+		rawData: function(){
+			var t = this, f = t.column.field();
+			return f && t.model.byId(t.row.id).rawData[f];
+		},
+
+		setRawData: function(rawData){
+			var obj = {},
+				field = this.column.field();
+			if(field){
+				obj[field] = rawData;
+				return this.row.setRawData(obj);
+			}
+		}
+	});
+});