| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180 |
- /*! AutoFill 2.3.5
- * ©2008-2020 SpryMedia Ltd - datatables.net/license
- */
-
- /**
- * @summary AutoFill
- * @description Add Excel like click and drag auto-fill options to DataTables
- * @version 2.3.5
- * @file dataTables.autoFill.js
- * @author SpryMedia Ltd (www.sprymedia.co.uk)
- * @contact www.sprymedia.co.uk/contact
- * @copyright Copyright 2010-2020 SpryMedia Ltd.
- *
- * This source file is free software, available under the following license:
- * MIT license - http://datatables.net/license/mit
- *
- * 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.
- *
- * For details please refer to: http://www.datatables.net
- */
- (function (factory) {
- if (typeof define === 'function' && define.amd) {
- // AMD
- define(['jquery', 'datatables.net'], function ($) {
- return factory($, window, document);
- });
- } else if (typeof exports === 'object') {
- // CommonJS
- module.exports = function (root, $) {
- if (!root) {
- root = window;
- }
-
- if (!$ || !$.fn.dataTable) {
- $ = require('datatables.net')(root, $).$;
- }
-
- return factory($, root, root.document);
- };
- } else {
- // Browser
- factory(jQuery, window, document);
- }
- }(function ($, window, document, undefined) {
- 'use strict';
- var DataTable = $.fn.dataTable;
-
-
- var _instance = 0;
-
- /**
- * AutoFill provides Excel like auto-fill features for a DataTable
- *
- * @class AutoFill
- * @constructor
- * @param {object} oTD DataTables settings object
- * @param {object} oConfig Configuration object for AutoFill
- */
- var AutoFill = function (dt, opts) {
- if (!DataTable.versionCheck || !DataTable.versionCheck('1.10.8')) {
- throw("Warning: AutoFill requires DataTables 1.10.8 or greater");
- }
-
- // User and defaults configuration object
- this.c = $.extend(true, {},
- DataTable.defaults.autoFill,
- AutoFill.defaults,
- opts
- );
-
- /**
- * @namespace Settings object which contains customisable information for AutoFill instance
- */
- this.s = {
- /** @type {DataTable.Api} DataTables' API instance */
- dt: new DataTable.Api(dt),
-
- /** @type {String} Unique namespace for events attached to the document */
- namespace: '.autoFill' + (_instance++),
-
- /** @type {Object} Cached dimension information for use in the mouse move event handler */
- scroll: {},
-
- /** @type {integer} Interval object used for smooth scrolling */
- scrollInterval: null,
-
- handle: {
- height: 0,
- width: 0
- },
-
- /**
- * Enabled setting
- * @type {Boolean}
- */
- enabled: false
- };
-
-
- /**
- * @namespace Common and useful DOM elements for the class instance
- */
- this.dom = {
- /** @type {jQuery} AutoFill handle */
- handle: $('<div class="dt-autofill-handle"/>'),
-
- /**
- * @type {Object} Selected cells outline - Need to use 4 elements,
- * otherwise the mouse over if you back into the selected rectangle
- * will be over that element, rather than the cells!
- */
- select: {
- top: $('<div class="dt-autofill-select top"/>'),
- right: $('<div class="dt-autofill-select right"/>'),
- bottom: $('<div class="dt-autofill-select bottom"/>'),
- left: $('<div class="dt-autofill-select left"/>')
- },
-
- /** @type {jQuery} Fill type chooser background */
- background: $('<div class="dt-autofill-background"/>'),
-
- /** @type {jQuery} Fill type chooser */
- list: $('<div class="dt-autofill-list">' + this.s.dt.i18n('autoFill.info', '') + '<ul/></div>'),
-
- /** @type {jQuery} DataTables scrolling container */
- dtScroll: null,
-
- /** @type {jQuery} Offset parent element */
- offsetParent: null
- };
-
-
- /* Constructor logic */
- this._constructor();
- };
-
-
- $.extend(AutoFill.prototype, {
- /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * Public methods (exposed via the DataTables API below)
- */
- enabled: function () {
- return this.s.enabled;
- },
-
-
- enable: function (flag) {
- var that = this;
-
- if (flag === false) {
- return this.disable();
- }
-
- this.s.enabled = true;
-
- this._focusListener();
-
- this.dom.handle.on('mousedown', function (e) {
- that._mousedown(e);
- return false;
- });
-
- return this;
- },
-
- disable: function () {
- this.s.enabled = false;
-
- this._focusListenerRemove();
-
- return this;
- },
-
-
- /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * Constructor
- */
-
- /**
- * Initialise the RowReorder instance
- *
- * @private
- */
- _constructor: function () {
- var that = this;
- var dt = this.s.dt;
- var dtScroll = $('div.dataTables_scrollBody', this.s.dt.table().container());
-
- // Make the instance accessible to the API
- dt.settings()[0].autoFill = this;
-
- if (dtScroll.length) {
- this.dom.dtScroll = dtScroll;
-
- // Need to scroll container to be the offset parent
- if (dtScroll.css('position') === 'static') {
- dtScroll.css('position', 'relative');
- }
- }
-
- if (this.c.enable !== false) {
- this.enable();
- }
-
- dt.on('destroy.autoFill', function () {
- that._focusListenerRemove();
- });
- },
-
-
- /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * Private methods
- */
-
- /**
- * Display the AutoFill drag handle by appending it to a table cell. This
- * is the opposite of the _detach method.
- *
- * @param {node} node TD/TH cell to insert the handle into
- * @private
- */
- _attach: function (node) {
- var dt = this.s.dt;
- var idx = dt.cell(node).index();
- var handle = this.dom.handle;
- var handleDim = this.s.handle;
-
- if (!idx || dt.columns(this.c.columns).indexes().indexOf(idx.column) === -1) {
- this._detach();
- return;
- }
-
- if (!this.dom.offsetParent) {
- // We attach to the table's offset parent
- this.dom.offsetParent = $(dt.table().node()).offsetParent();
- }
-
- if (!handleDim.height || !handleDim.width) {
- // Append to document so we can get its size. Not expecting it to
- // change during the life time of the page
- handle.appendTo('body');
- handleDim.height = handle.outerHeight();
- handleDim.width = handle.outerWidth();
- }
-
- // Might need to go through multiple offset parents
- var offset = this._getPosition(node, this.dom.offsetParent);
-
- this.dom.attachedTo = node;
- handle
- .css({
- top: offset.top + node.offsetHeight - handleDim.height,
- left: offset.left + node.offsetWidth - handleDim.width
- })
- .appendTo(this.dom.offsetParent);
- },
-
-
- /**
- * Determine can the fill type should be. This can be automatic, or ask the
- * end user.
- *
- * @param {array} cells Information about the selected cells from the key
- * up function
- * @private
- */
- _actionSelector: function (cells) {
- var that = this;
- var dt = this.s.dt;
- var actions = AutoFill.actions;
- var available = [];
-
- // "Ask" each plug-in if it wants to handle this data
- $.each(actions, function (key, action) {
- if (action.available(dt, cells)) {
- available.push(key);
- }
- });
-
- if (available.length === 1 && this.c.alwaysAsk === false) {
- // Only one action available - enact it immediately
- var result = actions[available[0]].execute(dt, cells);
- this._update(result, cells);
- } else if (available.length > 1) {
- // Multiple actions available - ask the end user what they want to do
- var list = this.dom.list.children('ul').empty();
-
- // Add a cancel option
- available.push('cancel');
-
- $.each(available, function (i, name) {
- list.append($('<li/>')
- .append(
- '<div class="dt-autofill-question">' +
- actions[name].option(dt, cells) +
- '<div>'
- )
- .append($('<div class="dt-autofill-button">')
- .append($('<button class="' + AutoFill.classes.btn + '">' + dt.i18n('autoFill.button', '>') + '</button>')
- .on('click', function () {
- var result = actions[name].execute(
- dt, cells, $(this).closest('li')
- );
- that._update(result, cells);
-
- that.dom.background.remove();
- that.dom.list.remove();
- })
- )
- )
- );
- });
-
- this.dom.background.appendTo('body');
- this.dom.list.appendTo('body');
-
- this.dom.list.css('margin-top', this.dom.list.outerHeight() / 2 * -1);
- }
- },
-
-
- /**
- * Remove the AutoFill handle from the document
- *
- * @private
- */
- _detach: function () {
- this.dom.attachedTo = null;
- this.dom.handle.detach();
- },
-
-
- /**
- * Draw the selection outline by calculating the range between the start
- * and end cells, then placing the highlighting elements to draw a rectangle
- *
- * @param {node} target End cell
- * @param {object} e Originating event
- * @private
- */
- _drawSelection: function (target, e) {
- // Calculate boundary for start cell to this one
- var dt = this.s.dt;
- var start = this.s.start;
- var startCell = $(this.dom.start);
- var end = {
- row: this.c.vertical ?
- dt.rows({page: 'current'}).nodes().indexOf(target.parentNode) :
- start.row,
- column: this.c.horizontal ?
- $(target).index() :
- start.column
- };
- var colIndx = dt.column.index('toData', end.column);
- var endRow = dt.row(':eq(' + end.row + ')', {page: 'current'}); // Workaround for M581
- var endCell = $(dt.cell(endRow.index(), colIndx).node());
-
- // Be sure that is a DataTables controlled cell
- if (!dt.cell(endCell).any()) {
- return;
- }
-
- // if target is not in the columns available - do nothing
- if (dt.columns(this.c.columns).indexes().indexOf(colIndx) === -1) {
- return;
- }
-
- this.s.end = end;
-
- var top, bottom, left, right, height, width;
-
- top = start.row < end.row ? startCell : endCell;
- bottom = start.row < end.row ? endCell : startCell;
- left = start.column < end.column ? startCell : endCell;
- right = start.column < end.column ? endCell : startCell;
-
- top = this._getPosition(top.get(0)).top;
- left = this._getPosition(left.get(0)).left;
- height = this._getPosition(bottom.get(0)).top + bottom.outerHeight() - top;
- width = this._getPosition(right.get(0)).left + right.outerWidth() - left;
-
- var select = this.dom.select;
- select.top.css({
- top: top,
- left: left,
- width: width
- });
-
- select.left.css({
- top: top,
- left: left,
- height: height
- });
-
- select.bottom.css({
- top: top + height,
- left: left,
- width: width
- });
-
- select.right.css({
- top: top,
- left: left + width,
- height: height
- });
- },
-
-
- /**
- * Use the Editor API to perform an update based on the new data for the
- * cells
- *
- * @param {array} cells Information about the selected cells from the key
- * up function
- * @private
- */
- _editor: function (cells) {
- var dt = this.s.dt;
- var editor = this.c.editor;
-
- if (!editor) {
- return;
- }
-
- // Build the object structure for Editor's multi-row editing
- var idValues = {};
- var nodes = [];
- var fields = editor.fields();
-
- for (var i = 0, ien = cells.length; i < ien; i++) {
- for (var j = 0, jen = cells[i].length; j < jen; j++) {
- var cell = cells[i][j];
-
- // Determine the field name for the cell being edited
- var col = dt.settings()[0].aoColumns[cell.index.column];
- var fieldName = col.editField;
-
- if (fieldName === undefined) {
- var dataSrc = col.mData;
-
- // dataSrc is the `field.data` property, but we need to set
- // using the field name, so we need to translate from the
- // data to the name
- for (var k = 0, ken = fields.length; k < ken; k++) {
- var field = editor.field(fields[k]);
-
- if (field.dataSrc() === dataSrc) {
- fieldName = field.name();
- break;
- }
- }
- }
-
- if (!fieldName) {
- throw 'Could not automatically determine field data. ' +
- 'Please see https://datatables.net/tn/11';
- }
-
- if (!idValues[fieldName]) {
- idValues[fieldName] = {};
- }
-
- var id = dt.row(cell.index.row).id();
- idValues[fieldName][id] = cell.set;
-
- // Keep a list of cells so we can activate the bubble editing
- // with them
- nodes.push(cell.index);
- }
- }
-
- // Perform the edit using bubble editing as it allows us to specify
- // the cells to be edited, rather than using full rows
- editor
- .bubble(nodes, false)
- .multiSet(idValues)
- .submit();
- },
-
-
- /**
- * Emit an event on the DataTable for listeners
- *
- * @param {string} name Event name
- * @param {array} args Event arguments
- * @private
- */
- _emitEvent: function (name, args) {
- this.s.dt.iterator('table', function (ctx, i) {
- $(ctx.nTable).triggerHandler(name + '.dt', args);
- });
- },
-
-
- /**
- * Attach suitable listeners (based on the configuration) that will attach
- * and detach the AutoFill handle in the document.
- *
- * @private
- */
- _focusListener: function () {
- var that = this;
- var dt = this.s.dt;
- var namespace = this.s.namespace;
- var focus = this.c.focus !== null ?
- this.c.focus :
- dt.init().keys || dt.settings()[0].keytable ?
- 'focus' :
- 'hover';
-
- // All event listeners attached here are removed in the `destroy`
- // callback in the constructor
- if (focus === 'focus') {
- dt
- .on('key-focus.autoFill', function (e, dt, cell) {
- that._attach(cell.node());
- })
- .on('key-blur.autoFill', function (e, dt, cell) {
- that._detach();
- });
- } else if (focus === 'click') {
- $(dt.table().body()).on('click' + namespace, 'td, th', function (e) {
- that._attach(this);
- });
-
- $(document.body).on('click' + namespace, function (e) {
- if (!$(e.target).parents().filter(dt.table().body()).length) {
- that._detach();
- }
- });
- } else {
- $(dt.table().body())
- .on('mouseenter' + namespace, 'td, th', function (e) {
- that._attach(this);
- })
- .on('mouseleave' + namespace, function (e) {
- if ($(e.relatedTarget).hasClass('dt-autofill-handle')) {
- return;
- }
-
- that._detach();
- });
- }
- },
-
-
- _focusListenerRemove: function () {
- var dt = this.s.dt;
-
- dt.off('.autoFill');
- $(dt.table().body()).off(this.s.namespace);
- $(document.body).off(this.s.namespace);
- },
-
-
- /**
- * Get the position of a node, relative to another, including any scrolling
- * offsets.
- * @param {Node} node Node to get the position of
- * @param {jQuery} targetParent Node to use as the parent
- * @return {object} Offset calculation
- * @private
- */
- _getPosition: function (node, targetParent) {
- var
- currNode = node,
- currOffsetParent,
- top = 0,
- left = 0;
-
- if (!targetParent) {
- targetParent = $($(this.s.dt.table().node())[0].offsetParent);
- }
-
- do {
- // Don't use jQuery().position() the behaviour changes between 1.x and 3.x for
- // tables
- var positionTop = currNode.offsetTop;
- var positionLeft = currNode.offsetLeft;
-
- // jQuery doesn't give a `table` as the offset parent oddly, so use DOM directly
- currOffsetParent = $(currNode.offsetParent);
-
- top += positionTop + parseInt(currOffsetParent.css('border-top-width')) * 1;
- left += positionLeft + parseInt(currOffsetParent.css('border-left-width')) * 1;
-
- // Emergency fall back. Shouldn't happen, but just in case!
- if (currNode.nodeName.toLowerCase() === 'body') {
- break;
- }
-
- currNode = currOffsetParent.get(0); // for next loop
- }
- while (currOffsetParent.get(0) !== targetParent.get(0))
-
- return {
- top: top,
- left: left
- };
- },
-
-
- /**
- * Start mouse drag - selects the start cell
- *
- * @param {object} e Mouse down event
- * @private
- */
- _mousedown: function (e) {
- var that = this;
- var dt = this.s.dt;
-
- this.dom.start = this.dom.attachedTo;
- this.s.start = {
- row: dt.rows({page: 'current'}).nodes().indexOf($(this.dom.start).parent()[0]),
- column: $(this.dom.start).index()
- };
-
- $(document.body)
- .on('mousemove.autoFill', function (e) {
- that._mousemove(e);
- })
- .on('mouseup.autoFill', function (e) {
- that._mouseup(e);
- });
-
- var select = this.dom.select;
- var offsetParent = $(dt.table().node()).offsetParent();
- select.top.appendTo(offsetParent);
- select.left.appendTo(offsetParent);
- select.right.appendTo(offsetParent);
- select.bottom.appendTo(offsetParent);
-
- this._drawSelection(this.dom.start, e);
-
- this.dom.handle.css('display', 'none');
-
- // Cache scrolling information so mouse move doesn't need to read.
- // This assumes that the window and DT scroller will not change size
- // during an AutoFill drag, which I think is a fair assumption
- var scrollWrapper = this.dom.dtScroll;
- this.s.scroll = {
- windowHeight: $(window).height(),
- windowWidth: $(window).width(),
- dtTop: scrollWrapper ? scrollWrapper.offset().top : null,
- dtLeft: scrollWrapper ? scrollWrapper.offset().left : null,
- dtHeight: scrollWrapper ? scrollWrapper.outerHeight() : null,
- dtWidth: scrollWrapper ? scrollWrapper.outerWidth() : null
- };
- },
-
-
- /**
- * Mouse drag - selects the end cell and update the selection display for
- * the end user
- *
- * @param {object} e Mouse move event
- * @private
- */
- _mousemove: function (e) {
- var that = this;
- var dt = this.s.dt;
- var name = e.target.nodeName.toLowerCase();
- if (name !== 'td' && name !== 'th') {
- return;
- }
-
- this._drawSelection(e.target, e);
- this._shiftScroll(e);
- },
-
-
- /**
- * End mouse drag - perform the update actions
- *
- * @param {object} e Mouse up event
- * @private
- */
- _mouseup: function (e) {
- $(document.body).off('.autoFill');
-
- var that = this;
- var dt = this.s.dt;
- var select = this.dom.select;
- select.top.remove();
- select.left.remove();
- select.right.remove();
- select.bottom.remove();
-
- this.dom.handle.css('display', 'block');
-
- // Display complete - now do something useful with the selection!
- var start = this.s.start;
- var end = this.s.end;
-
- // Haven't selected multiple cells, so nothing to do
- if (start.row === end.row && start.column === end.column) {
- return;
- }
-
- var startDt = dt.cell(':eq(' + start.row + ')', start.column + ':visible', {page: 'current'});
-
- // If Editor is active inside this cell (inline editing) we need to wait for Editor to
- // submit and then we can loop back and trigger the fill.
- if ($('div.DTE', startDt.node()).length) {
- var editor = dt.editor();
-
- editor
- .on('submitSuccess.dtaf close.dtaf', function () {
- editor.off('.dtaf');
-
- setTimeout(function () {
- that._mouseup(e);
- }, 100);
- })
- .on('submitComplete.dtaf preSubmitCancelled.dtaf close.dtaf', function () {
- editor.off('.dtaf');
- });
-
- // Make the current input submit
- editor.submit();
-
- return;
- }
-
- // Build a matrix representation of the selected rows
- var rows = this._range(start.row, end.row);
- var columns = this._range(start.column, end.column);
- var selected = [];
- var dtSettings = dt.settings()[0];
- var dtColumns = dtSettings.aoColumns;
- var enabledColumns = dt.columns(this.c.columns).indexes();
-
- // Can't use Array.prototype.map as IE8 doesn't support it
- // Can't use $.map as jQuery flattens 2D arrays
- // Need to use a good old fashioned for loop
- for (var rowIdx = 0; rowIdx < rows.length; rowIdx++) {
- selected.push(
- $.map(columns, function (column) {
- var row = dt.row(':eq(' + rows[rowIdx] + ')', {page: 'current'}); // Workaround for M581
- var cell = dt.cell(row.index(), column + ':visible');
- var data = cell.data();
- var cellIndex = cell.index();
- var editField = dtColumns[cellIndex.column].editField;
-
- if (editField !== undefined) {
- data = dtSettings.oApi._fnGetObjectDataFn(editField)(dt.row(cellIndex.row).data());
- }
-
- if (enabledColumns.indexOf(cellIndex.column) === -1) {
- return;
- }
-
- return {
- cell: cell,
- data: data,
- label: cell.data(),
- index: cellIndex
- };
- })
- );
- }
-
- this._actionSelector(selected);
-
- // Stop shiftScroll
- clearInterval(this.s.scrollInterval);
- this.s.scrollInterval = null;
- },
-
-
- /**
- * Create an array with a range of numbers defined by the start and end
- * parameters passed in (inclusive!).
- *
- * @param {integer} start Start
- * @param {integer} end End
- * @private
- */
- _range: function (start, end) {
- var out = [];
- var i;
-
- if (start <= end) {
- for (i = start; i <= end; i++) {
- out.push(i);
- }
- } else {
- for (i = start; i >= end; i--) {
- out.push(i);
- }
- }
-
- return out;
- },
-
-
- /**
- * Move the window and DataTables scrolling during a drag to scroll new
- * content into view. This is done by proximity to the edge of the scrolling
- * container of the mouse - for example near the top edge of the window
- * should scroll up. This is a little complicated as there are two elements
- * that can be scrolled - the window and the DataTables scrolling view port
- * (if scrollX and / or scrollY is enabled).
- *
- * @param {object} e Mouse move event object
- * @private
- */
- _shiftScroll: function (e) {
- var that = this;
- var dt = this.s.dt;
- var scroll = this.s.scroll;
- var runInterval = false;
- var scrollSpeed = 5;
- var buffer = 65;
- var
- windowY = e.pageY - document.body.scrollTop,
- windowX = e.pageX - document.body.scrollLeft,
- windowVert, windowHoriz,
- dtVert, dtHoriz;
-
- // Window calculations - based on the mouse position in the window,
- // regardless of scrolling
- if (windowY < buffer) {
- windowVert = scrollSpeed * -1;
- } else if (windowY > scroll.windowHeight - buffer) {
- windowVert = scrollSpeed;
- }
-
- if (windowX < buffer) {
- windowHoriz = scrollSpeed * -1;
- } else if (windowX > scroll.windowWidth - buffer) {
- windowHoriz = scrollSpeed;
- }
-
- // DataTables scrolling calculations - based on the table's position in
- // the document and the mouse position on the page
- if (scroll.dtTop !== null && e.pageY < scroll.dtTop + buffer) {
- dtVert = scrollSpeed * -1;
- } else if (scroll.dtTop !== null && e.pageY > scroll.dtTop + scroll.dtHeight - buffer) {
- dtVert = scrollSpeed;
- }
-
- if (scroll.dtLeft !== null && e.pageX < scroll.dtLeft + buffer) {
- dtHoriz = scrollSpeed * -1;
- } else if (scroll.dtLeft !== null && e.pageX > scroll.dtLeft + scroll.dtWidth - buffer) {
- dtHoriz = scrollSpeed;
- }
-
- // This is where it gets interesting. We want to continue scrolling
- // without requiring a mouse move, so we need an interval to be
- // triggered. The interval should continue until it is no longer needed,
- // but it must also use the latest scroll commands (for example consider
- // that the mouse might move from scrolling up to scrolling left, all
- // with the same interval running. We use the `scroll` object to "pass"
- // this information to the interval. Can't use local variables as they
- // wouldn't be the ones that are used by an already existing interval!
- if (windowVert || windowHoriz || dtVert || dtHoriz) {
- scroll.windowVert = windowVert;
- scroll.windowHoriz = windowHoriz;
- scroll.dtVert = dtVert;
- scroll.dtHoriz = dtHoriz;
- runInterval = true;
- } else if (this.s.scrollInterval) {
- // Don't need to scroll - remove any existing timer
- clearInterval(this.s.scrollInterval);
- this.s.scrollInterval = null;
- }
-
- // If we need to run the interval to scroll and there is no existing
- // interval (if there is an existing one, it will continue to run)
- if (!this.s.scrollInterval && runInterval) {
- this.s.scrollInterval = setInterval(function () {
- // Don't need to worry about setting scroll <0 or beyond the
- // scroll bound as the browser will just reject that.
- if (scroll.windowVert) {
- document.body.scrollTop += scroll.windowVert;
- }
- if (scroll.windowHoriz) {
- document.body.scrollLeft += scroll.windowHoriz;
- }
-
- // DataTables scrolling
- if (scroll.dtVert || scroll.dtHoriz) {
- var scroller = that.dom.dtScroll[0];
-
- if (scroll.dtVert) {
- scroller.scrollTop += scroll.dtVert;
- }
- if (scroll.dtHoriz) {
- scroller.scrollLeft += scroll.dtHoriz;
- }
- }
- }, 20);
- }
- },
-
-
- /**
- * Update the DataTable after the user has selected what they want to do
- *
- * @param {false|undefined} result Return from the `execute` method - can
- * be false internally to do nothing. This is not documented for plug-ins
- * and is used only by the cancel option.
- * @param {array} cells Information about the selected cells from the key
- * up function, argumented with the set values
- * @private
- */
- _update: function (result, cells) {
- // Do nothing on `false` return from an execute function
- if (result === false) {
- return;
- }
-
- var dt = this.s.dt;
- var cell;
- var columns = dt.columns(this.c.columns).indexes();
-
- // Potentially allow modifications to the cells matrix
- this._emitEvent('preAutoFill', [dt, cells]);
-
- this._editor(cells);
-
- // Automatic updates are not performed if `update` is null and the
- // `editor` parameter is passed in - the reason being that Editor will
- // update the data once submitted
- var update = this.c.update !== null ?
- this.c.update :
- this.c.editor ?
- false :
- true;
-
- if (update) {
- for (var i = 0, ien = cells.length; i < ien; i++) {
- for (var j = 0, jen = cells[i].length; j < jen; j++) {
- cell = cells[i][j];
-
- if (columns.indexOf(cell.index.column) !== -1) {
- cell.cell.data(cell.set);
- }
- }
- }
-
- dt.draw(false);
- }
-
- this._emitEvent('autoFill', [dt, cells]);
- }
- });
-
-
- /**
- * AutoFill actions. The options here determine how AutoFill will fill the data
- * in the table when the user has selected a range of cells. Please see the
- * documentation on the DataTables site for full details on how to create plug-
- * ins.
- *
- * @type {Object}
- */
- AutoFill.actions = {
- increment: {
- available: function (dt, cells) {
- var d = cells[0][0].label;
-
- // is numeric test based on jQuery's old `isNumeric` function
- return !isNaN(d - parseFloat(d));
- },
-
- option: function (dt, cells) {
- return dt.i18n(
- 'autoFill.increment',
- 'Increment / decrement each cell by: <input type="number" value="1">'
- );
- },
-
- execute: function (dt, cells, node) {
- var value = cells[0][0].data * 1;
- var increment = $('input', node).val() * 1;
-
- for (var i = 0, ien = cells.length; i < ien; i++) {
- for (var j = 0, jen = cells[i].length; j < jen; j++) {
- cells[i][j].set = value;
-
- value += increment;
- }
- }
- }
- },
-
- fill: {
- available: function (dt, cells) {
- return true;
- },
-
- option: function (dt, cells) {
- return dt.i18n('autoFill.fill', 'Fill all cells with <i>' + cells[0][0].label + '</i>');
- },
-
- execute: function (dt, cells, node) {
- var value = cells[0][0].data;
-
- for (var i = 0, ien = cells.length; i < ien; i++) {
- for (var j = 0, jen = cells[i].length; j < jen; j++) {
- cells[i][j].set = value;
- }
- }
- }
- },
-
- fillHorizontal: {
- available: function (dt, cells) {
- return cells.length > 1 && cells[0].length > 1;
- },
-
- option: function (dt, cells) {
- return dt.i18n('autoFill.fillHorizontal', 'Fill cells horizontally');
- },
-
- execute: function (dt, cells, node) {
- for (var i = 0, ien = cells.length; i < ien; i++) {
- for (var j = 0, jen = cells[i].length; j < jen; j++) {
- cells[i][j].set = cells[i][0].data;
- }
- }
- }
- },
-
- fillVertical: {
- available: function (dt, cells) {
- return cells.length > 1;
- },
-
- option: function (dt, cells) {
- return dt.i18n('autoFill.fillVertical', 'Fill cells vertically');
- },
-
- execute: function (dt, cells, node) {
- for (var i = 0, ien = cells.length; i < ien; i++) {
- for (var j = 0, jen = cells[i].length; j < jen; j++) {
- cells[i][j].set = cells[0][j].data;
- }
- }
- }
- },
-
- // Special type that does not make itself available, but is added
- // automatically by AutoFill if a multi-choice list is shown. This allows
- // sensible code reuse
- cancel: {
- available: function () {
- return false;
- },
-
- option: function (dt) {
- return dt.i18n('autoFill.cancel', 'Cancel');
- },
-
- execute: function () {
- return false;
- }
- }
- };
-
-
- /**
- * AutoFill version
- *
- * @static
- * @type String
- */
- AutoFill.version = '2.3.5';
-
-
- /**
- * AutoFill defaults
- *
- * @namespace
- */
- AutoFill.defaults = {
- /** @type {Boolean} Ask user what they want to do, even for a single option */
- alwaysAsk: false,
-
- /** @type {string|null} What will trigger a focus */
- focus: null, // focus, click, hover
-
- /** @type {column-selector} Columns to provide auto fill for */
- columns: '', // all
-
- /** @type {Boolean} Enable AutoFill on load */
- enable: true,
-
- /** @type {boolean|null} Update the cells after a drag */
- update: null, // false is editor given, true otherwise
-
- /** @type {DataTable.Editor} Editor instance for automatic submission */
- editor: null,
-
- /** @type {boolean} Enable vertical fill */
- vertical: true,
-
- /** @type {boolean} Enable horizontal fill */
- horizontal: true
- };
-
-
- /**
- * Classes used by AutoFill that are configurable
- *
- * @namespace
- */
- AutoFill.classes = {
- /** @type {String} Class used by the selection button */
- btn: 'btn'
- };
-
-
- /*
- * API
- */
- var Api = $.fn.dataTable.Api;
-
- // Doesn't do anything - Not documented
- Api.register('autoFill()', function () {
- return this;
- });
-
- Api.register('autoFill().enabled()', function () {
- var ctx = this.context[0];
-
- return ctx.autoFill ?
- ctx.autoFill.enabled() :
- false;
- });
-
- Api.register('autoFill().enable()', function (flag) {
- return this.iterator('table', function (ctx) {
- if (ctx.autoFill) {
- ctx.autoFill.enable(flag);
- }
- });
- });
-
- Api.register('autoFill().disable()', function () {
- return this.iterator('table', function (ctx) {
- if (ctx.autoFill) {
- ctx.autoFill.disable();
- }
- });
- });
-
-
- // Attach a listener to the document which listens for DataTables initialisation
- // events so we can automatically initialise
- $(document).on('preInit.dt.autofill', function (e, settings, json) {
- if (e.namespace !== 'dt') {
- return;
- }
-
- var init = settings.oInit.autoFill;
- var defaults = DataTable.defaults.autoFill;
-
- if (init || defaults) {
- var opts = $.extend({}, init, defaults);
-
- if (init !== false) {
- new AutoFill(settings, opts);
- }
- }
- });
-
-
- // Alias for access
- DataTable.AutoFill = AutoFill;
- DataTable.AutoFill = AutoFill;
-
-
- return AutoFill;
- }));
|