diff --git a/dist/tablefilter/1-4139a7961dcf632fbba6.js b/dist/tablefilter/1-4139a7961dcf632fbba6.js
new file mode 100644
index 00000000..47e76719
--- /dev/null
+++ b/dist/tablefilter/1-4139a7961dcf632fbba6.js
@@ -0,0 +1,2243 @@
+webpackJsonp([1],[
+/* 0 */,
+/* 1 */
+/***/ function(module, exports, __webpack_require__) {
+
+ var map = {
+ "./array": 5,
+ "./array.js": 5,
+ "./cookie": 7,
+ "./cookie.js": 7,
+ "./date": 8,
+ "./date.js": 8,
+ "./dom": 4,
+ "./dom.js": 4,
+ "./event": 2,
+ "./event.js": 2,
+ "./extensions/advancedGrid/adapterEzEditTable": 24,
+ "./extensions/advancedGrid/adapterEzEditTable.js": 24,
+ "./extensions/advancedGrid/advancedGrid": 25,
+ "./extensions/advancedGrid/advancedGrid.js": 25,
+ "./extensions/colOps/colOps": 26,
+ "./extensions/colOps/colOps.js": 26,
+ "./extensions/colsVisibility/colsVisibility": 27,
+ "./extensions/colsVisibility/colsVisibility.js": 27,
+ "./extensions/filtersVisibility/filtersVisibility": 28,
+ "./extensions/filtersVisibility/filtersVisibility.js": 28,
+ "./extensions/sort/adapterSortabletable": 29,
+ "./extensions/sort/adapterSortabletable.js": 29,
+ "./extensions/sort/sort": 30,
+ "./extensions/sort/sort.js": 30,
+ "./helpers": 9,
+ "./helpers.js": 9,
+ "./modules/alternateRows": 22,
+ "./modules/alternateRows.js": 22,
+ "./modules/checkList": 16,
+ "./modules/checkList.js": 16,
+ "./modules/clearButton": 20,
+ "./modules/clearButton.js": 20,
+ "./modules/dropdown": 15,
+ "./modules/dropdown.js": 15,
+ "./modules/gridLayout": 11,
+ "./modules/gridLayout.js": 11,
+ "./modules/help": 21,
+ "./modules/help.js": 21,
+ "./modules/highlightKeywords": 13,
+ "./modules/highlightKeywords.js": 13,
+ "./modules/loader": 12,
+ "./modules/loader.js": 12,
+ "./modules/paging": 19,
+ "./modules/paging.js": 19,
+ "./modules/popupFilter": 14,
+ "./modules/popupFilter.js": 14,
+ "./modules/rowsCounter": 17,
+ "./modules/rowsCounter.js": 17,
+ "./modules/statusBar": 18,
+ "./modules/statusBar.js": 18,
+ "./modules/store": 10,
+ "./modules/store.js": 10,
+ "./sort": 23,
+ "./sort.js": 23,
+ "./string": 3,
+ "./string.js": 3,
+ "./types": 6,
+ "./types.js": 6
+ };
+ function webpackContext(req) {
+ return __webpack_require__(webpackContextResolve(req));
+ };
+ function webpackContextResolve(req) {
+ return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }());
+ };
+ webpackContext.keys = function webpackContextKeys() {
+ return Object.keys(map);
+ };
+ webpackContext.resolve = webpackContextResolve;
+ module.exports = webpackContext;
+ webpackContext.id = 1;
+
+
+/***/ },
+/* 2 */,
+/* 3 */,
+/* 4 */,
+/* 5 */,
+/* 6 */,
+/* 7 */,
+/* 8 */,
+/* 9 */,
+/* 10 */,
+/* 11 */,
+/* 12 */,
+/* 13 */,
+/* 14 */,
+/* 15 */,
+/* 16 */,
+/* 17 */,
+/* 18 */,
+/* 19 */,
+/* 20 */,
+/* 21 */,
+/* 22 */,
+/* 23 */,
+/* 24 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+
+ var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+
+ var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+
+ Object.defineProperty(exports, '__esModule', {
+ value: true
+ });
+
+ var _Dom = __webpack_require__(4);
+
+ var _Dom2 = _interopRequireDefault(_Dom);
+
+ var _Arr = __webpack_require__(5);
+
+ var _Arr2 = _interopRequireDefault(_Arr);
+
+ var AdapterEzEditTable = (function () {
+ /**
+ * Adapter module for ezEditTable, an external library providing advanced
+ * grid features (selection and edition):
+ * http://codecanyon.net/item/ezedittable-enhance-html-tables/2425123?ref=koalyptus
+ *
+ * @param {Object} tf TableFilter instance
+ */
+
+ function AdapterEzEditTable(tf, cfg) {
+ _classCallCheck(this, AdapterEzEditTable);
+
+ // ezEditTable config
+ this.initialized = false;
+ this.desc = cfg.description || 'ezEditTable adapter';
+ this.filename = cfg.filename || 'ezEditTable.js';
+ this.vendorPath = cfg.vendor_path;
+ this.loadStylesheet = Boolean(cfg.load_stylesheet);
+ this.stylesheet = cfg.stylesheet || this.vendorPath + 'ezEditTable.css';
+ this.stylesheetName = cfg.stylesheet_name || 'ezEditTableCss';
+ this.err = 'Failed to instantiate EditTable object.\n"ezEditTable" ' + 'dependency not found.';
+
+ this._ezEditTable = null;
+ this.cfg = cfg;
+ this.tf = tf;
+ }
+
+ _createClass(AdapterEzEditTable, [{
+ key: 'init',
+
+ /**
+ * Conditionally load ezEditTable library and set advanced grid
+ * @return {[type]} [description]
+ */
+ value: function init() {
+ var _this = this;
+
+ var tf = this.tf;
+ if (window.EditTable) {
+ this._setAdvancedGrid();
+ } else {
+ var path = this.vendorPath + this.filename;
+ tf['import'](this.filename, path, function () {
+ _this._setAdvancedGrid();
+ });
+ }
+ if (this.loadStylesheet && !tf.isImported(this.stylesheet, 'link')) {
+ tf['import'](this.stylesheetName, this.stylesheet, null, 'link');
+ }
+ }
+ }, {
+ key: '_setAdvancedGrid',
+
+ /**
+ * Instantiate ezEditTable component for advanced grid features
+ */
+ value: function _setAdvancedGrid() {
+ var tf = this.tf;
+
+ //start row for EditTable constructor needs to be calculated
+ var startRow,
+ cfg = this.cfg,
+ thead = _Dom2['default'].tag(tf.tbl, 'thead');
+
+ //if thead exists and startRow not specified, startRow is calculated
+ //automatically by EditTable
+ if (thead.length > 0 && !cfg.startRow) {
+ startRow = undefined;
+ }
+ //otherwise startRow config property if any or TableFilter refRow
+ else {
+ startRow = cfg.startRow || tf.refRow;
+ }
+
+ cfg.base_path = cfg.base_path || tf.basePath + 'ezEditTable/';
+ // var editable = tf.editable;
+ var editable = cfg.editable;
+ // cfg.editable = editable;
+ // var selectable = tf.selectable;
+ var selectable = cfg.selectable;
+ cfg.selection = selectable;
+
+ if (selectable) {
+ cfg.default_selection = cfg.default_selection || 'row';
+ }
+ //CSS Styles
+ cfg.active_cell_css = cfg.active_cell_css || 'ezETSelectedCell';
+
+ var _lastValidRowIndex = 0;
+ var _lastRowIndex = 0;
+
+ if (selectable) {
+ //Row navigation needs to be calculated according to TableFilter's
+ //validRowsIndex array
+ var onAfterSelection = function onAfterSelection(et, selectedElm, e) {
+ var slc = et.Selection;
+ //Next valid filtered row needs to be selected
+ var doSelect = function doSelect(nextRowIndex) {
+ if (et.defaultSelection === 'row') {
+ slc.SelectRowByIndex(nextRowIndex);
+ } else {
+ et.ClearSelections();
+ var cellIndex = selectedElm.cellIndex,
+ row = tf.tbl.rows[nextRowIndex];
+ if (et.defaultSelection === 'both') {
+ slc.SelectRowByIndex(nextRowIndex);
+ }
+ if (row) {
+ slc.SelectCell(row.cells[cellIndex]);
+ }
+ }
+ //Table is filtered
+ if (tf.validRowsIndex.length !== tf.getRowsNb()) {
+ var r = tf.tbl.rows[nextRowIndex];
+ if (r) {
+ r.scrollIntoView(false);
+ }
+ if (cell) {
+ if (cell.cellIndex === tf.getCellsNb() - 1 && tf.gridLayout) {
+ tf.tblCont.scrollLeft = 100000000;
+ } else if (cell.cellIndex === 0 && tf.gridLayout) {
+ tf.tblCont.scrollLeft = 0;
+ } else {
+ cell.scrollIntoView(false);
+ }
+ }
+ }
+ };
+
+ //table is not filtered
+ if (!tf.validRowsIndex) {
+ return;
+ }
+ var validIndexes = tf.validRowsIndex,
+ validIdxLen = validIndexes.length,
+ row = et.defaultSelection !== 'row' ? selectedElm.parentNode : selectedElm,
+
+ //cell for default_selection = 'both' or 'cell'
+ cell = selectedElm.nodeName === 'TD' ? selectedElm : null,
+ keyCode = e !== undefined ? et.Event.GetKey(e) : 0,
+ isRowValid = _Arr2['default'].has(validIndexes, row.rowIndex),
+ nextRowIndex,
+
+ //pgup/pgdown keys
+ d = keyCode === 34 || keyCode === 33 ? tf.feature('paging').pagingLength || et.nbRowsPerPage : 1;
+
+ //If next row is not valid, next valid filtered row needs to be
+ //calculated
+ if (!isRowValid) {
+ //Selection direction up/down
+ if (row.rowIndex > _lastRowIndex) {
+ //last row
+ if (row.rowIndex >= validIndexes[validIdxLen - 1]) {
+ nextRowIndex = validIndexes[validIdxLen - 1];
+ } else {
+ var calcRowIndex = _lastValidRowIndex + d;
+ if (calcRowIndex > validIdxLen - 1) {
+ nextRowIndex = validIndexes[validIdxLen - 1];
+ } else {
+ nextRowIndex = validIndexes[calcRowIndex];
+ }
+ }
+ } else {
+ //first row
+ if (row.rowIndex <= validIndexes[0]) {
+ nextRowIndex = validIndexes[0];
+ } else {
+ var v = validIndexes[_lastValidRowIndex - d];
+ nextRowIndex = v ? v : validIndexes[0];
+ }
+ }
+ _lastRowIndex = row.rowIndex;
+ doSelect(nextRowIndex);
+ } else {
+ //If filtered row is valid, special calculation for
+ //pgup/pgdown keys
+ if (keyCode !== 34 && keyCode !== 33) {
+ _lastValidRowIndex = _Arr2['default'].indexByValue(validIndexes, row.rowIndex);
+ _lastRowIndex = row.rowIndex;
+ } else {
+ if (keyCode === 34) {
+ //pgdown
+ //last row
+ if (_lastValidRowIndex + d <= validIdxLen - 1) {
+ nextRowIndex = validIndexes[_lastValidRowIndex + d];
+ } else {
+ nextRowIndex = [validIdxLen - 1];
+ }
+ } else {
+ //pgup
+ //first row
+ if (_lastValidRowIndex - d <= validIndexes[0]) {
+ nextRowIndex = validIndexes[0];
+ } else {
+ nextRowIndex = validIndexes[_lastValidRowIndex - d];
+ }
+ }
+ _lastRowIndex = nextRowIndex;
+ _lastValidRowIndex = _Arr2['default'].indexByValue(validIndexes, nextRowIndex);
+ doSelect(nextRowIndex);
+ }
+ }
+ };
+
+ //Page navigation has to be enforced whenever selected row is out of
+ //the current page range
+ var onBeforeSelection = function onBeforeSelection(et, selectedElm) {
+ var row = et.defaultSelection !== 'row' ? selectedElm.parentNode : selectedElm;
+ if (tf.paging) {
+ if (tf.feature('paging').nbPages > 1) {
+ var paging = tf.feature('paging');
+ //page length is re-assigned in case it has changed
+ et.nbRowsPerPage = paging.pagingLength;
+ var validIndexes = tf.validRowsIndex,
+ validIdxLen = validIndexes.length,
+ pagingEndRow = parseInt(paging.startPagingRow, 10) + parseInt(paging.pagingLength, 10);
+ var rowIndex = row.rowIndex;
+
+ if (rowIndex === validIndexes[validIdxLen - 1] && paging.currentPageNb !== paging.nbPages) {
+ paging.setPage('last');
+ } else if (rowIndex == validIndexes[0] && paging.currentPageNb !== 1) {
+ paging.setPage('first');
+ } else if (rowIndex > validIndexes[pagingEndRow - 1] && rowIndex < validIndexes[validIdxLen - 1]) {
+ paging.setPage('next');
+ } else if (rowIndex < validIndexes[paging.startPagingRow] && rowIndex > validIndexes[0]) {
+ paging.setPage('previous');
+ }
+ }
+ }
+ };
+
+ //Selected row needs to be visible when paging is activated
+ if (tf.paging) {
+ tf.feature('paging').onAfterChangePage = function (paging) {
+ var advGrid = paging.tf.getExtension('advancedGrid');
+ var et = advGrid._ezEditTable;
+ var slc = et.Selection;
+ var row = slc.GetActiveRow();
+ if (row) {
+ row.scrollIntoView(false);
+ }
+ var cell = slc.GetActiveCell();
+ if (cell) {
+ cell.scrollIntoView(false);
+ }
+ };
+ }
+
+ //Rows navigation when rows are filtered is performed with the
+ //EditTable row selection callback events
+ if (cfg.default_selection === 'row') {
+ var fnB = cfg.on_before_selected_row;
+ cfg.on_before_selected_row = function () {
+ onBeforeSelection(arguments[0], arguments[1], arguments[2]);
+ if (fnB) {
+ fnB.call(null, arguments[0], arguments[1], arguments[2]);
+ }
+ };
+ var fnA = cfg.on_after_selected_row;
+ cfg.on_after_selected_row = function () {
+ onAfterSelection(arguments[0], arguments[1], arguments[2]);
+ if (fnA) {
+ fnA.call(null, arguments[0], arguments[1], arguments[2]);
+ }
+ };
+ } else {
+ var fnD = cfg.on_before_selected_cell;
+ cfg.on_before_selected_cell = function () {
+ onBeforeSelection(arguments[0], arguments[1], arguments[2]);
+ if (fnD) {
+ fnD.call(null, arguments[0], arguments[1], arguments[2]);
+ }
+ };
+ var fnC = cfg.on_after_selected_cell;
+ cfg.on_after_selected_cell = function () {
+ onAfterSelection(arguments[0], arguments[1], arguments[2]);
+ if (fnC) {
+ fnC.call(null, arguments[0], arguments[1], arguments[2]);
+ }
+ };
+ }
+ }
+ if (editable) {
+ //Added or removed rows, TF rows number needs to be re-calculated
+ var fnE = cfg.on_added_dom_row;
+ cfg.on_added_dom_row = function () {
+ tf.nbFilterableRows++;
+ if (!tf.paging) {
+ tf.feature('rowsCounter').refresh();
+ } else {
+ tf.nbRows++;
+ tf.nbVisibleRows++;
+ tf.nbFilterableRows++;
+ tf.paging = false;
+ tf.feature('paging').destroy();
+ tf.feature('paging').reset();
+ }
+ if (tf.alternateBgs) {
+ tf.feature('alternateRows').init();
+ }
+ if (fnE) {
+ fnE.call(null, arguments[0], arguments[1], arguments[2]);
+ }
+ };
+ if (cfg.actions && cfg.actions['delete']) {
+ var fnF = cfg.actions['delete'].on_after_submit;
+ cfg.actions['delete'].on_after_submit = function () {
+ tf.nbFilterableRows--;
+ if (!tf.paging) {
+ tf.feature('rowsCounter').refresh();
+ } else {
+ tf.nbRows--;
+ tf.nbVisibleRows--;
+ tf.nbFilterableRows--;
+ tf.paging = false;
+ tf.feature('paging').destroy();
+ tf.feature('paging').reset(false);
+ }
+ if (tf.alternateBgs) {
+ tf.feature('alternateRows').init();
+ }
+ if (fnF) {
+ fnF.call(null, arguments[0], arguments[1]);
+ }
+ };
+ }
+ }
+
+ try {
+ this._ezEditTable = new EditTable(tf.id, cfg, startRow);
+ this._ezEditTable.Init();
+ } catch (e) {
+ throw new Error(this.err);
+ }
+
+ this.initialized = true;
+ }
+ }, {
+ key: 'reset',
+
+ /**
+ * Reset advanced grid when previously removed
+ */
+ value: function reset() {
+ var ezEditTable = this._ezEditTable;
+ if (ezEditTable) {
+ if (this.cfg.selectable) {
+ ezEditTable.Selection.Set();
+ }
+ if (this.cfg.editable) {
+ ezEditTable.Editable.Set();
+ }
+ }
+ }
+ }, {
+ key: 'destroy',
+
+ /**
+ * Remove advanced grid
+ */
+ value: function destroy() {
+ var ezEditTable = this._ezEditTable;
+ if (ezEditTable) {
+ if (this.cfg.selectable) {
+ ezEditTable.Selection.ClearSelections();
+ ezEditTable.Selection.Remove();
+ }
+ if (this.cfg.editable) {
+ ezEditTable.Editable.Remove();
+ }
+ }
+ this.initialized = false;
+ }
+ }]);
+
+ return AdapterEzEditTable;
+ })();
+
+ exports['default'] = AdapterEzEditTable;
+ module.exports = exports['default'];
+
+/***/ },
+/* 25 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+
+ Object.defineProperty(exports, '__esModule', {
+ value: true
+ });
+
+ var _AdapterEzEditTable = __webpack_require__(24);
+
+ var _AdapterEzEditTable2 = _interopRequireDefault(_AdapterEzEditTable);
+
+ exports['default'] = _AdapterEzEditTable2['default'];
+ module.exports = exports['default'];
+
+/***/ },
+/* 26 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+
+ var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+
+ var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+
+ Object.defineProperty(exports, '__esModule', {
+ value: true
+ });
+
+ var _Dom = __webpack_require__(4);
+
+ var _Dom2 = _interopRequireDefault(_Dom);
+
+ var _Str = __webpack_require__(3);
+
+ var _Str2 = _interopRequireDefault(_Str);
+
+ var _Types = __webpack_require__(6);
+
+ var _Types2 = _interopRequireDefault(_Types);
+
+ var ColOps = (function () {
+
+ /**
+ * Column calculations
+ * @param {Object} tf TableFilter instance
+ */
+
+ function ColOps(tf, opts) {
+ _classCallCheck(this, ColOps);
+
+ //calls function before col operation
+ this.onBeforeOperation = _Types2['default'].isFn(opts.on_before_operation) ? opts.on_before_operation : null;
+ //calls function after col operation
+ this.onAfterOperation = _Types2['default'].isFn(opts.on_after_operation) ? opts.on_after_operation : null;
+
+ this.opts = opts;
+ this.tf = tf;
+ }
+
+ _createClass(ColOps, [{
+ key: 'init',
+ value: function init() {
+ this.calc();
+ }
+ }, {
+ key: 'calc',
+
+ /**
+ * Calculates columns' values
+ * Configuration options are stored in 'opts' property
+ * - 'id' contains ids of elements showing result (array)
+ * - 'col' contains the columns' indexes (array)
+ * - 'operation' contains operation type (array, values: 'sum', 'mean',
+ * 'min', 'max', 'median', 'q1', 'q3')
+ * - 'write_method' array defines which method to use for displaying the
+ * result (innerHTML, setValue, createTextNode) - default: 'innerHTML'
+ * - 'tot_row_index' defines in which row results are displayed
+ * (integers array)
+ *
+ * - changes made by Nuovella:
+ * (1) optimized the routine (now it will only process each column once),
+ * (2) added calculations for the median, lower and upper quartile.
+ */
+ value: function calc() {
+ var tf = this.tf;
+ if (!tf.isFirstLoad && !tf.hasGrid()) {
+ return;
+ }
+
+ if (this.onBeforeOperation) {
+ this.onBeforeOperation.call(null, tf);
+ }
+
+ var opts = this.opts,
+ labelId = opts.id,
+ colIndex = opts.col,
+ operation = opts.operation,
+ outputType = opts.write_method,
+ totRowIndex = opts.tot_row_index,
+ excludeRow = opts.exclude_row,
+ decimalPrecision = _Types2['default'].isUndef(opts.decimal_precision) ? 2 : opts.decimal_precision;
+
+ //nuovella: determine unique list of columns to operate on
+ var ucolIndex = [],
+ ucolMax = 0;
+ ucolIndex[ucolMax] = colIndex[0];
+
+ for (var ii = 1; ii < colIndex.length; ii++) {
+ var saved = 0;
+ //see if colIndex[ii] is already in the list of unique indexes
+ for (var jj = 0; jj <= ucolMax; jj++) {
+ if (ucolIndex[jj] === colIndex[ii]) {
+ saved = 1;
+ }
+ }
+ //if not saved then, save the index;
+ if (saved === 0) {
+ ucolMax++;
+ ucolIndex[ucolMax] = colIndex[ii];
+ }
+ }
+
+ if (_Str2['default'].lower(typeof labelId) == 'object' && _Str2['default'].lower(typeof colIndex) == 'object' && _Str2['default'].lower(typeof operation) == 'object') {
+ var rows = tf.tbl.rows,
+ colvalues = [];
+
+ for (var ucol = 0; ucol <= ucolMax; ucol++) {
+ //this retrieves col values
+ //use ucolIndex because we only want to pass through this loop
+ //once for each column get the values in this unique column
+ colvalues.push(tf.getColValues(ucolIndex[ucol], true, excludeRow));
+
+ //next: calculate all operations for this column
+ var result,
+ nbvalues = 0,
+ temp,
+ meanValue = 0,
+ sumValue = 0,
+ minValue = null,
+ maxValue = null,
+ q1Value = null,
+ medValue = null,
+ q3Value = null,
+ meanFlag = 0,
+ sumFlag = 0,
+ minFlag = 0,
+ maxFlag = 0,
+ q1Flag = 0,
+ medFlag = 0,
+ q3Flag = 0,
+ theList = [],
+ opsThisCol = [],
+ decThisCol = [],
+ labThisCol = [],
+ oTypeThisCol = [],
+ mThisCol = -1;
+
+ for (var k = 0; k < colIndex.length; k++) {
+ if (colIndex[k] === ucolIndex[ucol]) {
+ mThisCol++;
+ opsThisCol[mThisCol] = _Str2['default'].lower(operation[k]);
+ decThisCol[mThisCol] = decimalPrecision[k];
+ labThisCol[mThisCol] = labelId[k];
+ oTypeThisCol = outputType !== undefined && _Str2['default'].lower(typeof outputType) === 'object' ? outputType[k] : null;
+
+ switch (opsThisCol[mThisCol]) {
+ case 'mean':
+ meanFlag = 1;
+ break;
+ case 'sum':
+ sumFlag = 1;
+ break;
+ case 'min':
+ minFlag = 1;
+ break;
+ case 'max':
+ maxFlag = 1;
+ break;
+ case 'median':
+ medFlag = 1;
+ break;
+ case 'q1':
+ q1Flag = 1;
+ break;
+ case 'q3':
+ q3Flag = 1;
+ break;
+ }
+ }
+ }
+
+ for (var j = 0; j < colvalues[ucol].length; j++) {
+ //sort the list for calculation of median and quartiles
+ if (q1Flag == 1 || q3Flag == 1 || medFlag == 1) {
+ if (j < colvalues[ucol].length - 1) {
+ for (k = j + 1; k < colvalues[ucol].length; k++) {
+ if (eval(colvalues[ucol][k]) < eval(colvalues[ucol][j])) {
+ temp = colvalues[ucol][j];
+ colvalues[ucol][j] = colvalues[ucol][k];
+ colvalues[ucol][k] = temp;
+ }
+ }
+ }
+ }
+ var cvalue = parseFloat(colvalues[ucol][j]);
+ theList[j] = parseFloat(cvalue);
+
+ if (!isNaN(cvalue)) {
+ nbvalues++;
+ if (sumFlag === 1 || meanFlag === 1) {
+ sumValue += parseFloat(cvalue);
+ }
+ if (minFlag === 1) {
+ if (minValue === null) {
+ minValue = parseFloat(cvalue);
+ } else {
+ minValue = parseFloat(cvalue) < minValue ? parseFloat(cvalue) : minValue;
+ }
+ }
+ if (maxFlag === 1) {
+ if (maxValue === null) {
+ maxValue = parseFloat(cvalue);
+ } else {
+ maxValue = parseFloat(cvalue) > maxValue ? parseFloat(cvalue) : maxValue;
+ }
+ }
+ }
+ } //for j
+ if (meanFlag === 1) {
+ meanValue = sumValue / nbvalues;
+ }
+ if (medFlag === 1) {
+ var aux = 0;
+ if (nbvalues % 2 === 1) {
+ aux = Math.floor(nbvalues / 2);
+ medValue = theList[aux];
+ } else {
+ medValue = (theList[nbvalues / 2] + theList[nbvalues / 2 - 1]) / 2;
+ }
+ }
+ var posa;
+ if (q1Flag === 1) {
+ posa = 0;
+ posa = Math.floor(nbvalues / 4);
+ if (4 * posa == nbvalues) {
+ q1Value = (theList[posa - 1] + theList[posa]) / 2;
+ } else {
+ q1Value = theList[posa];
+ }
+ }
+ if (q3Flag === 1) {
+ posa = 0;
+ var posb = 0;
+ posa = Math.floor(nbvalues / 4);
+ if (4 * posa === nbvalues) {
+ posb = 3 * posa;
+ q3Value = (theList[posb] + theList[posb - 1]) / 2;
+ } else {
+ q3Value = theList[nbvalues - posa - 1];
+ }
+ }
+
+ for (var i = 0; i <= mThisCol; i++) {
+ switch (opsThisCol[i]) {
+ case 'mean':
+ result = meanValue;
+ break;
+ case 'sum':
+ result = sumValue;
+ break;
+ case 'min':
+ result = minValue;
+ break;
+ case 'max':
+ result = maxValue;
+ break;
+ case 'median':
+ result = medValue;
+ break;
+ case 'q1':
+ result = q1Value;
+ break;
+ case 'q3':
+ result = q3Value;
+ break;
+ }
+
+ var precision = !isNaN(decThisCol[i]) ? decThisCol[i] : 2;
+
+ //if outputType is defined
+ if (oTypeThisCol && result) {
+ result = result.toFixed(precision);
+
+ if (_Dom2['default'].id(labThisCol[i])) {
+ switch (_Str2['default'].lower(oTypeThisCol)) {
+ case 'innerhtml':
+ if (isNaN(result) || !isFinite(result) || nbvalues === 0) {
+ _Dom2['default'].id(labThisCol[i]).innerHTML = '.';
+ } else {
+ _Dom2['default'].id(labThisCol[i]).innerHTML = result;
+ }
+ break;
+ case 'setvalue':
+ _Dom2['default'].id(labThisCol[i]).value = result;
+ break;
+ case 'createtextnode':
+ var oldnode = _Dom2['default'].id(labThisCol[i]).firstChild;
+ var txtnode = _Dom2['default'].text(result);
+ _Dom2['default'].id(labThisCol[i]).replaceChild(txtnode, oldnode);
+ break;
+ } //switch
+ }
+ } else {
+ try {
+ if (isNaN(result) || !isFinite(result) || nbvalues === 0) {
+ _Dom2['default'].id(labThisCol[i]).innerHTML = '.';
+ } else {
+ _Dom2['default'].id(labThisCol[i]).innerHTML = result.toFixed(precision);
+ }
+ } catch (e) {} //catch
+ } //else
+ } //for i
+
+ // row(s) with result are always visible
+ var totRow = totRowIndex && totRowIndex[ucol] ? rows[totRowIndex[ucol]] : null;
+ if (totRow) {
+ totRow.style.display = '';
+ }
+ } //for ucol
+ } //if typeof
+
+ if (this.onAfterOperation) {
+ this.onAfterOperation.call(null, tf);
+ }
+ }
+ }, {
+ key: 'destroy',
+ value: function destroy() {}
+ }]);
+
+ return ColOps;
+ })();
+
+ exports['default'] = ColOps;
+ module.exports = exports['default'];
+
+/***/ },
+/* 27 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+
+ var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+
+ var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+
+ Object.defineProperty(exports, '__esModule', {
+ value: true
+ });
+
+ var _Dom = __webpack_require__(4);
+
+ var _Dom2 = _interopRequireDefault(_Dom);
+
+ var _Types = __webpack_require__(6);
+
+ var _Types2 = _interopRequireDefault(_Types);
+
+ var _Event = __webpack_require__(2);
+
+ var _Event2 = _interopRequireDefault(_Event);
+
+ var _Helpers = __webpack_require__(9);
+
+ var _Helpers2 = _interopRequireDefault(_Helpers);
+
+ var _Arr = __webpack_require__(5);
+
+ var _Arr2 = _interopRequireDefault(_Arr);
+
+ var ColsVisibility = (function () {
+
+ /**
+ * Columns Visibility extension
+ * @param {Object} tf TableFilter instance
+ * @param {Object} f Config
+ */
+
+ function ColsVisibility(tf, f) {
+ _classCallCheck(this, ColsVisibility);
+
+ // Configuration object
+ var cfg = tf.config();
+
+ this.initialized = false;
+ this.name = f.name;
+ this.desc = f.description || 'Columns visibility manager';
+
+ //show/hide cols span element
+ this.spanEl = null;
+ //show/hide cols button element
+ this.btnEl = null;
+ //show/hide cols container div element
+ this.contEl = null;
+
+ //tick to hide or show column
+ this.tickToHide = f.tick_to_hide === false ? false : true;
+ //enables/disables cols manager generation
+ this.manager = f.manager === false ? false : true;
+ //only if external headers
+ this.headersTbl = f.headers_table || false;
+ //only if external headers
+ this.headersIndex = f.headers_index || 1;
+ //id of container element
+ this.contElTgtId = f.container_target_id || null;
+ //alternative headers text
+ this.headersText = f.headers_text || null;
+ //id of button container element
+ this.btnTgtId = f.btn_target_id || null;
+ //defines show/hide cols text
+ this.btnText = f.btn_text || 'Columns▼';
+ //defines show/hide cols button innerHtml
+ this.btnHtml = f.btn_html || null;
+ //defines css class for show/hide cols button
+ this.btnCssClass = f.btn_css_class || 'colVis';
+ //defines close link text
+ this.btnCloseText = f.btn_close_text || 'Close';
+ //defines close button innerHtml
+ this.btnCloseHtml = f.btn_close_html || null;
+ //defines css class for close button
+ this.btnCloseCssClass = f.btn_close_css_class || this.btnCssClass;
+ this.stylesheet = f.stylesheet || 'colsVisibility.css';
+ //span containing show/hide cols button
+ this.prfx = 'colVis_';
+ //defines css class span containing show/hide cols
+ this.spanCssClass = f.span_css_class || 'colVisSpan';
+ this.prfxCont = this.prfx + 'Cont_';
+ //defines css class div containing show/hide cols
+ this.contCssClass = f.cont_css_class || 'colVisCont';
+ //defines css class for cols list (ul)
+ this.listCssClass = cfg.list_css_class || 'cols_checklist';
+ //defines css class for list item (li)
+ this.listItemCssClass = cfg.checklist_item_css_class || 'cols_checklist_item';
+ //defines css class for selected list item (li)
+ this.listSlcItemCssClass = cfg.checklist_selected_item_css_class || 'cols_checklist_slc_item';
+ //text preceding columns list
+ this.text = f.text || (this.tickToHide ? 'Hide: ' : 'Show: ');
+ this.atStart = f.at_start || null;
+ this.enableHover = Boolean(f.enable_hover);
+ //enables select all option
+ this.enableTickAll = Boolean(f.enable_tick_all);
+ //text preceding columns list
+ this.tickAllText = f.tick_all_text || 'Select all:';
+
+ //array containing hidden columns indexes
+ this.hiddenCols = [];
+ this.tblHasColTag = _Dom2['default'].tag(tf.tbl, 'col').length > 0;
+
+ //callback invoked just after cols manager is loaded
+ this.onLoaded = _Types2['default'].isFn(f.on_loaded) ? f.on_loaded : null;
+ //calls function before cols manager is opened
+ this.onBeforeOpen = _Types2['default'].isFn(f.on_before_open) ? f.on_before_open : null;
+ //calls function after cols manager is opened
+ this.onAfterOpen = _Types2['default'].isFn(f.on_after_open) ? f.on_after_open : null;
+ //calls function before cols manager is closed
+ this.onBeforeClose = _Types2['default'].isFn(f.on_before_close) ? f.on_before_close : null;
+ //calls function after cols manager is closed
+ this.onAfterClose = _Types2['default'].isFn(f.on_after_close) ? f.on_after_close : null;
+
+ //callback before col is hidden
+ this.onBeforeColHidden = _Types2['default'].isFn(f.on_before_col_hidden) ? f.on_before_col_hidden : null;
+ //callback after col is hidden
+ this.onAfterColHidden = _Types2['default'].isFn(f.on_after_col_hidden) ? f.on_after_col_hidden : null;
+ //callback before col is displayed
+ this.onBeforeColDisplayed = _Types2['default'].isFn(f.on_before_col_displayed) ? f.on_before_col_displayed : null;
+ //callback after col is displayed
+ this.onAfterColDisplayed = _Types2['default'].isFn(f.on_after_col_displayed) ? f.on_after_col_displayed : null;
+
+ //Grid layout compatibility
+ if (tf.gridLayout) {
+ this.headersTbl = tf.feature('gridLayout').headTbl; //headers table
+ this.headersIndex = 0; //headers index
+ this.onAfterColDisplayed = function () {};
+ this.onAfterColHidden = function () {};
+ }
+
+ //Loads extension stylesheet
+ tf['import'](f.name + 'Style', tf.stylePath + this.stylesheet, null, 'link');
+
+ this.tf = tf;
+ }
+
+ _createClass(ColsVisibility, [{
+ key: 'toggle',
+ value: function toggle() {
+ var contDisplay = this.contEl.style.display;
+ var onBeforeOpen = this.onBeforeOpen;
+ var onBeforeClose = this.onBeforeClose;
+ var onAfterOpen = this.onAfterOpen;
+ var onAfterClose = this.onAfterClose;
+
+ if (onBeforeOpen && contDisplay !== 'inline') {
+ onBeforeOpen.call(null, this);
+ }
+ if (onBeforeClose && contDisplay === 'inline') {
+ onBeforeClose.call(null, this);
+ }
+
+ this.contEl.style.display = contDisplay === 'inline' ? 'none' : 'inline';
+
+ if (onAfterOpen && contDisplay !== 'inline') {
+ onAfterOpen.call(null, this);
+ }
+ if (onAfterClose && contDisplay === 'inline') {
+ onAfterClose.call(null, this);
+ }
+ }
+ }, {
+ key: 'checkItem',
+ value: function checkItem(lbl) {
+ var li = lbl.parentNode;
+ if (!li || !lbl) {
+ return;
+ }
+ var isChecked = lbl.firstChild.checked;
+ var colIndex = lbl.firstChild.getAttribute('id').split('_')[1];
+ colIndex = parseInt(colIndex, 10);
+ if (isChecked) {
+ _Dom2['default'].addClass(li, this.listSlcItemCssClass);
+ } else {
+ _Dom2['default'].removeClass(li, this.listSlcItemCssClass);
+ }
+
+ var hide = false;
+ if (this.tickToHide && isChecked || !this.tickToHide && !isChecked) {
+ hide = true;
+ }
+ this.setHidden(colIndex, hide);
+ }
+ }, {
+ key: 'init',
+ value: function init() {
+ if (!this.manager) {
+ return;
+ }
+ this.buildBtn();
+ this.buildManager();
+
+ this.initialized = true;
+ }
+ }, {
+ key: 'buildBtn',
+
+ /**
+ * Build main button UI
+ */
+ value: function buildBtn() {
+ var _this = this;
+
+ if (this.btnEl) {
+ return;
+ }
+ var tf = this.tf;
+ var span = _Dom2['default'].create('span', ['id', this.prfx + tf.id]);
+ span.className = this.spanCssClass;
+
+ //Container element (rdiv or custom element)
+ if (!this.btnTgtId) {
+ tf.setToolbar();
+ }
+ var targetEl = !this.btnTgtId ? tf.rDiv : _Dom2['default'].id(this.btnTgtId);
+
+ if (!this.btnTgtId) {
+ var firstChild = targetEl.firstChild;
+ firstChild.parentNode.insertBefore(span, firstChild);
+ } else {
+ targetEl.appendChild(span);
+ }
+
+ if (!this.btnHtml) {
+ var btn = _Dom2['default'].create('a', ['href', 'javascript:;']);
+ btn.className = this.btnCssClass;
+ btn.title = this.desc;
+
+ btn.innerHTML = this.btnText;
+ span.appendChild(btn);
+ if (!this.enableHover) {
+ _Event2['default'].add(btn, 'click', function (evt) {
+ _this.toggle(evt);
+ });
+ } else {
+ _Event2['default'].add(btn, 'mouseover', function (evt) {
+ _this.toggle(evt);
+ });
+ }
+ } else {
+ //Custom html
+ span.innerHTML = this.btnHtml;
+ var colVisEl = span.firstChild;
+ if (!this.enableHover) {
+ _Event2['default'].add(colVisEl, 'click', function (evt) {
+ _this.toggle(evt);
+ });
+ } else {
+ _Event2['default'].add(colVisEl, 'mouseover', function (evt) {
+ _this.toggle(evt);
+ });
+ }
+ }
+
+ this.spanEl = span;
+ this.btnEl = this.spanEl.firstChild;
+
+ if (this.onLoaded) {
+ this.onLoaded.call(null, this);
+ }
+ }
+ }, {
+ key: 'buildManager',
+
+ /**
+ * Build columns manager UI
+ */
+ value: function buildManager() {
+ var _this2 = this;
+
+ var tf = this.tf;
+
+ var container = !this.contElTgtId ? _Dom2['default'].create('div', ['id', this.prfxCont + tf.id]) : _Dom2['default'].id(this.contElTgtId);
+ container.className = this.contCssClass;
+
+ //Extension description
+ var extNameLabel = _Dom2['default'].create('p');
+ extNameLabel.innerHTML = this.text;
+ container.appendChild(extNameLabel);
+
+ //Headers list
+ var ul = _Dom2['default'].create('ul', ['id', 'ul' + this.name + '_' + tf.id]);
+ ul.className = this.listCssClass;
+
+ var tbl = this.headersTbl ? this.headersTbl : tf.tbl;
+ var headerIndex = this.headersTbl ? this.headersIndex : tf.getHeadersRowIndex();
+ var headerRow = tbl.rows[headerIndex];
+
+ //Tick all option
+ if (this.enableTickAll) {
+ var li = _Dom2['default'].createCheckItem('col__' + tf.id, this.tickAllText, this.tickAllText);
+ _Dom2['default'].addClass(li, this.listItemCssClass);
+ ul.appendChild(li);
+ li.check.checked = !this.tickToHide;
+
+ _Event2['default'].add(li.check, 'click', function () {
+ for (var h = 0; h < headerRow.cells.length; h++) {
+ var itm = _Dom2['default'].id('col_' + h + '_' + tf.id);
+ if (itm && li.check.checked !== itm.checked) {
+ itm.click();
+ itm.checked = li.check.checked;
+ }
+ }
+ });
+ }
+
+ for (var i = 0; i < headerRow.cells.length; i++) {
+ var cell = headerRow.cells[i];
+ var cellText = this.headersText && this.headersText[i] ? this.headersText[i] : this._getHeaderText(cell);
+ var liElm = _Dom2['default'].createCheckItem('col_' + i + '_' + tf.id, cellText, cellText);
+ _Dom2['default'].addClass(liElm, this.listItemCssClass);
+ if (!this.tickToHide) {
+ _Dom2['default'].addClass(liElm, this.listSlcItemCssClass);
+ }
+ ul.appendChild(liElm);
+ if (!this.tickToHide) {
+ liElm.check.checked = true;
+ }
+
+ _Event2['default'].add(liElm.check, 'click', function (evt) {
+ var elm = _Event2['default'].target(evt);
+ var lbl = elm.parentNode;
+ _this2.checkItem(lbl);
+ });
+ }
+
+ //separator
+ var p = _Dom2['default'].create('p', ['align', 'center']);
+ var btn;
+ //Close link
+ if (!this.btnCloseHtml) {
+ btn = _Dom2['default'].create('a', ['href', 'javascript:;']);
+ btn.className = this.btnCloseCssClass;
+ btn.innerHTML = this.btnCloseText;
+ _Event2['default'].add(btn, 'click', function (evt) {
+ _this2.toggle(evt);
+ });
+ p.appendChild(btn);
+ } else {
+ p.innerHTML = this.btnCloseHtml;
+ btn = p.firstChild;
+ _Event2['default'].add(btn, 'click', function (evt) {
+ _this2.toggle(evt);
+ });
+ }
+
+ container.appendChild(ul);
+ container.appendChild(p);
+
+ this.btnEl.parentNode.insertBefore(container, this.btnEl);
+ this.contEl = container;
+
+ if (this.atStart) {
+ var a = this.atStart;
+ for (var k = 0; k < a.length; k++) {
+ var itm = _Dom2['default'].id('col_' + a[k] + '_' + tf.id);
+ if (itm) {
+ itm.click();
+ }
+ }
+ }
+ }
+ }, {
+ key: 'setHidden',
+
+ /**
+ * Hide or show specified columns
+ * @param {Numner} colIndex Column index
+ * @param {Boolean} hide hide column if true or show if false
+ */
+ value: function setHidden(colIndex, hide) {
+ var tf = this.tf;
+ var tbl = tf.tbl;
+
+ if (this.onBeforeColHidden && hide) {
+ this.onBeforeColHidden.call(null, this, colIndex);
+ }
+ if (this.onBeforeColDisplayed && !hide) {
+ this.onBeforeColDisplayed.call(null, this, colIndex);
+ }
+
+ this._hideCells(tbl, colIndex, hide);
+ if (this.headersTbl) {
+ this._hideCells(this.headersTbl, colIndex, hide);
+ }
+
+ var hiddenCols = this.hiddenCols;
+ if (hide) {
+ if (hiddenCols.indexOf(colIndex) === -1) {
+ this.hiddenCols.push(colIndex);
+ }
+ } else {
+ var itemIndex = _Arr2['default'].indexByValue(hiddenCols, colIndex, true);
+ if (hiddenCols.indexOf(colIndex) !== -1) {
+ this.hiddenCols.splice(itemIndex, 1);
+ }
+ }
+
+ var gridLayout;
+ var headTbl;
+ var gridColElms;
+ if (this.onAfterColHidden && hide) {
+ //This event is fired just after a column is displayed for
+ //grid_layout compatibility
+ if (tf.gridLayout) {
+ gridLayout = tf.feature('gridLayout');
+ headTbl = gridLayout.headTbl;
+ gridColElms = gridLayout.gridColElms;
+ if (_Helpers2['default'].isIE()) {
+ tbl.style.width = headTbl.clientWidth + 'px';
+ } else {
+ var ths = headTbl.rows[this.headersIndex].cells;
+ var hiddenWidth = 0;
+ for (var i = 0; i < tf.nbCells; i++) {
+ if (ths[i].style.display === 'none') {
+ var w = parseInt(ths[i].style.width, 10);
+ ths[i].style.width = 0;
+ hiddenWidth += w;
+ }
+ }
+ var headTblW = parseInt(headTbl.style.width, 10);
+
+ headTbl.style.width = headTblW - hiddenWidth + 'px';
+ tbl.style.width = headTbl.style.width;
+ gridColElms[colIndex].style.display = 'none';
+ }
+ }
+ this.onAfterColHidden.call(null, this, colIndex);
+ }
+
+ if (this.onAfterColDisplayed && !hide) {
+ //This event is fired just after a column is displayed for
+ //grid_layout compatibility
+ if (tf.gridLayout) {
+ gridLayout = tf.feature('gridLayout');
+ headTbl = gridLayout.headTbl;
+ gridColElms = gridLayout.gridColElms;
+ gridColElms[colIndex].style.display = '';
+ var width = parseInt(gridColElms[colIndex].style.width, 10);
+ var header = tf.getHeaderElement(colIndex);
+ header.style.width = width + 'px';
+ headTbl.style.width = parseInt(headTbl.style.width, 10) + width + 'px';
+ tf.tbl.style.width = headTbl.style.width;
+ }
+ this.onAfterColDisplayed.call(null, this, colIndex);
+ }
+ }
+ }, {
+ key: 'showCol',
+
+ /**
+ * Show specified column
+ * @param {Number} colIndex Column index
+ */
+ value: function showCol(colIndex) {
+ if (colIndex === undefined || !this.isColHidden(colIndex)) {
+ return;
+ }
+ if (this.manager && this.contEl) {
+ var itm = _Dom2['default'].id('col_' + colIndex + '_' + this.tf.id);
+ if (itm) {
+ itm.click();
+ }
+ } else {
+ this.setHidden(colIndex, false);
+ }
+ }
+ }, {
+ key: 'hideCol',
+
+ /**
+ * Hide specified column
+ * @param {Number} colIndex Column index
+ */
+ value: function hideCol(colIndex) {
+ if (colIndex === undefined || this.isColHidden(colIndex)) {
+ return;
+ }
+ if (this.manager && this.contEl) {
+ var itm = _Dom2['default'].id('col_' + colIndex + '_' + this.tf.id);
+ if (itm) {
+ itm.click();
+ }
+ } else {
+ this.setHidden(colIndex, true);
+ }
+ }
+ }, {
+ key: 'isColHidden',
+
+ /**
+ * Determine if specified column is hidden
+ * @param {Number} colIndex Column index
+ */
+ value: function isColHidden(colIndex) {
+ if (this.hiddenCols.indexOf(colIndex) !== -1) {
+ return true;
+ }
+ return false;
+ }
+ }, {
+ key: 'toggleCol',
+
+ /**
+ * Toggle visibility of specified column
+ * @param {Number} colIndex Column index
+ */
+ value: function toggleCol(colIndex) {
+ if (colIndex === undefined || this.isColHidden(colIndex)) {
+ this.showCol(colIndex);
+ } else {
+ this.hideCol(colIndex);
+ }
+ }
+ }, {
+ key: 'getHiddenCols',
+
+ /**
+ * Returns the indexes of the columns currently hidden
+ * @return {Array} column indexes
+ */
+ value: function getHiddenCols() {
+ return this.hiddenCols;
+ }
+ }, {
+ key: 'destroy',
+
+ /**
+ * Remove the columns manager
+ */
+ value: function destroy() {
+ if (!this.btnEl && !this.contEl) {
+ return;
+ }
+ if (_Dom2['default'].id(this.contElTgtId)) {
+ _Dom2['default'].id(this.contElTgtId).innerHTML = '';
+ } else {
+ this.contEl.innerHTML = '';
+ this.contEl.parentNode.removeChild(this.contEl);
+ this.contEl = null;
+ }
+ this.btnEl.innerHTML = '';
+ this.btnEl.parentNode.removeChild(this.btnEl);
+ this.btnEl = null;
+ this.initialized = false;
+ }
+ }, {
+ key: '_getHeaderText',
+ value: function _getHeaderText(cell) {
+ if (!cell.hasChildNodes) {
+ return '';
+ }
+
+ for (var i = 0; i < cell.childNodes.length; i++) {
+ var n = cell.childNodes[i];
+ if (n.nodeType === 3) {
+ return n.nodeValue;
+ } else if (n.nodeType === 1) {
+ if (n.id && n.id.indexOf('popUp') !== -1) {
+ continue;
+ } else {
+ return _Dom2['default'].getText(n);
+ }
+ }
+ continue;
+ }
+ return '';
+ }
+ }, {
+ key: '_hideCells',
+ value: function _hideCells(tbl, colIndex, hide) {
+ for (var i = 0; i < tbl.rows.length; i++) {
+ var row = tbl.rows[i];
+ var cell = row.cells[colIndex];
+ if (cell) {
+ cell.style.display = hide ? 'none' : '';
+ }
+ }
+ }
+ }]);
+
+ return ColsVisibility;
+ })();
+
+ exports['default'] = ColsVisibility;
+ module.exports = exports['default'];
+
+/***/ },
+/* 28 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+
+ var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+
+ var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+
+ Object.defineProperty(exports, '__esModule', {
+ value: true
+ });
+
+ var _Dom = __webpack_require__(4);
+
+ var _Dom2 = _interopRequireDefault(_Dom);
+
+ var _Types = __webpack_require__(6);
+
+ var _Types2 = _interopRequireDefault(_Types);
+
+ var _Event = __webpack_require__(2);
+
+ var _Event2 = _interopRequireDefault(_Event);
+
+ var FiltersVisibility = (function () {
+
+ /**
+ * Filters Row Visibility extension
+ * @param {Object} tf TableFilter instance
+ * @param {Object} f Config
+ */
+
+ function FiltersVisibility(tf, f) {
+ _classCallCheck(this, FiltersVisibility);
+
+ this.initialized = false;
+ this.name = f.name;
+ this.desc = f.description || 'Filters row visibility manager';
+
+ // Path and image filenames
+ this.path = f.path || tf.stylePath;
+ this.stylesheet = f.stylesheet || 'filtersVisibility.css';
+ this.icnExpand = f.expand_icon_name || 'icn_exp.png';
+ this.icnCollapse = f.collapse_icon_name || 'icn_clp.png';
+
+ //expand/collapse filters span element
+ this.contEl = null;
+ //expand/collapse filters btn element
+ this.btnEl = null;
+
+ this.icnExpandHtml = '';
+ this.icnCollapseHtml = '';
+ this.defaultText = 'Toggle filters';
+
+ //id of container element
+ this.targetId = f.target_id || null;
+ //enables/disables expand/collapse icon
+ this.enableIcon = f.enable_icon === false ? false : true;
+ this.btnText = f.btn_text || '';
+
+ //defines expand/collapse filters text
+ this.collapseBtnHtml = this.enableIcon ? this.icnCollapseHtml + this.btnText : this.btnText || this.defaultText;
+ this.expandBtnHtml = this.enableIcon ? this.icnExpandHtml + this.btnText : this.btnText || this.defaultText;
+
+ //defines expand/collapse filters button innerHtml
+ this.btnHtml = f.btn_html || null;
+ //defines css class for expand/collapse filters button
+ this.btnCssClass = f.btn_css_class || 'btnExpClpFlt';
+ //defines css class span containing expand/collapse filters
+ this.contCssClass = f.cont_css_class || 'expClpFlt';
+ this.filtersRowIndex = !_Types2['default'].isUndef(f.filters_row_index) ? f.filters_row_index : tf.getFiltersRowIndex();
+
+ this.visibleAtStart = !_Types2['default'].isUndef(f.visible_at_start) ? Boolean(f.visible_at_start) : true;
+
+ // Prefix
+ this.prfx = 'fltsVis_';
+
+ //callback before filters row is shown
+ this.onBeforeShow = _Types2['default'].isFn(f.on_before_show) ? f.on_before_show : null;
+ //callback after filters row is shown
+ this.onAfterShow = _Types2['default'].isFn(f.on_after_show) ? f.on_after_show : null;
+ //callback before filters row is hidden
+ this.onBeforeHide = _Types2['default'].isFn(f.on_before_hide) ? f.on_before_hide : null;
+ //callback after filters row is hidden
+ this.onAfterHide = _Types2['default'].isFn(f.on_after_hide) ? f.on_after_hide : null;
+
+ //Loads extension stylesheet
+ tf['import'](f.name + 'Style', tf.stylePath + this.stylesheet, null, 'link');
+
+ this.tf = tf;
+ }
+
+ _createClass(FiltersVisibility, [{
+ key: 'init',
+
+ /**
+ * Initialise extension
+ */
+ value: function init() {
+ if (this.initialized) {
+ return;
+ }
+
+ this.buildUI();
+ this.initialized = true;
+ }
+ }, {
+ key: 'buildUI',
+
+ /**
+ * Build UI elements
+ */
+ value: function buildUI() {
+ var _this = this;
+
+ var tf = this.tf;
+ var span = _Dom2['default'].create('span', ['id', this.prfx + tf.id]);
+ span.className = this.contCssClass;
+
+ //Container element (rdiv or custom element)
+ if (!this.targetId) {
+ tf.setToolbar();
+ }
+ var targetEl = !this.targetId ? tf.rDiv : _Dom2['default'].id(this.targetId);
+
+ if (!this.targetId) {
+ var firstChild = targetEl.firstChild;
+ firstChild.parentNode.insertBefore(span, firstChild);
+ } else {
+ targetEl.appendChild(span);
+ }
+
+ var btn = undefined;
+ if (!this.btnHtml) {
+ btn = _Dom2['default'].create('a', ['href', 'javascript:void(0);']);
+ btn.className = this.btnCssClass;
+ btn.title = this.btnText || this.defaultText;
+ btn.innerHTML = this.collapseBtnHtml;
+ span.appendChild(btn);
+ _Event2['default'].add(btn, 'click', function () {
+ return _this.toggle();
+ });
+ } else {
+ //Custom html
+ span.innerHTML = this.btnHtml;
+ btn = span.firstChild;
+ _Event2['default'].add(btn, 'click', function () {
+ return _this.toggle();
+ });
+ }
+
+ this.contEl = span;
+ this.btnEl = btn;
+
+ if (!this.visibleAtStart) {
+ this.toggle();
+ }
+ }
+ }, {
+ key: 'toggle',
+
+ /**
+ * Toggle filters visibility
+ */
+ value: function toggle() {
+ var tf = this.tf;
+ var tbl = tf.gridLayout ? tf.feature('gridLayout').headTbl : tf.tbl;
+ var fltRow = tbl.rows[this.filtersRowIndex];
+ var fltRowDisplay = fltRow.style.display;
+
+ if (this.onBeforeShow && fltRowDisplay != '') {
+ this.onBeforeShow.call(this, this);
+ }
+ if (this.onBeforeHide && fltRowDisplay === '') {
+ this.onBeforeHide.call(null, this);
+ }
+
+ fltRow.style.display = fltRowDisplay === '' ? 'none' : '';
+ if (this.enableIcon && !this.btnHtml) {
+ this.btnEl.innerHTML = fltRowDisplay === '' ? this.expandBtnHtml : this.collapseBtnHtml;
+ }
+
+ if (this.onAfterShow && fltRowDisplay != '') {
+ this.onAfterShow.call(null, this);
+ }
+ if (this.onAfterHide && fltRowDisplay === '') {
+ this.onAfterHide.call(null, this);
+ }
+ }
+ }, {
+ key: 'destroy',
+
+ /**
+ * Destroy the UI
+ */
+ value: function destroy() {
+ if (!this.btnEl && !this.contEl) {
+ return;
+ }
+
+ this.btnEl.innerHTML = '';
+ this.btnEl.parentNode.removeChild(this.btnEl);
+ this.btnEl = null;
+
+ this.contEl.innerHTML = '';
+ this.contEl.parentNode.removeChild(this.contEl);
+ this.contEl = null;
+ this.initialized = false;
+ }
+ }]);
+
+ return FiltersVisibility;
+ })();
+
+ exports['default'] = FiltersVisibility;
+ module.exports = exports['default'];
+
+/***/ },
+/* 29 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+
+ var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+
+ var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+
+ Object.defineProperty(exports, '__esModule', {
+ value: true
+ });
+
+ var _Types = __webpack_require__(6);
+
+ var _Types2 = _interopRequireDefault(_Types);
+
+ var _Dom = __webpack_require__(4);
+
+ var _Dom2 = _interopRequireDefault(_Dom);
+
+ var _Arr = __webpack_require__(5);
+
+ var _Arr2 = _interopRequireDefault(_Arr);
+
+ var _Event = __webpack_require__(2);
+
+ var _Event2 = _interopRequireDefault(_Event);
+
+ var _DateHelper = __webpack_require__(8);
+
+ var _DateHelper2 = _interopRequireDefault(_DateHelper);
+
+ var _Helpers = __webpack_require__(9);
+
+ var _Helpers2 = _interopRequireDefault(_Helpers);
+
+ var AdapterSortableTable = (function () {
+
+ /**
+ * SortableTable Adapter module
+ * @param {Object} tf TableFilter instance
+ */
+
+ function AdapterSortableTable(tf, opts) {
+ _classCallCheck(this, AdapterSortableTable);
+
+ // Configuration object
+ var f = tf.config();
+
+ this.initialized = false;
+ this.name = opts.name;
+ this.desc = opts.description || 'Sortable table';
+
+ //indicates if paging is enabled
+ this.isPaged = false;
+
+ //indicates if tables was sorted
+ this.sorted = false;
+
+ this.sortTypes = _Types2['default'].isArray(opts.types) ? opts.types : [];
+ this.sortColAtStart = _Types2['default'].isArray(opts.sort_col_at_start) ? opts.sort_col_at_start : null;
+ this.asyncSort = Boolean(opts.async_sort);
+ this.triggerIds = _Types2['default'].isArray(opts.trigger_ids) ? opts.trigger_ids : [];
+
+ // edit .sort-arrow.descending / .sort-arrow.ascending in
+ // tablefilter.css to reflect any path change
+ this.imgPath = opts.images_path || tf.themesPath;
+ this.imgBlank = opts.image_blank || 'blank.png';
+ this.imgClassName = opts.image_class_name || 'sort-arrow';
+ this.imgAscClassName = opts.image_asc_class_name || 'ascending';
+ this.imgDescClassName = opts.image_desc_class_name || 'descending';
+ //cell attribute storing custom key
+ this.customKey = opts.custom_key || 'data-tf-sortKey';
+
+ /*** TF additional events ***/
+ //additional paging events for alternating background
+ // o.Evt._Paging.nextEvt = function(){
+ // if(o.sorted && o.alternateBgs) o.Filter();
+ // }
+ // o.Evt._Paging.prevEvt = o.Evt._Paging.nextEvt;
+ // o.Evt._Paging.firstEvt = o.Evt._Paging.nextEvt;
+ // o.Evt._Paging.lastEvt = o.Evt._Paging.nextEvt;
+ // o.Evt._OnSlcPagesChangeEvt = o.Evt._Paging.nextEvt;
+
+ // callback invoked after sort is loaded and instanciated
+ this.onSortLoaded = _Types2['default'].isFn(opts.on_sort_loaded) ? opts.on_sort_loaded : null;
+ // callback invoked before table is sorted
+ this.onBeforeSort = _Types2['default'].isFn(opts.on_before_sort) ? opts.on_before_sort : null;
+ // callback invoked after table is sorted
+ this.onAfterSort = _Types2['default'].isFn(opts.on_after_sort) ? f.on_after_sort : null;
+
+ this.tf = tf;
+ }
+
+ _createClass(AdapterSortableTable, [{
+ key: 'init',
+ value: function init() {
+ var tf = this.tf;
+ var adpt = this;
+
+ // SortableTable class sanity check (sortabletable.js)
+ if (_Types2['default'].isUndef(SortableTable)) {
+ throw new Error('SortableTable class not found.');
+ }
+
+ this.overrideSortableTable();
+ this.setSortTypes();
+
+ //Column sort at start
+ var sortColAtStart = adpt.sortColAtStart;
+ if (sortColAtStart) {
+ this.stt.sort(sortColAtStart[0], sortColAtStart[1]);
+ }
+
+ if (this.onSortLoaded) {
+ this.onSortLoaded.call(null, tf, this);
+ }
+
+ /*** SortableTable callbacks ***/
+ this.stt.onbeforesort = function () {
+ if (this.onBeforeSort) {
+ this.onBeforeSort.call(null, tf, this.stt.sortColumn);
+ }
+
+ /*** sort behaviour for paging ***/
+ if (tf.paging) {
+ adpt.isPaged = true;
+ tf.paging = false;
+ tf.feature('paging').destroy();
+ }
+ };
+
+ this.stt.onsort = function () {
+ adpt.sorted = true;
+
+ //rows alternating bg issue
+ // TODO: move into AlternateRows component
+ if (tf.alternateBgs) {
+ var rows = tf.tbl.rows,
+ c = 0;
+
+ var setClass = function setClass(row, i, removeOnly) {
+ if (_Types2['default'].isUndef(removeOnly)) {
+ removeOnly = false;
+ }
+ var altRows = tf.feature('alternateRows'),
+ oddCls = altRows.oddCss,
+ evenCls = altRows.evenCss;
+ _Dom2['default'].removeClass(row, oddCls);
+ _Dom2['default'].removeClass(row, evenCls);
+
+ if (!removeOnly) {
+ _Dom2['default'].addClass(row, i % 2 ? oddCls : evenCls);
+ }
+ };
+
+ for (var i = tf.refRow; i < tf.nbRows; i++) {
+ var isRowValid = rows[i].getAttribute('validRow');
+ if (tf.paging && rows[i].style.display === '') {
+ setClass(rows[i], c);
+ c++;
+ } else {
+ if ((isRowValid === 'true' || isRowValid === null) && rows[i].style.display === '') {
+ setClass(rows[i], c);
+ c++;
+ } else {
+ setClass(rows[i], c, true);
+ }
+ }
+ }
+ }
+ //sort behaviour for paging
+ if (adpt.isPaged) {
+ var paginator = tf.feature('paging');
+ paginator.reset(false);
+ paginator.setPage(paginator.getPage());
+ adpt.isPaged = false;
+ }
+
+ if (adpt.onAfterSort) {
+ adpt.onAfterSort.call(null, tf, tf.stt.sortColumn);
+ }
+ };
+
+ this.initialized = true;
+ }
+ }, {
+ key: 'sortByColumnIndex',
+
+ /**
+ * Sort specified column
+ * @param {Number} colIdx Column index
+ */
+ value: function sortByColumnIndex(colIdx) {
+ this.stt.sort(colIdx);
+ }
+ }, {
+ key: 'overrideSortableTable',
+ value: function overrideSortableTable() {
+ var adpt = this,
+ tf = this.tf;
+
+ /**
+ * Overrides headerOnclick method in order to handle th event
+ * @param {Object} e [description]
+ */
+ SortableTable.prototype.headerOnclick = function (evt) {
+ if (!adpt.initialized) {
+ return;
+ }
+
+ // find Header element
+ var el = evt.target || evt.srcElement;
+
+ while (el.tagName !== 'TD' && el.tagName !== 'TH') {
+ el = el.parentNode;
+ }
+
+ this.sort(SortableTable.msie ? SortableTable.getCellIndex(el) : el.cellIndex);
+ };
+
+ /**
+ * Overrides getCellIndex IE returns wrong cellIndex when columns are
+ * hidden
+ * @param {Object} oTd TD element
+ * @return {Number} Cell index
+ */
+ SortableTable.getCellIndex = function (oTd) {
+ var cells = oTd.parentNode.cells,
+ l = cells.length,
+ i = undefined;
+ for (i = 0; cells[i] != oTd && i < l; i++) {}
+ return i;
+ };
+
+ /**
+ * Overrides initHeader in order to handle filters row position
+ * @param {Array} oSortTypes
+ */
+ SortableTable.prototype.initHeader = function (oSortTypes) {
+ var stt = this;
+ if (!stt.tHead) {
+ if (tf.gridLayout) {
+ stt.tHead = tf.feature('gridLayout').headTbl.tHead;
+ } else {
+ return;
+ }
+ }
+
+ stt.headersRow = tf.headersRow;
+ var cells = stt.tHead.rows[stt.headersRow].cells;
+ stt.sortTypes = oSortTypes || [];
+ var l = cells.length;
+ var img = undefined,
+ c = undefined;
+
+ for (var i = 0; i < l; i++) {
+ c = cells[i];
+ if (stt.sortTypes[i] !== null && stt.sortTypes[i] !== 'None') {
+ c.style.cursor = 'pointer';
+ img = _Dom2['default'].create('img', ['src', adpt.imgPath + adpt.imgBlank]);
+ c.appendChild(img);
+ if (stt.sortTypes[i] !== null) {
+ c.setAttribute('_sortType', stt.sortTypes[i]);
+ }
+ _Event2['default'].add(c, 'click', stt._headerOnclick);
+ } else {
+ c.setAttribute('_sortType', oSortTypes[i]);
+ c._sortType = 'None';
+ }
+ }
+ stt.updateHeaderArrows();
+ };
+
+ /**
+ * Overrides updateHeaderArrows in order to handle arrows indicators
+ */
+ SortableTable.prototype.updateHeaderArrows = function () {
+ var stt = this;
+ var cells = undefined,
+ l = undefined,
+ img = undefined;
+
+ // external headers
+ if (adpt.asyncSort && adpt.triggerIds.length > 0) {
+ var triggers = adpt.triggerIds;
+ cells = [];
+ l = triggers.length;
+ for (var j = 0; j < triggers.length; j++) {
+ cells.push(_Dom2['default'].id(triggers[j]));
+ }
+ } else {
+ if (!this.tHead) {
+ return;
+ }
+ cells = stt.tHead.rows[stt.headersRow].cells;
+ l = cells.length;
+ }
+ for (var i = 0; i < l; i++) {
+ var cellAttr = cells[i].getAttribute('_sortType');
+ if (cellAttr !== null && cellAttr !== 'None') {
+ img = cells[i].lastChild || cells[i];
+ if (img.nodeName.toLowerCase() !== 'img') {
+ img = _Dom2['default'].create('img', ['src', adpt.imgPath + adpt.imgBlank]);
+ cells[i].appendChild(img);
+ }
+ if (i === stt.sortColumn) {
+ img.className = adpt.imgClassName + ' ' + (this.descending ? adpt.imgDescClassName : adpt.imgAscClassName);
+ } else {
+ img.className = adpt.imgClassName;
+ }
+ }
+ }
+ };
+
+ /**
+ * Overrides getRowValue for custom key value feature
+ * @param {Object} oRow Row element
+ * @param {String} sType
+ * @param {Number} nColumn
+ * @return {String}
+ */
+ SortableTable.prototype.getRowValue = function (oRow, sType, nColumn) {
+ var stt = this;
+ // if we have defined a custom getRowValue use that
+ var sortTypeInfo = stt._sortTypeInfo[sType];
+ if (sortTypeInfo && sortTypeInfo.getRowValue) {
+ return sortTypeInfo.getRowValue(oRow, nColumn);
+ }
+ var c = oRow.cells[nColumn];
+ var s = SortableTable.getInnerText(c);
+ return stt.getValueFromString(s, sType);
+ };
+
+ /**
+ * Overrides getInnerText in order to avoid Firefox unexpected sorting
+ * behaviour with untrimmed text elements
+ * @param {Object} oNode DOM element
+ * @return {String} DOM element inner text
+ */
+ SortableTable.getInnerText = function (oNode) {
+ if (!oNode) {
+ return;
+ }
+ if (oNode.getAttribute(adpt.customKey)) {
+ return oNode.getAttribute(adpt.customKey);
+ } else {
+ return _Dom2['default'].getText(oNode);
+ }
+ };
+ }
+ }, {
+ key: 'addSortType',
+ value: function addSortType() {
+ var args = arguments;
+ SortableTable.prototype.addSortType(args[0], args[1], args[2], args[3]);
+ }
+ }, {
+ key: 'setSortTypes',
+ value: function setSortTypes() {
+ var _this = this;
+
+ var tf = this.tf,
+ sortTypes = this.sortTypes,
+ _sortTypes = [];
+
+ for (var i = 0; i < tf.nbCells; i++) {
+ var colType = undefined;
+
+ if (sortTypes[i]) {
+ colType = sortTypes[i].toLowerCase();
+ if (colType === 'none') {
+ colType = 'None';
+ }
+ } else {
+ // resolve column types
+ if (tf.hasColNbFormat && tf.colNbFormat[i] !== null) {
+ colType = tf.colNbFormat[i].toLowerCase();
+ } else if (tf.hasColDateType && tf.colDateType[i] !== null) {
+ colType = tf.colDateType[i].toLowerCase() + 'date';
+ } else {
+ colType = 'String';
+ }
+ }
+ _sortTypes.push(colType);
+ }
+
+ //Public TF method to add sort type
+
+ //Custom sort types
+ this.addSortType('number', Number);
+ this.addSortType('caseinsensitivestring', SortableTable.toUpperCase);
+ this.addSortType('date', SortableTable.toDate);
+ this.addSortType('string');
+ this.addSortType('us', usNumberConverter);
+ this.addSortType('eu', euNumberConverter);
+ this.addSortType('dmydate', dmyDateConverter);
+ this.addSortType('ymddate', ymdDateConverter);
+ this.addSortType('mdydate', mdyDateConverter);
+ this.addSortType('ddmmmyyyydate', ddmmmyyyyDateConverter);
+ this.addSortType('ipaddress', ipAddress, sortIP);
+
+ this.stt = new SortableTable(tf.tbl, _sortTypes);
+
+ /*** external table headers adapter ***/
+ if (this.asyncSort && this.triggerIds.length > 0) {
+ (function () {
+ var triggers = _this.triggerIds;
+ for (var j = 0; j < triggers.length; j++) {
+ if (triggers[j] === null) {
+ continue;
+ }
+ var trigger = _Dom2['default'].id(triggers[j]);
+ if (trigger) {
+ trigger.style.cursor = 'pointer';
+
+ _Event2['default'].add(trigger, 'click', function (evt) {
+ var elm = evt.target;
+ if (!_this.tf.sort) {
+ return;
+ }
+ _this.stt.asyncSort(_Arr2['default'].indexByValue(triggers, elm.id, true));
+ });
+ trigger.setAttribute('_sortType', _sortTypes[j]);
+ }
+ }
+ })();
+ }
+ }
+ }, {
+ key: 'destroy',
+
+ /**
+ * Destroy sort
+ */
+ value: function destroy() {
+ var tf = this.tf;
+ this.sorted = false;
+ this.initialized = false;
+ this.stt.destroy();
+
+ var ids = tf.getFiltersId();
+ for (var idx = 0; idx < ids.length; idx++) {
+ var header = tf.getHeaderElement(idx);
+ var img = _Dom2['default'].tag(header, 'img');
+
+ if (img.length === 1) {
+ header.removeChild(img[0]);
+ }
+ }
+ }
+ }]);
+
+ return AdapterSortableTable;
+ })();
+
+ exports['default'] = AdapterSortableTable;
+
+ //Converters
+ function usNumberConverter(s) {
+ return _Helpers2['default'].removeNbFormat(s, 'us');
+ }
+ function euNumberConverter(s) {
+ return _Helpers2['default'].removeNbFormat(s, 'eu');
+ }
+ function dateConverter(s, format) {
+ return _DateHelper2['default'].format(s, format);
+ }
+ function dmyDateConverter(s) {
+ return dateConverter(s, 'DMY');
+ }
+ function mdyDateConverter(s) {
+ return dateConverter(s, 'MDY');
+ }
+ function ymdDateConverter(s) {
+ return dateConverter(s, 'YMD');
+ }
+ function ddmmmyyyyDateConverter(s) {
+ return dateConverter(s, 'DDMMMYYYY');
+ }
+
+ function ipAddress(value) {
+ var vals = value.split('.');
+ for (var x in vals) {
+ var val = vals[x];
+ while (3 > val.length) {
+ val = '0' + val;
+ }
+ vals[x] = val;
+ }
+ return vals.join('.');
+ }
+
+ function sortIP(a, b) {
+ var aa = ipAddress(a.value.toLowerCase());
+ var bb = ipAddress(b.value.toLowerCase());
+ if (aa == bb) {
+ return 0;
+ } else if (aa < bb) {
+ return -1;
+ } else {
+ return 1;
+ }
+ }
+ module.exports = exports['default'];
+
+/***/ },
+/* 30 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+
+ Object.defineProperty(exports, '__esModule', {
+ value: true
+ });
+ // import 'script!sortabletable';
+
+ var _AdapterSortableTable = __webpack_require__(29);
+
+ var _AdapterSortableTable2 = _interopRequireDefault(_AdapterSortableTable);
+
+ if (!window.SortableTable) {
+ __webpack_require__(31);
+ }
+
+ exports['default'] = _AdapterSortableTable2['default'];
+ module.exports = exports['default'];
+
+/***/ },
+/* 31 */
+/***/ function(module, exports, __webpack_require__) {
+
+ __webpack_require__(32)(__webpack_require__(33)+"\n\n// SCRIPT-LOADER FOOTER\n//# sourceURL=script:///C:/Users/max.guglielmi/Documents/dev/perso/javascript/GitHub/TableFilter/libs/sortabletable.js")
+
+/***/ },
+/* 32 */
+/***/ function(module, exports, __webpack_require__) {
+
+ /*
+ MIT License http://www.opensource.org/licenses/mit-license.php
+ Author Tobias Koppers @sokra
+ */
+ module.exports = function(src) {
+ if (typeof execScript === "function")
+ execScript(src);
+ else
+ eval.call(null, src);
+ }
+
+/***/ },
+/* 33 */
+/***/ function(module, exports, __webpack_require__) {
+
+ module.exports = "/*----------------------------------------------------------------------------\\\r\n| Sortable Table 1.12 |\r\n|-----------------------------------------------------------------------------|\r\n| Created by Erik Arvidsson |\r\n| (http://webfx.eae.net/contact.html#erik) |\r\n| For WebFX (http://webfx.eae.net/) |\r\n|-----------------------------------------------------------------------------|\r\n| A DOM 1 based script that allows an ordinary HTML table to be sortable. |\r\n|-----------------------------------------------------------------------------|\r\n| Copyright (c) 1998 - 2006 Erik Arvidsson |\r\n|-----------------------------------------------------------------------------|\r\n| Licensed under the Apache License, Version 2.0 (the \"License\"); you may not |\r\n| use this file except in compliance with the License. You may obtain a copy |\r\n| of the License at http://www.apache.org/licenses/LICENSE-2.0 |\r\n| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |\r\n| Unless required by applicable law or agreed to in writing, software |\r\n| distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT |\r\n| WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the |\r\n| License for the specific language governing permissions and limitations |\r\n| under the License. |\r\n|-----------------------------------------------------------------------------|\r\n| 2003-01-10 | First version |\r\n| 2003-01-19 | Minor changes to the date parsing |\r\n| 2003-01-28 | JScript 5.0 fixes (no support for 'in' operator) |\r\n| 2003-02-01 | Sloppy typo like error fixed in getInnerText |\r\n| 2003-07-04 | Added workaround for IE cellIndex bug. |\r\n| 2003-11-09 | The bDescending argument to sort was not correctly working |\r\n| | Using onclick DOM0 event if no support for addEventListener |\r\n| | or attachEvent |\r\n| 2004-01-13 | Adding addSortType and removeSortType which makes it a lot |\r\n| | easier to add new, custom sort types. |\r\n| 2004-01-27 | Switch to use descending = false as the default sort order. |\r\n| | Change defaultDescending to suit your needs. |\r\n| 2004-03-14 | Improved sort type None look and feel a bit |\r\n| 2004-08-26 | Made the handling of tBody and tHead more flexible. Now you |\r\n| | can use another tHead or no tHead, and you can chose some |\r\n| | other tBody. |\r\n| 2006-04-25 | Changed license to Apache Software License 2.0 |\r\n|-----------------------------------------------------------------------------|\r\n| Created 2003-01-10 | All changes are in the log above. | Updated 2006-04-25 |\r\n\\----------------------------------------------------------------------------*/\r\n\r\n\r\nfunction SortableTable(oTable, oSortTypes) {\r\n\r\n\tthis.sortTypes = oSortTypes || [];\r\n\r\n\tthis.sortColumn = null;\r\n\tthis.descending = null;\r\n\r\n\tvar oThis = this;\r\n\tthis._headerOnclick = function (e) {\r\n\t\toThis.headerOnclick(e);\r\n\t};\r\n\r\n\tif (oTable) {\r\n\t\tthis.setTable( oTable );\r\n\t\tthis.document = oTable.ownerDocument || oTable.document;\r\n\t}\r\n\telse {\r\n\t\tthis.document = document;\r\n\t}\r\n\r\n\r\n\t// only IE needs this\r\n\tvar win = this.document.defaultView || this.document.parentWindow;\r\n\tthis._onunload = function () {\r\n\t\toThis.destroy();\r\n\t};\r\n\tif (win && typeof win.attachEvent != \"undefined\") {\r\n\t\twin.attachEvent(\"onunload\", this._onunload);\r\n\t}\r\n}\r\n\r\nSortableTable.gecko = navigator.product == \"Gecko\";\r\nSortableTable.msie = /msie/i.test(navigator.userAgent);\r\n// Mozilla is faster when doing the DOM manipulations on\r\n// an orphaned element. MSIE is not\r\nSortableTable.removeBeforeSort = SortableTable.gecko;\r\n\r\nSortableTable.prototype.onsort = function () {};\r\n\r\n// default sort order. true -> descending, false -> ascending\r\nSortableTable.prototype.defaultDescending = false;\r\n\r\n// shared between all instances. This is intentional to allow external files\r\n// to modify the prototype\r\nSortableTable.prototype._sortTypeInfo = {};\r\n\r\nSortableTable.prototype.setTable = function (oTable) {\r\n\tif ( this.tHead )\r\n\t\tthis.uninitHeader();\r\n\tthis.element = oTable;\r\n\tthis.setTHead( oTable.tHead );\r\n\tthis.setTBody( oTable.tBodies[0] );\r\n};\r\n\r\nSortableTable.prototype.setTHead = function (oTHead) {\r\n\tif (this.tHead && this.tHead != oTHead )\r\n\t\tthis.uninitHeader();\r\n\tthis.tHead = oTHead;\r\n\tthis.initHeader( this.sortTypes );\r\n};\r\n\r\nSortableTable.prototype.setTBody = function (oTBody) {\r\n\tthis.tBody = oTBody;\r\n};\r\n\r\nSortableTable.prototype.setSortTypes = function ( oSortTypes ) {\r\n\tif ( this.tHead )\r\n\t\tthis.uninitHeader();\r\n\tthis.sortTypes = oSortTypes || [];\r\n\tif ( this.tHead )\r\n\t\tthis.initHeader( this.sortTypes );\r\n};\r\n\r\n// adds arrow containers and events\r\n// also binds sort type to the header cells so that reordering columns does\r\n// not break the sort types\r\nSortableTable.prototype.initHeader = function (oSortTypes) {\r\n\tif (!this.tHead) return;\r\n\tvar cells = this.tHead.rows[0].cells;\r\n\tvar doc = this.tHead.ownerDocument || this.tHead.document;\r\n\tthis.sortTypes = oSortTypes || [];\r\n\tvar l = cells.length;\r\n\tvar img, c;\r\n\tfor (var i = 0; i < l; i++) {\r\n\t\tc = cells[i];\r\n\t\tif (this.sortTypes[i] != null && this.sortTypes[i] != \"None\") {\r\n\t\t\timg = doc.createElement(\"IMG\");\r\n\t\t\timg.src = \"images/blank.png\";\r\n\t\t\tc.appendChild(img);\r\n\t\t\tif (this.sortTypes[i] != null)\r\n\t\t\t\tc._sortType = this.sortTypes[i];\r\n\t\t\tif (typeof c.addEventListener != \"undefined\")\r\n\t\t\t\tc.addEventListener(\"click\", this._headerOnclick, false);\r\n\t\t\telse if (typeof c.attachEvent != \"undefined\")\r\n\t\t\t\tc.attachEvent(\"onclick\", this._headerOnclick);\r\n\t\t\telse\r\n\t\t\t\tc.onclick = this._headerOnclick;\r\n\t\t}\r\n\t\telse\r\n\t\t{\r\n\t\t\tc.setAttribute( \"_sortType\", oSortTypes[i] );\r\n\t\t\tc._sortType = \"None\";\r\n\t\t}\r\n\t}\r\n\tthis.updateHeaderArrows();\r\n};\r\n\r\n// remove arrows and events\r\nSortableTable.prototype.uninitHeader = function () {\r\n\tif (!this.tHead) return;\r\n\tvar cells = this.tHead.rows[0].cells;\r\n\tvar l = cells.length;\r\n\tvar c;\r\n\tfor (var i = 0; i < l; i++) {\r\n\t\tc = cells[i];\r\n\t\tif (c._sortType != null && c._sortType != \"None\") {\r\n\t\t\tc.removeChild(c.lastChild);\r\n\t\t\tif (typeof c.removeEventListener != \"undefined\")\r\n\t\t\t\tc.removeEventListener(\"click\", this._headerOnclick, false);\r\n\t\t\telse if (typeof c.detachEvent != \"undefined\")\r\n\t\t\t\tc.detachEvent(\"onclick\", this._headerOnclick);\r\n\t\t\tc._sortType = null;\r\n\t\t\tc.removeAttribute( \"_sortType\" );\r\n\t\t}\r\n\t}\r\n};\r\n\r\nSortableTable.prototype.updateHeaderArrows = function () {\r\n\tif (!this.tHead) return;\r\n\tvar cells = this.tHead.rows[0].cells;\r\n\tvar l = cells.length;\r\n\tvar img;\r\n\tfor (var i = 0; i < l; i++) {\r\n\t\tif (cells[i]._sortType != null && cells[i]._sortType != \"None\") {\r\n\t\t\timg = cells[i].lastChild;\r\n\t\t\tif (i == this.sortColumn)\r\n\t\t\t\timg.className = \"sort-arrow \" + (this.descending ? \"descending\" : \"ascending\");\r\n\t\t\telse\r\n\t\t\t\timg.className = \"sort-arrow\";\r\n\t\t}\r\n\t}\r\n};\r\n\r\nSortableTable.prototype.headerOnclick = function (e) {\r\n\t// find TD element\r\n\tvar el = e.target || e.srcElement;\r\n\twhile (el.tagName != \"TD\")\r\n\t\tel = el.parentNode;\r\n\r\n\tthis.sort(SortableTable.msie ? SortableTable.getCellIndex(el) : el.cellIndex);\r\n};\r\n\r\n// IE returns wrong cellIndex when columns are hidden\r\nSortableTable.getCellIndex = function (oTd) {\r\n\tvar cells = oTd.parentNode.childNodes\r\n\tvar l = cells.length;\r\n\tvar i;\r\n\tfor (i = 0; cells[i] != oTd && i < l; i++)\r\n\t\t;\r\n\treturn i;\r\n};\r\n\r\nSortableTable.prototype.getSortType = function (nColumn) {\r\n\treturn this.sortTypes[nColumn] || \"String\";\r\n};\r\n\r\n// only nColumn is required\r\n// if bDescending is left out the old value is taken into account\r\n// if sSortType is left out the sort type is found from the sortTypes array\r\n\r\nSortableTable.prototype.sort = function (nColumn, bDescending, sSortType) {\r\n\tif (!this.tBody) return;\r\n\tif (sSortType == null)\r\n\t\tsSortType = this.getSortType(nColumn);\r\n\r\n\t// exit if None\r\n\tif (sSortType == \"None\")\r\n\t\treturn;\r\n\r\n\tif (bDescending == null) {\r\n\t\tif (this.sortColumn != nColumn)\r\n\t\t\tthis.descending = this.defaultDescending;\r\n\t\telse\r\n\t\t\tthis.descending = !this.descending;\r\n\t}\r\n\telse\r\n\t\tthis.descending = bDescending;\r\n\r\n\tthis.sortColumn = nColumn;\r\n\r\n\tif (typeof this.onbeforesort == \"function\")\r\n\t\tthis.onbeforesort();\r\n\r\n\tvar f = this.getSortFunction(sSortType, nColumn);\r\n\tvar a = this.getCache(sSortType, nColumn);\r\n\tvar tBody = this.tBody;\r\n\r\n\ta.sort(f);\r\n\r\n\tif (this.descending)\r\n\t\ta.reverse();\r\n\r\n\tif (SortableTable.removeBeforeSort) {\r\n\t\t// remove from doc\r\n\t\tvar nextSibling = tBody.nextSibling;\r\n\t\tvar p = tBody.parentNode;\r\n\t\tp.removeChild(tBody);\r\n\t}\r\n\r\n\t// insert in the new order\r\n\tvar l = a.length;\r\n\tfor (var i = 0; i < l; i++)\r\n\t\ttBody.appendChild(a[i].element);\r\n\r\n\tif (SortableTable.removeBeforeSort) {\r\n\t\t// insert into doc\r\n\t\tp.insertBefore(tBody, nextSibling);\r\n\t}\r\n\r\n\tthis.updateHeaderArrows();\r\n\r\n\tthis.destroyCache(a);\r\n\r\n\tif (typeof this.onsort == \"function\")\r\n\t\tthis.onsort();\r\n};\r\n\r\nSortableTable.prototype.asyncSort = function (nColumn, bDescending, sSortType) {\r\n\tvar oThis = this;\r\n\tthis._asyncsort = function () {\r\n\t\toThis.sort(nColumn, bDescending, sSortType);\r\n\t};\r\n\twindow.setTimeout(this._asyncsort, 1);\r\n};\r\n\r\nSortableTable.prototype.getCache = function (sType, nColumn) {\r\n\tif (!this.tBody) return [];\r\n\tvar rows = this.tBody.rows;\r\n\tvar l = rows.length;\r\n\tvar a = new Array(l);\r\n\tvar r;\r\n\tfor (var i = 0; i < l; i++) {\r\n\t\tr = rows[i];\r\n\t\ta[i] = {\r\n\t\t\tvalue:\t\tthis.getRowValue(r, sType, nColumn),\r\n\t\t\telement:\tr\r\n\t\t};\r\n\t};\r\n\treturn a;\r\n};\r\n\r\nSortableTable.prototype.destroyCache = function (oArray) {\r\n\tvar l = oArray.length;\r\n\tfor (var i = 0; i < l; i++) {\r\n\t\toArray[i].value = null;\r\n\t\toArray[i].element = null;\r\n\t\toArray[i] = null;\r\n\t}\r\n};\r\n\r\nSortableTable.prototype.getRowValue = function (oRow, sType, nColumn) {\r\n\t// if we have defined a custom getRowValue use that\r\n\tif (this._sortTypeInfo[sType] && this._sortTypeInfo[sType].getRowValue)\r\n\t\treturn this._sortTypeInfo[sType].getRowValue(oRow, nColumn);\r\n\r\n\tvar s;\r\n\tvar c = oRow.cells[nColumn];\r\n\tif (typeof c.innerText != \"undefined\")\r\n\t\ts = c.innerText;\r\n\telse\r\n\t\ts = SortableTable.getInnerText(c);\r\n\treturn this.getValueFromString(s, sType);\r\n};\r\n\r\nSortableTable.getInnerText = function (oNode) {\r\n\tvar s = \"\";\r\n\tvar cs = oNode.childNodes;\r\n\tvar l = cs.length;\r\n\tfor (var i = 0; i < l; i++) {\r\n\t\tswitch (cs[i].nodeType) {\r\n\t\t\tcase 1: //ELEMENT_NODE\r\n\t\t\t\ts += SortableTable.getInnerText(cs[i]);\r\n\t\t\t\tbreak;\r\n\t\t\tcase 3:\t//TEXT_NODE\r\n\t\t\t\ts += cs[i].nodeValue;\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\treturn s;\r\n};\r\n\r\nSortableTable.prototype.getValueFromString = function (sText, sType) {\r\n\tif (this._sortTypeInfo[sType])\r\n\t\treturn this._sortTypeInfo[sType].getValueFromString( sText );\r\n\treturn sText;\r\n\t/*\r\n\tswitch (sType) {\r\n\t\tcase \"Number\":\r\n\t\t\treturn Number(sText);\r\n\t\tcase \"CaseInsensitiveString\":\r\n\t\t\treturn sText.toUpperCase();\r\n\t\tcase \"Date\":\r\n\t\t\tvar parts = sText.split(\"-\");\r\n\t\t\tvar d = new Date(0);\r\n\t\t\td.setFullYear(parts[0]);\r\n\t\t\td.setDate(parts[2]);\r\n\t\t\td.setMonth(parts[1] - 1);\r\n\t\t\treturn d.valueOf();\r\n\t}\r\n\treturn sText;\r\n\t*/\r\n\t};\r\n\r\nSortableTable.prototype.getSortFunction = function (sType, nColumn) {\r\n\tif (this._sortTypeInfo[sType])\r\n\t\treturn this._sortTypeInfo[sType].compare;\r\n\treturn SortableTable.basicCompare;\r\n};\r\n\r\nSortableTable.prototype.destroy = function () {\r\n\tthis.uninitHeader();\r\n\tvar win = this.document.parentWindow;\r\n\tif (win && typeof win.detachEvent != \"undefined\") {\t// only IE needs this\r\n\t\twin.detachEvent(\"onunload\", this._onunload);\r\n\t}\r\n\tthis._onunload = null;\r\n\tthis.element = null;\r\n\tthis.tHead = null;\r\n\tthis.tBody = null;\r\n\tthis.document = null;\r\n\tthis._headerOnclick = null;\r\n\tthis.sortTypes = null;\r\n\tthis._asyncsort = null;\r\n\tthis.onsort = null;\r\n};\r\n\r\n// Adds a sort type to all instance of SortableTable\r\n// sType : String - the identifier of the sort type\r\n// fGetValueFromString : function ( s : string ) : T - A function that takes a\r\n// string and casts it to a desired format. If left out the string is just\r\n// returned\r\n// fCompareFunction : function ( n1 : T, n2 : T ) : Number - A normal JS sort\r\n// compare function. Takes two values and compares them. If left out less than,\r\n// <, compare is used\r\n// fGetRowValue : function( oRow : HTMLTRElement, nColumn : int ) : T - A function\r\n// that takes the row and the column index and returns the value used to compare.\r\n// If left out then the innerText is first taken for the cell and then the\r\n// fGetValueFromString is used to convert that string the desired value and type\r\n\r\nSortableTable.prototype.addSortType = function (sType, fGetValueFromString, fCompareFunction, fGetRowValue) {\r\n\tthis._sortTypeInfo[sType] = {\r\n\t\ttype:\t\t\t\tsType,\r\n\t\tgetValueFromString:\tfGetValueFromString || SortableTable.idFunction,\r\n\t\tcompare:\t\t\tfCompareFunction || SortableTable.basicCompare,\r\n\t\tgetRowValue:\t\tfGetRowValue\r\n\t};\r\n};\r\n\r\n// this removes the sort type from all instances of SortableTable\r\nSortableTable.prototype.removeSortType = function (sType) {\r\n\tdelete this._sortTypeInfo[sType];\r\n};\r\n\r\nSortableTable.basicCompare = function compare(n1, n2) {\r\n\tif (n1.value < n2.value)\r\n\t\treturn -1;\r\n\tif (n2.value < n1.value)\r\n\t\treturn 1;\r\n\treturn 0;\r\n};\r\n\r\nSortableTable.idFunction = function (x) {\r\n\treturn x;\r\n};\r\n\r\nSortableTable.toUpperCase = function (s) {\r\n\treturn s.toUpperCase();\r\n};\r\n\r\nSortableTable.toDate = function (s) {\r\n\tvar parts = s.split(\"-\");\r\n\tvar d = new Date(0);\r\n\td.setFullYear(parts[0]);\r\n\td.setDate(parts[2]);\r\n\td.setMonth(parts[1] - 1);\r\n\treturn d.valueOf();\r\n};\r\n\r\n\r\n// add sort types\r\nSortableTable.prototype.addSortType(\"Number\", Number);\r\nSortableTable.prototype.addSortType(\"CaseInsensitiveString\", SortableTable.toUpperCase);\r\nSortableTable.prototype.addSortType(\"Date\", SortableTable.toDate);\r\nSortableTable.prototype.addSortType(\"String\");\r\n// None is a special case\r\n"
+
+/***/ }
+]);
+//# sourceMappingURL=1-4139a7961dcf632fbba6.js.map
\ No newline at end of file
diff --git a/dist/tablefilter/style/themes/skyblue/skyblue.css b/dist/tablefilter/style/themes/skyblue/skyblue.css
index 663a8597..b320ad71 100644
--- a/dist/tablefilter/style/themes/skyblue/skyblue.css
+++ b/dist/tablefilter/style/themes/skyblue/skyblue.css
@@ -40,12 +40,9 @@ input.flt{ width:99% !important; }
=====================================================*/
/* div containing left, middle and right divs */
.inf{
- background:#D9EAED !important;
- border:1px solid #99CCCC;
+ background:#E3EFFF !important;
+ border:1px solid #A4BED4;
height:25px; color:#004A6F;
- border-radius:3px;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
}
div.tot, div.status{ border-right:0 !important; }
diff --git a/dist/tablefilter/tablefilter.js b/dist/tablefilter/tablefilter.js
index f3803cd8..668bf3e1 100644
--- a/dist/tablefilter/tablefilter.js
+++ b/dist/tablefilter/tablefilter.js
@@ -83,7 +83,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ script.charset = 'utf-8';
/******/ script.async = true;
/******/
-/******/ script.src = __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "-" + {"1":"1624429a94932563c8ae"}[chunkId] + ".js";
+/******/ script.src = __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "-" + {"1":"4139a7961dcf632fbba6"}[chunkId] + ".js";
/******/ head.appendChild(script);
/******/ }
/******/ };
@@ -121,15 +121,15 @@ return /******/ (function(modules) { // webpackBootstrap
var _Event2 = _interopRequireDefault(_Event);
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
- var _Str = __webpack_require__(4);
+ var _Str = __webpack_require__(3);
var _Str2 = _interopRequireDefault(_Str);
- var _Cookie = __webpack_require__(5);
+ var _Cookie = __webpack_require__(7);
var _Cookie2 = _interopRequireDefault(_Cookie);
@@ -137,7 +137,7 @@ return /******/ (function(modules) { // webpackBootstrap
var _Types2 = _interopRequireDefault(_Types);
- var _Arr = __webpack_require__(7);
+ var _Arr = __webpack_require__(5);
var _Arr2 = _interopRequireDefault(_Arr);
@@ -341,7 +341,6 @@ return /******/ (function(modules) { // webpackBootstrap
this.fltSmallCssClass = f.flt_small_css_class || 'flt_s';
//defines css class for single-filter
this.singleFltCssClass = f.single_flt_css_class || 'single_flt';
- this.isStartBgAlternate = true;
/*** filters' grid behaviours ***/
//enables/disables enter key
@@ -610,9 +609,7 @@ return /******/ (function(modules) { // webpackBootstrap
loadthemes: 'LoadThemes'
},
- /*====================================================
- - Detects key for a given element
- =====================================================*/
+ // Detect key
detectKey: function detectKey(e) {
if (!this.enterKey) {
return;
@@ -631,9 +628,7 @@ return /******/ (function(modules) { // webpackBootstrap
}
}
},
- /*====================================================
- - auto filter for text filters
- =====================================================*/
+ // if auto-filter on, detect user is typing and filter columns
onKeyUp: function onKeyUp(e) {
if (!this.autoFilter) {
return;
@@ -661,18 +656,14 @@ return /******/ (function(modules) { // webpackBootstrap
this.autoFilterTimer = null;
}
},
- /*====================================================
- - onkeydown event for input filters
- =====================================================*/
+ // if auto-filter on, detect user is typing
onKeyDown: function onKeyDown() {
if (!this.autoFilter) {
return;
}
this.isUserTyping = true;
},
- /*====================================================
- - onblur event for input filters
- =====================================================*/
+ // if auto-filter on, clear interval on filter blur
onInpBlur: function onInpBlur() {
if (this.autoFilter) {
this.isUserTyping = false;
@@ -687,9 +678,7 @@ return /******/ (function(modules) { // webpackBootstrap
// }
// }
},
- /*====================================================
- - onfocus event for input filters
- =====================================================*/
+ // set focused text-box filter as active
onInpFocus: function onInpFocus(e) {
var _ev = e || global.event;
var elm = _Event2['default'].target(_ev);
@@ -708,9 +697,7 @@ return /******/ (function(modules) { // webpackBootstrap
// }
// }
},
- /*====================================================
- - onfocus event for select filters
- =====================================================*/
+ // set focused drop-down filter as active
onSlcFocus: function onSlcFocus(e) {
var _ev = e || global.event;
var elm = _Event2['default'].target(_ev);
@@ -726,18 +713,11 @@ return /******/ (function(modules) { // webpackBootstrap
_Event2['default'].stop(_ev);
}
},
- /*====================================================
- - onchange event for select filters
- =====================================================*/
+ // filter columns on drop-down filter change
onSlcChange: function onSlcChange(e) {
if (!this.activeFlt) {
return;
}
- // let colIndex = o.activeFlt.getAttribute('colIndex');
- //Checks filter is a checklist and caller is not null
- // if(o.activeFlt && colIndex &&
- // o['col'+colIndex]===o.fltTypeCheckList &&
- // !o.Evt.onSlcChange.caller){ return; }
var _ev = e || global.event;
if (this.popUpFilters) {
_Event2['default'].stop(_ev);
@@ -746,9 +726,7 @@ return /******/ (function(modules) { // webpackBootstrap
this.filter();
}
},
- /*====================================================
- - onclick event for checklist filters
- =====================================================*/
+ // fill checklist filter on click if required
onCheckListClick: function onCheckListClick(e) {
var _ev = e || global.event;
var elm = _Event2['default'].target(_ev);
@@ -759,10 +737,7 @@ return /******/ (function(modules) { // webpackBootstrap
this.Mod.checkList.checkListDiv[ct].title = '';
}
},
- /*====================================================
- - onclick event for validation button
- (btn property)
- =====================================================*/
+ // filter when validation button clicked
onBtnClick: function onBtnClick() {
this.filter();
}
@@ -1278,6 +1253,7 @@ return /******/ (function(modules) { // webpackBootstrap
var theme = themes[i];
var _name = theme.name;
var path = theme.path;
+ var styleId = this.prfxTf + _name;
if (_name && !path) {
path = this.themesPath + _name + '/' + _name + '.css';
} else if (!_name && theme.path) {
@@ -1285,12 +1261,12 @@ return /******/ (function(modules) { // webpackBootstrap
}
if (!this.isImported(path, 'link')) {
- this['import']('tf-' + _name, path, null, 'link');
+ this['import'](styleId, path, null, 'link');
}
}
}
- //Some elements need to be overriden for theme
+ //Some elements need to be overriden for default theme
//Reset button
this.btnResetText = null;
this.btnResetHtml = '';
@@ -1306,6 +1282,18 @@ return /******/ (function(modules) { // webpackBootstrap
this.loaderHtml = '';
this.loaderText = null;
}
+ }, {
+ key: 'getStylesheet',
+
+ /**
+ * Return stylesheet DOM element for a given theme name
+ * @return {DOMElement} stylesheet element
+ */
+ value: function getStylesheet() {
+ var name = arguments[0] === undefined ? 'default' : arguments[0];
+
+ return _Dom2['default'].id(this.prfxTf + name);
+ }
}, {
key: 'destroy',
@@ -1354,7 +1342,7 @@ return /******/ (function(modules) { // webpackBootstrap
this.tbl.deleteRow(this.filtersRowIndex);
}
- // Destroy module
+ // Destroy modules
Object.keys(Mod).forEach(function (key) {
var feature = Mod[key];
if (feature && _Types2['default'].isFn(feature.destroy)) {
@@ -1961,6 +1949,9 @@ return /******/ (function(modules) { // webpackBootstrap
if (!isRowValid) {
this.validateRow(k, false);
+ if (Mod.alternateRows) {
+ Mod.alternateRows.removeRowBg(k);
+ }
// always visible rows need to be counted as valid
if (this.hasVisibleRows && _Arr2['default'].has(this.visibleRows, k) && !this.paging) {
this.validRowsIndex.push(k);
@@ -1981,14 +1972,13 @@ return /******/ (function(modules) { // webpackBootstrap
this.nbVisibleRows = this.validRowsIndex.length;
this.nbHiddenRows = hiddenrows;
- this.isStartBgAlternate = false;
if (this.rememberGridValues) {
Mod.store.saveFilterValues(this.fltsValuesCookie);
}
//applies filter props after filtering process
if (!this.paging) {
- this.applyGridProps();
+ this.applyProps();
} else {
// Shouldn't need to care of that here...
// TODO: provide a method in paging module
@@ -2003,20 +1993,14 @@ return /******/ (function(modules) { // webpackBootstrap
}
}
}, {
- key: 'applyGridProps',
+ key: 'applyProps',
/**
- * Re-apply the filters grid properties after a filtering/paging operation
+ * Re-apply the features/behaviour concerned by filtering/paging operation
+ *
+ * NOTE: this will disappear whenever custom events in place
*/
- value: function applyGridProps() {
- // blurs active filter (IE)
- if (this.activeFlt && _Str2['default'].lower(this.activeFlt.nodeName) === this.fltTypeSlc && !this.popUpFilters) {
- this.activeFlt.blur();
- if (this.activeFlt.parentNode) {
- this.activeFlt.parentNode.focus();
- }
- }
-
+ value: function applyProps() {
var Mod = this.Mod;
//shows rows always visible
@@ -3092,6 +3076,56 @@ return /******/ (function(modules) { // webpackBootstrap
'use strict';
+ Object.defineProperty(exports, '__esModule', {
+ value: true
+ });
+ /**
+ * String utilities
+ */
+
+ exports['default'] = {
+
+ lower: function lower(text) {
+ return text.toLowerCase();
+ },
+
+ upper: function upper(text) {
+ return text.toUpperCase();
+ },
+
+ trim: function trim(text) {
+ if (text.trim) {
+ return text.trim();
+ }
+ return text.replace(/^\s*|\s*$/g, '');
+ },
+
+ isEmpty: function isEmpty(text) {
+ return this.trim(text) === '';
+ },
+
+ rgxEsc: function rgxEsc(text) {
+ var chars = /[-\/\\^$*+?.()|[\]{}]/g;
+ var escMatch = '\\$&';
+ return String(text).replace(chars, escMatch);
+ },
+
+ matchCase: function matchCase(text, mc) {
+ if (!mc) {
+ return this.lower(text);
+ }
+ return text;
+ }
+
+ };
+ module.exports = exports['default'];
+
+/***/ },
+/* 4 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
Object.defineProperty(exports, '__esModule', {
value: true
});
@@ -3140,22 +3174,12 @@ return /******/ (function(modules) { // webpackBootstrap
/**
* Returns a text node with given text
- * @param {String} text
+ * @param {String} txt
* @return {Object}
*/
- text: (function (_text) {
- function text(_x) {
- return _text.apply(this, arguments);
- }
-
- text.toString = function () {
- return _text.toString();
- };
-
- return text;
- })(function (text) {
- return document.createTextNode(text);
- }),
+ text: function text(txt) {
+ return document.createTextNode(txt);
+ },
/**
* Returns offset position of passed element
@@ -3263,122 +3287,44 @@ return /******/ (function(modules) { // webpackBootstrap
}
module.exports = exports['default'];
-/***/ },
-/* 4 */
-/***/ function(module, exports, __webpack_require__) {
-
- 'use strict';
-
- Object.defineProperty(exports, '__esModule', {
- value: true
- });
- /**
- * String utilities
- */
-
- exports['default'] = {
-
- lower: function lower(text) {
- return text.toLowerCase();
- },
-
- upper: function upper(text) {
- return text.toUpperCase();
- },
-
- trim: function trim(text) {
- if (text.trim) {
- return text.trim();
- }
- return text.replace(/^\s*|\s*$/g, '');
- },
-
- isEmpty: function isEmpty(text) {
- return this.trim(text) === '';
- },
-
- rgxEsc: function rgxEsc(text) {
- var chars = /[-\/\\^$*+?.()|[\]{}]/g;
- var escMatch = '\\$&';
- return String(text).replace(chars, escMatch);
- },
-
- matchCase: function matchCase(text, mc) {
- if (!mc) {
- return this.lower(text);
- }
- return text;
- }
-
- };
- module.exports = exports['default'];
-
/***/ },
/* 5 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
+ var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+
Object.defineProperty(exports, '__esModule', {
value: true
});
/**
- * Cookie utilities
+ * Array utilities
*/
+ var _Str = __webpack_require__(3);
+
+ var _Str2 = _interopRequireDefault(_Str);
+
exports['default'] = {
-
- write: function write(name, value, hours) {
- var expire = '';
- if (hours) {
- expire = new Date(new Date().getTime() + hours * 3600000);
- expire = '; expires=' + expire.toGMTString();
- }
- document.cookie = name + '=' + escape(value) + expire;
- },
-
- read: function read(name) {
- var cookieValue = '',
- search = name + '=';
- if (document.cookie.length > 0) {
- var cookie = document.cookie,
- offset = cookie.indexOf(search);
- if (offset !== -1) {
- offset += search.length;
- var end = cookie.indexOf(';', offset);
- if (end === -1) {
- end = cookie.length;
- }
- cookieValue = unescape(cookie.substring(offset, end));
+ has: function has(arr, val, caseSensitive) {
+ var sCase = caseSensitive === undefined ? false : caseSensitive;
+ for (var i = 0; i < arr.length; i++) {
+ if (_Str2['default'].matchCase(arr[i].toString(), sCase) == val) {
+ return true;
}
}
- return cookieValue;
+ return false;
},
-
- remove: function remove(name) {
- this.write(name, '', -1);
- },
-
- valueToArray: function valueToArray(name, separator) {
- if (!separator) {
- separator = ',';
+ indexByValue: function indexByValue(arr, val, caseSensitive) {
+ var sCase = caseSensitive === undefined ? false : caseSensitive;
+ for (var i = 0; i < arr.length; i++) {
+ if (_Str2['default'].matchCase(arr[i].toString(), sCase) == val) {
+ return i;
+ }
}
- //reads the cookie
- var val = this.read(name);
- //creates an array with filters' values
- var arr = val.split(separator);
- return arr;
- },
-
- getValueByIndex: function getValueByIndex(name, index, separator) {
- if (!separator) {
- separator = ',';
- }
- //reads the cookie
- var val = this.valueToArray(name, separator);
- return val[index];
+ return -1;
}
-
};
module.exports = exports['default'];
@@ -3470,38 +3416,66 @@ return /******/ (function(modules) { // webpackBootstrap
'use strict';
- var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
-
Object.defineProperty(exports, '__esModule', {
value: true
});
/**
- * Array utilities
+ * Cookie utilities
*/
- var _Str = __webpack_require__(4);
-
- var _Str2 = _interopRequireDefault(_Str);
-
exports['default'] = {
- has: function has(arr, val, caseSensitive) {
- var sCase = caseSensitive === undefined ? false : caseSensitive;
- for (var i = 0; i < arr.length; i++) {
- if (_Str2['default'].matchCase(arr[i].toString(), sCase) == val) {
- return true;
- }
+
+ write: function write(name, value, hours) {
+ var expire = '';
+ if (hours) {
+ expire = new Date(new Date().getTime() + hours * 3600000);
+ expire = '; expires=' + expire.toGMTString();
}
- return false;
+ document.cookie = name + '=' + escape(value) + expire;
},
- indexByValue: function indexByValue(arr, val, caseSensitive) {
- var sCase = caseSensitive === undefined ? false : caseSensitive;
- for (var i = 0; i < arr.length; i++) {
- if (_Str2['default'].matchCase(arr[i].toString(), sCase) == val) {
- return i;
+
+ read: function read(name) {
+ var cookieValue = '',
+ search = name + '=';
+ if (document.cookie.length > 0) {
+ var cookie = document.cookie,
+ offset = cookie.indexOf(search);
+ if (offset !== -1) {
+ offset += search.length;
+ var end = cookie.indexOf(';', offset);
+ if (end === -1) {
+ end = cookie.length;
+ }
+ cookieValue = unescape(cookie.substring(offset, end));
}
}
- return -1;
+ return cookieValue;
+ },
+
+ remove: function remove(name) {
+ this.write(name, '', -1);
+ },
+
+ valueToArray: function valueToArray(name, separator) {
+ if (!separator) {
+ separator = ',';
+ }
+ //reads the cookie
+ var val = this.read(name);
+ //creates an array with filters' values
+ var arr = val.split(separator);
+ return arr;
+ },
+
+ getValueByIndex: function getValueByIndex(name, index, separator) {
+ if (!separator) {
+ separator = ',';
+ }
+ //reads the cookie
+ var val = this.valueToArray(name, separator);
+ return val[index];
}
+
};
module.exports = exports['default'];
@@ -3698,7 +3672,7 @@ return /******/ (function(modules) { // webpackBootstrap
* Misc helpers
*/
- var _Str = __webpack_require__(4);
+ var _Str = __webpack_require__(3);
var _Str2 = _interopRequireDefault(_Str);
@@ -3741,7 +3715,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Cookie = __webpack_require__(5);
+ var _Cookie = __webpack_require__(7);
var _Cookie2 = _interopRequireDefault(_Cookie);
@@ -3867,7 +3841,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
@@ -4257,7 +4231,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
@@ -4375,11 +4349,11 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
- var _Str = __webpack_require__(4);
+ var _Str = __webpack_require__(3);
var _Str2 = _interopRequireDefault(_Str);
@@ -4525,7 +4499,7 @@ return /******/ (function(modules) { // webpackBootstrap
var _Types2 = _interopRequireDefault(_Types);
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
@@ -4796,15 +4770,15 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
- var _Arr = __webpack_require__(7);
+ var _Arr = __webpack_require__(5);
var _Arr2 = _interopRequireDefault(_Arr);
- var _Str = __webpack_require__(4);
+ var _Str = __webpack_require__(3);
var _Str2 = _interopRequireDefault(_Str);
@@ -5144,15 +5118,15 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
- var _Arr = __webpack_require__(7);
+ var _Arr = __webpack_require__(5);
var _Arr2 = _interopRequireDefault(_Arr);
- var _Str = __webpack_require__(4);
+ var _Str = __webpack_require__(3);
var _Str2 = _interopRequireDefault(_Str);
@@ -5587,7 +5561,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
@@ -5761,7 +5735,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
@@ -5922,7 +5896,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
@@ -5930,7 +5904,7 @@ return /******/ (function(modules) { // webpackBootstrap
var _Types2 = _interopRequireDefault(_Types);
- var _Str = __webpack_require__(4);
+ var _Str = __webpack_require__(3);
var _Str2 = _interopRequireDefault(_Str);
@@ -6345,9 +6319,8 @@ return /******/ (function(modules) { // webpackBootstrap
}
tf.nbVisibleRows = tf.validRowsIndex.length;
- tf.isStartBgAlternate = false;
//re-applies filter behaviours after filtering process
- tf.applyGridProps();
+ tf.applyProps();
}
}, {
key: 'getPage',
@@ -6718,7 +6691,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
@@ -6845,7 +6818,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
@@ -7026,7 +6999,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Dom = __webpack_require__(3);
+ var _Dom = __webpack_require__(4);
var _Dom2 = _interopRequireDefault(_Dom);
@@ -7056,19 +7029,21 @@ return /******/ (function(modules) { // webpackBootstrap
* Sets alternating rows color
*/
value: function init() {
- if (!this.tf.hasGrid() && !this.tf.isFirstLoad) {
+ var tf = this.tf;
+ if (!tf.hasGrid() && !tf.isFirstLoad) {
return;
}
- var noValidRowsIndex = this.tf.validRowsIndex === null;
+ var validRowsIndex = tf.validRowsIndex;
+ var noValidRowsIndex = validRowsIndex === null;
//1st index
- var beginIndex = noValidRowsIndex ? this.tf.refRow : 0;
+ var beginIndex = noValidRowsIndex ? tf.refRow : 0;
// nb indexes
- var indexLen = noValidRowsIndex ? this.tf.nbFilterableRows + beginIndex : this.tf.validRowsIndex.length;
+ var indexLen = noValidRowsIndex ? tf.nbFilterableRows + beginIndex : validRowsIndex.length;
var idx = 0;
//alternates bg color
for (var j = beginIndex; j < indexLen; j++) {
- var rowIdx = noValidRowsIndex ? j : this.tf.validRowsIndex[j];
+ var rowIdx = noValidRowsIndex ? j : validRowsIndex[j];
this.setRowBg(rowIdx, idx);
idx++;
}
@@ -7111,7 +7086,7 @@ return /******/ (function(modules) { // webpackBootstrap
key: 'remove',
/**
- * Removes all row background color
+ * Removes all alternating backgrounds
*/
value: function remove() {
if (!this.tf.hasGrid()) {
@@ -7120,7 +7095,6 @@ return /******/ (function(modules) { // webpackBootstrap
for (var i = this.tf.refRow; i < this.tf.nbRows; i++) {
this.removeRowBg(i);
}
- this.tf.isStartBgAlternate = true;
}
}, {
key: 'enable',
@@ -7151,7 +7125,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
- var _Str = __webpack_require__(4);
+ var _Str = __webpack_require__(3);
var _Str2 = _interopRequireDefault(_Str);
diff --git a/examples/theme-roller.html b/examples/theme-roller.html
index 225af044..0e1e6c17 100644
--- a/examples/theme-roller.html
+++ b/examples/theme-roller.html
@@ -388,13 +388,8 @@ var THEMES = {
};
function changeTheme(name){
- var styleId = 'tf-default';
- var stylesheet = document.getElementById(styleId);
- if(!stylesheet){
- tf.import(styleId, THEMES[name], null, 'link');
- } else {
- stylesheet.href = THEMES[name];
- }
+ var stylesheet = tf.getStylesheet('default');
+ stylesheet.href = THEMES[name];
}
diff --git a/src/dom.js b/src/dom.js
index 7341e361..3d078386 100644
--- a/src/dom.js
+++ b/src/dom.js
@@ -44,11 +44,11 @@ export default {
/**
* Returns a text node with given text
- * @param {String} text
+ * @param {String} txt
* @return {Object}
*/
- text(text){
- return document.createTextNode(text);
+ text(txt){
+ return document.createTextNode(txt);
},
/**
diff --git a/src/modules/alternateRows.js b/src/modules/alternateRows.js
index a40babf4..14d09275 100644
--- a/src/modules/alternateRows.js
+++ b/src/modules/alternateRows.js
@@ -20,21 +20,23 @@ export class AlternateRows{
* Sets alternating rows color
*/
init() {
- if(!this.tf.hasGrid() && !this.tf.isFirstLoad){
+ var tf = this.tf;
+ if(!tf.hasGrid() && !tf.isFirstLoad){
return;
}
- var noValidRowsIndex = this.tf.validRowsIndex===null;
+ var validRowsIndex = tf.validRowsIndex;
+ var noValidRowsIndex = validRowsIndex===null;
//1st index
- var beginIndex = noValidRowsIndex ? this.tf.refRow : 0;
+ var beginIndex = noValidRowsIndex ? tf.refRow : 0;
// nb indexes
var indexLen = noValidRowsIndex ?
- this.tf.nbFilterableRows+beginIndex :
- this.tf.validRowsIndex.length;
+ tf.nbFilterableRows+beginIndex :
+ validRowsIndex.length;
var idx = 0;
//alternates bg color
for(var j=beginIndex; j key for a given element
- =====================================================*/
+ // Detect key
detectKey(e) {
if(!this.enterKey){ return; }
let _ev = e || global.event;
@@ -489,9 +486,7 @@ export class TableFilter{
}
}
},
- /*====================================================
- - auto filter for text filters
- =====================================================*/
+ // if auto-filter on, detect user is typing and filter columns
onKeyUp(e) {
if(!this.autoFilter){
return;
@@ -520,16 +515,12 @@ export class TableFilter{
this.autoFilterTimer = null;
}
},
- /*====================================================
- - onkeydown event for input filters
- =====================================================*/
+ // if auto-filter on, detect user is typing
onKeyDown() {
if(!this.autoFilter) { return; }
this.isUserTyping = true;
},
- /*====================================================
- - onblur event for input filters
- =====================================================*/
+ // if auto-filter on, clear interval on filter blur
onInpBlur() {
if(this.autoFilter){
this.isUserTyping = false;
@@ -544,9 +535,7 @@ export class TableFilter{
// }
// }
},
- /*====================================================
- - onfocus event for input filters
- =====================================================*/
+ // set focused text-box filter as active
onInpFocus(e) {
let _ev = e || global.event;
let elm = Event.target(_ev);
@@ -565,9 +554,7 @@ export class TableFilter{
// }
// }
},
- /*====================================================
- - onfocus event for select filters
- =====================================================*/
+ // set focused drop-down filter as active
onSlcFocus(e) {
let _ev = e || global.event;
let elm = Event.target(_ev);
@@ -583,23 +570,14 @@ export class TableFilter{
Event.stop(_ev);
}
},
- /*====================================================
- - onchange event for select filters
- =====================================================*/
+ // filter columns on drop-down filter change
onSlcChange(e) {
if(!this.activeFlt){ return; }
- // let colIndex = o.activeFlt.getAttribute('colIndex');
- //Checks filter is a checklist and caller is not null
- // if(o.activeFlt && colIndex &&
- // o['col'+colIndex]===o.fltTypeCheckList &&
- // !o.Evt.onSlcChange.caller){ return; }
let _ev = e || global.event;
if(this.popUpFilters){ Event.stop(_ev); }
if(this.onSlcChange){ this.filter(); }
},
- /*====================================================
- - onclick event for checklist filters
- =====================================================*/
+ // fill checklist filter on click if required
onCheckListClick(e) {
let _ev = e || global.event;
let elm = Event.target(_ev);
@@ -610,10 +588,7 @@ export class TableFilter{
this.Mod.checkList.checkListDiv[ct].title = '';
}
},
- /*====================================================
- - onclick event for validation button
- (btn property)
- =====================================================*/
+ // filter when validation button clicked
onBtnClick() {
this.filter();
}
@@ -1140,6 +1115,7 @@ export class TableFilter{
let theme = themes[i];
let name = theme.name;
let path = theme.path;
+ let styleId = this.prfxTf + name;
if(name && !path){
path = this.themesPath + name + '/' + name + '.css';
}
@@ -1148,12 +1124,12 @@ export class TableFilter{
}
if(!this.isImported(path, 'link')){
- this.import('tf-' + name, path, null, 'link');
+ this.import(styleId, path, null, 'link');
}
}
}
- //Some elements need to be overriden for theme
+ //Some elements need to be overriden for default theme
//Reset button
this.btnResetText = null;
this.btnResetHtml = '