mirror of
https://github.com/lidarr/lidarr.git
synced 2025-08-14 02:37:08 -07:00
DataTables added for use on History Grid.
This commit is contained in:
Mark McDowall
parent
e42f0222dc
commit
6ffc429ae0
254 changed files with 154683 additions and 56 deletions
|
|
@ -0,0 +1,820 @@
|
|||
/*
|
||||
* File: AutoFill.js
|
||||
* Version: 1.1.2
|
||||
* CVS: $Id$
|
||||
* Description: AutoFill for DataTables
|
||||
* Author: Allan Jardine (www.sprymedia.co.uk)
|
||||
* Created: Mon 6 Sep 2010 16:54:41 BST
|
||||
* Modified: $Date$ by $Author$
|
||||
* Language: Javascript
|
||||
* License: GPL v2 or BSD 3 point
|
||||
* Project: DataTables
|
||||
* Contact: www.sprymedia.co.uk/contact
|
||||
*
|
||||
* Copyright 2010-2011 Allan Jardine, all rights reserved.
|
||||
*
|
||||
* This source file is free software, under either the GPL v2 license or a
|
||||
* BSD style license, available at:
|
||||
* http://datatables.net/license_gpl2
|
||||
* http://datatables.net/license_bsd
|
||||
*
|
||||
*/
|
||||
|
||||
/* Global scope for AutoFill */
|
||||
var AutoFill;
|
||||
|
||||
(function($) {
|
||||
|
||||
/**
|
||||
* AutoFill provides Excel like auto fill features for a DataTable
|
||||
* @class AutoFill
|
||||
* @constructor
|
||||
* @param {object} DataTables settings object
|
||||
* @param {object} Configuration object for AutoFill
|
||||
*/
|
||||
AutoFill = function( oDT, oConfig )
|
||||
{
|
||||
/* Santiy check that we are a new instance */
|
||||
if ( !this.CLASS || this.CLASS != "AutoFill" )
|
||||
{
|
||||
alert( "Warning: AutoFill must be initialised with the keyword 'new'" );
|
||||
return;
|
||||
}
|
||||
|
||||
if ( !$.fn.dataTableExt.fnVersionCheck('1.7.0') )
|
||||
{
|
||||
alert( "Warning: AutoFill requires DataTables 1.7 or greater - www.datatables.net/download");
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* Public class variables
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
/**
|
||||
* @namespace Settings object which contains customisable information for AutoFill instance
|
||||
*/
|
||||
this.s = {
|
||||
/**
|
||||
* @namespace Cached information about the little dragging icon (the filler)
|
||||
*/
|
||||
"filler": {
|
||||
"height": 0,
|
||||
"width": 0
|
||||
},
|
||||
|
||||
/**
|
||||
* @namespace Cached information about the border display
|
||||
*/
|
||||
"border": {
|
||||
"width": 2
|
||||
},
|
||||
|
||||
/**
|
||||
* @namespace Store for live information for the current drag
|
||||
*/
|
||||
"drag": {
|
||||
"startX": -1,
|
||||
"startY": -1,
|
||||
"startTd": null,
|
||||
"endTd": null,
|
||||
"dragging": false
|
||||
},
|
||||
|
||||
/**
|
||||
* @namespace Data cache for information that we need for scrolling the screen when we near
|
||||
* the edges
|
||||
*/
|
||||
"screen": {
|
||||
"interval": null,
|
||||
"y": 0,
|
||||
"height": 0,
|
||||
"scrollTop": 0
|
||||
},
|
||||
|
||||
/**
|
||||
* @namespace Data cache for the position of the DataTables scrolling element (when scrolling
|
||||
* is enabled)
|
||||
*/
|
||||
"scroller": {
|
||||
"top": 0,
|
||||
"bottom": 0
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* @namespace Information stored for each column. An array of objects
|
||||
*/
|
||||
"columns": []
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @namespace Common and useful DOM elements for the class instance
|
||||
*/
|
||||
this.dom = {
|
||||
"table": null,
|
||||
"filler": null,
|
||||
"borderTop": null,
|
||||
"borderRight": null,
|
||||
"borderBottom": null,
|
||||
"borderLeft": null,
|
||||
"currentTarget": null
|
||||
};
|
||||
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* Public class methods
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
/**
|
||||
* Retreieve the settings object from an instance
|
||||
* @method fnSettings
|
||||
* @returns {object} AutoFill settings object
|
||||
*/
|
||||
this.fnSettings = function () {
|
||||
return this.s;
|
||||
};
|
||||
|
||||
|
||||
/* Constructor logic */
|
||||
this._fnInit( oDT, oConfig );
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
|
||||
AutoFill.prototype = {
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* Private methods (they are of course public in JS, but recommended as private)
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
/**
|
||||
* Initialisation
|
||||
* @method _fnInit
|
||||
* @param {object} oDT DataTables settings object
|
||||
* @param {object} oConfig Configuration object for AutoFill
|
||||
* @returns void
|
||||
*/
|
||||
"_fnInit": function ( oDT, oConfig )
|
||||
{
|
||||
var
|
||||
that = this,
|
||||
i, iLen;
|
||||
|
||||
/*
|
||||
* Settings
|
||||
*/
|
||||
this.s.dt = oDT.fnSettings();
|
||||
|
||||
this.dom.table = this.s.dt.nTable;
|
||||
|
||||
/* Add and configure the columns */
|
||||
for ( i=0, iLen=this.s.dt.aoColumns.length ; i<iLen ; i++ )
|
||||
{
|
||||
this._fnAddColumn( i );
|
||||
}
|
||||
|
||||
if ( typeof oConfig != 'undefined' && typeof oConfig.aoColumnDefs != 'undefined' )
|
||||
{
|
||||
this._fnColumnDefs( oConfig.aoColumnDefs );
|
||||
}
|
||||
|
||||
if ( typeof oConfig != 'undefined' && typeof oConfig.aoColumns != 'undefined' )
|
||||
{
|
||||
this._fnColumnsAll( oConfig.aoColumns );
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* DOM
|
||||
*/
|
||||
|
||||
/* Auto Fill click and drag icon */
|
||||
var filler = document.createElement('div');
|
||||
filler.className = "AutoFill_filler";
|
||||
document.body.appendChild( filler );
|
||||
this.dom.filler = filler;
|
||||
|
||||
filler.style.display = "block";
|
||||
this.s.filler.height = $(filler).height();
|
||||
this.s.filler.width = $(filler).width();
|
||||
filler.style.display = "none";
|
||||
|
||||
/* Border display - one div for each side. We can't just use a single one with a border, as
|
||||
* we want the events to effectively pass through the transparent bit of the box
|
||||
*/
|
||||
var border;
|
||||
var appender = document.body;
|
||||
if ( that.s.dt.oScroll.sY !== "" )
|
||||
{
|
||||
that.s.dt.nTable.parentNode.style.position = "relative";
|
||||
appender = that.s.dt.nTable.parentNode;
|
||||
}
|
||||
|
||||
border = document.createElement('div');
|
||||
border.className = "AutoFill_border";
|
||||
appender.appendChild( border );
|
||||
this.dom.borderTop = border;
|
||||
|
||||
border = document.createElement('div');
|
||||
border.className = "AutoFill_border";
|
||||
appender.appendChild( border );
|
||||
this.dom.borderRight = border;
|
||||
|
||||
border = document.createElement('div');
|
||||
border.className = "AutoFill_border";
|
||||
appender.appendChild( border );
|
||||
this.dom.borderBottom = border;
|
||||
|
||||
border = document.createElement('div');
|
||||
border.className = "AutoFill_border";
|
||||
appender.appendChild( border );
|
||||
this.dom.borderLeft = border;
|
||||
|
||||
/*
|
||||
* Events
|
||||
*/
|
||||
|
||||
$(filler).mousedown( function (e) {
|
||||
this.onselectstart = function() { return false; };
|
||||
that._fnFillerDragStart.call( that, e );
|
||||
return false;
|
||||
} );
|
||||
|
||||
$('tbody>tr>td', this.dom.table).live( 'mouseover mouseout', function (e) {
|
||||
that._fnFillerDisplay.call( that, e );
|
||||
} );
|
||||
},
|
||||
|
||||
|
||||
"_fnColumnDefs": function ( aoColumnDefs )
|
||||
{
|
||||
var
|
||||
i, j, k, iLen, jLen, kLen,
|
||||
aTargets;
|
||||
|
||||
/* Loop over the column defs array - loop in reverse so first instace has priority */
|
||||
for ( i=aoColumnDefs.length-1 ; i>=0 ; i-- )
|
||||
{
|
||||
/* Each column def can target multiple columns, as it is an array */
|
||||
aTargets = aoColumnDefs[i].aTargets;
|
||||
for ( j=0, jLen=aTargets.length ; j<jLen ; j++ )
|
||||
{
|
||||
if ( typeof aTargets[j] == 'number' && aTargets[j] >= 0 )
|
||||
{
|
||||
/* 0+ integer, left to right column counting. */
|
||||
this._fnColumnOptions( aTargets[j], aoColumnDefs[i] );
|
||||
}
|
||||
else if ( typeof aTargets[j] == 'number' && aTargets[j] < 0 )
|
||||
{
|
||||
/* Negative integer, right to left column counting */
|
||||
this._fnColumnOptions( this.s.dt.aoColumns.length+aTargets[j], aoColumnDefs[i] );
|
||||
}
|
||||
else if ( typeof aTargets[j] == 'string' )
|
||||
{
|
||||
/* Class name matching on TH element */
|
||||
for ( k=0, kLen=this.s.dt.aoColumns.length ; k<kLen ; k++ )
|
||||
{
|
||||
if ( aTargets[j] == "_all" ||
|
||||
this.s.dt.aoColumns[k].nTh.className.indexOf( aTargets[j] ) != -1 )
|
||||
{
|
||||
this._fnColumnOptions( k, aoColumnDefs[i] );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
"_fnColumnsAll": function ( aoColumns )
|
||||
{
|
||||
for ( var i=0, iLen=this.s.dt.aoColumns.length ; i<iLen ; i++ )
|
||||
{
|
||||
this._fnColumnOptions( i, aoColumns[i] );
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
"_fnAddColumn": function ( i )
|
||||
{
|
||||
this.s.columns[i] = {
|
||||
"enable": true,
|
||||
"read": this._fnReadCell,
|
||||
"write": this._fnWriteCell,
|
||||
"step": this._fnStep,
|
||||
"complete": null
|
||||
};
|
||||
},
|
||||
|
||||
"_fnColumnOptions": function ( i, opts )
|
||||
{
|
||||
if ( typeof opts.bEnable != 'undefined' )
|
||||
{
|
||||
this.s.columns[i].enable = opts.bEnable;
|
||||
}
|
||||
|
||||
if ( typeof opts.fnRead != 'undefined' )
|
||||
{
|
||||
this.s.columns[i].read = opts.fnRead;
|
||||
}
|
||||
|
||||
if ( typeof opts.fnWrite != 'undefined' )
|
||||
{
|
||||
this.s.columns[i].write = opts.fnWrite;
|
||||
}
|
||||
|
||||
if ( typeof opts.fnStep != 'undefined' )
|
||||
{
|
||||
this.s.columns[i].step = opts.fnStep;
|
||||
}
|
||||
|
||||
if ( typeof opts.fnCallback != 'undefined' )
|
||||
{
|
||||
this.s.columns[i].complete = opts.fnCallback;
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* Find out the coordinates of a given TD cell in a table
|
||||
* @method _fnTargetCoords
|
||||
* @param {Node} nTd
|
||||
* @returns {Object} x and y properties, for the position of the cell in the tables DOM
|
||||
*/
|
||||
"_fnTargetCoords": function ( nTd )
|
||||
{
|
||||
var nTr = $(nTd).parents('tr')[0];
|
||||
|
||||
return {
|
||||
"x": $('td', nTr).index(nTd),
|
||||
"y": $('tr', nTr.parentNode).index(nTr)
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* Display the border around one or more cells (from start to end)
|
||||
* @method _fnUpdateBorder
|
||||
* @param {Node} nStart Starting cell
|
||||
* @param {Node} nEnd Ending cell
|
||||
* @returns void
|
||||
*/
|
||||
"_fnUpdateBorder": function ( nStart, nEnd )
|
||||
{
|
||||
var
|
||||
border = this.s.border.width,
|
||||
offsetStart = $(nStart).offset(),
|
||||
offsetEnd = $(nEnd).offset(),
|
||||
x1 = offsetStart.left - border,
|
||||
x2 = offsetEnd.left + $(nEnd).outerWidth(),
|
||||
y1 = offsetStart.top - border,
|
||||
y2 = offsetEnd.top + $(nEnd).outerHeight(),
|
||||
width = offsetEnd.left + $(nEnd).outerWidth() - offsetStart.left + (2*border),
|
||||
height = offsetEnd.top + $(nEnd).outerHeight() - offsetStart.top + (2*border),
|
||||
oStyle;
|
||||
|
||||
if ( this.s.dt.oScroll.sY !== "" )
|
||||
{
|
||||
/* The border elements are inside the DT scroller - so position relative to that */
|
||||
var
|
||||
offsetScroll = $(this.s.dt.nTable.parentNode).offset(),
|
||||
scrollTop = $(this.s.dt.nTable.parentNode).scrollTop(),
|
||||
scrollLeft = $(this.s.dt.nTable.parentNode).scrollLeft();
|
||||
|
||||
x1 -= offsetScroll.left - scrollLeft;
|
||||
x2 -= offsetScroll.left - scrollLeft;
|
||||
y1 -= offsetScroll.top - scrollTop;
|
||||
y2 -= offsetScroll.top - scrollTop;
|
||||
}
|
||||
|
||||
/* Top */
|
||||
oStyle = this.dom.borderTop.style;
|
||||
oStyle.top = y1+"px";
|
||||
oStyle.left = x1+"px";
|
||||
oStyle.height = this.s.border.width+"px";
|
||||
oStyle.width = width+"px";
|
||||
|
||||
/* Bottom */
|
||||
oStyle = this.dom.borderBottom.style;
|
||||
oStyle.top = y2+"px";
|
||||
oStyle.left = x1+"px";
|
||||
oStyle.height = this.s.border.width+"px";
|
||||
oStyle.width = width+"px";
|
||||
|
||||
/* Left */
|
||||
oStyle = this.dom.borderLeft.style;
|
||||
oStyle.top = y1+"px";
|
||||
oStyle.left = x1+"px";
|
||||
oStyle.height = height+"px";
|
||||
oStyle.width = this.s.border.width+"px";
|
||||
|
||||
/* Right */
|
||||
oStyle = this.dom.borderRight.style;
|
||||
oStyle.top = y1+"px";
|
||||
oStyle.left = x2+"px";
|
||||
oStyle.height = height+"px";
|
||||
oStyle.width = this.s.border.width+"px";
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* Mouse down event handler for starting a drag
|
||||
* @method _fnFillerDragStart
|
||||
* @param {Object} e Event object
|
||||
* @returns void
|
||||
*/
|
||||
"_fnFillerDragStart": function (e)
|
||||
{
|
||||
var that = this;
|
||||
var startingTd = this.dom.currentTarget;
|
||||
|
||||
this.s.drag.dragging = true;
|
||||
|
||||
that.dom.borderTop.style.display = "block";
|
||||
that.dom.borderRight.style.display = "block";
|
||||
that.dom.borderBottom.style.display = "block";
|
||||
that.dom.borderLeft.style.display = "block";
|
||||
|
||||
var coords = this._fnTargetCoords( startingTd );
|
||||
this.s.drag.startX = coords.x;
|
||||
this.s.drag.startY = coords.y;
|
||||
|
||||
this.s.drag.startTd = startingTd;
|
||||
this.s.drag.endTd = startingTd;
|
||||
|
||||
this._fnUpdateBorder( startingTd, startingTd );
|
||||
|
||||
$(document).bind('mousemove.AutoFill', function (e) {
|
||||
that._fnFillerDragMove.call( that, e );
|
||||
} );
|
||||
|
||||
$(document).bind('mouseup.AutoFill', function (e) {
|
||||
that._fnFillerFinish.call( that, e );
|
||||
} );
|
||||
|
||||
/* Scrolling information cache */
|
||||
this.s.screen.y = e.pageY;
|
||||
this.s.screen.height = $(window).height();
|
||||
this.s.screen.scrollTop = $(document).scrollTop();
|
||||
|
||||
if ( this.s.dt.oScroll.sY !== "" )
|
||||
{
|
||||
this.s.scroller.top = $(this.s.dt.nTable.parentNode).offset().top;
|
||||
this.s.scroller.bottom = this.s.scroller.top + $(this.s.dt.nTable.parentNode).height();
|
||||
}
|
||||
|
||||
/* Scrolling handler - we set an interval (which is cancelled on mouse up) which will fire
|
||||
* regularly and see if we need to do any scrolling
|
||||
*/
|
||||
this.s.screen.interval = setInterval( function () {
|
||||
var iScrollTop = $(document).scrollTop();
|
||||
var iScrollDelta = iScrollTop - that.s.screen.scrollTop;
|
||||
that.s.screen.y += iScrollDelta;
|
||||
|
||||
if ( that.s.screen.height - that.s.screen.y + iScrollTop < 50 )
|
||||
{
|
||||
$('html, body').animate( {
|
||||
"scrollTop": iScrollTop + 50
|
||||
}, 240, 'linear' );
|
||||
}
|
||||
else if ( that.s.screen.y - iScrollTop < 50 )
|
||||
{
|
||||
$('html, body').animate( {
|
||||
"scrollTop": iScrollTop - 50
|
||||
}, 240, 'linear' );
|
||||
}
|
||||
|
||||
if ( that.s.dt.oScroll.sY !== "" )
|
||||
{
|
||||
if ( that.s.screen.y > that.s.scroller.bottom - 50 )
|
||||
{
|
||||
$(that.s.dt.nTable.parentNode).animate( {
|
||||
"scrollTop": $(that.s.dt.nTable.parentNode).scrollTop() + 50
|
||||
}, 240, 'linear' );
|
||||
}
|
||||
else if ( that.s.screen.y < that.s.scroller.top + 50 )
|
||||
{
|
||||
$(that.s.dt.nTable.parentNode).animate( {
|
||||
"scrollTop": $(that.s.dt.nTable.parentNode).scrollTop() - 50
|
||||
}, 240, 'linear' );
|
||||
}
|
||||
}
|
||||
}, 250 );
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* Mouse move event handler for during a move. See if we want to update the display based on the
|
||||
* new cursor position
|
||||
* @method _fnFillerDragMove
|
||||
* @param {Object} e Event object
|
||||
* @returns void
|
||||
*/
|
||||
"_fnFillerDragMove": function (e)
|
||||
{
|
||||
if ( e.target && e.target.nodeName.toUpperCase() == "TD" &&
|
||||
e.target != this.s.drag.endTd )
|
||||
{
|
||||
var coords = this._fnTargetCoords( e.target );
|
||||
|
||||
if ( coords.x != this.s.drag.startX )
|
||||
{
|
||||
e.target = $('tbody>tr:eq('+coords.y+')>td:eq('+this.s.drag.startX+')', this.dom.table)[0];
|
||||
coords = this._fnTargetCoords( e.target );
|
||||
}
|
||||
|
||||
if ( coords.x == this.s.drag.startX )
|
||||
{
|
||||
var drag = this.s.drag;
|
||||
drag.endTd = e.target;
|
||||
|
||||
if ( coords.y >= this.s.drag.startY )
|
||||
{
|
||||
this._fnUpdateBorder( drag.startTd, drag.endTd );
|
||||
}
|
||||
else
|
||||
{
|
||||
this._fnUpdateBorder( drag.endTd, drag.startTd );
|
||||
}
|
||||
this._fnFillerPosition( e.target );
|
||||
}
|
||||
}
|
||||
|
||||
/* Update the screen information so we can perform scrolling */
|
||||
this.s.screen.y = e.pageY;
|
||||
this.s.screen.scrollTop = $(document).scrollTop();
|
||||
|
||||
if ( this.s.dt.oScroll.sY !== "" )
|
||||
{
|
||||
this.s.scroller.scrollTop = $(this.s.dt.nTable.parentNode).scrollTop();
|
||||
this.s.scroller.top = $(this.s.dt.nTable.parentNode).offset().top;
|
||||
this.s.scroller.bottom = this.s.scroller.top + $(this.s.dt.nTable.parentNode).height();
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* Mouse release handler - end the drag and take action to update the cells with the needed values
|
||||
* @method _fnFillerFinish
|
||||
* @param {Object} e Event object
|
||||
* @returns void
|
||||
*/
|
||||
"_fnFillerFinish": function (e)
|
||||
{
|
||||
var that = this;
|
||||
|
||||
$(document).unbind('mousemove.AutoFill');
|
||||
$(document).unbind('mouseup.AutoFill');
|
||||
|
||||
this.dom.borderTop.style.display = "none";
|
||||
this.dom.borderRight.style.display = "none";
|
||||
this.dom.borderBottom.style.display = "none";
|
||||
this.dom.borderLeft.style.display = "none";
|
||||
|
||||
this.s.drag.dragging = false;
|
||||
|
||||
clearInterval( this.s.screen.interval );
|
||||
|
||||
var coordsStart = this._fnTargetCoords( this.s.drag.startTd );
|
||||
var coordsEnd = this._fnTargetCoords( this.s.drag.endTd );
|
||||
var aTds = [];
|
||||
var bIncrement;
|
||||
|
||||
if ( coordsStart.y <= coordsEnd.y )
|
||||
{
|
||||
bIncrement = true;
|
||||
for ( i=coordsStart.y ; i<=coordsEnd.y ; i++ )
|
||||
{
|
||||
aTds.push( $('tbody>tr:eq('+i+')>td:eq('+coordsStart.x+')', this.dom.table)[0] );
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
bIncrement = false;
|
||||
for ( i=coordsStart.y ; i>=coordsEnd.y ; i-- )
|
||||
{
|
||||
aTds.push( $('tbody>tr:eq('+i+')>td:eq('+coordsStart.x+')', this.dom.table)[0] );
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
var iColumn = coordsStart.x;
|
||||
var bLast = false;
|
||||
var aoEdited = [];
|
||||
var sStart = this.s.columns[iColumn].read.call( this, this.s.drag.startTd );
|
||||
var oPrepped = this._fnPrep( sStart );
|
||||
|
||||
for ( i=0, iLen=aTds.length ; i<iLen ; i++ )
|
||||
{
|
||||
if ( i==iLen-1 )
|
||||
{
|
||||
bLast = true;
|
||||
}
|
||||
|
||||
var original = this.s.columns[iColumn].read.call( this, aTds[i] );
|
||||
var step = this.s.columns[iColumn].step.call( this, aTds[i], oPrepped, i, bIncrement,
|
||||
'SPRYMEDIA_AUTOFILL_STEPPER' );
|
||||
this.s.columns[iColumn].write.call( this, aTds[i], step, bLast );
|
||||
|
||||
aoEdited.push( {
|
||||
"td": aTds[i],
|
||||
"newValue": step,
|
||||
"oldValue": original
|
||||
} );
|
||||
}
|
||||
|
||||
if ( this.s.columns[iColumn].complete !== null )
|
||||
{
|
||||
this.s.columns[iColumn].complete.call( this, aoEdited );
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* Chunk a string such that it can be filled in by the stepper function
|
||||
* @method _fnPrep
|
||||
* @param {String} sStr String to prep
|
||||
* @returns {Object} with parameters, iStart, sStr and sPostFix
|
||||
*/
|
||||
"_fnPrep": function ( sStr )
|
||||
{
|
||||
var aMatch = sStr.match(/[\d\.]+/g);
|
||||
if ( !aMatch || aMatch.length === 0 )
|
||||
{
|
||||
return {
|
||||
"iStart": 0,
|
||||
"sStr": sStr,
|
||||
"sPostFix": ""
|
||||
};
|
||||
}
|
||||
|
||||
var sLast = aMatch[ aMatch.length-1 ];
|
||||
var num = parseInt(sLast, 10);
|
||||
var regex = new RegExp( '^(.*)'+sLast+'(.*?)$' );
|
||||
var decimal = sLast.match(/\./) ? "."+sLast.split('.')[1] : "";
|
||||
|
||||
return {
|
||||
"iStart": num,
|
||||
"sStr": sStr.replace(regex, "$1SPRYMEDIA_AUTOFILL_STEPPER$2"),
|
||||
"sPostFix": decimal
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* Render a string for it's position in the table after the drag (incrememt numbers)
|
||||
* @method _fnStep
|
||||
* @param {Node} nTd Cell being written to
|
||||
* @param {Object} oPrepped Prepared object for the stepper (from _fnPrep)
|
||||
* @param {Int} iDiff Step difference
|
||||
* @param {Boolean} bIncrement Increment (true) or decriment (false)
|
||||
* @param {String} sToken Token to replace
|
||||
* @returns {String} Rendered information
|
||||
*/
|
||||
"_fnStep": function ( nTd, oPrepped, iDiff, bIncrement, sToken )
|
||||
{
|
||||
var iReplace = bIncrement ? (oPrepped.iStart+iDiff) : (oPrepped.iStart-iDiff);
|
||||
if ( isNaN(iReplace) )
|
||||
{
|
||||
iReplace = "";
|
||||
}
|
||||
return oPrepped.sStr.replace( sToken, iReplace+oPrepped.sPostFix );
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* Read informaiton from a cell, possibly using live DOM elements if suitable
|
||||
* @method _fnReadCell
|
||||
* @param {Node} nTd Cell to read
|
||||
* @returns {String} Read value
|
||||
*/
|
||||
"_fnReadCell": function ( nTd )
|
||||
{
|
||||
var jq = $('input', nTd);
|
||||
if ( jq.length > 0 )
|
||||
{
|
||||
return $(jq).val();
|
||||
}
|
||||
|
||||
jq = $('select', nTd);
|
||||
if ( jq.length > 0 )
|
||||
{
|
||||
return $(jq).val();
|
||||
}
|
||||
|
||||
return nTd.innerHTML;
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* Write informaiton to a cell, possibly using live DOM elements if suitable
|
||||
* @method _fnWriteCell
|
||||
* @param {Node} nTd Cell to write
|
||||
* @param {String} sVal Value to write
|
||||
* @param {Boolean} bLast Flag to show if this is that last update
|
||||
* @returns void
|
||||
*/
|
||||
"_fnWriteCell": function ( nTd, sVal, bLast )
|
||||
{
|
||||
var jq = $('input', nTd);
|
||||
if ( jq.length > 0 )
|
||||
{
|
||||
$(jq).val( sVal );
|
||||
return;
|
||||
}
|
||||
|
||||
jq = $('select', nTd);
|
||||
if ( jq.length > 0 )
|
||||
{
|
||||
$(jq).val( sVal );
|
||||
return;
|
||||
}
|
||||
|
||||
var pos = this.s.dt.oInstance.fnGetPosition( nTd );
|
||||
this.s.dt.oInstance.fnUpdate( sVal, pos[0], pos[2], bLast );
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* Display the drag handle on mouse over cell
|
||||
* @method _fnFillerDisplay
|
||||
* @param {Object} e Event object
|
||||
* @returns void
|
||||
*/
|
||||
"_fnFillerDisplay": function (e)
|
||||
{
|
||||
/* Don't display automatically when dragging */
|
||||
if ( this.s.drag.dragging)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
/* Check that we are allowed to AutoFill this column or not */
|
||||
var nTd = (e.target.nodeName.toLowerCase() == 'td') ? e.target : $(e.target).parents('td')[0];
|
||||
var iX = this._fnTargetCoords(nTd).x;
|
||||
if ( !this.s.columns[iX].enable )
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
var filler = this.dom.filler;
|
||||
if (e.type == 'mouseover')
|
||||
{
|
||||
this.dom.currentTarget = nTd;
|
||||
this._fnFillerPosition( nTd );
|
||||
|
||||
filler.style.display = "block";
|
||||
}
|
||||
else if ( !e.relatedTarget || !e.relatedTarget.className.match(/AutoFill/) )
|
||||
{
|
||||
filler.style.display = "none";
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* Position the filler icon over a cell
|
||||
* @method _fnFillerPosition
|
||||
* @param {Node} nTd Cell to position filler icon over
|
||||
* @returns void
|
||||
*/
|
||||
"_fnFillerPosition": function ( nTd )
|
||||
{
|
||||
var offset = $(nTd).offset();
|
||||
var filler = this.dom.filler;
|
||||
filler.style.top = (offset.top - (this.s.filler.height / 2)-1 + $(nTd).outerHeight())+"px";
|
||||
filler.style.left = (offset.left - (this.s.filler.width / 2)-1 + $(nTd).outerWidth())+"px";
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* Constants
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
/**
|
||||
* Name of this class
|
||||
* @constant CLASS
|
||||
* @type String
|
||||
* @default AutoFill
|
||||
*/
|
||||
AutoFill.prototype.CLASS = "AutoFill";
|
||||
|
||||
|
||||
/**
|
||||
* AutoFill version
|
||||
* @constant VERSION
|
||||
* @type String
|
||||
* @default 1.1.2
|
||||
*/
|
||||
AutoFill.VERSION = "1.1.2";
|
||||
AutoFill.prototype.VERSION = AutoFill.VERSION;
|
||||
|
||||
|
||||
})(jQuery);
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
/*
|
||||
* File: AutoFill.min.js
|
||||
* Version: 1.1.2
|
||||
* Author: Allan Jardine (www.sprymedia.co.uk)
|
||||
*
|
||||
* Copyright 2010-2011 Allan Jardine, all rights reserved.
|
||||
*
|
||||
* This source file is free software, under either the GPL v2 license or a
|
||||
* BSD (3 point) style license, as supplied with this software.
|
||||
*
|
||||
* This source file is distributed in the hope that it will be useful, but
|
||||
* WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
|
||||
* or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details.
|
||||
*/
|
||||
var AutoFill;
|
||||
(function(e){AutoFill=function(b,a){if(!this.CLASS||"AutoFill"!=this.CLASS)alert("Warning: AutoFill must be initialised with the keyword 'new'");else{if(e.fn.dataTableExt.fnVersionCheck("1.7.0"))return this.s={filler:{height:0,width:0},border:{width:2},drag:{startX:-1,startY:-1,startTd:null,endTd:null,dragging:!1},screen:{interval:null,y:0,height:0,scrollTop:0},scroller:{top:0,bottom:0},columns:[]},this.dom={table:null,filler:null,borderTop:null,borderRight:null,borderBottom:null,borderLeft:null,currentTarget:null},
|
||||
this.fnSettings=function(){return this.s},this._fnInit(b,a),this;alert("Warning: AutoFill requires DataTables 1.7 or greater - www.datatables.net/download")}};AutoFill.prototype={_fnInit:function(b,a){var c=this,d,f;this.s.dt=b.fnSettings();this.dom.table=this.s.dt.nTable;for(d=0,f=this.s.dt.aoColumns.length;d<f;d++)this._fnAddColumn(d);"undefined"!=typeof a&&"undefined"!=typeof a.aoColumnDefs&&this._fnColumnDefs(a.aoColumnDefs);"undefined"!=typeof a&&"undefined"!=typeof a.aoColumns&&this._fnColumnsAll(a.aoColumns);
|
||||
d=document.createElement("div");d.className="AutoFill_filler";document.body.appendChild(d);this.dom.filler=d;d.style.display="block";this.s.filler.height=e(d).height();this.s.filler.width=e(d).width();d.style.display="none";var h=document.body;if(""!==c.s.dt.oScroll.sY)c.s.dt.nTable.parentNode.style.position="relative",h=c.s.dt.nTable.parentNode;f=document.createElement("div");f.className="AutoFill_border";h.appendChild(f);this.dom.borderTop=f;f=document.createElement("div");f.className="AutoFill_border";
|
||||
h.appendChild(f);this.dom.borderRight=f;f=document.createElement("div");f.className="AutoFill_border";h.appendChild(f);this.dom.borderBottom=f;f=document.createElement("div");f.className="AutoFill_border";h.appendChild(f);this.dom.borderLeft=f;e(d).mousedown(function(a){this.onselectstart=function(){return!1};c._fnFillerDragStart.call(c,a);return!1});e("tbody>tr>td",this.dom.table).live("mouseover mouseout",function(a){c._fnFillerDisplay.call(c,a)})},_fnColumnDefs:function(b){var a,c,d,e,h,g;for(a=
|
||||
b.length-1;0<=a;a--){g=b[a].aTargets;for(c=0,e=g.length;c<e;c++)if("number"==typeof g[c]&&0<=g[c])this._fnColumnOptions(g[c],b[a]);else if("number"==typeof g[c]&&0>g[c])this._fnColumnOptions(this.s.dt.aoColumns.length+g[c],b[a]);else if("string"==typeof g[c])for(d=0,h=this.s.dt.aoColumns.length;d<h;d++)("_all"==g[c]||-1!=this.s.dt.aoColumns[d].nTh.className.indexOf(g[c]))&&this._fnColumnOptions(d,b[a])}},_fnColumnsAll:function(b){for(var a=0,c=this.s.dt.aoColumns.length;a<c;a++)this._fnColumnOptions(a,
|
||||
b[a])},_fnAddColumn:function(b){this.s.columns[b]={enable:!0,read:this._fnReadCell,write:this._fnWriteCell,step:this._fnStep,complete:null}},_fnColumnOptions:function(b,a){if("undefined"!=typeof a.bEnable)this.s.columns[b].enable=a.bEnable;if("undefined"!=typeof a.fnRead)this.s.columns[b].read=a.fnRead;if("undefined"!=typeof a.fnWrite)this.s.columns[b].write=a.fnWrite;if("undefined"!=typeof a.fnStep)this.s.columns[b].step=a.fnStep;if("undefined"!=typeof a.fnCallback)this.s.columns[b].complete=a.fnCallback},
|
||||
_fnTargetCoords:function(b){var a=e(b).parents("tr")[0];return{x:e("td",a).index(b),y:e("tr",a.parentNode).index(a)}},_fnUpdateBorder:function(b,a){var c=this.s.border.width,d=e(b).offset(),f=e(a).offset(),h=d.left-c,g=f.left+e(a).outerWidth(),j=d.top-c,k=f.top+e(a).outerHeight(),l=f.left+e(a).outerWidth()-d.left+2*c,c=f.top+e(a).outerHeight()-d.top+2*c;if(""!==this.s.dt.oScroll.sY)var d=e(this.s.dt.nTable.parentNode).offset(),f=e(this.s.dt.nTable.parentNode).scrollTop(),m=e(this.s.dt.nTable.parentNode).scrollLeft(),
|
||||
h=h-(d.left-m),g=g-(d.left-m),j=j-(d.top-f),k=k-(d.top-f);d=this.dom.borderTop.style;d.top=j+"px";d.left=h+"px";d.height=this.s.border.width+"px";d.width=l+"px";d=this.dom.borderBottom.style;d.top=k+"px";d.left=h+"px";d.height=this.s.border.width+"px";d.width=l+"px";d=this.dom.borderLeft.style;d.top=j+"px";d.left=h+"px";d.height=c+"px";d.width=this.s.border.width+"px";d=this.dom.borderRight.style;d.top=j+"px";d.left=g+"px";d.height=c+"px";d.width=this.s.border.width+"px"},_fnFillerDragStart:function(b){var a=
|
||||
this,c=this.dom.currentTarget;this.s.drag.dragging=!0;a.dom.borderTop.style.display="block";a.dom.borderRight.style.display="block";a.dom.borderBottom.style.display="block";a.dom.borderLeft.style.display="block";var d=this._fnTargetCoords(c);this.s.drag.startX=d.x;this.s.drag.startY=d.y;this.s.drag.startTd=c;this.s.drag.endTd=c;this._fnUpdateBorder(c,c);e(document).bind("mousemove.AutoFill",function(b){a._fnFillerDragMove.call(a,b)});e(document).bind("mouseup.AutoFill",function(b){a._fnFillerFinish.call(a,
|
||||
b)});this.s.screen.y=b.pageY;this.s.screen.height=e(window).height();this.s.screen.scrollTop=e(document).scrollTop();if(""!==this.s.dt.oScroll.sY)this.s.scroller.top=e(this.s.dt.nTable.parentNode).offset().top,this.s.scroller.bottom=this.s.scroller.top+e(this.s.dt.nTable.parentNode).height();this.s.screen.interval=setInterval(function(){var b=e(document).scrollTop();a.s.screen.y+=b-a.s.screen.scrollTop;50>a.s.screen.height-a.s.screen.y+b?e("html, body").animate({scrollTop:b+50},240,"linear"):50>a.s.screen.y-
|
||||
b&&e("html, body").animate({scrollTop:b-50},240,"linear");""!==a.s.dt.oScroll.sY&&(a.s.screen.y>a.s.scroller.bottom-50?e(a.s.dt.nTable.parentNode).animate({scrollTop:e(a.s.dt.nTable.parentNode).scrollTop()+50},240,"linear"):a.s.screen.y<a.s.scroller.top+50&&e(a.s.dt.nTable.parentNode).animate({scrollTop:e(a.s.dt.nTable.parentNode).scrollTop()-50},240,"linear"))},250)},_fnFillerDragMove:function(b){if(b.target&&"TD"==b.target.nodeName.toUpperCase()&&b.target!=this.s.drag.endTd){var a=this._fnTargetCoords(b.target);
|
||||
if(a.x!=this.s.drag.startX)b.target=e("tbody>tr:eq("+a.y+")>td:eq("+this.s.drag.startX+")",this.dom.table)[0],a=this._fnTargetCoords(b.target);if(a.x==this.s.drag.startX){var c=this.s.drag;c.endTd=b.target;a.y>=this.s.drag.startY?this._fnUpdateBorder(c.startTd,c.endTd):this._fnUpdateBorder(c.endTd,c.startTd);this._fnFillerPosition(b.target)}}this.s.screen.y=b.pageY;this.s.screen.scrollTop=e(document).scrollTop();if(""!==this.s.dt.oScroll.sY)this.s.scroller.scrollTop=e(this.s.dt.nTable.parentNode).scrollTop(),
|
||||
this.s.scroller.top=e(this.s.dt.nTable.parentNode).offset().top,this.s.scroller.bottom=this.s.scroller.top+e(this.s.dt.nTable.parentNode).height()},_fnFillerFinish:function(){e(document).unbind("mousemove.AutoFill");e(document).unbind("mouseup.AutoFill");this.dom.borderTop.style.display="none";this.dom.borderRight.style.display="none";this.dom.borderBottom.style.display="none";this.dom.borderLeft.style.display="none";this.s.drag.dragging=!1;clearInterval(this.s.screen.interval);var b=this._fnTargetCoords(this.s.drag.startTd),
|
||||
a=this._fnTargetCoords(this.s.drag.endTd),c=[],d;if(b.y<=a.y){d=!0;for(i=b.y;i<=a.y;i++)c.push(e("tbody>tr:eq("+i+")>td:eq("+b.x+")",this.dom.table)[0])}else{d=!1;for(i=b.y;i>=a.y;i--)c.push(e("tbody>tr:eq("+i+")>td:eq("+b.x+")",this.dom.table)[0])}var b=b.x,a=!1,f=[],h=this._fnPrep(this.s.columns[b].read.call(this,this.s.drag.startTd));for(i=0,iLen=c.length;i<iLen;i++){i==iLen-1&&(a=!0);var g=this.s.columns[b].read.call(this,c[i]),j=this.s.columns[b].step.call(this,c[i],h,i,d,"SPRYMEDIA_AUTOFILL_STEPPER");
|
||||
this.s.columns[b].write.call(this,c[i],j,a);f.push({td:c[i],newValue:j,oldValue:g})}null!==this.s.columns[b].complete&&this.s.columns[b].complete.call(this,f)},_fnPrep:function(b){var a=b.match(/[\d\.]+/g);if(!a||0===a.length)return{iStart:0,sStr:b,sPostFix:""};var c=a[a.length-1],a=parseInt(c,10),d=RegExp("^(.*)"+c+"(.*?)$"),c=c.match(/\./)?"."+c.split(".")[1]:"";return{iStart:a,sStr:b.replace(d,"$1SPRYMEDIA_AUTOFILL_STEPPER$2"),sPostFix:c}},_fnStep:function(b,a,c,d,e){b=d?a.iStart+c:a.iStart-c;
|
||||
isNaN(b)&&(b="");return a.sStr.replace(e,b+a.sPostFix)},_fnReadCell:function(b){var a=e("input",b);if(0<a.length)return e(a).val();a=e("select",b);return 0<a.length?e(a).val():b.innerHTML},_fnWriteCell:function(b,a,c){var d=e("input",b);0<d.length?e(d).val(a):(d=e("select",b),0<d.length?e(d).val(a):(b=this.s.dt.oInstance.fnGetPosition(b),this.s.dt.oInstance.fnUpdate(a,b[0],b[2],c)))},_fnFillerDisplay:function(b){if(!this.s.drag.dragging){var a="td"==b.target.nodeName.toLowerCase()?b.target:e(b.target).parents("td")[0];
|
||||
if(this.s.columns[this._fnTargetCoords(a).x].enable){var c=this.dom.filler;if("mouseover"==b.type)this.dom.currentTarget=a,this._fnFillerPosition(a),c.style.display="block";else if(!b.relatedTarget||!b.relatedTarget.className.match(/AutoFill/))c.style.display="none"}}},_fnFillerPosition:function(b){var a=e(b).offset(),c=this.dom.filler;c.style.top=a.top-this.s.filler.height/2-1+e(b).outerHeight()+"px";c.style.left=a.left-this.s.filler.width/2-1+e(b).outerWidth()+"px"}};AutoFill.prototype.CLASS="AutoFill";
|
||||
AutoFill.VERSION="1.1.2";AutoFill.prototype.VERSION=AutoFill.VERSION})(jQuery);
|
||||
Binary file not shown.
Loading…
Add table
Add a link
Reference in a new issue