recline support for row reordering grid
This commit is contained in:
aliounedia
@@ -20,7 +20,8 @@
|
|||||||
<!-- /Recline CSS components -->
|
<!-- /Recline CSS components -->
|
||||||
|
|
||||||
<!-- 3rd party JS libraries -->
|
<!-- 3rd party JS libraries -->
|
||||||
<script type="text/javascript" src="{{page.root}}vendor/jquery/1.7.1/jquery.js"></script>
|
<!--script type="text/javascript" src="{{page.root}}vendor/jquery/1.7.1/jquery.js"></script-->
|
||||||
|
<script src="{{page.root}}vendor/slickgrid/2.0.1/jquery-1.7.min.js"></script>
|
||||||
<script type="text/javascript" src="{{page.root}}vendor/underscore/1.4.4/underscore.js"></script>
|
<script type="text/javascript" src="{{page.root}}vendor/underscore/1.4.4/underscore.js"></script>
|
||||||
<script type="text/javascript" src="{{page.root}}vendor/backbone/1.0.0/backbone.js"></script>
|
<script type="text/javascript" src="{{page.root}}vendor/backbone/1.0.0/backbone.js"></script>
|
||||||
<script type="text/javascript" src="{{page.root}}vendor/mustache/0.5.0-dev/mustache.js"></script>
|
<script type="text/javascript" src="{{page.root}}vendor/mustache/0.5.0-dev/mustache.js"></script>
|
||||||
@@ -33,8 +34,20 @@
|
|||||||
<script type="text/javascript" src="{{page.root}}vendor/leaflet/0.4.4/leaflet.js"></script>
|
<script type="text/javascript" src="{{page.root}}vendor/leaflet/0.4.4/leaflet.js"></script>
|
||||||
<script type="text/javascript" src="{{page.root}}vendor/leaflet.markercluster/leaflet.markercluster.js"></script>
|
<script type="text/javascript" src="{{page.root}}vendor/leaflet.markercluster/leaflet.markercluster.js"></script>
|
||||||
<script type="text/javascript" src="{{page.root}}vendor/slickgrid/2.0.1/jquery-ui-1.8.16.custom.min.js"></script>
|
<script type="text/javascript" src="{{page.root}}vendor/slickgrid/2.0.1/jquery-ui-1.8.16.custom.min.js"></script>
|
||||||
|
<script src="{{page.root}}vendor/slickgrid/2.0.1/jquery.event.drag-2.2.js"></script>
|
||||||
|
<script src="{{page.root}}vendor/slickgrid/2.0.1/jquery.event.drop-2.2.js"></script>
|
||||||
|
|
||||||
<script type="text/javascript" src="{{page.root}}vendor/slickgrid/2.0.1/jquery.event.drag-2.0.min.js"></script>
|
<script type="text/javascript" src="{{page.root}}vendor/slickgrid/2.0.1/jquery.event.drag-2.0.min.js"></script>
|
||||||
<script type="text/javascript" src="{{page.root}}vendor/slickgrid/2.0.1/slick.grid.min.js"></script>
|
<!--script type="text/javascript" src="{{page.root}}vendor/slickgrid/2.0.1/slick.grid.min.js"></script-->
|
||||||
|
<script type="text/javascript" src="{{page.root}}vendor/slickgrid/2.0.1/slick.core.js"></script>
|
||||||
|
<script type="text/javascript" src="{{page.root}}vendor/slickgrid/2.0.1/slick.formatters.js"></script>
|
||||||
|
<script type="text/javascript" src="{{page.root}}vendor/slickgrid/2.0.1/slick.editors.js"></script>
|
||||||
|
<script type="text/javascript" src="{{page.root}}vendor/slickgrid/2.0.1/slick.grid.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="{{page.root}}vendor/slickgrid/2.0.1/plugins/slick.rowselectionmodel.js"></script>
|
||||||
|
<script type="text/javascript" src="{{page.root}}vendor/slickgrid/2.0.1/plugins/slick.rowmovemanager.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" src="{{page.root}}vendor/moment/2.0.0/moment.js"></script>
|
<script type="text/javascript" src="{{page.root}}vendor/moment/2.0.0/moment.js"></script>
|
||||||
<script type="text/javascript" src="{{page.root}}vendor/timeline/js/timeline.js"></script>
|
<script type="text/javascript" src="{{page.root}}vendor/timeline/js/timeline.js"></script>
|
||||||
<!--[if lte IE 7]>
|
<!--[if lte IE 7]>
|
||||||
|
|||||||
15
dist/recline.js
vendored
15
dist/recline.js
vendored
@@ -3528,7 +3528,17 @@ my.SlickGrid = Backbone.View.extend({
|
|||||||
width: 38,
|
width: 38,
|
||||||
formatter: formatter,
|
formatter: formatter,
|
||||||
validator:validator
|
validator:validator
|
||||||
})}
|
})
|
||||||
|
}
|
||||||
|
columns.push({
|
||||||
|
id: "#",
|
||||||
|
name: "",
|
||||||
|
width: 40,
|
||||||
|
behavior: "selectAndMove",
|
||||||
|
selectable: false,
|
||||||
|
resizable: false,
|
||||||
|
cssClass: "cell-reorder dnd"
|
||||||
|
})
|
||||||
_.each(this.model.fields.toJSON(),function(field){
|
_.each(this.model.fields.toJSON(),function(field){
|
||||||
var column = {
|
var column = {
|
||||||
id: field.id,
|
id: field.id,
|
||||||
@@ -3652,6 +3662,9 @@ my.SlickGrid = Backbone.View.extend({
|
|||||||
this._slickHandler.subscribe(this.grid.onColumnsReordered, function(e, args){
|
this._slickHandler.subscribe(this.grid.onColumnsReordered, function(e, args){
|
||||||
self.state.set({columnsOrder: _.pluck(self.grid.getColumns(),'id')});
|
self.state.set({columnsOrder: _.pluck(self.grid.getColumns(),'id')});
|
||||||
});
|
});
|
||||||
|
this._slickHandler.subscribe(this.grid.onMoveRows, function(e, args){
|
||||||
|
alert('test')
|
||||||
|
});
|
||||||
|
|
||||||
this.grid.onColumnsResized.subscribe(function(e, args){
|
this.grid.onColumnsResized.subscribe(function(e, args){
|
||||||
var columns = args.grid.getColumns();
|
var columns = args.grid.getColumns();
|
||||||
|
|||||||
@@ -155,10 +155,20 @@ my.SlickGrid = Backbone.View.extend({
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
//Add row delete support , check if enableDelRow is set to true or not set
|
//Add row delete support , check if enableDelRow is set to true or not set
|
||||||
if(this.state.get("gridOptions")
|
if(this.state.get("gridOptions")
|
||||||
&& this.state.get("gridOptions").enabledDelRow != undefined
|
&& this.state.get("gridOptions").enabledDelRow != undefined
|
||||||
&& this.state.get("gridOptions").enabledDelRow == true ){
|
&& this.state.get("gridOptions").enabledDelRow == true ){
|
||||||
|
columns.push({
|
||||||
|
id: "#",
|
||||||
|
name: "",
|
||||||
|
width: 40,
|
||||||
|
behavior: "selectAndMove",
|
||||||
|
selectable: false,
|
||||||
|
resizable: false,
|
||||||
|
cssClass: "cell-reorder dnd"
|
||||||
|
})
|
||||||
columns.push({
|
columns.push({
|
||||||
id: 'del',
|
id: 'del',
|
||||||
name: '',
|
name: '',
|
||||||
@@ -167,7 +177,8 @@ my.SlickGrid = Backbone.View.extend({
|
|||||||
width: 38,
|
width: 38,
|
||||||
formatter: formatter,
|
formatter: formatter,
|
||||||
validator:validator
|
validator:validator
|
||||||
})}
|
})
|
||||||
|
}
|
||||||
_.each(this.model.fields.toJSON(),function(field){
|
_.each(this.model.fields.toJSON(),function(field){
|
||||||
var column = {
|
var column = {
|
||||||
id: field.id,
|
id: field.id,
|
||||||
@@ -279,6 +290,67 @@ my.SlickGrid = Backbone.View.extend({
|
|||||||
this.grid.setSortColumn(column, sortAsc);
|
this.grid.setSortColumn(column, sortAsc);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Row reordering support based on
|
||||||
|
https://github.com/mleibman/SlickGrid/blob/gh-pages/examples/example9-row-reordering.html
|
||||||
|
|
||||||
|
*/
|
||||||
|
self.grid.setSelectionModel(new Slick.RowSelectionModel());
|
||||||
|
|
||||||
|
var moveRowsPlugin = new Slick.RowMoveManager({
|
||||||
|
cancelEditOnDrag: true
|
||||||
|
});
|
||||||
|
|
||||||
|
moveRowsPlugin.onBeforeMoveRows.subscribe(function (e, data) {
|
||||||
|
for (var i = 0; i < data.rows.length; i++) {
|
||||||
|
// no point in moving before or after itself
|
||||||
|
if (data.rows[i] == data.insertBefore || data.rows[i] == data.insertBefore - 1) {
|
||||||
|
e.stopPropagation();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
});
|
||||||
|
|
||||||
|
moveRowsPlugin.onMoveRows.subscribe(function (e, args) {
|
||||||
|
|
||||||
|
var extractedRows = [], left, right;
|
||||||
|
var rows = args.rows;
|
||||||
|
var insertBefore = args.insertBefore;
|
||||||
|
|
||||||
|
var data = self.model.records.toJSON()
|
||||||
|
left = data.slice(0, insertBefore);
|
||||||
|
right= data.slice(insertBefore, data.length);
|
||||||
|
|
||||||
|
rows.sort(function(a,b) { return a-b; });
|
||||||
|
|
||||||
|
for (var i = 0; i < rows.length; i++) {
|
||||||
|
extractedRows.push(data[rows[i]]);
|
||||||
|
}
|
||||||
|
|
||||||
|
rows.reverse();
|
||||||
|
|
||||||
|
for (var i = 0; i < rows.length; i++) {
|
||||||
|
var row = rows[i];
|
||||||
|
if (row < insertBefore) {
|
||||||
|
left.splice(row, 1);
|
||||||
|
} else {
|
||||||
|
right.splice(row - insertBefore, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
data = left.concat(extractedRows.concat(right));
|
||||||
|
var selectedRows = [];
|
||||||
|
for (var i = 0; i < rows.length; i++)
|
||||||
|
selectedRows.push(left.length + i);
|
||||||
|
|
||||||
|
self.model.records.reset(data)
|
||||||
|
|
||||||
|
});
|
||||||
|
self.grid.registerPlugin(moveRowsPlugin);
|
||||||
|
|
||||||
|
/* end row reordering support*/
|
||||||
|
|
||||||
this._slickHandler.subscribe(this.grid.onSort, function(e, args){
|
this._slickHandler.subscribe(this.grid.onSort, function(e, args){
|
||||||
var order = (args.sortAsc) ? 'asc':'desc';
|
var order = (args.sortAsc) ? 'asc':'desc';
|
||||||
var sort = [{
|
var sort = [{
|
||||||
@@ -317,7 +389,7 @@ my.SlickGrid = Backbone.View.extend({
|
|||||||
//try catch , because this fail in qunit , but no
|
//try catch , because this fail in qunit , but no
|
||||||
//error on browser.
|
//error on browser.
|
||||||
try{e.preventDefault()}catch(e){}
|
try{e.preventDefault()}catch(e){}
|
||||||
if (args.cell == 0 && self.state.get("gridOptions").enabledDelRow == true){
|
if (args.cell == 1 && self.state.get("gridOptions").enabledDelRow == true){
|
||||||
// We need to delete the associated model
|
// We need to delete the associated model
|
||||||
var model = data.getModel(args.row);
|
var model = data.getModel(args.row);
|
||||||
model.destroy()
|
model.destroy()
|
||||||
@@ -325,7 +397,6 @@ my.SlickGrid = Backbone.View.extend({
|
|||||||
}) ;
|
}) ;
|
||||||
var columnpicker = new Slick.Controls.ColumnPicker(columns, this.grid,
|
var columnpicker = new Slick.Controls.ColumnPicker(columns, this.grid,
|
||||||
_.extend(options,{state:this.state}));
|
_.extend(options,{state:this.state}));
|
||||||
|
|
||||||
if (self.visible){
|
if (self.visible){
|
||||||
self.grid.init();
|
self.grid.init();
|
||||||
self.rendered = true;
|
self.rendered = true;
|
||||||
@@ -333,8 +404,8 @@ my.SlickGrid = Backbone.View.extend({
|
|||||||
// Defer rendering until the view is visible
|
// Defer rendering until the view is visible
|
||||||
self.rendered = false;
|
self.rendered = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
return this;
|
return this;
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
remove: function () {
|
remove: function () {
|
||||||
|
|||||||
@@ -25,7 +25,17 @@
|
|||||||
<script type="text/javascript" src="../vendor/leaflet.markercluster/leaflet.markercluster.js"></script>
|
<script type="text/javascript" src="../vendor/leaflet.markercluster/leaflet.markercluster.js"></script>
|
||||||
<script type="text/javascript" src="../vendor/slickgrid/2.0.1/jquery-ui-1.8.16.custom.min.js"></script>
|
<script type="text/javascript" src="../vendor/slickgrid/2.0.1/jquery-ui-1.8.16.custom.min.js"></script>
|
||||||
<script type="text/javascript" src="../vendor/slickgrid/2.0.1/jquery.event.drag-2.0.min.js"></script>
|
<script type="text/javascript" src="../vendor/slickgrid/2.0.1/jquery.event.drag-2.0.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" src="../vendor/slickgrid/2.0.1/slick.grid.min.js"></script>
|
<script type="text/javascript" src="../vendor/slickgrid/2.0.1/slick.grid.min.js"></script>
|
||||||
|
<script type="text/javascript" src="../vendor/slickgrid/2.0.1/slick.core.js"></script>
|
||||||
|
<script type="text/javascript" src="../vendor/slickgrid/2.0.1/slick.formatters.js"></script>
|
||||||
|
<script type="text/javascript" src="../vendor/slickgrid/2.0.1/slick.editors.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../vendor/slickgrid/2.0.1/plugins/slick.rowselectionmodel.js"></script>
|
||||||
|
<script type="text/javascript" src="../vendor/slickgrid/2.0.1/plugins/slick.rowmovemanager.js"></script>
|
||||||
|
|
||||||
<script type="text/javascript" src="../vendor/timeline/js/timeline.js"></script>
|
<script type="text/javascript" src="../vendor/timeline/js/timeline.js"></script>
|
||||||
<!--[if lte IE 7]>
|
<!--[if lte IE 7]>
|
||||||
<script language="javascript" type="text/javascript" src="../vendor/json/json2.js"></script>
|
<script language="javascript" type="text/javascript" src="../vendor/json/json2.js"></script>
|
||||||
|
|||||||
@@ -130,7 +130,7 @@ test('delete-row' , function(){
|
|||||||
e = new Slick.EventData();
|
e = new Slick.EventData();
|
||||||
view.grid.onClick.notify({
|
view.grid.onClick.notify({
|
||||||
row: 1,
|
row: 1,
|
||||||
cell: 0,
|
cell: 1,
|
||||||
grid: view.grid
|
grid: view.grid
|
||||||
}, e, view.grid);
|
}, e, view.grid);
|
||||||
|
|
||||||
|
|||||||
4
vendor/slickgrid/2.0.1/jquery-1.7.min.js
vendored
Normal file
4
vendor/slickgrid/2.0.1/jquery-1.7.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
402
vendor/slickgrid/2.0.1/jquery.event.drag-2.2.js
vendored
Normal file
402
vendor/slickgrid/2.0.1/jquery.event.drag-2.2.js
vendored
Normal file
@@ -0,0 +1,402 @@
|
|||||||
|
/*!
|
||||||
|
* jquery.event.drag - v 2.2
|
||||||
|
* Copyright (c) 2010 Three Dub Media - http://threedubmedia.com
|
||||||
|
* Open Source MIT License - http://threedubmedia.com/code/license
|
||||||
|
*/
|
||||||
|
// Created: 2008-06-04
|
||||||
|
// Updated: 2012-05-21
|
||||||
|
// REQUIRES: jquery 1.7.x
|
||||||
|
|
||||||
|
;(function( $ ){
|
||||||
|
|
||||||
|
// add the jquery instance method
|
||||||
|
$.fn.drag = function( str, arg, opts ){
|
||||||
|
// figure out the event type
|
||||||
|
var type = typeof str == "string" ? str : "",
|
||||||
|
// figure out the event handler...
|
||||||
|
fn = $.isFunction( str ) ? str : $.isFunction( arg ) ? arg : null;
|
||||||
|
// fix the event type
|
||||||
|
if ( type.indexOf("drag") !== 0 )
|
||||||
|
type = "drag"+ type;
|
||||||
|
// were options passed
|
||||||
|
opts = ( str == fn ? arg : opts ) || {};
|
||||||
|
// trigger or bind event handler
|
||||||
|
return fn ? this.bind( type, opts, fn ) : this.trigger( type );
|
||||||
|
};
|
||||||
|
|
||||||
|
// local refs (increase compression)
|
||||||
|
var $event = $.event,
|
||||||
|
$special = $event.special,
|
||||||
|
// configure the drag special event
|
||||||
|
drag = $special.drag = {
|
||||||
|
|
||||||
|
// these are the default settings
|
||||||
|
defaults: {
|
||||||
|
which: 1, // mouse button pressed to start drag sequence
|
||||||
|
distance: 0, // distance dragged before dragstart
|
||||||
|
not: ':input', // selector to suppress dragging on target elements
|
||||||
|
handle: null, // selector to match handle target elements
|
||||||
|
relative: false, // true to use "position", false to use "offset"
|
||||||
|
drop: true, // false to suppress drop events, true or selector to allow
|
||||||
|
click: false // false to suppress click events after dragend (no proxy)
|
||||||
|
},
|
||||||
|
|
||||||
|
// the key name for stored drag data
|
||||||
|
datakey: "dragdata",
|
||||||
|
|
||||||
|
// prevent bubbling for better performance
|
||||||
|
noBubble: true,
|
||||||
|
|
||||||
|
// count bound related events
|
||||||
|
add: function( obj ){
|
||||||
|
// read the interaction data
|
||||||
|
var data = $.data( this, drag.datakey ),
|
||||||
|
// read any passed options
|
||||||
|
opts = obj.data || {};
|
||||||
|
// count another realted event
|
||||||
|
data.related += 1;
|
||||||
|
// extend data options bound with this event
|
||||||
|
// don't iterate "opts" in case it is a node
|
||||||
|
$.each( drag.defaults, function( key, def ){
|
||||||
|
if ( opts[ key ] !== undefined )
|
||||||
|
data[ key ] = opts[ key ];
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
// forget unbound related events
|
||||||
|
remove: function(){
|
||||||
|
$.data( this, drag.datakey ).related -= 1;
|
||||||
|
},
|
||||||
|
|
||||||
|
// configure interaction, capture settings
|
||||||
|
setup: function(){
|
||||||
|
// check for related events
|
||||||
|
if ( $.data( this, drag.datakey ) )
|
||||||
|
return;
|
||||||
|
// initialize the drag data with copied defaults
|
||||||
|
var data = $.extend({ related:0 }, drag.defaults );
|
||||||
|
// store the interaction data
|
||||||
|
$.data( this, drag.datakey, data );
|
||||||
|
// bind the mousedown event, which starts drag interactions
|
||||||
|
$event.add( this, "touchstart mousedown", drag.init, data );
|
||||||
|
// prevent image dragging in IE...
|
||||||
|
if ( this.attachEvent )
|
||||||
|
this.attachEvent("ondragstart", drag.dontstart );
|
||||||
|
},
|
||||||
|
|
||||||
|
// destroy configured interaction
|
||||||
|
teardown: function(){
|
||||||
|
var data = $.data( this, drag.datakey ) || {};
|
||||||
|
// check for related events
|
||||||
|
if ( data.related )
|
||||||
|
return;
|
||||||
|
// remove the stored data
|
||||||
|
$.removeData( this, drag.datakey );
|
||||||
|
// remove the mousedown event
|
||||||
|
$event.remove( this, "touchstart mousedown", drag.init );
|
||||||
|
// enable text selection
|
||||||
|
drag.textselect( true );
|
||||||
|
// un-prevent image dragging in IE...
|
||||||
|
if ( this.detachEvent )
|
||||||
|
this.detachEvent("ondragstart", drag.dontstart );
|
||||||
|
},
|
||||||
|
|
||||||
|
// initialize the interaction
|
||||||
|
init: function( event ){
|
||||||
|
// sorry, only one touch at a time
|
||||||
|
if ( drag.touched )
|
||||||
|
return;
|
||||||
|
// the drag/drop interaction data
|
||||||
|
var dd = event.data, results;
|
||||||
|
// check the which directive
|
||||||
|
if ( event.which != 0 && dd.which > 0 && event.which != dd.which )
|
||||||
|
return;
|
||||||
|
// check for suppressed selector
|
||||||
|
if ( $( event.target ).is( dd.not ) )
|
||||||
|
return;
|
||||||
|
// check for handle selector
|
||||||
|
if ( dd.handle && !$( event.target ).closest( dd.handle, event.currentTarget ).length )
|
||||||
|
return;
|
||||||
|
|
||||||
|
drag.touched = event.type == 'touchstart' ? this : null;
|
||||||
|
dd.propagates = 1;
|
||||||
|
dd.mousedown = this;
|
||||||
|
dd.interactions = [ drag.interaction( this, dd ) ];
|
||||||
|
dd.target = event.target;
|
||||||
|
dd.pageX = event.pageX;
|
||||||
|
dd.pageY = event.pageY;
|
||||||
|
dd.dragging = null;
|
||||||
|
// handle draginit event...
|
||||||
|
results = drag.hijack( event, "draginit", dd );
|
||||||
|
// early cancel
|
||||||
|
if ( !dd.propagates )
|
||||||
|
return;
|
||||||
|
// flatten the result set
|
||||||
|
results = drag.flatten( results );
|
||||||
|
// insert new interaction elements
|
||||||
|
if ( results && results.length ){
|
||||||
|
dd.interactions = [];
|
||||||
|
$.each( results, function(){
|
||||||
|
dd.interactions.push( drag.interaction( this, dd ) );
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// remember how many interactions are propagating
|
||||||
|
dd.propagates = dd.interactions.length;
|
||||||
|
// locate and init the drop targets
|
||||||
|
if ( dd.drop !== false && $special.drop )
|
||||||
|
$special.drop.handler( event, dd );
|
||||||
|
// disable text selection
|
||||||
|
drag.textselect( false );
|
||||||
|
// bind additional events...
|
||||||
|
if ( drag.touched )
|
||||||
|
$event.add( drag.touched, "touchmove touchend", drag.handler, dd );
|
||||||
|
else
|
||||||
|
$event.add( document, "mousemove mouseup", drag.handler, dd );
|
||||||
|
// helps prevent text selection or scrolling
|
||||||
|
if ( !drag.touched || dd.live )
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
|
||||||
|
// returns an interaction object
|
||||||
|
interaction: function( elem, dd ){
|
||||||
|
var offset = $( elem )[ dd.relative ? "position" : "offset" ]() || { top:0, left:0 };
|
||||||
|
return {
|
||||||
|
drag: elem,
|
||||||
|
callback: new drag.callback(),
|
||||||
|
droppable: [],
|
||||||
|
offset: offset
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
// handle drag-releatd DOM events
|
||||||
|
handler: function( event ){
|
||||||
|
// read the data before hijacking anything
|
||||||
|
var dd = event.data;
|
||||||
|
// handle various events
|
||||||
|
switch ( event.type ){
|
||||||
|
// mousemove, check distance, start dragging
|
||||||
|
case !dd.dragging && 'touchmove':
|
||||||
|
event.preventDefault();
|
||||||
|
case !dd.dragging && 'mousemove':
|
||||||
|
// drag tolerance, x≤ + y≤ = distance≤
|
||||||
|
if ( Math.pow( event.pageX-dd.pageX, 2 ) + Math.pow( event.pageY-dd.pageY, 2 ) < Math.pow( dd.distance, 2 ) )
|
||||||
|
break; // distance tolerance not reached
|
||||||
|
event.target = dd.target; // force target from "mousedown" event (fix distance issue)
|
||||||
|
drag.hijack( event, "dragstart", dd ); // trigger "dragstart"
|
||||||
|
if ( dd.propagates ) // "dragstart" not rejected
|
||||||
|
dd.dragging = true; // activate interaction
|
||||||
|
// mousemove, dragging
|
||||||
|
case 'touchmove':
|
||||||
|
event.preventDefault();
|
||||||
|
case 'mousemove':
|
||||||
|
if ( dd.dragging ){
|
||||||
|
// trigger "drag"
|
||||||
|
drag.hijack( event, "drag", dd );
|
||||||
|
if ( dd.propagates ){
|
||||||
|
// manage drop events
|
||||||
|
if ( dd.drop !== false && $special.drop )
|
||||||
|
$special.drop.handler( event, dd ); // "dropstart", "dropend"
|
||||||
|
break; // "drag" not rejected, stop
|
||||||
|
}
|
||||||
|
event.type = "mouseup"; // helps "drop" handler behave
|
||||||
|
}
|
||||||
|
// mouseup, stop dragging
|
||||||
|
case 'touchend':
|
||||||
|
case 'mouseup':
|
||||||
|
default:
|
||||||
|
if ( drag.touched )
|
||||||
|
$event.remove( drag.touched, "touchmove touchend", drag.handler ); // remove touch events
|
||||||
|
else
|
||||||
|
$event.remove( document, "mousemove mouseup", drag.handler ); // remove page events
|
||||||
|
if ( dd.dragging ){
|
||||||
|
if ( dd.drop !== false && $special.drop )
|
||||||
|
$special.drop.handler( event, dd ); // "drop"
|
||||||
|
drag.hijack( event, "dragend", dd ); // trigger "dragend"
|
||||||
|
}
|
||||||
|
drag.textselect( true ); // enable text selection
|
||||||
|
// if suppressing click events...
|
||||||
|
if ( dd.click === false && dd.dragging )
|
||||||
|
$.data( dd.mousedown, "suppress.click", new Date().getTime() + 5 );
|
||||||
|
dd.dragging = drag.touched = false; // deactivate element
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// re-use event object for custom events
|
||||||
|
hijack: function( event, type, dd, x, elem ){
|
||||||
|
// not configured
|
||||||
|
if ( !dd )
|
||||||
|
return;
|
||||||
|
// remember the original event and type
|
||||||
|
var orig = { event:event.originalEvent, type:event.type },
|
||||||
|
// is the event drag related or drog related?
|
||||||
|
mode = type.indexOf("drop") ? "drag" : "drop",
|
||||||
|
// iteration vars
|
||||||
|
result, i = x || 0, ia, $elems, callback,
|
||||||
|
len = !isNaN( x ) ? x : dd.interactions.length;
|
||||||
|
// modify the event type
|
||||||
|
event.type = type;
|
||||||
|
// remove the original event
|
||||||
|
event.originalEvent = null;
|
||||||
|
// initialize the results
|
||||||
|
dd.results = [];
|
||||||
|
// handle each interacted element
|
||||||
|
do if ( ia = dd.interactions[ i ] ){
|
||||||
|
// validate the interaction
|
||||||
|
if ( type !== "dragend" && ia.cancelled )
|
||||||
|
continue;
|
||||||
|
// set the dragdrop properties on the event object
|
||||||
|
callback = drag.properties( event, dd, ia );
|
||||||
|
// prepare for more results
|
||||||
|
ia.results = [];
|
||||||
|
// handle each element
|
||||||
|
$( elem || ia[ mode ] || dd.droppable ).each(function( p, subject ){
|
||||||
|
// identify drag or drop targets individually
|
||||||
|
callback.target = subject;
|
||||||
|
// force propagtion of the custom event
|
||||||
|
event.isPropagationStopped = function(){ return false; };
|
||||||
|
// handle the event
|
||||||
|
result = subject ? $event.dispatch.call( subject, event, callback ) : null;
|
||||||
|
// stop the drag interaction for this element
|
||||||
|
if ( result === false ){
|
||||||
|
if ( mode == "drag" ){
|
||||||
|
ia.cancelled = true;
|
||||||
|
dd.propagates -= 1;
|
||||||
|
}
|
||||||
|
if ( type == "drop" ){
|
||||||
|
ia[ mode ][p] = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// assign any dropinit elements
|
||||||
|
else if ( type == "dropinit" )
|
||||||
|
ia.droppable.push( drag.element( result ) || subject );
|
||||||
|
// accept a returned proxy element
|
||||||
|
if ( type == "dragstart" )
|
||||||
|
ia.proxy = $( drag.element( result ) || ia.drag )[0];
|
||||||
|
// remember this result
|
||||||
|
ia.results.push( result );
|
||||||
|
// forget the event result, for recycling
|
||||||
|
delete event.result;
|
||||||
|
// break on cancelled handler
|
||||||
|
if ( type !== "dropinit" )
|
||||||
|
return result;
|
||||||
|
});
|
||||||
|
// flatten the results
|
||||||
|
dd.results[ i ] = drag.flatten( ia.results );
|
||||||
|
// accept a set of valid drop targets
|
||||||
|
if ( type == "dropinit" )
|
||||||
|
ia.droppable = drag.flatten( ia.droppable );
|
||||||
|
// locate drop targets
|
||||||
|
if ( type == "dragstart" && !ia.cancelled )
|
||||||
|
callback.update();
|
||||||
|
}
|
||||||
|
while ( ++i < len )
|
||||||
|
// restore the original event & type
|
||||||
|
event.type = orig.type;
|
||||||
|
event.originalEvent = orig.event;
|
||||||
|
// return all handler results
|
||||||
|
return drag.flatten( dd.results );
|
||||||
|
},
|
||||||
|
|
||||||
|
// extend the callback object with drag/drop properties...
|
||||||
|
properties: function( event, dd, ia ){
|
||||||
|
var obj = ia.callback;
|
||||||
|
// elements
|
||||||
|
obj.drag = ia.drag;
|
||||||
|
obj.proxy = ia.proxy || ia.drag;
|
||||||
|
// starting mouse position
|
||||||
|
obj.startX = dd.pageX;
|
||||||
|
obj.startY = dd.pageY;
|
||||||
|
// current distance dragged
|
||||||
|
obj.deltaX = event.pageX - dd.pageX;
|
||||||
|
obj.deltaY = event.pageY - dd.pageY;
|
||||||
|
// original element position
|
||||||
|
obj.originalX = ia.offset.left;
|
||||||
|
obj.originalY = ia.offset.top;
|
||||||
|
// adjusted element position
|
||||||
|
obj.offsetX = obj.originalX + obj.deltaX;
|
||||||
|
obj.offsetY = obj.originalY + obj.deltaY;
|
||||||
|
// assign the drop targets information
|
||||||
|
obj.drop = drag.flatten( ( ia.drop || [] ).slice() );
|
||||||
|
obj.available = drag.flatten( ( ia.droppable || [] ).slice() );
|
||||||
|
return obj;
|
||||||
|
},
|
||||||
|
|
||||||
|
// determine is the argument is an element or jquery instance
|
||||||
|
element: function( arg ){
|
||||||
|
if ( arg && ( arg.jquery || arg.nodeType == 1 ) )
|
||||||
|
return arg;
|
||||||
|
},
|
||||||
|
|
||||||
|
// flatten nested jquery objects and arrays into a single dimension array
|
||||||
|
flatten: function( arr ){
|
||||||
|
return $.map( arr, function( member ){
|
||||||
|
return member && member.jquery ? $.makeArray( member ) :
|
||||||
|
member && member.length ? drag.flatten( member ) : member;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
// toggles text selection attributes ON (true) or OFF (false)
|
||||||
|
textselect: function( bool ){
|
||||||
|
$( document )[ bool ? "unbind" : "bind" ]("selectstart", drag.dontstart )
|
||||||
|
.css("MozUserSelect", bool ? "" : "none" );
|
||||||
|
// .attr("unselectable", bool ? "off" : "on" )
|
||||||
|
document.unselectable = bool ? "off" : "on";
|
||||||
|
},
|
||||||
|
|
||||||
|
// suppress "selectstart" and "ondragstart" events
|
||||||
|
dontstart: function(){
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
|
||||||
|
// a callback instance contructor
|
||||||
|
callback: function(){}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
// callback methods
|
||||||
|
drag.callback.prototype = {
|
||||||
|
update: function(){
|
||||||
|
if ( $special.drop && this.available.length )
|
||||||
|
$.each( this.available, function( i ){
|
||||||
|
$special.drop.locate( this, i );
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// patch $.event.$dispatch to allow suppressing clicks
|
||||||
|
var $dispatch = $event.dispatch;
|
||||||
|
$event.dispatch = function( event ){
|
||||||
|
if ( $.data( this, "suppress."+ event.type ) - new Date().getTime() > 0 ){
|
||||||
|
$.removeData( this, "suppress."+ event.type );
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
return $dispatch.apply( this, arguments );
|
||||||
|
};
|
||||||
|
|
||||||
|
// event fix hooks for touch events...
|
||||||
|
var touchHooks =
|
||||||
|
$event.fixHooks.touchstart =
|
||||||
|
$event.fixHooks.touchmove =
|
||||||
|
$event.fixHooks.touchend =
|
||||||
|
$event.fixHooks.touchcancel = {
|
||||||
|
props: "clientX clientY pageX pageY screenX screenY".split( " " ),
|
||||||
|
filter: function( event, orig ) {
|
||||||
|
if ( orig ){
|
||||||
|
var touched = ( orig.touches && orig.touches[0] )
|
||||||
|
|| ( orig.changedTouches && orig.changedTouches[0] )
|
||||||
|
|| null;
|
||||||
|
// iOS webkit: touchstart, touchmove, touchend
|
||||||
|
if ( touched )
|
||||||
|
$.each( touchHooks.props, function( i, prop ){
|
||||||
|
event[ prop ] = touched[ prop ];
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return event;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// share the same special event configuration with related events...
|
||||||
|
$special.draginit = $special.dragstart = $special.dragend = drag;
|
||||||
|
|
||||||
|
})( jQuery );
|
||||||
302
vendor/slickgrid/2.0.1/jquery.event.drop-2.2.js
vendored
Normal file
302
vendor/slickgrid/2.0.1/jquery.event.drop-2.2.js
vendored
Normal file
@@ -0,0 +1,302 @@
|
|||||||
|
/*!
|
||||||
|
* jquery.event.drop - v 2.2
|
||||||
|
* Copyright (c) 2010 Three Dub Media - http://threedubmedia.com
|
||||||
|
* Open Source MIT License - http://threedubmedia.com/code/license
|
||||||
|
*/
|
||||||
|
// Created: 2008-06-04
|
||||||
|
// Updated: 2012-05-21
|
||||||
|
// REQUIRES: jquery 1.7.x, event.drag 2.2
|
||||||
|
|
||||||
|
;(function($){ // secure $ jQuery alias
|
||||||
|
|
||||||
|
// Events: drop, dropstart, dropend
|
||||||
|
|
||||||
|
// add the jquery instance method
|
||||||
|
$.fn.drop = function( str, arg, opts ){
|
||||||
|
// figure out the event type
|
||||||
|
var type = typeof str == "string" ? str : "",
|
||||||
|
// figure out the event handler...
|
||||||
|
fn = $.isFunction( str ) ? str : $.isFunction( arg ) ? arg : null;
|
||||||
|
// fix the event type
|
||||||
|
if ( type.indexOf("drop") !== 0 )
|
||||||
|
type = "drop"+ type;
|
||||||
|
// were options passed
|
||||||
|
opts = ( str == fn ? arg : opts ) || {};
|
||||||
|
// trigger or bind event handler
|
||||||
|
return fn ? this.bind( type, opts, fn ) : this.trigger( type );
|
||||||
|
};
|
||||||
|
|
||||||
|
// DROP MANAGEMENT UTILITY
|
||||||
|
// returns filtered drop target elements, caches their positions
|
||||||
|
$.drop = function( opts ){
|
||||||
|
opts = opts || {};
|
||||||
|
// safely set new options...
|
||||||
|
drop.multi = opts.multi === true ? Infinity :
|
||||||
|
opts.multi === false ? 1 : !isNaN( opts.multi ) ? opts.multi : drop.multi;
|
||||||
|
drop.delay = opts.delay || drop.delay;
|
||||||
|
drop.tolerance = $.isFunction( opts.tolerance ) ? opts.tolerance :
|
||||||
|
opts.tolerance === null ? null : drop.tolerance;
|
||||||
|
drop.mode = opts.mode || drop.mode || 'intersect';
|
||||||
|
};
|
||||||
|
|
||||||
|
// local refs (increase compression)
|
||||||
|
var $event = $.event,
|
||||||
|
$special = $event.special,
|
||||||
|
// configure the drop special event
|
||||||
|
drop = $.event.special.drop = {
|
||||||
|
|
||||||
|
// these are the default settings
|
||||||
|
multi: 1, // allow multiple drop winners per dragged element
|
||||||
|
delay: 20, // async timeout delay
|
||||||
|
mode: 'overlap', // drop tolerance mode
|
||||||
|
|
||||||
|
// internal cache
|
||||||
|
targets: [],
|
||||||
|
|
||||||
|
// the key name for stored drop data
|
||||||
|
datakey: "dropdata",
|
||||||
|
|
||||||
|
// prevent bubbling for better performance
|
||||||
|
noBubble: true,
|
||||||
|
|
||||||
|
// count bound related events
|
||||||
|
add: function( obj ){
|
||||||
|
// read the interaction data
|
||||||
|
var data = $.data( this, drop.datakey );
|
||||||
|
// count another realted event
|
||||||
|
data.related += 1;
|
||||||
|
},
|
||||||
|
|
||||||
|
// forget unbound related events
|
||||||
|
remove: function(){
|
||||||
|
$.data( this, drop.datakey ).related -= 1;
|
||||||
|
},
|
||||||
|
|
||||||
|
// configure the interactions
|
||||||
|
setup: function(){
|
||||||
|
// check for related events
|
||||||
|
if ( $.data( this, drop.datakey ) )
|
||||||
|
return;
|
||||||
|
// initialize the drop element data
|
||||||
|
var data = {
|
||||||
|
related: 0,
|
||||||
|
active: [],
|
||||||
|
anyactive: 0,
|
||||||
|
winner: 0,
|
||||||
|
location: {}
|
||||||
|
};
|
||||||
|
// store the drop data on the element
|
||||||
|
$.data( this, drop.datakey, data );
|
||||||
|
// store the drop target in internal cache
|
||||||
|
drop.targets.push( this );
|
||||||
|
},
|
||||||
|
|
||||||
|
// destroy the configure interaction
|
||||||
|
teardown: function(){
|
||||||
|
var data = $.data( this, drop.datakey ) || {};
|
||||||
|
// check for related events
|
||||||
|
if ( data.related )
|
||||||
|
return;
|
||||||
|
// remove the stored data
|
||||||
|
$.removeData( this, drop.datakey );
|
||||||
|
// reference the targeted element
|
||||||
|
var element = this;
|
||||||
|
// remove from the internal cache
|
||||||
|
drop.targets = $.grep( drop.targets, function( target ){
|
||||||
|
return ( target !== element );
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
// shared event handler
|
||||||
|
handler: function( event, dd ){
|
||||||
|
// local vars
|
||||||
|
var results, $targets;
|
||||||
|
// make sure the right data is available
|
||||||
|
if ( !dd )
|
||||||
|
return;
|
||||||
|
// handle various events
|
||||||
|
switch ( event.type ){
|
||||||
|
// draginit, from $.event.special.drag
|
||||||
|
case 'mousedown': // DROPINIT >>
|
||||||
|
case 'touchstart': // DROPINIT >>
|
||||||
|
// collect and assign the drop targets
|
||||||
|
$targets = $( drop.targets );
|
||||||
|
if ( typeof dd.drop == "string" )
|
||||||
|
$targets = $targets.filter( dd.drop );
|
||||||
|
// reset drop data winner properties
|
||||||
|
$targets.each(function(){
|
||||||
|
var data = $.data( this, drop.datakey );
|
||||||
|
data.active = [];
|
||||||
|
data.anyactive = 0;
|
||||||
|
data.winner = 0;
|
||||||
|
});
|
||||||
|
// set available target elements
|
||||||
|
dd.droppable = $targets;
|
||||||
|
// activate drop targets for the initial element being dragged
|
||||||
|
$special.drag.hijack( event, "dropinit", dd );
|
||||||
|
break;
|
||||||
|
// drag, from $.event.special.drag
|
||||||
|
case 'mousemove': // TOLERATE >>
|
||||||
|
case 'touchmove': // TOLERATE >>
|
||||||
|
drop.event = event; // store the mousemove event
|
||||||
|
if ( !drop.timer )
|
||||||
|
// monitor drop targets
|
||||||
|
drop.tolerate( dd );
|
||||||
|
break;
|
||||||
|
// dragend, from $.event.special.drag
|
||||||
|
case 'mouseup': // DROP >> DROPEND >>
|
||||||
|
case 'touchend': // DROP >> DROPEND >>
|
||||||
|
drop.timer = clearTimeout( drop.timer ); // delete timer
|
||||||
|
if ( dd.propagates ){
|
||||||
|
$special.drag.hijack( event, "drop", dd );
|
||||||
|
$special.drag.hijack( event, "dropend", dd );
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// returns the location positions of an element
|
||||||
|
locate: function( elem, index ){
|
||||||
|
var data = $.data( elem, drop.datakey ),
|
||||||
|
$elem = $( elem ),
|
||||||
|
posi = $elem.offset() || {},
|
||||||
|
height = $elem.outerHeight(),
|
||||||
|
width = $elem.outerWidth(),
|
||||||
|
location = {
|
||||||
|
elem: elem,
|
||||||
|
width: width,
|
||||||
|
height: height,
|
||||||
|
top: posi.top,
|
||||||
|
left: posi.left,
|
||||||
|
right: posi.left + width,
|
||||||
|
bottom: posi.top + height
|
||||||
|
};
|
||||||
|
// drag elements might not have dropdata
|
||||||
|
if ( data ){
|
||||||
|
data.location = location;
|
||||||
|
data.index = index;
|
||||||
|
data.elem = elem;
|
||||||
|
}
|
||||||
|
return location;
|
||||||
|
},
|
||||||
|
|
||||||
|
// test the location positions of an element against another OR an X,Y coord
|
||||||
|
contains: function( target, test ){ // target { location } contains test [x,y] or { location }
|
||||||
|
return ( ( test[0] || test.left ) >= target.left && ( test[0] || test.right ) <= target.right
|
||||||
|
&& ( test[1] || test.top ) >= target.top && ( test[1] || test.bottom ) <= target.bottom );
|
||||||
|
},
|
||||||
|
|
||||||
|
// stored tolerance modes
|
||||||
|
modes: { // fn scope: "$.event.special.drop" object
|
||||||
|
// target with mouse wins, else target with most overlap wins
|
||||||
|
'intersect': function( event, proxy, target ){
|
||||||
|
return this.contains( target, [ event.pageX, event.pageY ] ) ? // check cursor
|
||||||
|
1e9 : this.modes.overlap.apply( this, arguments ); // check overlap
|
||||||
|
},
|
||||||
|
// target with most overlap wins
|
||||||
|
'overlap': function( event, proxy, target ){
|
||||||
|
// calculate the area of overlap...
|
||||||
|
return Math.max( 0, Math.min( target.bottom, proxy.bottom ) - Math.max( target.top, proxy.top ) )
|
||||||
|
* Math.max( 0, Math.min( target.right, proxy.right ) - Math.max( target.left, proxy.left ) );
|
||||||
|
},
|
||||||
|
// proxy is completely contained within target bounds
|
||||||
|
'fit': function( event, proxy, target ){
|
||||||
|
return this.contains( target, proxy ) ? 1 : 0;
|
||||||
|
},
|
||||||
|
// center of the proxy is contained within target bounds
|
||||||
|
'middle': function( event, proxy, target ){
|
||||||
|
return this.contains( target, [ proxy.left + proxy.width * .5, proxy.top + proxy.height * .5 ] ) ? 1 : 0;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// sort drop target cache by by winner (dsc), then index (asc)
|
||||||
|
sort: function( a, b ){
|
||||||
|
return ( b.winner - a.winner ) || ( a.index - b.index );
|
||||||
|
},
|
||||||
|
|
||||||
|
// async, recursive tolerance execution
|
||||||
|
tolerate: function( dd ){
|
||||||
|
// declare local refs
|
||||||
|
var i, drp, drg, data, arr, len, elem,
|
||||||
|
// interaction iteration variables
|
||||||
|
x = 0, ia, end = dd.interactions.length,
|
||||||
|
// determine the mouse coords
|
||||||
|
xy = [ drop.event.pageX, drop.event.pageY ],
|
||||||
|
// custom or stored tolerance fn
|
||||||
|
tolerance = drop.tolerance || drop.modes[ drop.mode ];
|
||||||
|
// go through each passed interaction...
|
||||||
|
do if ( ia = dd.interactions[x] ){
|
||||||
|
// check valid interaction
|
||||||
|
if ( !ia )
|
||||||
|
return;
|
||||||
|
// initialize or clear the drop data
|
||||||
|
ia.drop = [];
|
||||||
|
// holds the drop elements
|
||||||
|
arr = [];
|
||||||
|
len = ia.droppable.length;
|
||||||
|
// determine the proxy location, if needed
|
||||||
|
if ( tolerance )
|
||||||
|
drg = drop.locate( ia.proxy );
|
||||||
|
// reset the loop
|
||||||
|
i = 0;
|
||||||
|
// loop each stored drop target
|
||||||
|
do if ( elem = ia.droppable[i] ){
|
||||||
|
data = $.data( elem, drop.datakey );
|
||||||
|
drp = data.location;
|
||||||
|
if ( !drp ) continue;
|
||||||
|
// find a winner: tolerance function is defined, call it
|
||||||
|
data.winner = tolerance ? tolerance.call( drop, drop.event, drg, drp )
|
||||||
|
// mouse position is always the fallback
|
||||||
|
: drop.contains( drp, xy ) ? 1 : 0;
|
||||||
|
arr.push( data );
|
||||||
|
} while ( ++i < len ); // loop
|
||||||
|
// sort the drop targets
|
||||||
|
arr.sort( drop.sort );
|
||||||
|
// reset the loop
|
||||||
|
i = 0;
|
||||||
|
// loop through all of the targets again
|
||||||
|
do if ( data = arr[ i ] ){
|
||||||
|
// winners...
|
||||||
|
if ( data.winner && ia.drop.length < drop.multi ){
|
||||||
|
// new winner... dropstart
|
||||||
|
if ( !data.active[x] && !data.anyactive ){
|
||||||
|
// check to make sure that this is not prevented
|
||||||
|
if ( $special.drag.hijack( drop.event, "dropstart", dd, x, data.elem )[0] !== false ){
|
||||||
|
data.active[x] = 1;
|
||||||
|
data.anyactive += 1;
|
||||||
|
}
|
||||||
|
// if false, it is not a winner
|
||||||
|
else
|
||||||
|
data.winner = 0;
|
||||||
|
}
|
||||||
|
// if it is still a winner
|
||||||
|
if ( data.winner )
|
||||||
|
ia.drop.push( data.elem );
|
||||||
|
}
|
||||||
|
// losers...
|
||||||
|
else if ( data.active[x] && data.anyactive == 1 ){
|
||||||
|
// former winner... dropend
|
||||||
|
$special.drag.hijack( drop.event, "dropend", dd, x, data.elem );
|
||||||
|
data.active[x] = 0;
|
||||||
|
data.anyactive -= 1;
|
||||||
|
}
|
||||||
|
} while ( ++i < len ); // loop
|
||||||
|
} while ( ++x < end ) // loop
|
||||||
|
// check if the mouse is still moving or is idle
|
||||||
|
if ( drop.last && xy[0] == drop.last.pageX && xy[1] == drop.last.pageY )
|
||||||
|
delete drop.timer; // idle, don't recurse
|
||||||
|
else // recurse
|
||||||
|
drop.timer = setTimeout(function(){
|
||||||
|
drop.tolerate( dd );
|
||||||
|
}, drop.delay );
|
||||||
|
// remember event, to compare idleness
|
||||||
|
drop.last = drop.event;
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
// share the same special event configuration with related events...
|
||||||
|
$special.dropinit = $special.dropstart = $special.dropend = drop;
|
||||||
|
|
||||||
|
})(jQuery); // confine scope
|
||||||
83
vendor/slickgrid/2.0.1/plugins/slick.autotooltips.js
vendored
Normal file
83
vendor/slickgrid/2.0.1/plugins/slick.autotooltips.js
vendored
Normal file
@@ -0,0 +1,83 @@
|
|||||||
|
(function ($) {
|
||||||
|
// Register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"AutoTooltips": AutoTooltips
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* AutoTooltips plugin to show/hide tooltips when columns are too narrow to fit content.
|
||||||
|
* @constructor
|
||||||
|
* @param {boolean} [options.enableForCells=true] - Enable tooltip for grid cells
|
||||||
|
* @param {boolean} [options.enableForHeaderCells=false] - Enable tooltip for header cells
|
||||||
|
* @param {number} [options.maxToolTipLength=null] - The maximum length for a tooltip
|
||||||
|
*/
|
||||||
|
function AutoTooltips(options) {
|
||||||
|
var _grid;
|
||||||
|
var _self = this;
|
||||||
|
var _defaults = {
|
||||||
|
enableForCells: true,
|
||||||
|
enableForHeaderCells: false,
|
||||||
|
maxToolTipLength: null
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Initialize plugin.
|
||||||
|
*/
|
||||||
|
function init(grid) {
|
||||||
|
options = $.extend(true, {}, _defaults, options);
|
||||||
|
_grid = grid;
|
||||||
|
if (options.enableForCells) _grid.onMouseEnter.subscribe(handleMouseEnter);
|
||||||
|
if (options.enableForHeaderCells) _grid.onHeaderMouseEnter.subscribe(handleHeaderMouseEnter);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Destroy plugin.
|
||||||
|
*/
|
||||||
|
function destroy() {
|
||||||
|
if (options.enableForCells) _grid.onMouseEnter.unsubscribe(handleMouseEnter);
|
||||||
|
if (options.enableForHeaderCells) _grid.onHeaderMouseEnter.unsubscribe(handleHeaderMouseEnter);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Handle mouse entering grid cell to add/remove tooltip.
|
||||||
|
* @param {jQuery.Event} e - The event
|
||||||
|
*/
|
||||||
|
function handleMouseEnter(e) {
|
||||||
|
var cell = _grid.getCellFromEvent(e);
|
||||||
|
if (cell) {
|
||||||
|
var $node = $(_grid.getCellNode(cell.row, cell.cell));
|
||||||
|
var text;
|
||||||
|
if ($node.innerWidth() < $node[0].scrollWidth) {
|
||||||
|
text = $.trim($node.text());
|
||||||
|
if (options.maxToolTipLength && text.length > options.maxToolTipLength) {
|
||||||
|
text = text.substr(0, options.maxToolTipLength - 3) + "...";
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
text = "";
|
||||||
|
}
|
||||||
|
$node.attr("title", text);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Handle mouse entering header cell to add/remove tooltip.
|
||||||
|
* @param {jQuery.Event} e - The event
|
||||||
|
* @param {object} args.column - The column definition
|
||||||
|
*/
|
||||||
|
function handleHeaderMouseEnter(e, args) {
|
||||||
|
var column = args.column,
|
||||||
|
$node = $(e.target).closest(".slick-header-column");
|
||||||
|
if (!column.toolTip) {
|
||||||
|
$node.attr("title", ($node.innerWidth() < $node[0].scrollWidth) ? column.name : "");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Public API
|
||||||
|
$.extend(this, {
|
||||||
|
"init": init,
|
||||||
|
"destroy": destroy
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
86
vendor/slickgrid/2.0.1/plugins/slick.cellcopymanager.js
vendored
Normal file
86
vendor/slickgrid/2.0.1/plugins/slick.cellcopymanager.js
vendored
Normal file
@@ -0,0 +1,86 @@
|
|||||||
|
(function ($) {
|
||||||
|
// register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"CellCopyManager": CellCopyManager
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
function CellCopyManager() {
|
||||||
|
var _grid;
|
||||||
|
var _self = this;
|
||||||
|
var _copiedRanges;
|
||||||
|
|
||||||
|
function init(grid) {
|
||||||
|
_grid = grid;
|
||||||
|
_grid.onKeyDown.subscribe(handleKeyDown);
|
||||||
|
}
|
||||||
|
|
||||||
|
function destroy() {
|
||||||
|
_grid.onKeyDown.unsubscribe(handleKeyDown);
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleKeyDown(e, args) {
|
||||||
|
var ranges;
|
||||||
|
if (!_grid.getEditorLock().isActive()) {
|
||||||
|
if (e.which == $.ui.keyCode.ESCAPE) {
|
||||||
|
if (_copiedRanges) {
|
||||||
|
e.preventDefault();
|
||||||
|
clearCopySelection();
|
||||||
|
_self.onCopyCancelled.notify({ranges: _copiedRanges});
|
||||||
|
_copiedRanges = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (e.which == 67 && (e.ctrlKey || e.metaKey)) {
|
||||||
|
ranges = _grid.getSelectionModel().getSelectedRanges();
|
||||||
|
if (ranges.length != 0) {
|
||||||
|
e.preventDefault();
|
||||||
|
_copiedRanges = ranges;
|
||||||
|
markCopySelection(ranges);
|
||||||
|
_self.onCopyCells.notify({ranges: ranges});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (e.which == 86 && (e.ctrlKey || e.metaKey)) {
|
||||||
|
if (_copiedRanges) {
|
||||||
|
e.preventDefault();
|
||||||
|
clearCopySelection();
|
||||||
|
ranges = _grid.getSelectionModel().getSelectedRanges();
|
||||||
|
_self.onPasteCells.notify({from: _copiedRanges, to: ranges});
|
||||||
|
_copiedRanges = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function markCopySelection(ranges) {
|
||||||
|
var columns = _grid.getColumns();
|
||||||
|
var hash = {};
|
||||||
|
for (var i = 0; i < ranges.length; i++) {
|
||||||
|
for (var j = ranges[i].fromRow; j <= ranges[i].toRow; j++) {
|
||||||
|
hash[j] = {};
|
||||||
|
for (var k = ranges[i].fromCell; k <= ranges[i].toCell; k++) {
|
||||||
|
hash[j][columns[k].id] = "copied";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
_grid.setCellCssStyles("copy-manager", hash);
|
||||||
|
}
|
||||||
|
|
||||||
|
function clearCopySelection() {
|
||||||
|
_grid.removeCellCssStyles("copy-manager");
|
||||||
|
}
|
||||||
|
|
||||||
|
$.extend(this, {
|
||||||
|
"init": init,
|
||||||
|
"destroy": destroy,
|
||||||
|
"clearCopySelection": clearCopySelection,
|
||||||
|
|
||||||
|
"onCopyCells": new Slick.Event(),
|
||||||
|
"onCopyCancelled": new Slick.Event(),
|
||||||
|
"onPasteCells": new Slick.Event()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
66
vendor/slickgrid/2.0.1/plugins/slick.cellrangedecorator.js
vendored
Normal file
66
vendor/slickgrid/2.0.1/plugins/slick.cellrangedecorator.js
vendored
Normal file
@@ -0,0 +1,66 @@
|
|||||||
|
(function ($) {
|
||||||
|
// register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"CellRangeDecorator": CellRangeDecorator
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Displays an overlay on top of a given cell range.
|
||||||
|
*
|
||||||
|
* TODO:
|
||||||
|
* Currently, it blocks mouse events to DOM nodes behind it.
|
||||||
|
* Use FF and WebKit-specific "pointer-events" CSS style, or some kind of event forwarding.
|
||||||
|
* Could also construct the borders separately using 4 individual DIVs.
|
||||||
|
*
|
||||||
|
* @param {Grid} grid
|
||||||
|
* @param {Object} options
|
||||||
|
*/
|
||||||
|
function CellRangeDecorator(grid, options) {
|
||||||
|
var _elem;
|
||||||
|
var _defaults = {
|
||||||
|
selectionCssClass: 'slick-range-decorator',
|
||||||
|
selectionCss: {
|
||||||
|
"zIndex": "9999",
|
||||||
|
"border": "2px dashed red"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
options = $.extend(true, {}, _defaults, options);
|
||||||
|
|
||||||
|
|
||||||
|
function show(range) {
|
||||||
|
if (!_elem) {
|
||||||
|
_elem = $("<div></div>", {css: options.selectionCss})
|
||||||
|
.addClass(options.selectionCssClass)
|
||||||
|
.css("position", "absolute")
|
||||||
|
.appendTo(grid.getCanvasNode());
|
||||||
|
}
|
||||||
|
|
||||||
|
var from = grid.getCellNodeBox(range.fromRow, range.fromCell);
|
||||||
|
var to = grid.getCellNodeBox(range.toRow, range.toCell);
|
||||||
|
|
||||||
|
_elem.css({
|
||||||
|
top: from.top - 1,
|
||||||
|
left: from.left - 1,
|
||||||
|
height: to.bottom - from.top - 2,
|
||||||
|
width: to.right - from.left - 2
|
||||||
|
});
|
||||||
|
|
||||||
|
return _elem;
|
||||||
|
}
|
||||||
|
|
||||||
|
function hide() {
|
||||||
|
if (_elem) {
|
||||||
|
_elem.remove();
|
||||||
|
_elem = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$.extend(this, {
|
||||||
|
"show": show,
|
||||||
|
"hide": hide
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
113
vendor/slickgrid/2.0.1/plugins/slick.cellrangeselector.js
vendored
Normal file
113
vendor/slickgrid/2.0.1/plugins/slick.cellrangeselector.js
vendored
Normal file
@@ -0,0 +1,113 @@
|
|||||||
|
(function ($) {
|
||||||
|
// register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"CellRangeSelector": CellRangeSelector
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
function CellRangeSelector(options) {
|
||||||
|
var _grid;
|
||||||
|
var _canvas;
|
||||||
|
var _dragging;
|
||||||
|
var _decorator;
|
||||||
|
var _self = this;
|
||||||
|
var _handler = new Slick.EventHandler();
|
||||||
|
var _defaults = {
|
||||||
|
selectionCss: {
|
||||||
|
"border": "2px dashed blue"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
function init(grid) {
|
||||||
|
options = $.extend(true, {}, _defaults, options);
|
||||||
|
_decorator = new Slick.CellRangeDecorator(grid, options);
|
||||||
|
_grid = grid;
|
||||||
|
_canvas = _grid.getCanvasNode();
|
||||||
|
_handler
|
||||||
|
.subscribe(_grid.onDragInit, handleDragInit)
|
||||||
|
.subscribe(_grid.onDragStart, handleDragStart)
|
||||||
|
.subscribe(_grid.onDrag, handleDrag)
|
||||||
|
.subscribe(_grid.onDragEnd, handleDragEnd);
|
||||||
|
}
|
||||||
|
|
||||||
|
function destroy() {
|
||||||
|
_handler.unsubscribeAll();
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleDragInit(e, dd) {
|
||||||
|
// prevent the grid from cancelling drag'n'drop by default
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleDragStart(e, dd) {
|
||||||
|
var cell = _grid.getCellFromEvent(e);
|
||||||
|
if (_self.onBeforeCellRangeSelected.notify(cell) !== false) {
|
||||||
|
if (_grid.canCellBeSelected(cell.row, cell.cell)) {
|
||||||
|
_dragging = true;
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (!_dragging) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
_grid.focus();
|
||||||
|
|
||||||
|
var start = _grid.getCellFromPoint(
|
||||||
|
dd.startX - $(_canvas).offset().left,
|
||||||
|
dd.startY - $(_canvas).offset().top);
|
||||||
|
|
||||||
|
dd.range = {start: start, end: {}};
|
||||||
|
|
||||||
|
return _decorator.show(new Slick.Range(start.row, start.cell));
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleDrag(e, dd) {
|
||||||
|
if (!_dragging) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
|
||||||
|
var end = _grid.getCellFromPoint(
|
||||||
|
e.pageX - $(_canvas).offset().left,
|
||||||
|
e.pageY - $(_canvas).offset().top);
|
||||||
|
|
||||||
|
if (!_grid.canCellBeSelected(end.row, end.cell)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
dd.range.end = end;
|
||||||
|
_decorator.show(new Slick.Range(dd.range.start.row, dd.range.start.cell, end.row, end.cell));
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleDragEnd(e, dd) {
|
||||||
|
if (!_dragging) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
_dragging = false;
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
|
||||||
|
_decorator.hide();
|
||||||
|
_self.onCellRangeSelected.notify({
|
||||||
|
range: new Slick.Range(
|
||||||
|
dd.range.start.row,
|
||||||
|
dd.range.start.cell,
|
||||||
|
dd.range.end.row,
|
||||||
|
dd.range.end.cell
|
||||||
|
)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
$.extend(this, {
|
||||||
|
"init": init,
|
||||||
|
"destroy": destroy,
|
||||||
|
|
||||||
|
"onBeforeCellRangeSelected": new Slick.Event(),
|
||||||
|
"onCellRangeSelected": new Slick.Event()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
154
vendor/slickgrid/2.0.1/plugins/slick.cellselectionmodel.js
vendored
Normal file
154
vendor/slickgrid/2.0.1/plugins/slick.cellselectionmodel.js
vendored
Normal file
@@ -0,0 +1,154 @@
|
|||||||
|
(function ($) {
|
||||||
|
// register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"CellSelectionModel": CellSelectionModel
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
function CellSelectionModel(options) {
|
||||||
|
var _grid;
|
||||||
|
var _canvas;
|
||||||
|
var _ranges = [];
|
||||||
|
var _self = this;
|
||||||
|
var _selector = new Slick.CellRangeSelector({
|
||||||
|
"selectionCss": {
|
||||||
|
"border": "2px solid black"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
var _options;
|
||||||
|
var _defaults = {
|
||||||
|
selectActiveCell: true
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
function init(grid) {
|
||||||
|
_options = $.extend(true, {}, _defaults, options);
|
||||||
|
_grid = grid;
|
||||||
|
_canvas = _grid.getCanvasNode();
|
||||||
|
_grid.onActiveCellChanged.subscribe(handleActiveCellChange);
|
||||||
|
_grid.onKeyDown.subscribe(handleKeyDown);
|
||||||
|
grid.registerPlugin(_selector);
|
||||||
|
_selector.onCellRangeSelected.subscribe(handleCellRangeSelected);
|
||||||
|
_selector.onBeforeCellRangeSelected.subscribe(handleBeforeCellRangeSelected);
|
||||||
|
}
|
||||||
|
|
||||||
|
function destroy() {
|
||||||
|
_grid.onActiveCellChanged.unsubscribe(handleActiveCellChange);
|
||||||
|
_grid.onKeyDown.unsubscribe(handleKeyDown);
|
||||||
|
_selector.onCellRangeSelected.unsubscribe(handleCellRangeSelected);
|
||||||
|
_selector.onBeforeCellRangeSelected.unsubscribe(handleBeforeCellRangeSelected);
|
||||||
|
_grid.unregisterPlugin(_selector);
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeInvalidRanges(ranges) {
|
||||||
|
var result = [];
|
||||||
|
|
||||||
|
for (var i = 0; i < ranges.length; i++) {
|
||||||
|
var r = ranges[i];
|
||||||
|
if (_grid.canCellBeSelected(r.fromRow, r.fromCell) && _grid.canCellBeSelected(r.toRow, r.toCell)) {
|
||||||
|
result.push(r);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
function setSelectedRanges(ranges) {
|
||||||
|
_ranges = removeInvalidRanges(ranges);
|
||||||
|
_self.onSelectedRangesChanged.notify(_ranges);
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSelectedRanges() {
|
||||||
|
return _ranges;
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleBeforeCellRangeSelected(e, args) {
|
||||||
|
if (_grid.getEditorLock().isActive()) {
|
||||||
|
e.stopPropagation();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleCellRangeSelected(e, args) {
|
||||||
|
setSelectedRanges([args.range]);
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleActiveCellChange(e, args) {
|
||||||
|
if (_options.selectActiveCell && args.row != null && args.cell != null) {
|
||||||
|
setSelectedRanges([new Slick.Range(args.row, args.cell)]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleKeyDown(e) {
|
||||||
|
/***
|
||||||
|
* Кey codes
|
||||||
|
* 37 left
|
||||||
|
* 38 up
|
||||||
|
* 39 right
|
||||||
|
* 40 down
|
||||||
|
*/
|
||||||
|
var ranges, last;
|
||||||
|
var active = _grid.getActiveCell();
|
||||||
|
|
||||||
|
if ( active && e.shiftKey && !e.ctrlKey && !e.altKey &&
|
||||||
|
(e.which == 37 || e.which == 39 || e.which == 38 || e.which == 40) ) {
|
||||||
|
|
||||||
|
ranges = getSelectedRanges();
|
||||||
|
if (!ranges.length)
|
||||||
|
ranges.push(new Slick.Range(active.row, active.cell));
|
||||||
|
|
||||||
|
// keyboard can work with last range only
|
||||||
|
last = ranges.pop();
|
||||||
|
|
||||||
|
// can't handle selection out of active cell
|
||||||
|
if (!last.contains(active.row, active.cell))
|
||||||
|
last = new Slick.Range(active.row, active.cell);
|
||||||
|
|
||||||
|
var dRow = last.toRow - last.fromRow,
|
||||||
|
dCell = last.toCell - last.fromCell,
|
||||||
|
// walking direction
|
||||||
|
dirRow = active.row == last.fromRow ? 1 : -1,
|
||||||
|
dirCell = active.cell == last.fromCell ? 1 : -1;
|
||||||
|
|
||||||
|
if (e.which == 37) {
|
||||||
|
dCell -= dirCell;
|
||||||
|
} else if (e.which == 39) {
|
||||||
|
dCell += dirCell ;
|
||||||
|
} else if (e.which == 38) {
|
||||||
|
dRow -= dirRow;
|
||||||
|
} else if (e.which == 40) {
|
||||||
|
dRow += dirRow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// define new selection range
|
||||||
|
var new_last = new Slick.Range(active.row, active.cell, active.row + dirRow*dRow, active.cell + dirCell*dCell);
|
||||||
|
if (removeInvalidRanges([new_last]).length) {
|
||||||
|
ranges.push(new_last);
|
||||||
|
var viewRow = dirRow > 0 ? new_last.toRow : new_last.fromRow;
|
||||||
|
var viewCell = dirCell > 0 ? new_last.toCell : new_last.fromCell;
|
||||||
|
_grid.scrollRowIntoView(viewRow);
|
||||||
|
_grid.scrollCellIntoView(viewRow, viewCell);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
ranges.push(last);
|
||||||
|
|
||||||
|
setSelectedRanges(ranges);
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$.extend(this, {
|
||||||
|
"getSelectedRanges": getSelectedRanges,
|
||||||
|
"setSelectedRanges": setSelectedRanges,
|
||||||
|
|
||||||
|
"init": init,
|
||||||
|
"destroy": destroy,
|
||||||
|
|
||||||
|
"onSelectedRangesChanged": new Slick.Event()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
153
vendor/slickgrid/2.0.1/plugins/slick.checkboxselectcolumn.js
vendored
Normal file
153
vendor/slickgrid/2.0.1/plugins/slick.checkboxselectcolumn.js
vendored
Normal file
@@ -0,0 +1,153 @@
|
|||||||
|
(function ($) {
|
||||||
|
// register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"CheckboxSelectColumn": CheckboxSelectColumn
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
function CheckboxSelectColumn(options) {
|
||||||
|
var _grid;
|
||||||
|
var _self = this;
|
||||||
|
var _handler = new Slick.EventHandler();
|
||||||
|
var _selectedRowsLookup = {};
|
||||||
|
var _defaults = {
|
||||||
|
columnId: "_checkbox_selector",
|
||||||
|
cssClass: null,
|
||||||
|
toolTip: "Select/Deselect All",
|
||||||
|
width: 30
|
||||||
|
};
|
||||||
|
|
||||||
|
var _options = $.extend(true, {}, _defaults, options);
|
||||||
|
|
||||||
|
function init(grid) {
|
||||||
|
_grid = grid;
|
||||||
|
_handler
|
||||||
|
.subscribe(_grid.onSelectedRowsChanged, handleSelectedRowsChanged)
|
||||||
|
.subscribe(_grid.onClick, handleClick)
|
||||||
|
.subscribe(_grid.onHeaderClick, handleHeaderClick)
|
||||||
|
.subscribe(_grid.onKeyDown, handleKeyDown);
|
||||||
|
}
|
||||||
|
|
||||||
|
function destroy() {
|
||||||
|
_handler.unsubscribeAll();
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleSelectedRowsChanged(e, args) {
|
||||||
|
var selectedRows = _grid.getSelectedRows();
|
||||||
|
var lookup = {}, row, i;
|
||||||
|
for (i = 0; i < selectedRows.length; i++) {
|
||||||
|
row = selectedRows[i];
|
||||||
|
lookup[row] = true;
|
||||||
|
if (lookup[row] !== _selectedRowsLookup[row]) {
|
||||||
|
_grid.invalidateRow(row);
|
||||||
|
delete _selectedRowsLookup[row];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
for (i in _selectedRowsLookup) {
|
||||||
|
_grid.invalidateRow(i);
|
||||||
|
}
|
||||||
|
_selectedRowsLookup = lookup;
|
||||||
|
_grid.render();
|
||||||
|
|
||||||
|
if (selectedRows.length && selectedRows.length == _grid.getDataLength()) {
|
||||||
|
_grid.updateColumnHeader(_options.columnId, "<input type='checkbox' checked='checked'>", _options.toolTip);
|
||||||
|
} else {
|
||||||
|
_grid.updateColumnHeader(_options.columnId, "<input type='checkbox'>", _options.toolTip);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleKeyDown(e, args) {
|
||||||
|
if (e.which == 32) {
|
||||||
|
if (_grid.getColumns()[args.cell].id === _options.columnId) {
|
||||||
|
// if editing, try to commit
|
||||||
|
if (!_grid.getEditorLock().isActive() || _grid.getEditorLock().commitCurrentEdit()) {
|
||||||
|
toggleRowSelection(args.row);
|
||||||
|
}
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleClick(e, args) {
|
||||||
|
// clicking on a row select checkbox
|
||||||
|
if (_grid.getColumns()[args.cell].id === _options.columnId && $(e.target).is(":checkbox")) {
|
||||||
|
// if editing, try to commit
|
||||||
|
if (_grid.getEditorLock().isActive() && !_grid.getEditorLock().commitCurrentEdit()) {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
toggleRowSelection(args.row);
|
||||||
|
e.stopPropagation();
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggleRowSelection(row) {
|
||||||
|
if (_selectedRowsLookup[row]) {
|
||||||
|
_grid.setSelectedRows($.grep(_grid.getSelectedRows(), function (n) {
|
||||||
|
return n != row
|
||||||
|
}));
|
||||||
|
} else {
|
||||||
|
_grid.setSelectedRows(_grid.getSelectedRows().concat(row));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleHeaderClick(e, args) {
|
||||||
|
if (args.column.id == _options.columnId && $(e.target).is(":checkbox")) {
|
||||||
|
// if editing, try to commit
|
||||||
|
if (_grid.getEditorLock().isActive() && !_grid.getEditorLock().commitCurrentEdit()) {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($(e.target).is(":checked")) {
|
||||||
|
var rows = [];
|
||||||
|
for (var i = 0; i < _grid.getDataLength(); i++) {
|
||||||
|
rows.push(i);
|
||||||
|
}
|
||||||
|
_grid.setSelectedRows(rows);
|
||||||
|
} else {
|
||||||
|
_grid.setSelectedRows([]);
|
||||||
|
}
|
||||||
|
e.stopPropagation();
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getColumnDefinition() {
|
||||||
|
return {
|
||||||
|
id: _options.columnId,
|
||||||
|
name: "<input type='checkbox'>",
|
||||||
|
toolTip: _options.toolTip,
|
||||||
|
field: "sel",
|
||||||
|
width: _options.width,
|
||||||
|
resizable: false,
|
||||||
|
sortable: false,
|
||||||
|
cssClass: _options.cssClass,
|
||||||
|
formatter: checkboxSelectionFormatter
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function checkboxSelectionFormatter(row, cell, value, columnDef, dataContext) {
|
||||||
|
if (dataContext) {
|
||||||
|
return _selectedRowsLookup[row]
|
||||||
|
? "<input type='checkbox' checked='checked'>"
|
||||||
|
: "<input type='checkbox'>";
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
$.extend(this, {
|
||||||
|
"init": init,
|
||||||
|
"destroy": destroy,
|
||||||
|
|
||||||
|
"getColumnDefinition": getColumnDefinition
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
39
vendor/slickgrid/2.0.1/plugins/slick.headerbuttons.css
vendored
Normal file
39
vendor/slickgrid/2.0.1/plugins/slick.headerbuttons.css
vendored
Normal file
@@ -0,0 +1,39 @@
|
|||||||
|
.slick-column-name,
|
||||||
|
.slick-sort-indicator {
|
||||||
|
/**
|
||||||
|
* This makes all "float:right" elements after it that spill over to the next line
|
||||||
|
* display way below the lower boundary of the column thus hiding them.
|
||||||
|
*/
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
margin-bottom: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slick-header-button {
|
||||||
|
display: inline-block;
|
||||||
|
float: right;
|
||||||
|
vertical-align: top;
|
||||||
|
margin: 1px;
|
||||||
|
/**
|
||||||
|
* This makes all "float:right" elements after it that spill over to the next line
|
||||||
|
* display way below the lower boundary of the column thus hiding them.
|
||||||
|
*/
|
||||||
|
margin-bottom: 100px;
|
||||||
|
height: 15px;
|
||||||
|
width: 15px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slick-header-button-hidden {
|
||||||
|
width: 0;
|
||||||
|
|
||||||
|
-webkit-transition: 0.2s width;
|
||||||
|
-ms-transition: 0.2s width;
|
||||||
|
transition: 0.2s width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slick-header-column:hover > .slick-header-button {
|
||||||
|
width: 15px;
|
||||||
|
}
|
||||||
177
vendor/slickgrid/2.0.1/plugins/slick.headerbuttons.js
vendored
Normal file
177
vendor/slickgrid/2.0.1/plugins/slick.headerbuttons.js
vendored
Normal file
@@ -0,0 +1,177 @@
|
|||||||
|
(function ($) {
|
||||||
|
// register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"Plugins": {
|
||||||
|
"HeaderButtons": HeaderButtons
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
/***
|
||||||
|
* A plugin to add custom buttons to column headers.
|
||||||
|
*
|
||||||
|
* USAGE:
|
||||||
|
*
|
||||||
|
* Add the plugin .js & .css files and register it with the grid.
|
||||||
|
*
|
||||||
|
* To specify a custom button in a column header, extend the column definition like so:
|
||||||
|
*
|
||||||
|
* var columns = [
|
||||||
|
* {
|
||||||
|
* id: 'myColumn',
|
||||||
|
* name: 'My column',
|
||||||
|
*
|
||||||
|
* // This is the relevant part
|
||||||
|
* header: {
|
||||||
|
* buttons: [
|
||||||
|
* {
|
||||||
|
* // button options
|
||||||
|
* },
|
||||||
|
* {
|
||||||
|
* // button options
|
||||||
|
* }
|
||||||
|
* ]
|
||||||
|
* }
|
||||||
|
* }
|
||||||
|
* ];
|
||||||
|
*
|
||||||
|
* Available button options:
|
||||||
|
* cssClass: CSS class to add to the button.
|
||||||
|
* image: Relative button image path.
|
||||||
|
* tooltip: Button tooltip.
|
||||||
|
* showOnHover: Only show the button on hover.
|
||||||
|
* handler: Button click handler.
|
||||||
|
* command: A command identifier to be passed to the onCommand event handlers.
|
||||||
|
*
|
||||||
|
* The plugin exposes the following events:
|
||||||
|
* onCommand: Fired on button click for buttons with 'command' specified.
|
||||||
|
* Event args:
|
||||||
|
* grid: Reference to the grid.
|
||||||
|
* column: Column definition.
|
||||||
|
* command: Button command identified.
|
||||||
|
* button: Button options. Note that you can change the button options in your
|
||||||
|
* event handler, and the column header will be automatically updated to
|
||||||
|
* reflect them. This is useful if you want to implement something like a
|
||||||
|
* toggle button.
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* @param options {Object} Options:
|
||||||
|
* buttonCssClass: a CSS class to use for buttons (default 'slick-header-button')
|
||||||
|
* @class Slick.Plugins.HeaderButtons
|
||||||
|
* @constructor
|
||||||
|
*/
|
||||||
|
function HeaderButtons(options) {
|
||||||
|
var _grid;
|
||||||
|
var _self = this;
|
||||||
|
var _handler = new Slick.EventHandler();
|
||||||
|
var _defaults = {
|
||||||
|
buttonCssClass: "slick-header-button"
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
function init(grid) {
|
||||||
|
options = $.extend(true, {}, _defaults, options);
|
||||||
|
_grid = grid;
|
||||||
|
_handler
|
||||||
|
.subscribe(_grid.onHeaderCellRendered, handleHeaderCellRendered)
|
||||||
|
.subscribe(_grid.onBeforeHeaderCellDestroy, handleBeforeHeaderCellDestroy);
|
||||||
|
|
||||||
|
// Force the grid to re-render the header now that the events are hooked up.
|
||||||
|
_grid.setColumns(_grid.getColumns());
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function destroy() {
|
||||||
|
_handler.unsubscribeAll();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function handleHeaderCellRendered(e, args) {
|
||||||
|
var column = args.column;
|
||||||
|
|
||||||
|
if (column.header && column.header.buttons) {
|
||||||
|
// Append buttons in reverse order since they are floated to the right.
|
||||||
|
var i = column.header.buttons.length;
|
||||||
|
while (i--) {
|
||||||
|
var button = column.header.buttons[i];
|
||||||
|
var btn = $("<div></div>")
|
||||||
|
.addClass(options.buttonCssClass)
|
||||||
|
.data("column", column)
|
||||||
|
.data("button", button);
|
||||||
|
|
||||||
|
if (button.showOnHover) {
|
||||||
|
btn.addClass("slick-header-button-hidden");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (button.image) {
|
||||||
|
btn.css("backgroundImage", "url(" + button.image + ")");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (button.cssClass) {
|
||||||
|
btn.addClass(button.cssClass);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (button.tooltip) {
|
||||||
|
btn.attr("title", button.tooltip);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (button.command) {
|
||||||
|
btn.data("command", button.command);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (button.handler) {
|
||||||
|
btn.bind("click", button.handler);
|
||||||
|
}
|
||||||
|
|
||||||
|
btn
|
||||||
|
.bind("click", handleButtonClick)
|
||||||
|
.appendTo(args.node);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function handleBeforeHeaderCellDestroy(e, args) {
|
||||||
|
var column = args.column;
|
||||||
|
|
||||||
|
if (column.header && column.header.buttons) {
|
||||||
|
// Removing buttons via jQuery will also clean up any event handlers and data.
|
||||||
|
// NOTE: If you attach event handlers directly or using a different framework,
|
||||||
|
// you must also clean them up here to avoid memory leaks.
|
||||||
|
$(args.node).find("." + options.buttonCssClass).remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function handleButtonClick(e) {
|
||||||
|
var command = $(this).data("command");
|
||||||
|
var columnDef = $(this).data("column");
|
||||||
|
var button = $(this).data("button");
|
||||||
|
|
||||||
|
if (command != null) {
|
||||||
|
_self.onCommand.notify({
|
||||||
|
"grid": _grid,
|
||||||
|
"column": columnDef,
|
||||||
|
"command": command,
|
||||||
|
"button": button
|
||||||
|
}, e, _self);
|
||||||
|
|
||||||
|
// Update the header in case the user updated the button definition in the handler.
|
||||||
|
_grid.updateColumnHeader(columnDef.id);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Stop propagation so that it doesn't register as a header click event.
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
}
|
||||||
|
|
||||||
|
$.extend(this, {
|
||||||
|
"init": init,
|
||||||
|
"destroy": destroy,
|
||||||
|
|
||||||
|
"onCommand": new Slick.Event()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
59
vendor/slickgrid/2.0.1/plugins/slick.headermenu.css
vendored
Normal file
59
vendor/slickgrid/2.0.1/plugins/slick.headermenu.css
vendored
Normal file
@@ -0,0 +1,59 @@
|
|||||||
|
/* Menu button */
|
||||||
|
.slick-header-menubutton {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 14px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: left center;
|
||||||
|
background-image: url(../images/down.gif);
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
display: none;
|
||||||
|
border-left: thin ridge silver;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slick-header-column:hover > .slick-header-menubutton,
|
||||||
|
.slick-header-column-active .slick-header-menubutton {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Menu */
|
||||||
|
.slick-header-menu {
|
||||||
|
position: absolute;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0;
|
||||||
|
padding: 2px;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Menu items */
|
||||||
|
.slick-header-menuitem {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slick-header-menuicon {
|
||||||
|
display: inline-block;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-right: 4px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slick-header-menucontent {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Disabled */
|
||||||
|
.slick-header-menuitem-disabled {
|
||||||
|
color: silver;
|
||||||
|
}
|
||||||
275
vendor/slickgrid/2.0.1/plugins/slick.headermenu.js
vendored
Normal file
275
vendor/slickgrid/2.0.1/plugins/slick.headermenu.js
vendored
Normal file
@@ -0,0 +1,275 @@
|
|||||||
|
(function ($) {
|
||||||
|
// register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"Plugins": {
|
||||||
|
"HeaderMenu": HeaderMenu
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
/***
|
||||||
|
* A plugin to add drop-down menus to column headers.
|
||||||
|
*
|
||||||
|
* USAGE:
|
||||||
|
*
|
||||||
|
* Add the plugin .js & .css files and register it with the grid.
|
||||||
|
*
|
||||||
|
* To specify a menu in a column header, extend the column definition like so:
|
||||||
|
*
|
||||||
|
* var columns = [
|
||||||
|
* {
|
||||||
|
* id: 'myColumn',
|
||||||
|
* name: 'My column',
|
||||||
|
*
|
||||||
|
* // This is the relevant part
|
||||||
|
* header: {
|
||||||
|
* menu: {
|
||||||
|
* items: [
|
||||||
|
* {
|
||||||
|
* // menu item options
|
||||||
|
* },
|
||||||
|
* {
|
||||||
|
* // menu item options
|
||||||
|
* }
|
||||||
|
* ]
|
||||||
|
* }
|
||||||
|
* }
|
||||||
|
* }
|
||||||
|
* ];
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Available menu options:
|
||||||
|
* tooltip: Menu button tooltip.
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Available menu item options:
|
||||||
|
* title: Menu item text.
|
||||||
|
* disabled: Whether the item is disabled.
|
||||||
|
* tooltip: Item tooltip.
|
||||||
|
* command: A command identifier to be passed to the onCommand event handlers.
|
||||||
|
* iconCssClass: A CSS class to be added to the menu item icon.
|
||||||
|
* iconImage: A url to the icon image.
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* The plugin exposes the following events:
|
||||||
|
* onBeforeMenuShow: Fired before the menu is shown. You can customize the menu or dismiss it by returning false.
|
||||||
|
* Event args:
|
||||||
|
* grid: Reference to the grid.
|
||||||
|
* column: Column definition.
|
||||||
|
* menu: Menu options. Note that you can change the menu items here.
|
||||||
|
*
|
||||||
|
* onCommand: Fired on menu item click for buttons with 'command' specified.
|
||||||
|
* Event args:
|
||||||
|
* grid: Reference to the grid.
|
||||||
|
* column: Column definition.
|
||||||
|
* command: Button command identified.
|
||||||
|
* button: Button options. Note that you can change the button options in your
|
||||||
|
* event handler, and the column header will be automatically updated to
|
||||||
|
* reflect them. This is useful if you want to implement something like a
|
||||||
|
* toggle button.
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* @param options {Object} Options:
|
||||||
|
* buttonCssClass: an extra CSS class to add to the menu button
|
||||||
|
* buttonImage: a url to the menu button image (default '../images/down.gif')
|
||||||
|
* @class Slick.Plugins.HeaderButtons
|
||||||
|
* @constructor
|
||||||
|
*/
|
||||||
|
function HeaderMenu(options) {
|
||||||
|
var _grid;
|
||||||
|
var _self = this;
|
||||||
|
var _handler = new Slick.EventHandler();
|
||||||
|
var _defaults = {
|
||||||
|
buttonCssClass: null,
|
||||||
|
buttonImage: null
|
||||||
|
};
|
||||||
|
var $menu;
|
||||||
|
var $activeHeaderColumn;
|
||||||
|
|
||||||
|
|
||||||
|
function init(grid) {
|
||||||
|
options = $.extend(true, {}, _defaults, options);
|
||||||
|
_grid = grid;
|
||||||
|
_handler
|
||||||
|
.subscribe(_grid.onHeaderCellRendered, handleHeaderCellRendered)
|
||||||
|
.subscribe(_grid.onBeforeHeaderCellDestroy, handleBeforeHeaderCellDestroy);
|
||||||
|
|
||||||
|
// Force the grid to re-render the header now that the events are hooked up.
|
||||||
|
_grid.setColumns(_grid.getColumns());
|
||||||
|
|
||||||
|
// Hide the menu on outside click.
|
||||||
|
$(document.body).bind("mousedown", handleBodyMouseDown);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function destroy() {
|
||||||
|
_handler.unsubscribeAll();
|
||||||
|
$(document.body).unbind("mousedown", handleBodyMouseDown);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function handleBodyMouseDown(e) {
|
||||||
|
if ($menu && $menu[0] != e.target && !$.contains($menu[0], e.target)) {
|
||||||
|
hideMenu();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function hideMenu() {
|
||||||
|
if ($menu) {
|
||||||
|
$menu.remove();
|
||||||
|
$menu = null;
|
||||||
|
$activeHeaderColumn
|
||||||
|
.removeClass("slick-header-column-active");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleHeaderCellRendered(e, args) {
|
||||||
|
var column = args.column;
|
||||||
|
var menu = column.header && column.header.menu;
|
||||||
|
|
||||||
|
if (menu) {
|
||||||
|
var $el = $("<div></div>")
|
||||||
|
.addClass("slick-header-menubutton")
|
||||||
|
.data("column", column)
|
||||||
|
.data("menu", menu);
|
||||||
|
|
||||||
|
if (options.buttonCssClass) {
|
||||||
|
$el.addClass(options.buttonCssClass);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (options.buttonImage) {
|
||||||
|
$el.css("background-image", "url(" + options.buttonImage + ")");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (menu.tooltip) {
|
||||||
|
$el.attr("title", menu.tooltip);
|
||||||
|
}
|
||||||
|
|
||||||
|
$el
|
||||||
|
.bind("click", showMenu)
|
||||||
|
.appendTo(args.node);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function handleBeforeHeaderCellDestroy(e, args) {
|
||||||
|
var column = args.column;
|
||||||
|
|
||||||
|
if (column.header && column.header.menu) {
|
||||||
|
$(args.node).find(".slick-header-menubutton").remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function showMenu(e) {
|
||||||
|
var $menuButton = $(this);
|
||||||
|
var menu = $menuButton.data("menu");
|
||||||
|
var columnDef = $menuButton.data("column");
|
||||||
|
|
||||||
|
// Let the user modify the menu or cancel altogether,
|
||||||
|
// or provide alternative menu implementation.
|
||||||
|
if (_self.onBeforeMenuShow.notify({
|
||||||
|
"grid": _grid,
|
||||||
|
"column": columnDef,
|
||||||
|
"menu": menu
|
||||||
|
}, e, _self) == false) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (!$menu) {
|
||||||
|
$menu = $("<div class='slick-header-menu'></div>")
|
||||||
|
.appendTo(_grid.getContainerNode());
|
||||||
|
}
|
||||||
|
$menu.empty();
|
||||||
|
|
||||||
|
|
||||||
|
// Construct the menu items.
|
||||||
|
for (var i = 0; i < menu.items.length; i++) {
|
||||||
|
var item = menu.items[i];
|
||||||
|
|
||||||
|
var $li = $("<div class='slick-header-menuitem'></div>")
|
||||||
|
.data("command", item.command || '')
|
||||||
|
.data("column", columnDef)
|
||||||
|
.data("item", item)
|
||||||
|
.bind("click", handleMenuItemClick)
|
||||||
|
.appendTo($menu);
|
||||||
|
|
||||||
|
if (item.disabled) {
|
||||||
|
$li.addClass("slick-header-menuitem-disabled");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (item.tooltip) {
|
||||||
|
$li.attr("title", item.tooltip);
|
||||||
|
}
|
||||||
|
|
||||||
|
var $icon = $("<div class='slick-header-menuicon'></div>")
|
||||||
|
.appendTo($li);
|
||||||
|
|
||||||
|
if (item.iconCssClass) {
|
||||||
|
$icon.addClass(item.iconCssClass);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (item.iconImage) {
|
||||||
|
$icon.css("background-image", "url(" + item.iconImage + ")");
|
||||||
|
}
|
||||||
|
|
||||||
|
$("<span class='slick-header-menucontent'></span>")
|
||||||
|
.text(item.title)
|
||||||
|
.appendTo($li);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Position the menu.
|
||||||
|
$menu
|
||||||
|
.offset({ top: $(this).offset().top + $(this).height(), left: $(this).offset().left });
|
||||||
|
|
||||||
|
|
||||||
|
// Mark the header as active to keep the highlighting.
|
||||||
|
$activeHeaderColumn = $menuButton.closest(".slick-header-column");
|
||||||
|
$activeHeaderColumn
|
||||||
|
.addClass("slick-header-column-active");
|
||||||
|
|
||||||
|
// Stop propagation so that it doesn't register as a header click event.
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function handleMenuItemClick(e) {
|
||||||
|
var command = $(this).data("command");
|
||||||
|
var columnDef = $(this).data("column");
|
||||||
|
var item = $(this).data("item");
|
||||||
|
|
||||||
|
if (item.disabled) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
hideMenu();
|
||||||
|
|
||||||
|
if (command != null && command != '') {
|
||||||
|
_self.onCommand.notify({
|
||||||
|
"grid": _grid,
|
||||||
|
"column": columnDef,
|
||||||
|
"command": command,
|
||||||
|
"item": item
|
||||||
|
}, e, _self);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Stop propagation so that it doesn't register as a header click event.
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
}
|
||||||
|
|
||||||
|
$.extend(this, {
|
||||||
|
"init": init,
|
||||||
|
"destroy": destroy,
|
||||||
|
|
||||||
|
"onBeforeMenuShow": new Slick.Event(),
|
||||||
|
"onCommand": new Slick.Event()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
138
vendor/slickgrid/2.0.1/plugins/slick.rowmovemanager.js
vendored
Normal file
138
vendor/slickgrid/2.0.1/plugins/slick.rowmovemanager.js
vendored
Normal file
@@ -0,0 +1,138 @@
|
|||||||
|
(function ($) {
|
||||||
|
// register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"RowMoveManager": RowMoveManager
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function RowMoveManager(options) {
|
||||||
|
var _grid;
|
||||||
|
var _canvas;
|
||||||
|
var _dragging;
|
||||||
|
var _self = this;
|
||||||
|
var _handler = new Slick.EventHandler();
|
||||||
|
var _defaults = {
|
||||||
|
cancelEditOnDrag: false
|
||||||
|
};
|
||||||
|
|
||||||
|
function init(grid) {
|
||||||
|
options = $.extend(true, {}, _defaults, options);
|
||||||
|
_grid = grid;
|
||||||
|
_canvas = _grid.getCanvasNode();
|
||||||
|
_handler
|
||||||
|
.subscribe(_grid.onDragInit, handleDragInit)
|
||||||
|
.subscribe(_grid.onDragStart, handleDragStart)
|
||||||
|
.subscribe(_grid.onDrag, handleDrag)
|
||||||
|
.subscribe(_grid.onDragEnd, handleDragEnd);
|
||||||
|
}
|
||||||
|
|
||||||
|
function destroy() {
|
||||||
|
_handler.unsubscribeAll();
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleDragInit(e, dd) {
|
||||||
|
// prevent the grid from cancelling drag'n'drop by default
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleDragStart(e, dd) {
|
||||||
|
var cell = _grid.getCellFromEvent(e);
|
||||||
|
|
||||||
|
if (options.cancelEditOnDrag && _grid.getEditorLock().isActive()) {
|
||||||
|
_grid.getEditorLock().cancelCurrentEdit();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (_grid.getEditorLock().isActive() || !/move|selectAndMove/.test(_grid.getColumns()[cell.cell].behavior)) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
_dragging = true;
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
|
||||||
|
var selectedRows = _grid.getSelectedRows();
|
||||||
|
|
||||||
|
if (selectedRows.length == 0 || $.inArray(cell.row, selectedRows) == -1) {
|
||||||
|
selectedRows = [cell.row];
|
||||||
|
_grid.setSelectedRows(selectedRows);
|
||||||
|
}
|
||||||
|
|
||||||
|
var rowHeight = _grid.getOptions().rowHeight;
|
||||||
|
|
||||||
|
dd.selectedRows = selectedRows;
|
||||||
|
|
||||||
|
dd.selectionProxy = $("<div class='slick-reorder-proxy'/>")
|
||||||
|
.css("position", "absolute")
|
||||||
|
.css("zIndex", "99999")
|
||||||
|
.css("width", $(_canvas).innerWidth())
|
||||||
|
.css("height", rowHeight * selectedRows.length)
|
||||||
|
.appendTo(_canvas);
|
||||||
|
|
||||||
|
dd.guide = $("<div class='slick-reorder-guide'/>")
|
||||||
|
.css("position", "absolute")
|
||||||
|
.css("zIndex", "99998")
|
||||||
|
.css("width", $(_canvas).innerWidth())
|
||||||
|
.css("top", -1000)
|
||||||
|
.appendTo(_canvas);
|
||||||
|
|
||||||
|
dd.insertBefore = -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleDrag(e, dd) {
|
||||||
|
if (!_dragging) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
|
||||||
|
var top = e.pageY - $(_canvas).offset().top;
|
||||||
|
dd.selectionProxy.css("top", top - 5);
|
||||||
|
|
||||||
|
var insertBefore = Math.max(0, Math.min(Math.round(top / _grid.getOptions().rowHeight), _grid.getDataLength()));
|
||||||
|
if (insertBefore !== dd.insertBefore) {
|
||||||
|
var eventData = {
|
||||||
|
"rows": dd.selectedRows,
|
||||||
|
"insertBefore": insertBefore
|
||||||
|
};
|
||||||
|
|
||||||
|
if (_self.onBeforeMoveRows.notify(eventData) === false) {
|
||||||
|
dd.guide.css("top", -1000);
|
||||||
|
dd.canMove = false;
|
||||||
|
} else {
|
||||||
|
dd.guide.css("top", insertBefore * _grid.getOptions().rowHeight);
|
||||||
|
dd.canMove = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
dd.insertBefore = insertBefore;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleDragEnd(e, dd) {
|
||||||
|
if (!_dragging) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
_dragging = false;
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
|
||||||
|
dd.guide.remove();
|
||||||
|
dd.selectionProxy.remove();
|
||||||
|
|
||||||
|
if (dd.canMove) {
|
||||||
|
var eventData = {
|
||||||
|
"rows": dd.selectedRows,
|
||||||
|
"insertBefore": dd.insertBefore
|
||||||
|
};
|
||||||
|
// TODO: _grid.remapCellCssClasses ?
|
||||||
|
_self.onMoveRows.notify(eventData);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$.extend(this, {
|
||||||
|
"onBeforeMoveRows": new Slick.Event(),
|
||||||
|
"onMoveRows": new Slick.Event(),
|
||||||
|
|
||||||
|
"init": init,
|
||||||
|
"destroy": destroy
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
187
vendor/slickgrid/2.0.1/plugins/slick.rowselectionmodel.js
vendored
Normal file
187
vendor/slickgrid/2.0.1/plugins/slick.rowselectionmodel.js
vendored
Normal file
@@ -0,0 +1,187 @@
|
|||||||
|
(function ($) {
|
||||||
|
// register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"RowSelectionModel": RowSelectionModel
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function RowSelectionModel(options) {
|
||||||
|
var _grid;
|
||||||
|
var _ranges = [];
|
||||||
|
var _self = this;
|
||||||
|
var _handler = new Slick.EventHandler();
|
||||||
|
var _inHandler;
|
||||||
|
var _options;
|
||||||
|
var _defaults = {
|
||||||
|
selectActiveRow: true
|
||||||
|
};
|
||||||
|
|
||||||
|
function init(grid) {
|
||||||
|
_options = $.extend(true, {}, _defaults, options);
|
||||||
|
_grid = grid;
|
||||||
|
_handler.subscribe(_grid.onActiveCellChanged,
|
||||||
|
wrapHandler(handleActiveCellChange));
|
||||||
|
_handler.subscribe(_grid.onKeyDown,
|
||||||
|
wrapHandler(handleKeyDown));
|
||||||
|
_handler.subscribe(_grid.onClick,
|
||||||
|
wrapHandler(handleClick));
|
||||||
|
}
|
||||||
|
|
||||||
|
function destroy() {
|
||||||
|
_handler.unsubscribeAll();
|
||||||
|
}
|
||||||
|
|
||||||
|
function wrapHandler(handler) {
|
||||||
|
return function () {
|
||||||
|
if (!_inHandler) {
|
||||||
|
_inHandler = true;
|
||||||
|
handler.apply(this, arguments);
|
||||||
|
_inHandler = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function rangesToRows(ranges) {
|
||||||
|
var rows = [];
|
||||||
|
for (var i = 0; i < ranges.length; i++) {
|
||||||
|
for (var j = ranges[i].fromRow; j <= ranges[i].toRow; j++) {
|
||||||
|
rows.push(j);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return rows;
|
||||||
|
}
|
||||||
|
|
||||||
|
function rowsToRanges(rows) {
|
||||||
|
var ranges = [];
|
||||||
|
var lastCell = _grid.getColumns().length - 1;
|
||||||
|
for (var i = 0; i < rows.length; i++) {
|
||||||
|
ranges.push(new Slick.Range(rows[i], 0, rows[i], lastCell));
|
||||||
|
}
|
||||||
|
return ranges;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getRowsRange(from, to) {
|
||||||
|
var i, rows = [];
|
||||||
|
for (i = from; i <= to; i++) {
|
||||||
|
rows.push(i);
|
||||||
|
}
|
||||||
|
for (i = to; i < from; i++) {
|
||||||
|
rows.push(i);
|
||||||
|
}
|
||||||
|
return rows;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSelectedRows() {
|
||||||
|
return rangesToRows(_ranges);
|
||||||
|
}
|
||||||
|
|
||||||
|
function setSelectedRows(rows) {
|
||||||
|
setSelectedRanges(rowsToRanges(rows));
|
||||||
|
}
|
||||||
|
|
||||||
|
function setSelectedRanges(ranges) {
|
||||||
|
_ranges = ranges;
|
||||||
|
_self.onSelectedRangesChanged.notify(_ranges);
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSelectedRanges() {
|
||||||
|
return _ranges;
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleActiveCellChange(e, data) {
|
||||||
|
if (_options.selectActiveRow && data.row != null) {
|
||||||
|
setSelectedRanges([new Slick.Range(data.row, 0, data.row, _grid.getColumns().length - 1)]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleKeyDown(e) {
|
||||||
|
var activeRow = _grid.getActiveCell();
|
||||||
|
if (activeRow && e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey && (e.which == 38 || e.which == 40)) {
|
||||||
|
var selectedRows = getSelectedRows();
|
||||||
|
selectedRows.sort(function (x, y) {
|
||||||
|
return x - y
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!selectedRows.length) {
|
||||||
|
selectedRows = [activeRow.row];
|
||||||
|
}
|
||||||
|
|
||||||
|
var top = selectedRows[0];
|
||||||
|
var bottom = selectedRows[selectedRows.length - 1];
|
||||||
|
var active;
|
||||||
|
|
||||||
|
if (e.which == 40) {
|
||||||
|
active = activeRow.row < bottom || top == bottom ? ++bottom : ++top;
|
||||||
|
} else {
|
||||||
|
active = activeRow.row < bottom ? --bottom : --top;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (active >= 0 && active < _grid.getDataLength()) {
|
||||||
|
_grid.scrollRowIntoView(active);
|
||||||
|
_ranges = rowsToRanges(getRowsRange(top, bottom));
|
||||||
|
setSelectedRanges(_ranges);
|
||||||
|
}
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleClick(e) {
|
||||||
|
var cell = _grid.getCellFromEvent(e);
|
||||||
|
if (!cell || !_grid.canCellBeActive(cell.row, cell.cell)) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!_grid.getOptions().multiSelect || (
|
||||||
|
!e.ctrlKey && !e.shiftKey && !e.metaKey)) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
var selection = rangesToRows(_ranges);
|
||||||
|
var idx = $.inArray(cell.row, selection);
|
||||||
|
|
||||||
|
if (idx === -1 && (e.ctrlKey || e.metaKey)) {
|
||||||
|
selection.push(cell.row);
|
||||||
|
_grid.setActiveCell(cell.row, cell.cell);
|
||||||
|
} else if (idx !== -1 && (e.ctrlKey || e.metaKey)) {
|
||||||
|
selection = $.grep(selection, function (o, i) {
|
||||||
|
return (o !== cell.row);
|
||||||
|
});
|
||||||
|
_grid.setActiveCell(cell.row, cell.cell);
|
||||||
|
} else if (selection.length && e.shiftKey) {
|
||||||
|
var last = selection.pop();
|
||||||
|
var from = Math.min(cell.row, last);
|
||||||
|
var to = Math.max(cell.row, last);
|
||||||
|
selection = [];
|
||||||
|
for (var i = from; i <= to; i++) {
|
||||||
|
if (i !== last) {
|
||||||
|
selection.push(i);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
selection.push(last);
|
||||||
|
_grid.setActiveCell(cell.row, cell.cell);
|
||||||
|
}
|
||||||
|
|
||||||
|
_ranges = rowsToRanges(selection);
|
||||||
|
setSelectedRanges(_ranges);
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
$.extend(this, {
|
||||||
|
"getSelectedRows": getSelectedRows,
|
||||||
|
"setSelectedRows": setSelectedRows,
|
||||||
|
|
||||||
|
"getSelectedRanges": getSelectedRanges,
|
||||||
|
"setSelectedRanges": setSelectedRanges,
|
||||||
|
|
||||||
|
"init": init,
|
||||||
|
"destroy": destroy,
|
||||||
|
|
||||||
|
"onSelectedRangesChanged": new Slick.Event()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
467
vendor/slickgrid/2.0.1/slick.core.js
vendored
Normal file
467
vendor/slickgrid/2.0.1/slick.core.js
vendored
Normal file
@@ -0,0 +1,467 @@
|
|||||||
|
/***
|
||||||
|
* Contains core SlickGrid classes.
|
||||||
|
* @module Core
|
||||||
|
* @namespace Slick
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function ($) {
|
||||||
|
// register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"Event": Event,
|
||||||
|
"EventData": EventData,
|
||||||
|
"EventHandler": EventHandler,
|
||||||
|
"Range": Range,
|
||||||
|
"NonDataRow": NonDataItem,
|
||||||
|
"Group": Group,
|
||||||
|
"GroupTotals": GroupTotals,
|
||||||
|
"EditorLock": EditorLock,
|
||||||
|
|
||||||
|
/***
|
||||||
|
* A global singleton editor lock.
|
||||||
|
* @class GlobalEditorLock
|
||||||
|
* @static
|
||||||
|
* @constructor
|
||||||
|
*/
|
||||||
|
"GlobalEditorLock": new EditorLock()
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/***
|
||||||
|
* An event object for passing data to event handlers and letting them control propagation.
|
||||||
|
* <p>This is pretty much identical to how W3C and jQuery implement events.</p>
|
||||||
|
* @class EventData
|
||||||
|
* @constructor
|
||||||
|
*/
|
||||||
|
function EventData() {
|
||||||
|
var isPropagationStopped = false;
|
||||||
|
var isImmediatePropagationStopped = false;
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Stops event from propagating up the DOM tree.
|
||||||
|
* @method stopPropagation
|
||||||
|
*/
|
||||||
|
this.stopPropagation = function () {
|
||||||
|
isPropagationStopped = true;
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Returns whether stopPropagation was called on this event object.
|
||||||
|
* @method isPropagationStopped
|
||||||
|
* @return {Boolean}
|
||||||
|
*/
|
||||||
|
this.isPropagationStopped = function () {
|
||||||
|
return isPropagationStopped;
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Prevents the rest of the handlers from being executed.
|
||||||
|
* @method stopImmediatePropagation
|
||||||
|
*/
|
||||||
|
this.stopImmediatePropagation = function () {
|
||||||
|
isImmediatePropagationStopped = true;
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Returns whether stopImmediatePropagation was called on this event object.\
|
||||||
|
* @method isImmediatePropagationStopped
|
||||||
|
* @return {Boolean}
|
||||||
|
*/
|
||||||
|
this.isImmediatePropagationStopped = function () {
|
||||||
|
return isImmediatePropagationStopped;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
* A simple publisher-subscriber implementation.
|
||||||
|
* @class Event
|
||||||
|
* @constructor
|
||||||
|
*/
|
||||||
|
function Event() {
|
||||||
|
var handlers = [];
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Adds an event handler to be called when the event is fired.
|
||||||
|
* <p>Event handler will receive two arguments - an <code>EventData</code> and the <code>data</code>
|
||||||
|
* object the event was fired with.<p>
|
||||||
|
* @method subscribe
|
||||||
|
* @param fn {Function} Event handler.
|
||||||
|
*/
|
||||||
|
this.subscribe = function (fn) {
|
||||||
|
handlers.push(fn);
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Removes an event handler added with <code>subscribe(fn)</code>.
|
||||||
|
* @method unsubscribe
|
||||||
|
* @param fn {Function} Event handler to be removed.
|
||||||
|
*/
|
||||||
|
this.unsubscribe = function (fn) {
|
||||||
|
for (var i = handlers.length - 1; i >= 0; i--) {
|
||||||
|
if (handlers[i] === fn) {
|
||||||
|
handlers.splice(i, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Fires an event notifying all subscribers.
|
||||||
|
* @method notify
|
||||||
|
* @param args {Object} Additional data object to be passed to all handlers.
|
||||||
|
* @param e {EventData}
|
||||||
|
* Optional.
|
||||||
|
* An <code>EventData</code> object to be passed to all handlers.
|
||||||
|
* For DOM events, an existing W3C/jQuery event object can be passed in.
|
||||||
|
* @param scope {Object}
|
||||||
|
* Optional.
|
||||||
|
* The scope ("this") within which the handler will be executed.
|
||||||
|
* If not specified, the scope will be set to the <code>Event</code> instance.
|
||||||
|
*/
|
||||||
|
this.notify = function (args, e, scope) {
|
||||||
|
e = e || new EventData();
|
||||||
|
scope = scope || this;
|
||||||
|
|
||||||
|
var returnValue;
|
||||||
|
for (var i = 0; i < handlers.length && !(e.isPropagationStopped() || e.isImmediatePropagationStopped()); i++) {
|
||||||
|
returnValue = handlers[i].call(scope, e, args);
|
||||||
|
}
|
||||||
|
|
||||||
|
return returnValue;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function EventHandler() {
|
||||||
|
var handlers = [];
|
||||||
|
|
||||||
|
this.subscribe = function (event, handler) {
|
||||||
|
handlers.push({
|
||||||
|
event: event,
|
||||||
|
handler: handler
|
||||||
|
});
|
||||||
|
event.subscribe(handler);
|
||||||
|
|
||||||
|
return this; // allow chaining
|
||||||
|
};
|
||||||
|
|
||||||
|
this.unsubscribe = function (event, handler) {
|
||||||
|
var i = handlers.length;
|
||||||
|
while (i--) {
|
||||||
|
if (handlers[i].event === event &&
|
||||||
|
handlers[i].handler === handler) {
|
||||||
|
handlers.splice(i, 1);
|
||||||
|
event.unsubscribe(handler);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return this; // allow chaining
|
||||||
|
};
|
||||||
|
|
||||||
|
this.unsubscribeAll = function () {
|
||||||
|
var i = handlers.length;
|
||||||
|
while (i--) {
|
||||||
|
handlers[i].event.unsubscribe(handlers[i].handler);
|
||||||
|
}
|
||||||
|
handlers = [];
|
||||||
|
|
||||||
|
return this; // allow chaining
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
* A structure containing a range of cells.
|
||||||
|
* @class Range
|
||||||
|
* @constructor
|
||||||
|
* @param fromRow {Integer} Starting row.
|
||||||
|
* @param fromCell {Integer} Starting cell.
|
||||||
|
* @param toRow {Integer} Optional. Ending row. Defaults to <code>fromRow</code>.
|
||||||
|
* @param toCell {Integer} Optional. Ending cell. Defaults to <code>fromCell</code>.
|
||||||
|
*/
|
||||||
|
function Range(fromRow, fromCell, toRow, toCell) {
|
||||||
|
if (toRow === undefined && toCell === undefined) {
|
||||||
|
toRow = fromRow;
|
||||||
|
toCell = fromCell;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
* @property fromRow
|
||||||
|
* @type {Integer}
|
||||||
|
*/
|
||||||
|
this.fromRow = Math.min(fromRow, toRow);
|
||||||
|
|
||||||
|
/***
|
||||||
|
* @property fromCell
|
||||||
|
* @type {Integer}
|
||||||
|
*/
|
||||||
|
this.fromCell = Math.min(fromCell, toCell);
|
||||||
|
|
||||||
|
/***
|
||||||
|
* @property toRow
|
||||||
|
* @type {Integer}
|
||||||
|
*/
|
||||||
|
this.toRow = Math.max(fromRow, toRow);
|
||||||
|
|
||||||
|
/***
|
||||||
|
* @property toCell
|
||||||
|
* @type {Integer}
|
||||||
|
*/
|
||||||
|
this.toCell = Math.max(fromCell, toCell);
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Returns whether a range represents a single row.
|
||||||
|
* @method isSingleRow
|
||||||
|
* @return {Boolean}
|
||||||
|
*/
|
||||||
|
this.isSingleRow = function () {
|
||||||
|
return this.fromRow == this.toRow;
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Returns whether a range represents a single cell.
|
||||||
|
* @method isSingleCell
|
||||||
|
* @return {Boolean}
|
||||||
|
*/
|
||||||
|
this.isSingleCell = function () {
|
||||||
|
return this.fromRow == this.toRow && this.fromCell == this.toCell;
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Returns whether a range contains a given cell.
|
||||||
|
* @method contains
|
||||||
|
* @param row {Integer}
|
||||||
|
* @param cell {Integer}
|
||||||
|
* @return {Boolean}
|
||||||
|
*/
|
||||||
|
this.contains = function (row, cell) {
|
||||||
|
return row >= this.fromRow && row <= this.toRow &&
|
||||||
|
cell >= this.fromCell && cell <= this.toCell;
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Returns a readable representation of a range.
|
||||||
|
* @method toString
|
||||||
|
* @return {String}
|
||||||
|
*/
|
||||||
|
this.toString = function () {
|
||||||
|
if (this.isSingleCell()) {
|
||||||
|
return "(" + this.fromRow + ":" + this.fromCell + ")";
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return "(" + this.fromRow + ":" + this.fromCell + " - " + this.toRow + ":" + this.toCell + ")";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/***
|
||||||
|
* A base class that all special / non-data rows (like Group and GroupTotals) derive from.
|
||||||
|
* @class NonDataItem
|
||||||
|
* @constructor
|
||||||
|
*/
|
||||||
|
function NonDataItem() {
|
||||||
|
this.__nonDataRow = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Information about a group of rows.
|
||||||
|
* @class Group
|
||||||
|
* @extends Slick.NonDataItem
|
||||||
|
* @constructor
|
||||||
|
*/
|
||||||
|
function Group() {
|
||||||
|
this.__group = true;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Grouping level, starting with 0.
|
||||||
|
* @property level
|
||||||
|
* @type {Number}
|
||||||
|
*/
|
||||||
|
this.level = 0;
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Number of rows in the group.
|
||||||
|
* @property count
|
||||||
|
* @type {Integer}
|
||||||
|
*/
|
||||||
|
this.count = 0;
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Grouping value.
|
||||||
|
* @property value
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
this.value = null;
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Formatted display value of the group.
|
||||||
|
* @property title
|
||||||
|
* @type {String}
|
||||||
|
*/
|
||||||
|
this.title = null;
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Whether a group is collapsed.
|
||||||
|
* @property collapsed
|
||||||
|
* @type {Boolean}
|
||||||
|
*/
|
||||||
|
this.collapsed = false;
|
||||||
|
|
||||||
|
/***
|
||||||
|
* GroupTotals, if any.
|
||||||
|
* @property totals
|
||||||
|
* @type {GroupTotals}
|
||||||
|
*/
|
||||||
|
this.totals = null;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Rows that are part of the group.
|
||||||
|
* @property rows
|
||||||
|
* @type {Array}
|
||||||
|
*/
|
||||||
|
this.rows = [];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Sub-groups that are part of the group.
|
||||||
|
* @property groups
|
||||||
|
* @type {Array}
|
||||||
|
*/
|
||||||
|
this.groups = null;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A unique key used to identify the group. This key can be used in calls to DataView
|
||||||
|
* collapseGroup() or expandGroup().
|
||||||
|
* @property groupingKey
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
this.groupingKey = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
Group.prototype = new NonDataItem();
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Compares two Group instances.
|
||||||
|
* @method equals
|
||||||
|
* @return {Boolean}
|
||||||
|
* @param group {Group} Group instance to compare to.
|
||||||
|
*/
|
||||||
|
Group.prototype.equals = function (group) {
|
||||||
|
return this.value === group.value &&
|
||||||
|
this.count === group.count &&
|
||||||
|
this.collapsed === group.collapsed &&
|
||||||
|
this.title === group.title;
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Information about group totals.
|
||||||
|
* An instance of GroupTotals will be created for each totals row and passed to the aggregators
|
||||||
|
* so that they can store arbitrary data in it. That data can later be accessed by group totals
|
||||||
|
* formatters during the display.
|
||||||
|
* @class GroupTotals
|
||||||
|
* @extends Slick.NonDataItem
|
||||||
|
* @constructor
|
||||||
|
*/
|
||||||
|
function GroupTotals() {
|
||||||
|
this.__groupTotals = true;
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Parent Group.
|
||||||
|
* @param group
|
||||||
|
* @type {Group}
|
||||||
|
*/
|
||||||
|
this.group = null;
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Whether the totals have been fully initialized / calculated.
|
||||||
|
* Will be set to false for lazy-calculated group totals.
|
||||||
|
* @param initialized
|
||||||
|
* @type {Boolean}
|
||||||
|
*/
|
||||||
|
this.initialized = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
GroupTotals.prototype = new NonDataItem();
|
||||||
|
|
||||||
|
/***
|
||||||
|
* A locking helper to track the active edit controller and ensure that only a single controller
|
||||||
|
* can be active at a time. This prevents a whole class of state and validation synchronization
|
||||||
|
* issues. An edit controller (such as SlickGrid) can query if an active edit is in progress
|
||||||
|
* and attempt a commit or cancel before proceeding.
|
||||||
|
* @class EditorLock
|
||||||
|
* @constructor
|
||||||
|
*/
|
||||||
|
function EditorLock() {
|
||||||
|
var activeEditController = null;
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Returns true if a specified edit controller is active (has the edit lock).
|
||||||
|
* If the parameter is not specified, returns true if any edit controller is active.
|
||||||
|
* @method isActive
|
||||||
|
* @param editController {EditController}
|
||||||
|
* @return {Boolean}
|
||||||
|
*/
|
||||||
|
this.isActive = function (editController) {
|
||||||
|
return (editController ? activeEditController === editController : activeEditController !== null);
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Sets the specified edit controller as the active edit controller (acquire edit lock).
|
||||||
|
* If another edit controller is already active, and exception will be thrown.
|
||||||
|
* @method activate
|
||||||
|
* @param editController {EditController} edit controller acquiring the lock
|
||||||
|
*/
|
||||||
|
this.activate = function (editController) {
|
||||||
|
if (editController === activeEditController) { // already activated?
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (activeEditController !== null) {
|
||||||
|
throw "SlickGrid.EditorLock.activate: an editController is still active, can't activate another editController";
|
||||||
|
}
|
||||||
|
if (!editController.commitCurrentEdit) {
|
||||||
|
throw "SlickGrid.EditorLock.activate: editController must implement .commitCurrentEdit()";
|
||||||
|
}
|
||||||
|
if (!editController.cancelCurrentEdit) {
|
||||||
|
throw "SlickGrid.EditorLock.activate: editController must implement .cancelCurrentEdit()";
|
||||||
|
}
|
||||||
|
activeEditController = editController;
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Unsets the specified edit controller as the active edit controller (release edit lock).
|
||||||
|
* If the specified edit controller is not the active one, an exception will be thrown.
|
||||||
|
* @method deactivate
|
||||||
|
* @param editController {EditController} edit controller releasing the lock
|
||||||
|
*/
|
||||||
|
this.deactivate = function (editController) {
|
||||||
|
if (activeEditController !== editController) {
|
||||||
|
throw "SlickGrid.EditorLock.deactivate: specified editController is not the currently active one";
|
||||||
|
}
|
||||||
|
activeEditController = null;
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Attempts to commit the current edit by calling "commitCurrentEdit" method on the active edit
|
||||||
|
* controller and returns whether the commit attempt was successful (commit may fail due to validation
|
||||||
|
* errors, etc.). Edit controller's "commitCurrentEdit" must return true if the commit has succeeded
|
||||||
|
* and false otherwise. If no edit controller is active, returns true.
|
||||||
|
* @method commitCurrentEdit
|
||||||
|
* @return {Boolean}
|
||||||
|
*/
|
||||||
|
this.commitCurrentEdit = function () {
|
||||||
|
return (activeEditController ? activeEditController.commitCurrentEdit() : true);
|
||||||
|
};
|
||||||
|
|
||||||
|
/***
|
||||||
|
* Attempts to cancel the current edit by calling "cancelCurrentEdit" method on the active edit
|
||||||
|
* controller and returns whether the edit was successfully cancelled. If no edit controller is
|
||||||
|
* active, returns true.
|
||||||
|
* @method cancelCurrentEdit
|
||||||
|
* @return {Boolean}
|
||||||
|
*/
|
||||||
|
this.cancelCurrentEdit = function cancelCurrentEdit() {
|
||||||
|
return (activeEditController ? activeEditController.cancelCurrentEdit() : true);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
|
|
||||||
|
|
||||||
512
vendor/slickgrid/2.0.1/slick.editors.js
vendored
Normal file
512
vendor/slickgrid/2.0.1/slick.editors.js
vendored
Normal file
@@ -0,0 +1,512 @@
|
|||||||
|
/***
|
||||||
|
* Contains basic SlickGrid editors.
|
||||||
|
* @module Editors
|
||||||
|
* @namespace Slick
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function ($) {
|
||||||
|
// register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"Editors": {
|
||||||
|
"Text": TextEditor,
|
||||||
|
"Integer": IntegerEditor,
|
||||||
|
"Date": DateEditor,
|
||||||
|
"YesNoSelect": YesNoSelectEditor,
|
||||||
|
"Checkbox": CheckboxEditor,
|
||||||
|
"PercentComplete": PercentCompleteEditor,
|
||||||
|
"LongText": LongTextEditor
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function TextEditor(args) {
|
||||||
|
var $input;
|
||||||
|
var defaultValue;
|
||||||
|
var scope = this;
|
||||||
|
|
||||||
|
this.init = function () {
|
||||||
|
$input = $("<INPUT type=text class='editor-text' />")
|
||||||
|
.appendTo(args.container)
|
||||||
|
.bind("keydown.nav", function (e) {
|
||||||
|
if (e.keyCode === $.ui.keyCode.LEFT || e.keyCode === $.ui.keyCode.RIGHT) {
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.focus()
|
||||||
|
.select();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.destroy = function () {
|
||||||
|
$input.remove();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.focus = function () {
|
||||||
|
$input.focus();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.getValue = function () {
|
||||||
|
return $input.val();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.setValue = function (val) {
|
||||||
|
$input.val(val);
|
||||||
|
};
|
||||||
|
|
||||||
|
this.loadValue = function (item) {
|
||||||
|
defaultValue = item[args.column.field] || "";
|
||||||
|
$input.val(defaultValue);
|
||||||
|
$input[0].defaultValue = defaultValue;
|
||||||
|
$input.select();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.serializeValue = function () {
|
||||||
|
return $input.val();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.applyValue = function (item, state) {
|
||||||
|
item[args.column.field] = state;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.isValueChanged = function () {
|
||||||
|
return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
|
||||||
|
};
|
||||||
|
|
||||||
|
this.validate = function () {
|
||||||
|
if (args.column.validator) {
|
||||||
|
var validationResults = args.column.validator($input.val());
|
||||||
|
if (!validationResults.valid) {
|
||||||
|
return validationResults;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
valid: true,
|
||||||
|
msg: null
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
|
||||||
|
function IntegerEditor(args) {
|
||||||
|
var $input;
|
||||||
|
var defaultValue;
|
||||||
|
var scope = this;
|
||||||
|
|
||||||
|
this.init = function () {
|
||||||
|
$input = $("<INPUT type=text class='editor-text' />");
|
||||||
|
|
||||||
|
$input.bind("keydown.nav", function (e) {
|
||||||
|
if (e.keyCode === $.ui.keyCode.LEFT || e.keyCode === $.ui.keyCode.RIGHT) {
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$input.appendTo(args.container);
|
||||||
|
$input.focus().select();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.destroy = function () {
|
||||||
|
$input.remove();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.focus = function () {
|
||||||
|
$input.focus();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.loadValue = function (item) {
|
||||||
|
defaultValue = item[args.column.field];
|
||||||
|
$input.val(defaultValue);
|
||||||
|
$input[0].defaultValue = defaultValue;
|
||||||
|
$input.select();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.serializeValue = function () {
|
||||||
|
return parseInt($input.val(), 10) || 0;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.applyValue = function (item, state) {
|
||||||
|
item[args.column.field] = state;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.isValueChanged = function () {
|
||||||
|
return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
|
||||||
|
};
|
||||||
|
|
||||||
|
this.validate = function () {
|
||||||
|
if (isNaN($input.val())) {
|
||||||
|
return {
|
||||||
|
valid: false,
|
||||||
|
msg: "Please enter a valid integer"
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
valid: true,
|
||||||
|
msg: null
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
|
||||||
|
function DateEditor(args) {
|
||||||
|
var $input;
|
||||||
|
var defaultValue;
|
||||||
|
var scope = this;
|
||||||
|
var calendarOpen = false;
|
||||||
|
|
||||||
|
this.init = function () {
|
||||||
|
$input = $("<INPUT type=text class='editor-text' />");
|
||||||
|
$input.appendTo(args.container);
|
||||||
|
$input.focus().select();
|
||||||
|
$input.datepicker({
|
||||||
|
showOn: "button",
|
||||||
|
buttonImageOnly: true,
|
||||||
|
buttonImage: "../images/calendar.gif",
|
||||||
|
beforeShow: function () {
|
||||||
|
calendarOpen = true
|
||||||
|
},
|
||||||
|
onClose: function () {
|
||||||
|
calendarOpen = false
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$input.width($input.width() - 18);
|
||||||
|
};
|
||||||
|
|
||||||
|
this.destroy = function () {
|
||||||
|
$.datepicker.dpDiv.stop(true, true);
|
||||||
|
$input.datepicker("hide");
|
||||||
|
$input.datepicker("destroy");
|
||||||
|
$input.remove();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.show = function () {
|
||||||
|
if (calendarOpen) {
|
||||||
|
$.datepicker.dpDiv.stop(true, true).show();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
this.hide = function () {
|
||||||
|
if (calendarOpen) {
|
||||||
|
$.datepicker.dpDiv.stop(true, true).hide();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
this.position = function (position) {
|
||||||
|
if (!calendarOpen) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
$.datepicker.dpDiv
|
||||||
|
.css("top", position.top + 30)
|
||||||
|
.css("left", position.left);
|
||||||
|
};
|
||||||
|
|
||||||
|
this.focus = function () {
|
||||||
|
$input.focus();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.loadValue = function (item) {
|
||||||
|
defaultValue = item[args.column.field];
|
||||||
|
$input.val(defaultValue);
|
||||||
|
$input[0].defaultValue = defaultValue;
|
||||||
|
$input.select();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.serializeValue = function () {
|
||||||
|
return $input.val();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.applyValue = function (item, state) {
|
||||||
|
item[args.column.field] = state;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.isValueChanged = function () {
|
||||||
|
return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
|
||||||
|
};
|
||||||
|
|
||||||
|
this.validate = function () {
|
||||||
|
return {
|
||||||
|
valid: true,
|
||||||
|
msg: null
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
|
||||||
|
function YesNoSelectEditor(args) {
|
||||||
|
var $select;
|
||||||
|
var defaultValue;
|
||||||
|
var scope = this;
|
||||||
|
|
||||||
|
this.init = function () {
|
||||||
|
$select = $("<SELECT tabIndex='0' class='editor-yesno'><OPTION value='yes'>Yes</OPTION><OPTION value='no'>No</OPTION></SELECT>");
|
||||||
|
$select.appendTo(args.container);
|
||||||
|
$select.focus();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.destroy = function () {
|
||||||
|
$select.remove();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.focus = function () {
|
||||||
|
$select.focus();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.loadValue = function (item) {
|
||||||
|
$select.val((defaultValue = item[args.column.field]) ? "yes" : "no");
|
||||||
|
$select.select();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.serializeValue = function () {
|
||||||
|
return ($select.val() == "yes");
|
||||||
|
};
|
||||||
|
|
||||||
|
this.applyValue = function (item, state) {
|
||||||
|
item[args.column.field] = state;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.isValueChanged = function () {
|
||||||
|
return ($select.val() != defaultValue);
|
||||||
|
};
|
||||||
|
|
||||||
|
this.validate = function () {
|
||||||
|
return {
|
||||||
|
valid: true,
|
||||||
|
msg: null
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
|
||||||
|
function CheckboxEditor(args) {
|
||||||
|
var $select;
|
||||||
|
var defaultValue;
|
||||||
|
var scope = this;
|
||||||
|
|
||||||
|
this.init = function () {
|
||||||
|
$select = $("<INPUT type=checkbox value='true' class='editor-checkbox' hideFocus>");
|
||||||
|
$select.appendTo(args.container);
|
||||||
|
$select.focus();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.destroy = function () {
|
||||||
|
$select.remove();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.focus = function () {
|
||||||
|
$select.focus();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.loadValue = function (item) {
|
||||||
|
defaultValue = !!item[args.column.field];
|
||||||
|
if (defaultValue) {
|
||||||
|
$select.prop('checked', true);
|
||||||
|
} else {
|
||||||
|
$select.prop('checked', false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
this.serializeValue = function () {
|
||||||
|
return $select.prop('checked');
|
||||||
|
};
|
||||||
|
|
||||||
|
this.applyValue = function (item, state) {
|
||||||
|
item[args.column.field] = state;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.isValueChanged = function () {
|
||||||
|
return (this.serializeValue() !== defaultValue);
|
||||||
|
};
|
||||||
|
|
||||||
|
this.validate = function () {
|
||||||
|
return {
|
||||||
|
valid: true,
|
||||||
|
msg: null
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
|
||||||
|
function PercentCompleteEditor(args) {
|
||||||
|
var $input, $picker;
|
||||||
|
var defaultValue;
|
||||||
|
var scope = this;
|
||||||
|
|
||||||
|
this.init = function () {
|
||||||
|
$input = $("<INPUT type=text class='editor-percentcomplete' />");
|
||||||
|
$input.width($(args.container).innerWidth() - 25);
|
||||||
|
$input.appendTo(args.container);
|
||||||
|
|
||||||
|
$picker = $("<div class='editor-percentcomplete-picker' />").appendTo(args.container);
|
||||||
|
$picker.append("<div class='editor-percentcomplete-helper'><div class='editor-percentcomplete-wrapper'><div class='editor-percentcomplete-slider' /><div class='editor-percentcomplete-buttons' /></div></div>");
|
||||||
|
|
||||||
|
$picker.find(".editor-percentcomplete-buttons").append("<button val=0>Not started</button><br/><button val=50>In Progress</button><br/><button val=100>Complete</button>");
|
||||||
|
|
||||||
|
$input.focus().select();
|
||||||
|
|
||||||
|
$picker.find(".editor-percentcomplete-slider").slider({
|
||||||
|
orientation: "vertical",
|
||||||
|
range: "min",
|
||||||
|
value: defaultValue,
|
||||||
|
slide: function (event, ui) {
|
||||||
|
$input.val(ui.value)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$picker.find(".editor-percentcomplete-buttons button").bind("click", function (e) {
|
||||||
|
$input.val($(this).attr("val"));
|
||||||
|
$picker.find(".editor-percentcomplete-slider").slider("value", $(this).attr("val"));
|
||||||
|
})
|
||||||
|
};
|
||||||
|
|
||||||
|
this.destroy = function () {
|
||||||
|
$input.remove();
|
||||||
|
$picker.remove();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.focus = function () {
|
||||||
|
$input.focus();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.loadValue = function (item) {
|
||||||
|
$input.val(defaultValue = item[args.column.field]);
|
||||||
|
$input.select();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.serializeValue = function () {
|
||||||
|
return parseInt($input.val(), 10) || 0;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.applyValue = function (item, state) {
|
||||||
|
item[args.column.field] = state;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.isValueChanged = function () {
|
||||||
|
return (!($input.val() == "" && defaultValue == null)) && ((parseInt($input.val(), 10) || 0) != defaultValue);
|
||||||
|
};
|
||||||
|
|
||||||
|
this.validate = function () {
|
||||||
|
if (isNaN(parseInt($input.val(), 10))) {
|
||||||
|
return {
|
||||||
|
valid: false,
|
||||||
|
msg: "Please enter a valid positive number"
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
valid: true,
|
||||||
|
msg: null
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* An example of a "detached" editor.
|
||||||
|
* The UI is added onto document BODY and .position(), .show() and .hide() are implemented.
|
||||||
|
* KeyDown events are also handled to provide handling for Tab, Shift-Tab, Esc and Ctrl-Enter.
|
||||||
|
*/
|
||||||
|
function LongTextEditor(args) {
|
||||||
|
var $input, $wrapper;
|
||||||
|
var defaultValue;
|
||||||
|
var scope = this;
|
||||||
|
|
||||||
|
this.init = function () {
|
||||||
|
var $container = $("body");
|
||||||
|
|
||||||
|
$wrapper = $("<DIV style='z-index:10000;position:absolute;background:white;padding:5px;border:3px solid gray; -moz-border-radius:10px; border-radius:10px;'/>")
|
||||||
|
.appendTo($container);
|
||||||
|
|
||||||
|
$input = $("<TEXTAREA hidefocus rows=5 style='backround:white;width:250px;height:80px;border:0;outline:0'>")
|
||||||
|
.appendTo($wrapper);
|
||||||
|
|
||||||
|
$("<DIV style='text-align:right'><BUTTON>Save</BUTTON><BUTTON>Cancel</BUTTON></DIV>")
|
||||||
|
.appendTo($wrapper);
|
||||||
|
|
||||||
|
$wrapper.find("button:first").bind("click", this.save);
|
||||||
|
$wrapper.find("button:last").bind("click", this.cancel);
|
||||||
|
$input.bind("keydown", this.handleKeyDown);
|
||||||
|
|
||||||
|
scope.position(args.position);
|
||||||
|
$input.focus().select();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.handleKeyDown = function (e) {
|
||||||
|
if (e.which == $.ui.keyCode.ENTER && e.ctrlKey) {
|
||||||
|
scope.save();
|
||||||
|
} else if (e.which == $.ui.keyCode.ESCAPE) {
|
||||||
|
e.preventDefault();
|
||||||
|
scope.cancel();
|
||||||
|
} else if (e.which == $.ui.keyCode.TAB && e.shiftKey) {
|
||||||
|
e.preventDefault();
|
||||||
|
args.grid.navigatePrev();
|
||||||
|
} else if (e.which == $.ui.keyCode.TAB) {
|
||||||
|
e.preventDefault();
|
||||||
|
args.grid.navigateNext();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
this.save = function () {
|
||||||
|
args.commitChanges();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.cancel = function () {
|
||||||
|
$input.val(defaultValue);
|
||||||
|
args.cancelChanges();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.hide = function () {
|
||||||
|
$wrapper.hide();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.show = function () {
|
||||||
|
$wrapper.show();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.position = function (position) {
|
||||||
|
$wrapper
|
||||||
|
.css("top", position.top - 5)
|
||||||
|
.css("left", position.left - 5)
|
||||||
|
};
|
||||||
|
|
||||||
|
this.destroy = function () {
|
||||||
|
$wrapper.remove();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.focus = function () {
|
||||||
|
$input.focus();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.loadValue = function (item) {
|
||||||
|
$input.val(defaultValue = item[args.column.field]);
|
||||||
|
$input.select();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.serializeValue = function () {
|
||||||
|
return $input.val();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.applyValue = function (item, state) {
|
||||||
|
item[args.column.field] = state;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.isValueChanged = function () {
|
||||||
|
return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
|
||||||
|
};
|
||||||
|
|
||||||
|
this.validate = function () {
|
||||||
|
return {
|
||||||
|
valid: true,
|
||||||
|
msg: null
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
59
vendor/slickgrid/2.0.1/slick.formatters.js
vendored
Normal file
59
vendor/slickgrid/2.0.1/slick.formatters.js
vendored
Normal file
@@ -0,0 +1,59 @@
|
|||||||
|
/***
|
||||||
|
* Contains basic SlickGrid formatters.
|
||||||
|
*
|
||||||
|
* NOTE: These are merely examples. You will most likely need to implement something more
|
||||||
|
* robust/extensible/localizable/etc. for your use!
|
||||||
|
*
|
||||||
|
* @module Formatters
|
||||||
|
* @namespace Slick
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function ($) {
|
||||||
|
// register namespace
|
||||||
|
$.extend(true, window, {
|
||||||
|
"Slick": {
|
||||||
|
"Formatters": {
|
||||||
|
"PercentComplete": PercentCompleteFormatter,
|
||||||
|
"PercentCompleteBar": PercentCompleteBarFormatter,
|
||||||
|
"YesNo": YesNoFormatter,
|
||||||
|
"Checkmark": CheckmarkFormatter
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function PercentCompleteFormatter(row, cell, value, columnDef, dataContext) {
|
||||||
|
if (value == null || value === "") {
|
||||||
|
return "-";
|
||||||
|
} else if (value < 50) {
|
||||||
|
return "<span style='color:red;font-weight:bold;'>" + value + "%</span>";
|
||||||
|
} else {
|
||||||
|
return "<span style='color:green'>" + value + "%</span>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function PercentCompleteBarFormatter(row, cell, value, columnDef, dataContext) {
|
||||||
|
if (value == null || value === "") {
|
||||||
|
return "";
|
||||||
|
}
|
||||||
|
|
||||||
|
var color;
|
||||||
|
|
||||||
|
if (value < 30) {
|
||||||
|
color = "red";
|
||||||
|
} else if (value < 70) {
|
||||||
|
color = "silver";
|
||||||
|
} else {
|
||||||
|
color = "green";
|
||||||
|
}
|
||||||
|
|
||||||
|
return "<span class='percent-complete-bar' style='background:" + color + ";width:" + value + "%'></span>";
|
||||||
|
}
|
||||||
|
|
||||||
|
function YesNoFormatter(row, cell, value, columnDef, dataContext) {
|
||||||
|
return value ? "Yes" : "No";
|
||||||
|
}
|
||||||
|
|
||||||
|
function CheckmarkFormatter(row, cell, value, columnDef, dataContext) {
|
||||||
|
return value ? "<img src='../images/tick.png'>" : "";
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
3422
vendor/slickgrid/2.0.1/slick.grid.js
vendored
Normal file
3422
vendor/slickgrid/2.0.1/slick.grid.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user