diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 00000000..f63e4a28 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,15 @@ +# editorconfig.org + +root = true + +[*] +indent_style = space +indent_size = 4 +end_of_line = lf +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true + +# Trailing whitespace is significant in markdown files. +[*.md] +trim_trailing_whitespace = false diff --git a/.eslintrc b/.eslintrc index fb554f71..76b3cae1 100644 --- a/.eslintrc +++ b/.eslintrc @@ -17,7 +17,8 @@ "no-trailing-spaces": 2, "no-multi-spaces": 2, "array-bracket-spacing": 2, - "new-cap": 2 + "new-cap": 2, + "radix": [2, "always"] }, "ecmaFeatures": { "modules": true @@ -27,4 +28,4 @@ "browser": true, "node": false } -} \ No newline at end of file +} diff --git a/.gitignore b/.gitignore index 2f18b80f..f3aab501 100644 --- a/.gitignore +++ b/.gitignore @@ -7,3 +7,4 @@ npm-debug.log *.js.map .codio .settings +.vscode diff --git a/dist/tablefilter/style/colsVisibility.css b/dist/tablefilter/style/colsVisibility.css index dc4a5435..5b7701f5 100644 --- a/dist/tablefilter/style/colsVisibility.css +++ b/dist/tablefilter/style/colsVisibility.css @@ -1,6 +1,6 @@ /** * tablefilter v0.2.0 by Max Guglielmi - * build date: 2016-03-15T05:28:00.528Z + * build date: 2016-03-16T07:04:47.841Z * MIT License */ span.colVisSpan{text-align:left;}span.colVisSpan a.colVis{display:inline-block;padding:7px 5px 0;font-size:inherit;font-weight:inherit;vertical-align:top}div.colVisCont{position:relative;background:#fff;-webkit-box-shadow:3px 3px 2px #888;-moz-box-shadow:3px 3px 2px #888;box-shadow:3px 3px 2px #888;position:absolute;display:none;border:1px solid #ccc;height:auto;width:250px;background-color:#fff;margin:35px 0 0 -100px;z-index:10000;padding:10px 10px 10px 10px;text-align:left;font-size:12px;}div.colVisCont:after,div.colVisCont:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div.colVisCont:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}div.colVisCont:before{border-color:rgba(255,255,255,0);border-bottom-color:#ccc;border-width:12px;margin-left:-12px}div.colVisCont p{margin:6px auto 6px auto}div.colVisCont a.colVis{display:initial;font-weight:inherit}ul.cols_checklist{padding:0;margin:0;list-style:none;}ul.cols_checklist label{display:block}ul.cols_checklist input{vertical-align:middle;margin:2px 5px 2px 1px}li.cols_checklist_item{padding:4px;margin:0;}li.cols_checklist_item:hover{background-color:#335ea8;color:#fff}.cols_checklist_slc_item{background-color:#335ea8;color:#fff} \ No newline at end of file diff --git a/dist/tablefilter/style/filtersVisibility.css b/dist/tablefilter/style/filtersVisibility.css index 892de3c7..f0a88407 100644 --- a/dist/tablefilter/style/filtersVisibility.css +++ b/dist/tablefilter/style/filtersVisibility.css @@ -1,6 +1,6 @@ /** * tablefilter v0.2.0 by Max Guglielmi - * build date: 2016-03-15T05:28:00.528Z + * build date: 2016-03-16T07:04:47.841Z * MIT License */ span.expClpFlt a.btnExpClpFlt{width:35px;height:35px;display:inline-block;}span.expClpFlt a.btnExpClpFlt:hover{background-color:#f4f4f4}span.expClpFlt img{padding:8px 11px 11px 11px} \ No newline at end of file diff --git a/dist/tablefilter/style/tablefilter.css b/dist/tablefilter/style/tablefilter.css index 84b23b18..dc29a4d0 100644 --- a/dist/tablefilter/style/tablefilter.css +++ b/dist/tablefilter/style/tablefilter.css @@ -1,6 +1,6 @@ /** * tablefilter v0.2.0 by Max Guglielmi - * build date: 2016-03-15T05:28:00.528Z + * build date: 2016-03-16T07:04:47.841Z * MIT License */ .activeHeader{background-color:#66afe9 !important;color:#fff !important} diff --git a/dist/tablefilter/style/themes/default/default.css b/dist/tablefilter/style/themes/default/default.css index 83100806..4b188cd2 100644 --- a/dist/tablefilter/style/themes/default/default.css +++ b/dist/tablefilter/style/themes/default/default.css @@ -1,6 +1,6 @@ /** * tablefilter v0.2.0 by Max Guglielmi - * build date: 2016-03-15T05:28:00.528Z + * build date: 2016-03-16T07:04:47.841Z * MIT License */ table.TF{border-left:1px solid #ccc;border-top:none;border-right:none;border-bottom:none;}table.TF th{background:#ebecee url("images/bg_th.jpg") left top repeat-x;border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-left:1px solid #fff;border-top:1px solid #fff;color:#333}table.TF td{border-bottom:1px dotted #999;padding:5px}.fltrow{background-color:#ebecee !important;}.fltrow th,.fltrow td{border-bottom:1px dotted #666 !important;padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #999 !important}input.flt{width:99% !important}.inf{height:$min-height;background:#d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important}input.reset{background:transparent url("images/btn_eraser.gif") center center no-repeat !important}.helpBtn:hover{background-color:transparent}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important;}.nextPage:hover{background:transparent url("images/btn_over_next_page.gif") center center no-repeat !important}.previousPage{background:transparent url("images/btn_previous_page.gif") center center no-repeat !important;}.previousPage:hover{background:transparent url("images/btn_over_previous_page.gif") center center no-repeat !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important;}.firstPage:hover{background:transparent url("images/btn_over_first_page.gif") center center no-repeat !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important;}.lastPage:hover{background:transparent url("images/btn_over_last_page.gif") center center no-repeat !important}div.grd_Cont{background-color:#ebecee !important;border:1px solid #ccc !important;padding:0 !important;}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#d5d5d5}div.grd_headTblCont{background-color:#ebecee !important;border-bottom:none !important;}div.grd_headTblCont table{border-right:none !important}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{background:#ebecee url("images/bg_th.jpg") left top repeat-x !important;border-bottom:1px solid #d0d0d0 !important;border-right:1px solid #d0d0d0 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important}div.grd_tblCont table td{border-bottom:1px solid #999 !important}.grd_inf{background:#d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;border-top:1px solid #d0d0d0 !important}.loader{border:1px solid #999}.defaultLoader{width:32px;height:32px;background:transparent url("images/img_loading.gif") 0 0 no-repeat !important}.even{background-color:#fff}.odd{background-color:#d5d5d5}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.activeHeader{background:#999 !important} \ No newline at end of file diff --git a/dist/tablefilter/style/themes/mytheme/mytheme.css b/dist/tablefilter/style/themes/mytheme/mytheme.css index e1cc1d5d..2bab76f6 100644 --- a/dist/tablefilter/style/themes/mytheme/mytheme.css +++ b/dist/tablefilter/style/themes/mytheme/mytheme.css @@ -1,6 +1,6 @@ /** * tablefilter v0.2.0 by Max Guglielmi - * build date: 2016-03-15T05:28:00.528Z + * build date: 2016-03-16T07:04:47.841Z * MIT License */ table.TF{border-left:1px dotted #81963b;border-top:none;border-right:0;border-bottom:none;}table.TF th{background:#39424b url("images/bg_headers.jpg") left top repeat-x;border-bottom:0;border-right:1px dotted #d0d0d0;border-left:0;border-top:0;color:#fff}table.TF td{border-bottom:1px dotted #81963b;border-right:1px dotted #81963b;padding:5px}.fltrow{background-color:#81963b !important;}.fltrow th,.fltrow td{border-bottom:1px dotted #39424b !important;border-right:1px dotted #fff !important;border-left:0 !important;border-top:0 !important;padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #687830 !important}input.flt{width:99% !important}.inf{background:#d8d8d8;height:$min-height}input.reset{width:53px;background:transparent url("images/btn_filter.png") center center no-repeat !important}.helpBtn:hover{background-color:transparent}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important}.previousPage{background:transparent url("images/btn_previous_page.gif") center center no-repeat !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important}div.grd_Cont{background:#81963b url("images/bg_headers.jpg") left top repeat-x !important;border:1px solid #ccc !important;padding:0 1px 1px 1px !important;}div.grd_Cont .even{background-color:#bccd83}div.grd_Cont .odd{background-color:#fff}div.grd_headTblCont{background-color:#ebecee !important;border-bottom:none !important}div.grd_tblCont table{border-right:none !important;}div.grd_tblCont table td{border-bottom:1px dotted #81963b;border-right:1px dotted #81963b}div.grd_tblCont table th,div.grd_headTblCont table th{background:transparent url("images/bg_headers.jpg") 0 0 repeat-x !important;border-bottom:0 !important;border-right:1px dotted #d0d0d0 !important;border-left:0 !important;border-top:0 !important;padding:0 4px 0 4px !important;color:#fff !important;height:35px !important}div.grd_headTblCont table td{border-bottom:1px dotted #39424b !important;border-right:1px dotted #fff !important;border-left:0 !important;border-top:0 !important;background-color:#81963b !important;padding:1px 3px 1px 3px !important}.grd_inf{background-color:#d8d8d8;border-top:1px solid #d0d0d0 !important}.loader{border:0 !important;background:#81963b !important}.defaultLoader{width:32px;height:32px;background:transparent url("images/img_loading.gif") 0 0 no-repeat !important}.even{background-color:#bccd83}.odd{background-color:#fff}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.activeHeader{background:#81963b !important} \ 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 b3b543eb..1491308d 100644 --- a/dist/tablefilter/style/themes/skyblue/skyblue.css +++ b/dist/tablefilter/style/themes/skyblue/skyblue.css @@ -1,6 +1,6 @@ /** * tablefilter v0.2.0 by Max Guglielmi - * build date: 2016-03-15T05:28:00.528Z + * build date: 2016-03-16T07:04:47.841Z * MIT License */ table.TF{padding:0;color:#000;border-right:1px solid #a4bed4;border-top:1px solid #a4bed4;border-left:1px solid #a4bed4;border-bottom:0;}table.TF th{margin:0;color:inherit;background:#d1e5fe url("images/bg_skyblue.gif") 0 0 repeat-x;border-color:#fdfdfd #a4bed4 #a4bed4 #fdfdfd;border-width:1px;border-style:solid}table.TF td{margin:0;padding:5px;color:inherit;border-bottom:1px solid #a4bed4;border-left:0;border-top:0;border-right:0}.fltrow{background-color:#d1e5fe !important;}.fltrow th,.fltrow td{padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #a4bed4 !important}input.flt{width:99% !important}.inf{background-color:#e3efff !important;border:1px solid #a4bed4;height:$min-height;color:#004a6f}div.tot,div.status{border-right:0 !important}.helpBtn:hover{background-color:transparent}input.reset{background:transparent url("images/icn_clear_filters.png") center center no-repeat !important}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.nextPage:hover{background:#ffe4ab url("images/btn_next_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.previousPage{background:transparent url("images/btn_prev_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.previousPage:hover{background:#ffe4ab url("images/btn_prev_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.firstPage:hover{background:#ffe4ab url("images/btn_first_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.lastPage:hover{background:#ffe4ab url("images/btn_last_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.activeHeader{background:#ffe4ab !important;border:1px solid #ffb552 !important;color:inherit !important}div.grd_Cont{background-color:#d9eaed !important;border:1px solid #9cc !important;padding:0 !important;}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#e3efff}div.grd_headTblCont{background-color:#d9eaed !important;border-bottom:none !important}div.grd_tblCont table{border-right:none !important}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{background:#d9eaed url("images/bg_skyblue.gif") left top repeat-x;border-bottom:1px solid #a4bed4;border-right:1px solid #a4bed4 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important}div.grd_tblCont table td{border-bottom:1px solid #a4bed4 !important;border-right:0 !important;border-left:0 !important;border-top:0 !important}.grd_inf{background-color:#cce2fe;color:#004a6f;border-top:1px solid #9cc !important;}.grd_inf a{text-decoration:none;font-weight:bold}.loader{background-color:#2d8eef;border:1px solid #cce2fe;border-radius:5px}.even{background-color:#fff}.odd{background-color:#e3efff}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.ezActiveRow{background-color:#ffdc61 !important;color:inherit}.ezSelectedRow{background-color:#ffe4ab !important;color:inherit}.ezActiveCell{background-color:#fff !important;color:#000 !important;font-weight:bold}.ezETSelectedCell{background-color:#fff !important;font-weight:bold;color:#000 !important} \ No newline at end of file diff --git a/dist/tablefilter/tablefilter.js b/dist/tablefilter/tablefilter.js index 948fbd65..7a15dff6 100644 --- a/dist/tablefilter/tablefilter.js +++ b/dist/tablefilter/tablefilter.js @@ -1,7876 +1,10 @@ -(function webpackUniversalModuleDefinition(root, factory) { - if(typeof exports === 'object' && typeof module === 'object') - module.exports = factory(); - else if(typeof define === 'function' && define.amd) - define([], factory); - else { - var a = factory(); - for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; - } -})(this, function() { -return /******/ (function(modules) { // webpackBootstrap -/******/ // install a JSONP callback for chunk loading -/******/ var parentJsonpFunction = window["webpackJsonp"]; -/******/ window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) { -/******/ // add "moreModules" to the modules object, -/******/ // then flag all "chunkIds" as loaded and fire callback -/******/ var moduleId, chunkId, i = 0, callbacks = []; -/******/ for(;i < chunkIds.length; i++) { -/******/ chunkId = chunkIds[i]; -/******/ if(installedChunks[chunkId]) -/******/ callbacks.push.apply(callbacks, installedChunks[chunkId]); -/******/ installedChunks[chunkId] = 0; -/******/ } -/******/ for(moduleId in moreModules) { -/******/ modules[moduleId] = moreModules[moduleId]; -/******/ } -/******/ if(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules); -/******/ while(callbacks.length) -/******/ callbacks.shift().call(null, __webpack_require__); -/******/ -/******/ }; -/******/ -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // object to store loaded and loading chunks -/******/ // "0" means "already loaded" -/******/ // Array means "loading", array contains callbacks -/******/ var installedChunks = { -/******/ 0:0 -/******/ }; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) -/******/ return installedModules[moduleId].exports; -/******/ -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ exports: {}, -/******/ id: moduleId, -/******/ loaded: false -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.loaded = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ // This file contains only the entry chunk. -/******/ // The chunk loading function for additional chunks -/******/ __webpack_require__.e = function requireEnsure(chunkId, callback) { -/******/ // "0" is the signal for "already loaded" -/******/ if(installedChunks[chunkId] === 0) -/******/ return callback.call(null, __webpack_require__); -/******/ -/******/ // an array means "currently loading". -/******/ if(installedChunks[chunkId] !== undefined) { -/******/ installedChunks[chunkId].push(callback); -/******/ } else { -/******/ // start chunk loading -/******/ installedChunks[chunkId] = [callback]; -/******/ var head = document.getElementsByTagName('head')[0]; -/******/ var script = document.createElement('script'); -/******/ script.type = 'text/javascript'; -/******/ script.charset = 'utf-8'; -/******/ script.async = true; -/******/ -/******/ script.src = __webpack_require__.p + "tf-" + ({}[chunkId]||chunkId) + ".js"; -/******/ head.appendChild(script); -/******/ } -/******/ }; -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(0); -/******/ }) -/************************************************************************/ -/******/ ([ -/* 0 */ -/***/ function(module, exports, __webpack_require__) { +/** + * tablefilter v0.2.0 by Max Guglielmi + * build date: 2016-03-16T07:04:47.758Z + * MIT License + */ - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.TableFilter = undefined; - - var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; - - 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; }; }(); - - // Features - - - var _event = __webpack_require__(1); - - var _event2 = _interopRequireDefault(_event); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _string = __webpack_require__(3); - - var _string2 = _interopRequireDefault(_string); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - var _date = __webpack_require__(5); - - var _date2 = _interopRequireDefault(_date); - - var _helpers = __webpack_require__(6); - - var _helpers2 = _interopRequireDefault(_helpers); - - var _emitter = __webpack_require__(7); - - var _store = __webpack_require__(8); - - var _gridLayout = __webpack_require__(10); - - var _loader = __webpack_require__(12); - - var _highlightKeywords = __webpack_require__(13); - - var _popupFilter = __webpack_require__(14); - - var _dropdown = __webpack_require__(15); - - var _checkList = __webpack_require__(18); - - var _rowsCounter = __webpack_require__(19); - - var _statusBar = __webpack_require__(20); - - var _paging = __webpack_require__(21); - - var _clearButton = __webpack_require__(22); - - var _help = __webpack_require__(23); - - var _alternateRows = __webpack_require__(24); - - var _noResults = __webpack_require__(25); - - var _stateful = __webpack_require__(26); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - var global = window, - doc = global.document; - - var TableFilter = exports.TableFilter = function () { - - /** - * TableFilter object constructor - * requires `table` or `id` arguments, `row` and `configuration` optional - * @param {DOMElement} table Table DOM element - * @param {String} id Table id - * @param {Number} row index indicating the 1st row - * @param {Object} configuration object - */ - - function TableFilter() { - var _this = this; - - _classCallCheck(this, TableFilter); - - for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } - - if (args.length === 0) { - return; - } - - this.id = null; - this.version = '0.2.0'; - this.year = new Date().getFullYear(); - this.tbl = null; - this.startRow = null; - this.refRow = null; - this.headersRow = null; - this.cfg = {}; - this.nbFilterableRows = null; - this.nbRows = null; - this.nbCells = null; - this._hasGrid = false; - - // TODO: use for-of with babel plug-in - args.forEach(function (arg) { - // for (let arg of args) { - var argtype = typeof arg === 'undefined' ? 'undefined' : _typeof(arg); - if (argtype === 'object' && arg && arg.nodeName === 'TABLE') { - _this.tbl = arg; - _this.id = arg.id || 'tf_' + new Date().getTime() + '_'; - } else if (argtype === 'string') { - _this.id = arg; - _this.tbl = _dom2.default.id(arg); - } else if (argtype === 'number') { - _this.startRow = arg; - } else if (argtype === 'object') { - _this.cfg = arg; - } - // } - }); - - if (!this.tbl || this.tbl.nodeName != 'TABLE' || this.getRowsNb() === 0) { - throw new Error('Could not instantiate TableFilter: HTML table not found.'); - } - - // configuration object - var f = this.cfg; - - this.emitter = new _emitter.Emitter(); - - //Start row et cols nb - this.refRow = this.startRow === null ? 2 : this.startRow + 1; - try { - this.nbCells = this.getCellsNb(this.refRow); - } catch (e) { - this.nbCells = this.getCellsNb(0); - } - - //default script base path - this.basePath = f.base_path || 'tablefilter/'; - - /*** filter types ***/ - this.fltTypeInp = 'input'; - this.fltTypeSlc = 'select'; - this.fltTypeMulti = 'multiple'; - this.fltTypeCheckList = 'checklist'; - this.fltTypeNone = 'none'; - - /*** filters' grid properties ***/ - - //enables/disables filter grid - this.fltGrid = f.grid === false ? false : true; - - //enables/disables grid layout (fixed headers) - this.gridLayout = Boolean(f.grid_layout); - - this.filtersRowIndex = isNaN(f.filters_row_index) ? 0 : f.filters_row_index; - this.headersRow = isNaN(f.headers_row_index) ? this.filtersRowIndex === 0 ? 1 : 0 : f.headers_row_index; - - //defines tag of the cells containing filters (td/th) - this.fltCellTag = f.filters_cell_tag !== 'th' || f.filters_cell_tag !== 'td' ? 'td' : f.filters_cell_tag; - - //stores filters ids - this.fltIds = []; - //stores filters DOM elements - this.fltElms = []; - //stores valid rows indexes (rows visible upon filtering) - this.validRowsIndex = []; - //stores filters row element - this.fltGridEl = null; - //container div for paging elements, reset btn etc. - this.infDiv = null; - //div for rows counter - this.lDiv = null; - //div for reset button and results per page select - this.rDiv = null; - //div for paging elements - this.mDiv = null; - - //defines css class for div containing paging elements, rows counter etc - this.infDivCssClass = f.inf_div_css_class || 'inf'; - //defines css class for left div - this.lDivCssClass = f.left_div_css_class || 'ldiv'; - //defines css class for right div - this.rDivCssClass = f.right_div_css_class || 'rdiv'; - //defines css class for mid div - this.mDivCssClass = f.middle_div_css_class || 'mdiv'; - //table container div css class - this.contDivCssClass = f.content_div_css_class || 'cont'; - - /*** filters' grid appearance ***/ - //stylesheet file - this.stylePath = f.style_path || this.basePath + 'style/'; - this.stylesheet = f.stylesheet || this.stylePath + 'tablefilter.css'; - this.stylesheetId = this.id + '_style'; - //defines css class for filters row - this.fltsRowCssClass = f.flts_row_css_class || 'fltrow'; - //enables/disables icons (paging, reset button) - this.enableIcons = f.enable_icons === false ? false : true; - //enables/disbles rows alternating bg colors - this.alternateRows = Boolean(f.alternate_rows); - //defines widths of columns - this.hasColWidths = _types2.default.isArray(f.col_widths); - this.colWidths = this.hasColWidths ? f.col_widths : null; - //defines css class for filters - this.fltCssClass = f.flt_css_class || 'flt'; - //defines css class for multiple selects filters - this.fltMultiCssClass = f.flt_multi_css_class || 'flt_multi'; - //defines css class for filters - this.fltSmallCssClass = f.flt_small_css_class || 'flt_s'; - //defines css class for single-filter - this.singleFltCssClass = f.single_flt_css_class || 'single_flt'; - - /*** filters' grid behaviours ***/ - //enables/disables enter key - this.enterKey = f.enter_key === false ? false : true; - //calls function before filtering starts - this.onBeforeFilter = _types2.default.isFn(f.on_before_filter) ? f.on_before_filter : null; - //calls function after filtering - this.onAfterFilter = _types2.default.isFn(f.on_after_filter) ? f.on_after_filter : null; - //enables/disables case sensitivity - this.caseSensitive = Boolean(f.case_sensitive); - //has exact match per column - this.hasExactMatchByCol = _types2.default.isArray(f.columns_exact_match); - this.exactMatchByCol = this.hasExactMatchByCol ? f.columns_exact_match : []; - //enables/disbles exact match for search - this.exactMatch = Boolean(f.exact_match); - //refreshes drop-down lists upon validation - this.linkedFilters = Boolean(f.linked_filters); - //wheter excluded options are disabled - this.disableExcludedOptions = Boolean(f.disable_excluded_options); - //stores active filter element - this.activeFlt = null; - //id of active filter - this.activeFilterId = null; - //enables always visible rows - this.hasVisibleRows = Boolean(f.rows_always_visible); - //array containing always visible rows - this.visibleRows = this.hasVisibleRows ? f.rows_always_visible : []; - //enables/disables external filters generation - this.isExternalFlt = Boolean(f.external_flt_grid); - //array containing ids of external elements containing filters - this.externalFltTgtIds = f.external_flt_grid_ids || []; - //stores filters elements if isExternalFlt is true - this.externalFltEls = []; - //delays any filtering process if loader true - this.execDelay = !isNaN(f.exec_delay) ? parseInt(f.exec_delay, 10) : 100; - //calls function when filters grid loaded - this.onFiltersLoaded = _types2.default.isFn(f.on_filters_loaded) ? f.on_filters_loaded : null; - //enables/disables single filter search - this.singleSearchFlt = Boolean(f.single_filter); - //calls function after row is validated - this.onRowValidated = _types2.default.isFn(f.on_row_validated) ? f.on_row_validated : null; - //array defining columns for customCellData event - this.customCellDataCols = f.custom_cell_data_cols ? f.custom_cell_data_cols : []; - //calls custom function for retrieving cell data - this.customCellData = _types2.default.isFn(f.custom_cell_data) ? f.custom_cell_data : null; - //input watermark text array - this.watermark = f.watermark || ''; - this.isWatermarkArray = _types2.default.isArray(this.watermark); - //id of toolbar container element - this.toolBarTgtId = f.toolbar_target_id || null; - //enables/disables help div - this.help = _types2.default.isUndef(f.help_instructions) ? undefined : Boolean(f.help_instructions); - //popup filters - this.popupFilters = Boolean(f.popup_filters); - //active columns color - this.markActiveColumns = Boolean(f.mark_active_columns); - //defines css class for active column header - this.activeColumnsCssClass = f.active_columns_css_class || 'activeHeader'; - //calls function before active column header is marked - this.onBeforeActiveColumn = _types2.default.isFn(f.on_before_active_column) ? f.on_before_active_column : null; - //calls function after active column header is marked - this.onAfterActiveColumn = _types2.default.isFn(f.on_after_active_column) ? f.on_after_active_column : null; - - /*** select filter's customisation and behaviours ***/ - //defines 1st option text - this.displayAllText = f.display_all_text || 'Clear'; - //enables/disables empty option in combo-box filters - this.enableEmptyOption = Boolean(f.enable_empty_option); - //defines empty option text - this.emptyText = f.empty_text || '(Empty)'; - //enables/disables non empty option in combo-box filters - this.enableNonEmptyOption = Boolean(f.enable_non_empty_option); - //defines empty option text - this.nonEmptyText = f.non_empty_text || '(Non empty)'; - //enables/disables onChange event on combo-box - this.onSlcChange = f.on_change === false ? false : true; - //enables/disables select options sorting - this.sortSlc = f.sort_select === false ? false : true; - //enables/disables ascending numeric options sorting - this.isSortNumAsc = Boolean(f.sort_num_asc); - this.sortNumAsc = this.isSortNumAsc ? f.sort_num_asc : []; - //enables/disables descending numeric options sorting - this.isSortNumDesc = Boolean(f.sort_num_desc); - this.sortNumDesc = this.isSortNumDesc ? f.sort_num_desc : []; - //Select filters are populated on demand - this.loadFltOnDemand = Boolean(f.load_filters_on_demand); - this.hasCustomOptions = _types2.default.isObj(f.custom_options); - this.customOptions = f.custom_options; - - /*** Filter operators ***/ - this.rgxOperator = f.regexp_operator || 'rgx:'; - this.emOperator = f.empty_operator || '[empty]'; - this.nmOperator = f.nonempty_operator || '[nonempty]'; - this.orOperator = f.or_operator || '||'; - this.anOperator = f.and_operator || '&&'; - this.grOperator = f.greater_operator || '>'; - this.lwOperator = f.lower_operator || '<'; - this.leOperator = f.lower_equal_operator || '<='; - this.geOperator = f.greater_equal_operator || '>='; - this.dfOperator = f.different_operator || '!'; - this.lkOperator = f.like_operator || '*'; - this.eqOperator = f.equal_operator || '='; - this.stOperator = f.start_with_operator || '{'; - this.enOperator = f.end_with_operator || '}'; - this.curExp = f.cur_exp || '^[¥£€$]'; - this.separator = f.separator || ','; - - /*** rows counter ***/ - //show/hides rows counter - this.rowsCounter = Boolean(f.rows_counter); - - /*** status bar ***/ - //show/hides status bar - this.statusBar = Boolean(f.status_bar); - - /*** loader ***/ - //enables/disables loader/spinner indicator - this.loader = Boolean(f.loader); - - /*** validation - reset buttons/links ***/ - //show/hides filter's validation button - this.displayBtn = Boolean(f.btn); - //defines validation button text - this.btnText = f.btn_text || (!this.enableIcons ? 'Go' : ''); - //defines css class for validation button - this.btnCssClass = f.btn_css_class || (!this.enableIcons ? 'btnflt' : 'btnflt_icon'); - //show/hides reset link - this.btnReset = Boolean(f.btn_reset); - //defines css class for reset button - this.btnResetCssClass = f.btn_reset_css_class || 'reset'; - //callback function before filters are cleared - this.onBeforeReset = _types2.default.isFn(f.on_before_reset) ? f.on_before_reset : null; - //callback function after filters are cleared - this.onAfterReset = _types2.default.isFn(f.on_after_reset) ? f.on_after_reset : null; - - /*** paging ***/ - //enables/disables table paging - this.paging = Boolean(f.paging); - this.nbVisibleRows = 0; //nb visible rows - this.nbHiddenRows = 0; //nb hidden rows - - /*** autofilter on typing ***/ - //enables/disables auto filtering, table is filtered when user stops - //typing - this.autoFilter = Boolean(f.auto_filter); - //onkeyup delay timer (msecs) - this.autoFilterDelay = !isNaN(f.auto_filter_delay) ? f.auto_filter_delay : 900; - //typing indicator - this.isUserTyping = null; - this.autoFilterTimer = null; - - /*** keyword highlighting ***/ - //enables/disables keyword highlighting - this.highlightKeywords = Boolean(f.highlight_keywords); - - /*** No results feature ***/ - this.noResults = _types2.default.isObj(f.no_results_message) || Boolean(f.no_results_message); - - // stateful - this.isStateful = _types2.default.isObj(f.stateful) || Boolean(f.stateful); - - /*** data types ***/ - //defines default date type (european DMY) - this.defaultDateType = f.default_date_type || 'DMY'; - //defines default thousands separator - //US = ',' EU = '.' - this.thousandsSeparator = f.thousands_separator || ','; - //defines default decimal separator - //US & javascript = '.' EU = ',' - this.decimalSeparator = f.decimal_separator || '.'; - //enables number format per column - this.hasColNbFormat = _types2.default.isArray(f.col_number_format); - //array containing columns nb formats - this.colNbFormat = this.hasColNbFormat ? f.col_number_format : null; - //enables date type per column - this.hasColDateType = _types2.default.isArray(f.col_date_type); - //array containing columns date type - this.colDateType = this.hasColDateType ? f.col_date_type : null; - - /*** ids prefixes ***/ - //css class name added to table - this.prfxTf = 'TF'; - //filters (inputs - selects) - this.prfxFlt = 'flt'; - //validation button - this.prfxValButton = 'btn'; - //container div for paging elements, rows counter etc. - this.prfxInfDiv = 'inf_'; - //left div - this.prfxLDiv = 'ldiv_'; - //right div - this.prfxRDiv = 'rdiv_'; - //middle div - this.prfxMDiv = 'mdiv_'; - //filter values cookie - this.prfxCookieFltsValues = 'tf_flts_'; - //page nb cookie - this.prfxCookiePageNb = 'tf_pgnb_'; - //page length cookie - this.prfxCookiePageLen = 'tf_pglen_'; - - /*** cookies ***/ - //remembers filters values on page load - this.rememberGridValues = Boolean(f.remember_grid_values); - //remembers page nb on page load - this.rememberPageNb = this.paging && f.remember_page_number; - //remembers page length on page load - this.rememberPageLen = this.paging && f.remember_page_length; - this.hasPersistence = this.rememberGridValues || this.rememberPageNb || this.rememberPageLen; - - /*** extensions ***/ - //imports external script - this.extensions = f.extensions; - this.hasExtensions = _types2.default.isArray(this.extensions); - - /*** themes ***/ - this.enableDefaultTheme = Boolean(f.enable_default_theme); - //imports themes - this.hasThemes = this.enableDefaultTheme || _types2.default.isArray(f.themes); - this.themes = f.themes || []; - //themes path - this.themesPath = f.themes_path || this.stylePath + 'themes/'; - - // Features registry - this.Mod = {}; - - // Extensions registry - this.ExtRegistry = {}; - - /*** TF events ***/ - this.Evt = { - // Detect key - - detectKey: function detectKey(e) { - if (!this.enterKey) { - return; - } - if (e) { - var key = _event2.default.keyCode(e); - if (key === 13) { - this.filter(); - _event2.default.cancel(e); - _event2.default.stop(e); - } else { - this.isUserTyping = true; - global.clearInterval(this.autoFilterTimer); - this.autoFilterTimer = null; - } - } - }, - - // if auto-filter on, detect user is typing and filter columns - onKeyUp: function onKeyUp(e) { - if (!this.autoFilter) { - return; - } - var key = _event2.default.keyCode(e); - this.isUserTyping = false; - - function filter() { - global.clearInterval(this.autoFilterTimer); - this.autoFilterTimer = null; - if (!this.isUserTyping) { - this.filter(); - this.isUserTyping = null; - } - } - - if (key !== 13 && key !== 9 && key !== 27 && key !== 38 && key !== 40) { - if (this.autoFilterTimer === null) { - this.autoFilterTimer = global.setInterval(filter.bind(this), this.autoFilterDelay); - } - } else { - global.clearInterval(this.autoFilterTimer); - this.autoFilterTimer = null; - } - }, - - // if auto-filter on, detect user is typing - onKeyDown: function onKeyDown() { - if (!this.autoFilter) { - return; - } - this.isUserTyping = true; - }, - - // if auto-filter on, clear interval on filter blur - onInpBlur: function onInpBlur() { - if (this.autoFilter) { - this.isUserTyping = false; - global.clearInterval(this.autoFilterTimer); - } - this.emitter.emit('filter-blur', this); - }, - - // set focused text-box filter as active - onInpFocus: function onInpFocus(e) { - var elm = _event2.default.target(e); - this.activeFilterId = elm.getAttribute('id'); - this.activeFlt = _dom2.default.id(this.activeFilterId); - this.emitter.emit('filter-focus', this); - } - }; - } - - /** - * Initialise features and layout - */ - - - _createClass(TableFilter, [{ - key: 'init', - value: function init() { - var _this2 = this; - - if (this._hasGrid) { - return; - } - - var Mod = this.Mod; - var n = this.singleSearchFlt ? 1 : this.nbCells, - inpclass = void 0; - - //loads stylesheet if not imported - this.import(this.stylesheetId, this.stylesheet, null, 'link'); - - //loads theme - if (this.hasThemes) { - this.loadThemes(); - } - - // Instantiate help feature and initialise only if set true - if (!Mod.help) { - Mod.help = new _help.Help(this); - } - if (this.help) { - Mod.help.init(); - } - - if (this.isStateful) { - if (!Mod.stateful) { - Mod.stateful = new _stateful.Stateful(tf); - } - Mod.stateful.init(); - } - - if (this.hasPersistence) { - if (!Mod.store) { - Mod.store = new _store.Store(this); - } - Mod.store.init(); - } - - if (this.gridLayout) { - if (!Mod.gridLayout) { - Mod.gridLayout = new _gridLayout.GridLayout(this); - } - Mod.gridLayout.init(); - } - - if (this.loader) { - if (!Mod.loader) { - Mod.loader = new _loader.Loader(this); - } - Mod.loader.init(); - } - - if (this.highlightKeywords) { - Mod.highlightKeyword = new _highlightKeywords.HighlightKeyword(this); - Mod.highlightKeyword.init(); - } - - if (this.popupFilters) { - if (!Mod.popupFilter) { - Mod.popupFilter = new _popupFilter.PopupFilter(this); - } - Mod.popupFilter.init(); - } - - //filters grid is not generated - if (!this.fltGrid) { - this._initNoFilters(); - } else { - var fltrow = this._insertFiltersRow(); - - this.nbFilterableRows = this.getRowsNb(); - this.nbVisibleRows = this.nbFilterableRows; - this.nbRows = this.tbl.rows.length; - - // Generate filters - for (var i = 0; i < n; i++) { - this.emitter.emit('before-filter-init', this, i); - - var fltcell = _dom2.default.create(this.fltCellTag), - col = this.getFilterType(i); - - if (this.singleSearchFlt) { - fltcell.colSpan = this.nbCells; - } - if (!this.gridLayout) { - fltrow.appendChild(fltcell); - } - inpclass = i == n - 1 && this.displayBtn ? this.fltSmallCssClass : this.fltCssClass; - - //only 1 input for single search - if (this.singleSearchFlt) { - col = this.fltTypeInp; - inpclass = this.singleFltCssClass; - } - - //drop-down filters - if (col === this.fltTypeSlc || col === this.fltTypeMulti) { - if (!Mod.dropdown) { - Mod.dropdown = new _dropdown.Dropdown(this); - } - Mod.dropdown.init(i, this.isExternalFlt, fltcell); - } - // checklist - else if (col === this.fltTypeCheckList) { - if (!Mod.checkList) { - Mod.checkList = new _checkList.CheckList(this); - } - Mod.checkList.init(i, this.isExternalFlt, fltcell); - } else { - this._buildInputFilter(i, inpclass, fltcell); - } - - // this adds submit button - if (i == n - 1 && this.displayBtn) { - this._buildSubmitButton(i, fltcell); - } - - this.emitter.emit('after-filter-init', this, i); - } - } //if this.fltGrid - - /* Features */ - if (this.hasVisibleRows) { - this.emitter.on(['after-filtering'], function () { - return _this2.enforceVisibility(); - }); - this.enforceVisibility(); - } - if (this.rowsCounter) { - Mod.rowsCounter = new _rowsCounter.RowsCounter(this); - Mod.rowsCounter.init(); - } - if (this.statusBar) { - Mod.statusBar = new _statusBar.StatusBar(this); - Mod.statusBar.init(); - } - if (this.paging) { - if (!Mod.paging) { - Mod.paging = new _paging.Paging(this); - Mod.paging.init(); - } else { - Mod.paging.reset(); - } - } - if (this.btnReset) { - Mod.clearButton = new _clearButton.ClearButton(this); - Mod.clearButton.init(); - } - - if (this.hasColWidths && !this.gridLayout) { - this.setColWidths(); - } - if (this.alternateRows) { - Mod.alternateRows = new _alternateRows.AlternateRows(this); - Mod.alternateRows.init(); - } - if (this.noResults) { - if (!Mod.noResults) { - Mod.noResults = new _noResults.NoResults(this); - } - Mod.noResults.init(); - } - - this._hasGrid = true; - - if (this.hasPersistence) { - this.resetFilterValues(); - } - - //TF css class is added to table - if (!this.gridLayout) { - _dom2.default.addClass(this.tbl, this.prfxTf); - } - - /* Loads extensions */ - if (this.hasExtensions) { - this.initExtensions(); - } - - // Subscribe to events - if (this.markActiveColumns) { - this.emitter.on(['before-filtering'], function () { - return _this2.clearActiveColumns(); - }); - this.emitter.on(['cell-processed'], function (tf, colIndex) { - return _this2.markActiveColumn(colIndex); - }); - } - if (this.linkedFilters) { - this.emitter.on(['after-filtering'], function () { - return _this2.linkFilters(); - }); - } - - if (this.onFiltersLoaded) { - this.onFiltersLoaded.call(null, this); - } - - this.initialized = true; - this.emitter.emit('initialized', this); - } - - /** - * Insert filters row at initialization - */ - - }, { - key: '_insertFiltersRow', - value: function _insertFiltersRow() { - if (this.gridLayout) { - return; - } - var fltrow = void 0; - - var thead = _dom2.default.tag(this.tbl, 'thead'); - if (thead.length > 0) { - fltrow = thead[0].insertRow(this.filtersRowIndex); - } else { - fltrow = this.tbl.insertRow(this.filtersRowIndex); - } - - fltrow.className = this.fltsRowCssClass; - - if (this.isExternalFlt) { - fltrow.style.display = 'none'; - } - - this.emitter.emit('filters-row-inserted', this, fltrow); - return fltrow; - } - - /** - * Initialize filtersless table - */ - - }, { - key: '_initNoFilters', - value: function _initNoFilters() { - if (this.fltGrid) { - return; - } - this.refRow = this.refRow > 0 ? this.refRow - 1 : 0; - this.nbFilterableRows = this.getRowsNb(); - this.nbVisibleRows = this.nbFilterableRows; - this.nbRows = this.nbFilterableRows + this.refRow; - } - - /** - * Build input filter type - * @param {Number} colIndex Column index - * @param {String} cssClass Css class applied to filter - * @param {DOMElement} container Container DOM element - */ - - }, { - key: '_buildInputFilter', - value: function _buildInputFilter(colIndex, cssClass, container) { - var col = this.getFilterType(colIndex); - var externalFltTgtId = this.isExternalFlt ? this.externalFltTgtIds[colIndex] : null; - var inptype = col === this.fltTypeInp ? 'text' : 'hidden'; - var inp = _dom2.default.create(this.fltTypeInp, ['id', this.prfxFlt + colIndex + '_' + this.id], ['type', inptype], ['ct', colIndex]); - - if (inptype !== 'hidden' && this.watermark) { - inp.setAttribute('placeholder', this.isWatermarkArray ? this.watermark[colIndex] || '' : this.watermark); - } - inp.className = cssClass || this.fltCssClass; - _event2.default.add(inp, 'focus', this.Evt.onInpFocus.bind(this)); - - //filter is appended in custom element - if (externalFltTgtId) { - _dom2.default.id(externalFltTgtId).appendChild(inp); - this.externalFltEls.push(inp); - } else { - container.appendChild(inp); - } - - this.fltIds.push(inp.id); - - _event2.default.add(inp, 'keypress', this.Evt.detectKey.bind(this)); - _event2.default.add(inp, 'keydown', this.Evt.onKeyDown.bind(this)); - _event2.default.add(inp, 'keyup', this.Evt.onKeyUp.bind(this)); - _event2.default.add(inp, 'blur', this.Evt.onInpBlur.bind(this)); - } - - /** - * Build submit button - * @param {Number} colIndex Column index - * @param {DOMElement} container Container DOM element - */ - - }, { - key: '_buildSubmitButton', - value: function _buildSubmitButton(colIndex, container) { - var _this3 = this; - - var externalFltTgtId = this.isExternalFlt ? this.externalFltTgtIds[colIndex] : null; - var btn = _dom2.default.create(this.fltTypeInp, ['id', this.prfxValButton + colIndex + '_' + this.id], ['type', 'button'], ['value', this.btnText]); - btn.className = this.btnCssClass; - - //filter is appended in custom element - if (externalFltTgtId) { - _dom2.default.id(externalFltTgtId).appendChild(btn); - } else { - container.appendChild(btn); - } - - _event2.default.add(btn, 'click', function () { - return _this3.filter(); - }); - } - - /** - * Return a feature instance for a given name - * @param {String} name Name of the feature - * @return {Object} - */ - - }, { - key: 'feature', - value: function feature(name) { - return this.Mod[name]; - } - - /** - * Initialise all the extensions defined in the configuration object - */ - - }, { - key: 'initExtensions', - value: function initExtensions() { - var exts = this.extensions; - // Set config's publicPath dynamically for Webpack... - __webpack_require__.p = this.basePath; - - this.emitter.emit('before-loading-extensions', this); - for (var i = 0, len = exts.length; i < len; i++) { - var ext = exts[i]; - if (!this.ExtRegistry[ext.name]) { - this.loadExtension(ext); - } - } - this.emitter.emit('after-loading-extensions', this); - } - - /** - * Load an extension module - * @param {Object} ext Extension config object - */ - - }, { - key: 'loadExtension', - value: function loadExtension(ext) { - var _this4 = this; - - if (!ext || !ext.name) { - return; - } - - var name = ext.name; - var path = ext.path; - var modulePath = void 0; - - if (name && path) { - modulePath = ext.path + name; - } else { - name = name.replace('.js', ''); - modulePath = 'extensions/{}/{}'.replace(/{}/g, name); - } - - // Require pattern for Webpack - __webpack_require__.e/* require */(1, function(__webpack_require__) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__(27)("./" + modulePath)]; (function (mod) { - /* eslint-disable */ - var inst = new mod.default(_this4, ext); - /* eslint-enable */ - inst.init(); - _this4.ExtRegistry[name] = inst; - }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); - } - - /** - * Get an extension instance - * @param {String} name Name of the extension - * @return {Object} Extension instance - */ - - }, { - key: 'extension', - value: function extension(name) { - return this.ExtRegistry[name]; - } - - /** - * Check passed extension name exists - * @param {String} name Name of the extension - * @return {Boolean} - */ - - }, { - key: 'hasExtension', - value: function hasExtension(name) { - return !_types2.default.isEmpty(this.ExtRegistry[name]); - } - - /** - * Destroy all the extensions defined in the configuration object - */ - - }, { - key: 'destroyExtensions', - value: function destroyExtensions() { - var exts = this.extensions; - - for (var i = 0, len = exts.length; i < len; i++) { - var ext = exts[i]; - var extInstance = this.ExtRegistry[ext.name]; - if (extInstance) { - extInstance.destroy(); - this.ExtRegistry[ext.name] = null; - } - } - } - - /** - * Load themes defined in the configuration object - */ - - }, { - key: 'loadThemes', - value: function loadThemes() { - var themes = this.themes; - this.emitter.emit('before-loading-themes', this); - - //Default theme config - if (this.enableDefaultTheme) { - var defaultTheme = { name: 'default' }; - this.themes.push(defaultTheme); - } - if (_types2.default.isArray(themes)) { - for (var i = 0, len = themes.length; i < len; i++) { - 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) { - name = 'theme{0}'.replace('{0}', i); - } - - if (!this.isImported(path, 'link')) { - this.import(styleId, path, null, 'link'); - } - } - } - - //Some elements need to be overriden for default theme - //Reset button - this.btnResetText = null; - this.btnResetHtml = ''; - - //Paging buttons - this.btnPrevPageHtml = ''; - this.btnNextPageHtml = ''; - this.btnFirstPageHtml = ''; - this.btnLastPageHtml = ''; - - //Loader - this.loader = true; - this.loaderHtml = '
'; - this.loaderText = null; - - this.emitter.emit('after-loading-themes', this); - } - - /** - * Return stylesheet DOM element for a given theme name - * @return {DOMElement} stylesheet element - */ - - }, { - key: 'getStylesheet', - value: function getStylesheet() { - var name = arguments.length <= 0 || arguments[0] === undefined ? 'default' : arguments[0]; - - return _dom2.default.id(this.prfxTf + name); - } - - /** - * Destroy filter grid - */ - - }, { - key: 'destroy', - value: function destroy() { - var _this5 = this; - - if (!this._hasGrid) { - return; - } - var rows = this.tbl.rows, - Mod = this.Mod, - emitter = this.emitter; - - if (this.isExternalFlt && !this.popupFilters) { - this.removeExternalFlts(); - } - if (this.infDiv) { - this.removeToolbar(); - } - if (this.markActiveColumns) { - this.clearActiveColumns(); - emitter.off(['before-filtering'], function () { - return _this5.clearActiveColumns(); - }); - emitter.off(['cell-processed'], function (tf, colIndex) { - return _this5.markActiveColumn(colIndex); - }); - } - if (this.hasExtensions) { - this.destroyExtensions(); - } - - this.validateAllRows(); - - if (this.fltGrid && !this.gridLayout) { - this.fltGridEl = rows[this.filtersRowIndex]; - this.tbl.deleteRow(this.filtersRowIndex); - } - - // broadcast destroy event - emitter.emit('destroy', this); - - // Destroy modules - // TODO: subcribe modules to destroy event instead - Object.keys(Mod).forEach(function (key) { - var feature = Mod[key]; - if (feature && _types2.default.isFn(feature.destroy)) { - feature.destroy(); - } - }); - - // unsubscribe to events - if (this.hasVisibleRows) { - emitter.off(['after-filtering'], function () { - return _this5.enforceVisibility(); - }); - } - if (this.linkedFilters) { - emitter.off(['after-filtering'], function () { - return _this5.linkFilters(); - }); - } - - _dom2.default.removeClass(this.tbl, this.prfxTf); - this.nbHiddenRows = 0; - this.validRowsIndex = []; - this.fltIds = []; - this.activeFlt = null; - this._hasGrid = false; - this.initialized = false; - } - - /** - * Generate container element for paging, reset button, rows counter etc. - */ - - }, { - key: 'setToolbar', - value: function setToolbar() { - if (this.infDiv) { - return; - } - - /*** container div ***/ - var infdiv = _dom2.default.create('div', ['id', this.prfxInfDiv + this.id]); - infdiv.className = this.infDivCssClass; - - //custom container - if (this.toolBarTgtId) { - _dom2.default.id(this.toolBarTgtId).appendChild(infdiv); - } - //grid-layout - else if (this.gridLayout) { - var gridLayout = this.Mod.gridLayout; - gridLayout.tblMainCont.appendChild(infdiv); - infdiv.className = gridLayout.gridInfDivCssClass; - } - //default location: just above the table - else { - var cont = _dom2.default.create('caption'); - cont.appendChild(infdiv); - this.tbl.insertBefore(cont, this.tbl.firstChild); - } - this.infDiv = _dom2.default.id(this.prfxInfDiv + this.id); - - /*** left div containing rows # displayer ***/ - var ldiv = _dom2.default.create('div', ['id', this.prfxLDiv + this.id]); - ldiv.className = this.lDivCssClass; - infdiv.appendChild(ldiv); - this.lDiv = _dom2.default.id(this.prfxLDiv + this.id); - - /*** right div containing reset button - + nb results per page select ***/ - var rdiv = _dom2.default.create('div', ['id', this.prfxRDiv + this.id]); - rdiv.className = this.rDivCssClass; - infdiv.appendChild(rdiv); - this.rDiv = _dom2.default.id(this.prfxRDiv + this.id); - - /*** mid div containing paging elements ***/ - var mdiv = _dom2.default.create('div', ['id', this.prfxMDiv + this.id]); - mdiv.className = this.mDivCssClass; - infdiv.appendChild(mdiv); - this.mDiv = _dom2.default.id(this.prfxMDiv + this.id); - - // emit help initialisation only if undefined - if (_types2.default.isUndef(this.help)) { - this.emitter.emit('init-help', this); - } - } - - /** - * Remove toolbar container element - */ - - }, { - key: 'removeToolbar', - value: function removeToolbar() { - if (!this.infDiv) { - return; - } - _dom2.default.remove(this.infDiv); - this.infDiv = null; - - var tbl = this.tbl; - var captions = _dom2.default.tag(tbl, 'caption'); - if (captions.length > 0) { - [].forEach.call(captions, function (elm) { - return tbl.removeChild(elm); - }); - } - } - - /** - * Remove all the external column filters - */ - - }, { - key: 'removeExternalFlts', - value: function removeExternalFlts() { - if (!this.isExternalFlt) { - return; - } - var ids = this.externalFltTgtIds, - len = ids.length; - for (var ct = 0; ct < len; ct++) { - var externalFltTgtId = ids[ct], - externalFlt = _dom2.default.id(externalFltTgtId); - if (externalFlt) { - externalFlt.innerHTML = ''; - } - } - } - - /** - * Check if given column implements a filter with custom options - * @param {Number} colIndex Column's index - * @return {Boolean} - */ - - }, { - key: 'isCustomOptions', - value: function isCustomOptions(colIndex) { - return this.hasCustomOptions && this.customOptions.cols.indexOf(colIndex) != -1; - } - - /** - * Returns an array [[value0, value1 ...],[text0, text1 ...]] with the - * custom options values and texts - * @param {Number} colIndex Column's index - * @return {Array} - */ - - }, { - key: 'getCustomOptions', - value: function getCustomOptions(colIndex) { - if (_types2.default.isEmpty(colIndex) || !this.isCustomOptions(colIndex)) { - return; - } - - var customOptions = this.customOptions; - var cols = customOptions.cols; - var optTxt = [], - optArray = []; - var index = cols.indexOf(colIndex); - var slcValues = customOptions.values[index]; - var slcTexts = customOptions.texts[index]; - var slcSort = customOptions.sorts[index]; - - for (var r = 0, len = slcValues.length; r < len; r++) { - optArray.push(slcValues[r]); - if (slcTexts[r]) { - optTxt.push(slcTexts[r]); - } else { - optTxt.push(slcValues[r]); - } - } - if (slcSort) { - optArray.sort(); - optTxt.sort(); - } - return [optArray, optTxt]; - } - - /** - * Reset persisted filter values - */ - - }, { - key: 'resetFilterValues', - value: function resetFilterValues() { - var _this6 = this; - - if (!this.rememberGridValues) { - return; - } - - var storeValues = this.Mod.store.getFilterValues(); - storeValues.forEach(function (val, idx) { - if (val !== ' ') { - _this6.setFilterValue(idx, val); - } - }); - this.filter(); - } - - /** - * Filter the table by retrieving the data from each cell in every single - * row and comparing it to the search term for current column. A row is - * hidden when all the search terms are not found in inspected row. - */ - - }, { - key: 'filter', - value: function filter() { - if (!this.fltGrid || !this._hasGrid) { - return; - } - //invoke onbefore callback - if (this.onBeforeFilter) { - this.onBeforeFilter.call(null, this); - } - this.emitter.emit('before-filtering', this); - - var row = this.tbl.rows, - hiddenrows = 0; - - this.validRowsIndex = []; - // search args re-init - var searchArgs = this.getFiltersValue(); - - var numCellData, nbFormat; - var re_le = new RegExp(this.leOperator), - re_ge = new RegExp(this.geOperator), - re_l = new RegExp(this.lwOperator), - re_g = new RegExp(this.grOperator), - re_d = new RegExp(this.dfOperator), - re_lk = new RegExp(_string2.default.rgxEsc(this.lkOperator)), - re_eq = new RegExp(this.eqOperator), - re_st = new RegExp(this.stOperator), - re_en = new RegExp(this.enOperator), - - // re_an = new RegExp(this.anOperator), - // re_cr = new RegExp(this.curExp), - re_em = this.emOperator, - re_nm = this.nmOperator, - re_re = new RegExp(_string2.default.rgxEsc(this.rgxOperator)); - - //keyword highlighting - function highlight(str, ok, cell) { - /*jshint validthis:true */ - if (this.highlightKeywords && ok) { - str = str.replace(re_lk, ''); - str = str.replace(re_eq, ''); - str = str.replace(re_st, ''); - str = str.replace(re_en, ''); - var w = str; - if (re_le.test(str) || re_ge.test(str) || re_l.test(str) || re_g.test(str) || re_d.test(str)) { - w = _dom2.default.getText(cell); - } - if (w !== '') { - this.emitter.emit('highlight-keyword', this, cell, w); - } - } - } - - //looks for search argument in current row - function hasArg(sA, cellData, j) { - /*jshint validthis:true */ - sA = _string2.default.matchCase(sA, this.caseSensitive); - - var occurence = void 0, - removeNbFormat = _helpers2.default.removeNbFormat; - - //Search arg operator tests - var hasLO = re_l.test(sA), - hasLE = re_le.test(sA), - hasGR = re_g.test(sA), - hasGE = re_ge.test(sA), - hasDF = re_d.test(sA), - hasEQ = re_eq.test(sA), - hasLK = re_lk.test(sA), - - // hasAN = re_an.test(sA), - hasST = re_st.test(sA), - hasEN = re_en.test(sA), - hasEM = re_em === sA, - hasNM = re_nm === sA, - hasRE = re_re.test(sA); - - //Search arg dates tests - var isLDate = hasLO && _date2.default.isValid(sA.replace(re_l, ''), dtType); - var isLEDate = hasLE && _date2.default.isValid(sA.replace(re_le, ''), dtType); - var isGDate = hasGR && _date2.default.isValid(sA.replace(re_g, ''), dtType); - var isGEDate = hasGE && _date2.default.isValid(sA.replace(re_ge, ''), dtType); - var isDFDate = hasDF && _date2.default.isValid(sA.replace(re_d, ''), dtType); - var isEQDate = hasEQ && _date2.default.isValid(sA.replace(re_eq, ''), dtType); - - var dte1 = void 0, - dte2 = void 0; - //dates - if (_date2.default.isValid(cellData, dtType)) { - dte1 = _date2.default.format(cellData, dtType); - // lower date - if (isLDate) { - dte2 = _date2.default.format(sA.replace(re_l, ''), dtType); - occurence = dte1 < dte2; - } - // lower equal date - else if (isLEDate) { - dte2 = _date2.default.format(sA.replace(re_le, ''), dtType); - occurence = dte1 <= dte2; - } - // greater equal date - else if (isGEDate) { - dte2 = _date2.default.format(sA.replace(re_ge, ''), dtType); - occurence = dte1 >= dte2; - } - // greater date - else if (isGDate) { - dte2 = _date2.default.format(sA.replace(re_g, ''), dtType); - occurence = dte1 > dte2; - } - // different date - else if (isDFDate) { - dte2 = _date2.default.format(sA.replace(re_d, ''), dtType); - occurence = dte1.toString() != dte2.toString(); - } - // equal date - else if (isEQDate) { - dte2 = _date2.default.format(sA.replace(re_eq, ''), dtType); - occurence = dte1.toString() == dte2.toString(); - } - // searched keyword with * operator doesn't have to be a date - else if (re_lk.test(sA)) { - // like date - occurence = _string2.default.contains(sA.replace(re_lk, ''), cellData, false, this.caseSensitive); - } else if (_date2.default.isValid(sA, dtType)) { - dte2 = _date2.default.format(sA, dtType); - occurence = dte1.toString() === dte2.toString(); - } - //empty - else if (hasEM) { - occurence = _string2.default.isEmpty(cellData); - } - //non-empty - else if (hasNM) { - occurence = !_string2.default.isEmpty(cellData); - } else { - occurence = _string2.default.contains(sA, cellData, this.isExactMatch(j), this.caseSensitive); - } - } else { - //first numbers need to be formated - if (this.hasColNbFormat && this.colNbFormat[j]) { - numCellData = removeNbFormat(cellData, this.colNbFormat[j]); - nbFormat = this.colNbFormat[j]; - } else { - if (this.thousandsSeparator === ',' && this.decimalSeparator === '.') { - numCellData = removeNbFormat(cellData, 'us'); - nbFormat = 'us'; - } else { - numCellData = removeNbFormat(cellData, 'eu'); - nbFormat = 'eu'; - } - } - - // first checks if there is any operator (<,>,<=,>=,!,*,=,{,}, - // rgx:) - // lower equal - if (hasLE) { - occurence = numCellData <= removeNbFormat(sA.replace(re_le, ''), nbFormat); - } - //greater equal - else if (hasGE) { - occurence = numCellData >= removeNbFormat(sA.replace(re_ge, ''), nbFormat); - } - //lower - else if (hasLO) { - occurence = numCellData < removeNbFormat(sA.replace(re_l, ''), nbFormat); - } - //greater - else if (hasGR) { - occurence = numCellData > removeNbFormat(sA.replace(re_g, ''), nbFormat); - } - //different - else if (hasDF) { - occurence = _string2.default.contains(sA.replace(re_d, ''), cellData, false, this.caseSensitive) ? false : true; - } - //like - else if (hasLK) { - occurence = _string2.default.contains(sA.replace(re_lk, ''), cellData, false, this.caseSensitive); - } - //equal - else if (hasEQ) { - occurence = _string2.default.contains(sA.replace(re_eq, ''), cellData, true, this.caseSensitive); - } - //starts with - else if (hasST) { - occurence = cellData.indexOf(sA.replace(re_st, '')) === 0 ? true : false; - } - //ends with - else if (hasEN) { - var searchArg = sA.replace(re_en, ''); - occurence = cellData.lastIndexOf(searchArg, cellData.length - 1) === cellData.length - 1 - (searchArg.length - 1) && cellData.lastIndexOf(searchArg, cellData.length - 1) > -1 ? true : false; - } - //empty - else if (hasEM) { - occurence = _string2.default.isEmpty(cellData); - } - //non-empty - else if (hasNM) { - occurence = !_string2.default.isEmpty(cellData); - } - //regexp - else if (hasRE) { - //in case regexp fires an exception - try { - //operator is removed - var srchArg = sA.replace(re_re, ''); - var rgx = new RegExp(srchArg); - occurence = rgx.test(cellData); - } catch (e) { - occurence = false; - } - } else { - occurence = _string2.default.contains(sA, cellData, this.isExactMatch(j), this.caseSensitive); - } - } //else - return occurence; - } //fn - - for (var k = this.refRow; k < this.nbRows; k++) { - // already filtered rows display re-init - row[k].style.display = ''; - - var cell = row[k].cells, - nchilds = cell.length; - - // checks if row has exact cell # - if (nchilds !== this.nbCells) { - continue; - } - - var occurence = [], - isRowValid = true, - - //only for single filter search - singleFltRowValid = false; - - // this loop retrieves cell data - for (var j = 0; j < nchilds; j++) { - //searched keyword - var sA = searchArgs[this.singleSearchFlt ? 0 : j]; - var dtType = this.hasColDateType ? this.colDateType[j] : this.defaultDateType; - - if (sA === '') { - continue; - } - - var cellData = _string2.default.matchCase(this.getCellData(cell[j]), this.caseSensitive); - - //multiple search parameter operator || - var sAOrSplit = sA.toString().split(this.orOperator), - - //multiple search || parameter boolean - hasMultiOrSA = sAOrSplit.length > 1, - - //multiple search parameter operator && - sAAndSplit = sA.toString().split(this.anOperator), - - //multiple search && parameter boolean - hasMultiAndSA = sAAndSplit.length > 1; - - //detect operators or array query - if (_types2.default.isArray(sA) || hasMultiOrSA || hasMultiAndSA) { - var cS = void 0, - s = void 0, - occur = false; - if (_types2.default.isArray(sA)) { - s = sA; - } else { - s = hasMultiOrSA ? sAOrSplit : sAAndSplit; - } - // TODO: improve clarity/readability of this block - for (var w = 0, len = s.length; w < len; w++) { - cS = _string2.default.trim(s[w]); - occur = hasArg.call(this, cS, cellData, j); - highlight.call(this, cS, occur, cell[j]); - if (hasMultiOrSA && occur || hasMultiAndSA && !occur) { - break; - } - if (_types2.default.isArray(sA) && occur) { - break; - } - } - occurence[j] = occur; - } - //single search parameter - else { - occurence[j] = hasArg.call(this, _string2.default.trim(sA), cellData, j); - highlight.call(this, sA, occurence[j], cell[j]); - } //else single param - - if (!occurence[j]) { - isRowValid = false; - } - if (this.singleSearchFlt && occurence[j]) { - singleFltRowValid = true; - } - - this.emitter.emit('cell-processed', this, j, cell[j]); - } //for j - - if (this.singleSearchFlt && singleFltRowValid) { - isRowValid = true; - } - - if (!isRowValid) { - this.validateRow(k, false); - hiddenrows++; - } else { - this.validateRow(k, true); - } - - this.emitter.emit('row-processed', this, k, this.validRowsIndex.length, isRowValid); - } // for k - - this.nbVisibleRows = this.validRowsIndex.length; - this.nbHiddenRows = hiddenrows; - - //invokes onafterfilter callback - if (this.onAfterFilter) { - this.onAfterFilter.call(null, this); - } - - this.emitter.emit('after-filtering', this); - } - - /** - * Return the data of a specified column - * @param {Number} colIndex Column index - * @param {Boolean} includeHeaders Optional: include headers row - * @param {Boolean} num Optional: return unformatted number - * @param {Array} exclude Optional: list of row indexes to be excluded - * @return {Array} Flat list of data for a column - */ - - }, { - key: 'getColValues', - value: function getColValues(colIndex) { - var includeHeaders = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1]; - var num = arguments.length <= 2 || arguments[2] === undefined ? false : arguments[2]; - var exclude = arguments.length <= 3 || arguments[3] === undefined ? [] : arguments[3]; - - if (!this.fltGrid) { - return; - } - var row = this.tbl.rows, - colValues = []; - - if (includeHeaders) { - colValues.push(this.getHeadersText()[colIndex]); - } - - for (var i = this.refRow; i < this.nbRows; i++) { - var isExludedRow = false; - // checks if current row index appears in exclude array - if (exclude.length > 0) { - isExludedRow = exclude.indexOf(i) != -1; - } - var cell = row[i].cells, - nchilds = cell.length; - - // checks if row has exact cell # and is not excluded - if (nchilds === this.nbCells && !isExludedRow) { - // this loop retrieves cell data - for (var j = 0; j < nchilds; j++) { - if (j != colIndex || row[i].style.display !== '') { - continue; - } - var cellData = this.getCellData(cell[j]), - nbFormat = this.colNbFormat ? this.colNbFormat[colIndex] : null, - data = num ? _helpers2.default.removeNbFormat(cellData, nbFormat) : cellData; - colValues.push(data); - } - } - } - return colValues; - } - - /** - * Return the filter's value of a specified column - * @param {Number} index Column index - * @return {String} Filter value - */ - - }, { - key: 'getFilterValue', - value: function getFilterValue(index) { - if (!this.fltGrid) { - return; - } - var fltValue = '', - fltValues = [], - flt = this.getFilterElement(index); - if (!flt) { - return ''; - } - - var fltColType = this.getFilterType(index); - if (fltColType !== this.fltTypeMulti && fltColType !== this.fltTypeCheckList) { - fltValue = flt.value; - } - //mutiple select - else if (fltColType === this.fltTypeMulti) { - // TODO: extract a method in dropdown module from below - for (var j = 0, len = flt.options.length; j < len; j++) { - if (flt.options[j].selected) { - fltValues.push(flt.options[j].value); - } - } - //return empty string if collection is empty - fltValue = fltValues.length > 0 ? fltValues : ''; - } - //checklist - else if (fltColType === this.fltTypeCheckList) { - // TODO: extract a method in checklist module from below - if (flt.getAttribute('value') !== null) { - fltValues = flt.getAttribute('value'); - //removes last operator || - fltValues = fltValues.substr(0, fltValues.length - 3); - //convert || separated values into array - fltValues = fltValues.split(' ' + this.orOperator + ' '); - } - //return empty string if collection is empty - fltValue = fltValues.length > 0 ? fltValues : ''; - } - //return an empty string if collection contains a single empty string - if (_types2.default.isArray(fltValue) && fltValue.length === 1 && fltValue[0] === '') { - fltValue = ''; - } - return fltValue; - } - - /** - * Return the filters' values - * @return {Array} List of filters' values - */ - - }, { - key: 'getFiltersValue', - value: function getFiltersValue() { - if (!this.fltGrid) { - return; - } - var searchArgs = []; - for (var i = 0, len = this.fltIds.length; i < len; i++) { - var fltValue = this.getFilterValue(i); - if (_types2.default.isArray(fltValue)) { - searchArgs.push(fltValue); - } else { - searchArgs.push(_string2.default.trim(fltValue)); - } - } - return searchArgs; - } - - /** - * Return the ID of the filter of a specified column - * @param {Number} index Column's index - * @return {String} ID of the filter element - */ - - }, { - key: 'getFilterId', - value: function getFilterId(index) { - if (!this.fltGrid) { - return; - } - return this.fltIds[index]; - } - - /** - * Return the list of ids of filters matching a specified type. - * Note: hidden filters are also returned - * - * @param {String} type Filter type string ('input', 'select', 'multiple', - * 'checklist') - * @param {Boolean} bool If true returns columns indexes instead of IDs - * @return {[type]} List of element IDs or column indexes - */ - - }, { - key: 'getFiltersByType', - value: function getFiltersByType(type, bool) { - if (!this.fltGrid) { - return; - } - var arr = []; - for (var i = 0, len = this.fltIds.length; i < len; i++) { - var fltType = this.getFilterType(i); - if (fltType === _string2.default.lower(type)) { - var a = bool ? i : this.fltIds[i]; - arr.push(a); - } - } - return arr; - } - - /** - * Return the filter's DOM element for a given column - * @param {Number} index Column's index - * @return {DOMElement} - */ - - }, { - key: 'getFilterElement', - value: function getFilterElement(index) { - var fltId = this.fltIds[index]; - return _dom2.default.id(fltId); - } - - /** - * Return the number of cells for a given row index - * @param {Number} rowIndex Index of the row - * @return {Number} Number of cells - */ - - }, { - key: 'getCellsNb', - value: function getCellsNb() { - var rowIndex = arguments.length <= 0 || arguments[0] === undefined ? 0 : arguments[0]; - - var tr = this.tbl.rows[rowIndex]; - return tr.cells.length; - } - - /** - * Return the number of filterable rows starting from reference row if - * defined - * @param {Boolean} includeHeaders Include the headers row - * @return {Number} Number of filterable rows - */ - - }, { - key: 'getRowsNb', - value: function getRowsNb(includeHeaders) { - var s = _types2.default.isUndef(this.refRow) ? 0 : this.refRow, - ntrs = this.tbl.rows.length; - if (includeHeaders) { - s = 0; - } - return parseInt(ntrs - s, 10); - } - - /** - * Return the data of a given cell - * @param {DOMElement} cell Cell's DOM object - * @return {String} - */ - - }, { - key: 'getCellData', - value: function getCellData(cell) { - var idx = cell.cellIndex; - //Check for customCellData callback - if (this.customCellData && this.customCellDataCols.indexOf(idx) != -1) { - return this.customCellData.call(null, this, cell, idx); - } else { - return _dom2.default.getText(cell); - } - } - - /** - * Return the table data with following format: - * [ - * [rowIndex, [value0, value1...]], - * [rowIndex, [value0, value1...]] - * ] - * @param {Boolean} includeHeaders Optional: include headers row - * @param {Boolean} excludeHiddenCols Optional: exclude hidden columns - * @return {Array} - * - * TODO: provide an API returning data in JSON format - */ - - }, { - key: 'getTableData', - value: function getTableData() { - var includeHeaders = arguments.length <= 0 || arguments[0] === undefined ? false : arguments[0]; - var excludeHiddenCols = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1]; - - var rows = this.tbl.rows; - var tblData = []; - if (includeHeaders) { - var headers = this.getHeadersText(excludeHiddenCols); - tblData.push([this.getHeadersRowIndex(), headers]); - } - for (var k = this.refRow; k < this.nbRows; k++) { - var rowData = [k, []]; - var cells = rows[k].cells; - for (var j = 0, len = cells.length; j < len; j++) { - if (excludeHiddenCols && this.hasExtension('colsVisibility')) { - if (this.extension('colsVisibility').isColHidden(j)) { - continue; - } - } - var cellData = this.getCellData(cells[j]); - rowData[1].push(cellData); - } - tblData.push(rowData); - } - return tblData; - } - - /** - * Return the filtered data with following format: - * [ - * [rowIndex, [value0, value1...]], - * [rowIndex, [value0, value1...]] - * ] - * @param {Boolean} includeHeaders Optional: include headers row - * @param {Boolean} excludeHiddenCols Optional: exclude hidden columns - * @return {Array} - * - * TODO: provide an API returning data in JSON format - */ - - }, { - key: 'getFilteredData', - value: function getFilteredData() { - var includeHeaders = arguments.length <= 0 || arguments[0] === undefined ? false : arguments[0]; - var excludeHiddenCols = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1]; - - if (!this.validRowsIndex) { - return []; - } - var rows = this.tbl.rows, - filteredData = []; - if (includeHeaders) { - var headers = this.getHeadersText(excludeHiddenCols); - filteredData.push([this.getHeadersRowIndex(), headers]); - } - - var validRows = this.getValidRows(true); - for (var i = 0; i < validRows.length; i++) { - var rData = [this.validRowsIndex[i], []], - cells = rows[this.validRowsIndex[i]].cells; - for (var k = 0; k < cells.length; k++) { - if (excludeHiddenCols && this.hasExtension('colsVisibility')) { - if (this.extension('colsVisibility').isColHidden(k)) { - continue; - } - } - var cellData = this.getCellData(cells[k]); - rData[1].push(cellData); - } - filteredData.push(rData); - } - return filteredData; - } - - /** - * Return the filtered data for a given column index - * @param {Number} colIndex Colmun's index - * @param {Boolean} includeHeaders Optional: include headers row - * @return {Array} Flat list of values ['val0','val1','val2'...] - * - * TODO: provide an API returning data in JSON format - */ - - }, { - key: 'getFilteredDataCol', - value: function getFilteredDataCol(colIndex) { - var includeHeaders = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1]; - - if (_types2.default.isUndef(colIndex)) { - return []; - } - var data = this.getFilteredData(), - colData = []; - if (includeHeaders) { - colData.push(this.getHeadersText()[colIndex]); - } - for (var i = 0, len = data.length; i < len; i++) { - var r = data[i], - - //cols values of current row - d = r[1], - - //data of searched column - c = d[colIndex]; - colData.push(c); - } - return colData; - } - - /** - * Get the display value of a row - * @param {RowElement} row DOM element of the row - * @return {String} Usually 'none' or '' - */ - - }, { - key: 'getRowDisplay', - value: function getRowDisplay(row) { - if (!_types2.default.isObj(row)) { - return null; - } - return row.style.display; - } - - /** - * Validate/invalidate row by setting the 'validRow' attribute on the row - * @param {Number} rowIndex Index of the row - * @param {Boolean} isValid - */ - - }, { - key: 'validateRow', - value: function validateRow(rowIndex, isValid) { - var row = this.tbl.rows[rowIndex]; - if (!row || typeof isValid !== 'boolean') { - return; - } - - // always visible rows are valid - if (this.hasVisibleRows && this.visibleRows.indexOf(rowIndex) !== -1) { - isValid = true; - } - - var displayFlag = isValid ? '' : 'none', - validFlag = isValid ? 'true' : 'false'; - row.style.display = displayFlag; - - if (this.paging) { - row.setAttribute('validRow', validFlag); - } - - if (isValid) { - if (this.validRowsIndex.indexOf(rowIndex) === -1) { - this.validRowsIndex.push(rowIndex); - } - - if (this.onRowValidated) { - this.onRowValidated.call(null, this, rowIndex); - } - - this.emitter.emit('row-validated', this, rowIndex); - } - } - - /** - * Validate all filterable rows - */ - - }, { - key: 'validateAllRows', - value: function validateAllRows() { - if (!this._hasGrid) { - return; - } - this.validRowsIndex = []; - for (var k = this.refRow; k < this.nbFilterableRows; k++) { - this.validateRow(k, true); - } - } - - /** - * Set search value to a given filter - * @param {Number} index Column's index - * @param {String or Array} query searcharg Search term - */ - - }, { - key: 'setFilterValue', - value: function setFilterValue(index) { - var query = arguments.length <= 1 || arguments[1] === undefined ? '' : arguments[1]; - - if (!this.fltGrid) { - return; - } - var slc = this.getFilterElement(index), - fltColType = this.getFilterType(index); - - if (fltColType !== this.fltTypeMulti && fltColType != this.fltTypeCheckList) { - if (this.loadFltOnDemand && !this.initialized) { - this.emitter.emit('build-select-filter', this, index, this.linkedFilters, this.isExternalFlt); - } - slc.value = query; - } - //multiple selects - else if (fltColType === this.fltTypeMulti) { - var values = _types2.default.isArray(query) ? query : query.split(' ' + this.orOperator + ' '); - - if (this.loadFltOnDemand && !this.initialized) { - this.emitter.emit('build-select-filter', this, index, this.linkedFilters, this.isExternalFlt); - } - - this.emitter.emit('select-options', this, index, values); - } - //checklist - else if (fltColType === this.fltTypeCheckList) { - var values = []; - if (this.loadFltOnDemand && !this.initialized) { - this.emitter.emit('build-checklist-filter', this, index, this.isExternalFlt); - } - if (_types2.default.isArray(query)) { - values = query; - } else { - query = _string2.default.matchCase(query, this.caseSensitive); - values = query.split(' ' + this.orOperator + ' '); - } - - this.emitter.emit('select-checklist-options', this, index, values); - } - } - - /** - * Set them columns' widths as per configuration - * @param {Element} tbl DOM element - */ - - }, { - key: 'setColWidths', - value: function setColWidths(tbl) { - if (!this.hasColWidths) { - return; - } - tbl = tbl || this.tbl; - - setWidths.call(this); - - function setWidths() { - var nbCols = this.nbCells; - var colWidths = this.colWidths; - var colTags = _dom2.default.tag(tbl, 'col'); - var tblHasColTag = colTags.length > 0; - var frag = !tblHasColTag ? doc.createDocumentFragment() : null; - for (var k = 0; k < nbCols; k++) { - var col = void 0; - if (tblHasColTag) { - col = colTags[k]; - } else { - col = _dom2.default.create('col', ['id', this.id + '_col_' + k]); - frag.appendChild(col); - } - col.style.width = colWidths[k]; - } - if (!tblHasColTag) { - tbl.insertBefore(frag, tbl.firstChild); - } - } - } - - /** - * Makes defined rows always visible - */ - - }, { - key: 'enforceVisibility', - value: function enforceVisibility() { - if (!this.hasVisibleRows) { - return; - } - for (var i = 0, len = this.visibleRows.length; i < len; i++) { - var row = this.visibleRows[i]; - //row index cannot be > nrows - if (row <= this.nbRows) { - this.validateRow(row, true); - } - } - } - - /** - * Clear all the filters' values - */ - - }, { - key: 'clearFilters', - value: function clearFilters() { - if (!this.fltGrid) { - return; - } - - this.emitter.emit('before-clearing-filters', this); - - if (this.onBeforeReset) { - this.onBeforeReset.call(null, this, this.getFiltersValue()); - } - for (var i = 0, len = this.fltIds.length; i < len; i++) { - this.setFilterValue(i, ''); - } - - this.filter(); - - if (this.onAfterReset) { - this.onAfterReset.call(null, this); - } - this.emitter.emit('after-clearing-filters', this); - } - - /** - * Clears filtered columns visual indicator (background color) - */ - - }, { - key: 'clearActiveColumns', - value: function clearActiveColumns() { - for (var i = 0, len = this.getCellsNb(this.headersRow); i < len; i++) { - _dom2.default.removeClass(this.getHeaderElement(i), this.activeColumnsCssClass); - } - } - - /** - * Mark currently filtered column - * @param {Number} colIndex Column index - */ - - }, { - key: 'markActiveColumn', - value: function markActiveColumn(colIndex) { - var header = this.getHeaderElement(colIndex); - if (_dom2.default.hasClass(header, this.activeColumnsCssClass)) { - return; - } - if (this.onBeforeActiveColumn) { - this.onBeforeActiveColumn.call(null, this, colIndex); - } - _dom2.default.addClass(header, this.activeColumnsCssClass); - if (this.onAfterActiveColumn) { - this.onAfterActiveColumn.call(null, this, colIndex); - } - } - - /** - * Refresh the filters subject to linking ('select', 'multiple', - * 'checklist' type) - */ - - }, { - key: 'linkFilters', - value: function linkFilters() { - if (!this.linkedFilters || !this.activeFilterId) { - return; - } - var slcA1 = this.getFiltersByType(this.fltTypeSlc, true), - slcA2 = this.getFiltersByType(this.fltTypeMulti, true), - slcA3 = this.getFiltersByType(this.fltTypeCheckList, true), - slcIndex = slcA1.concat(slcA2); - slcIndex = slcIndex.concat(slcA3); - - var activeFlt = this.activeFilterId.split('_')[0]; - activeFlt = activeFlt.split(this.prfxFlt)[1]; - var slcSelectedValue = void 0; - for (var i = 0, len = slcIndex.length; i < len; i++) { - var curSlc = _dom2.default.id(this.fltIds[slcIndex[i]]); - slcSelectedValue = this.getFilterValue(slcIndex[i]); - - // Welcome to cyclomatic complexity hell :) - // TODO: simplify/refactor if statement - if (activeFlt !== slcIndex[i] || this.paging && slcA1.indexOf(slcIndex[i]) != -1 && activeFlt === slcIndex[i] || !this.paging && (slcA3.indexOf(slcIndex[i]) != -1 || slcA2.indexOf(slcIndex[i]) != -1) || slcSelectedValue === this.displayAllText) { - - //1st option needs to be inserted - if (this.loadFltOnDemand) { - var opt0 = _dom2.default.createOpt(this.displayAllText, ''); - curSlc.innerHTML = ''; - curSlc.appendChild(opt0); - } - - if (slcA3.indexOf(slcIndex[i]) != -1) { - this.emitter.emit('build-checklist-filter', this, slcIndex[i]); - } else { - this.emitter.emit('build-select-filter', this, slcIndex[i], true); - } - - this.setFilterValue(slcIndex[i], slcSelectedValue); - } - } // for i - } - - /** - * Determines if passed filter column implements exact query match - * @param {Number} colIndex [description] - * @return {Boolean} [description] - */ - - }, { - key: 'isExactMatch', - value: function isExactMatch(colIndex) { - var fltType = this.getFilterType(colIndex); - return this.exactMatchByCol[colIndex] || this.exactMatch || fltType !== this.fltTypeInp; - } - - /** - * Check if passed script or stylesheet is already imported - * @param {String} filePath Ressource path - * @param {String} type Possible values: 'script' or 'link' - * @return {Boolean} - */ - - }, { - key: 'isImported', - value: function isImported(filePath, type) { - var imported = false, - importType = !type ? 'script' : type, - attr = importType == 'script' ? 'src' : 'href', - files = _dom2.default.tag(doc, importType); - for (var i = 0, len = files.length; i < len; i++) { - if (files[i][attr] === undefined) { - continue; - } - if (files[i][attr].match(filePath)) { - imported = true; - break; - } - } - return imported; - } - - /** - * Import script or stylesheet - * @param {String} fileId Ressource ID - * @param {String} filePath Ressource path - * @param {Function} callback Callback - * @param {String} type Possible values: 'script' or 'link' - */ - - }, { - key: 'import', - value: function _import(fileId, filePath, callback, type) { - var ftype = !type ? 'script' : type, - imported = this.isImported(filePath, ftype); - if (imported) { - return; - } - var o = this, - isLoaded = false, - file = void 0, - head = _dom2.default.tag(doc, 'head')[0]; - - if (_string2.default.lower(ftype) === 'link') { - file = _dom2.default.create('link', ['id', fileId], ['type', 'text/css'], ['rel', 'stylesheet'], ['href', filePath]); - } else { - file = _dom2.default.create('script', ['id', fileId], ['type', 'text/javascript'], ['src', filePath]); - } - - //Browser <> IE onload event works only for scripts, not for stylesheets - file.onload = file.onreadystatechange = function () { - if (!isLoaded && (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete')) { - isLoaded = true; - if (typeof callback === 'function') { - callback.call(null, o); - } - } - }; - file.onerror = function () { - throw new Error('TF script could not load: ' + filePath); - }; - head.appendChild(file); - } - - /** - * Check if table has filters grid - * @return {Boolean} - */ - - }, { - key: 'hasGrid', - value: function hasGrid() { - return this._hasGrid; - } - - /** - * Get list of filter IDs - * @return {[type]} [description] - */ - - }, { - key: 'getFiltersId', - value: function getFiltersId() { - return this.fltIds || []; - } - - /** - * Get filtered (valid) rows indexes - * @param {Boolean} reCalc Force calculation of filtered rows list - * @return {Array} List of row indexes - */ - - }, { - key: 'getValidRows', - value: function getValidRows(reCalc) { - if (!reCalc) { - return this.validRowsIndex; - } - - this.validRowsIndex = []; - for (var k = this.refRow; k < this.getRowsNb(true); k++) { - var r = this.tbl.rows[k]; - if (!this.paging) { - if (this.getRowDisplay(r) !== 'none') { - this.validRowsIndex.push(r.rowIndex); - } - } else { - if (r.getAttribute('validRow') === 'true' || r.getAttribute('validRow') === null) { - this.validRowsIndex.push(r.rowIndex); - } - } - } - return this.validRowsIndex; - } - - /** - * Get the index of the row containing the filters - * @return {Number} - */ - - }, { - key: 'getFiltersRowIndex', - value: function getFiltersRowIndex() { - return this.filtersRowIndex; - } - - /** - * Get the index of the headers row - * @return {Number} - */ - - }, { - key: 'getHeadersRowIndex', - value: function getHeadersRowIndex() { - return this.headersRow; - } - - /** - * Get the row index from where the filtering process start (1st filterable - * row) - * @return {Number} - */ - - }, { - key: 'getStartRowIndex', - value: function getStartRowIndex() { - return this.refRow; - } - - /** - * Get the index of the last row - * @return {Number} - */ - - }, { - key: 'getLastRowIndex', - value: function getLastRowIndex() { - return this.nbRows - 1; - } - - /** - * Get the header DOM element for a given column index - * @param {Number} colIndex Column index - * @return {Object} - */ - - }, { - key: 'getHeaderElement', - value: function getHeaderElement(colIndex) { - var table = this.gridLayout ? this.Mod.gridLayout.headTbl : this.tbl; - var tHead = _dom2.default.tag(table, 'thead'); - var headersRow = this.headersRow; - var header = void 0; - for (var i = 0; i < this.nbCells; i++) { - if (i !== colIndex) { - continue; - } - if (tHead.length === 0) { - header = table.rows[headersRow].cells[i]; - } - if (tHead.length === 1) { - header = tHead[0].rows[headersRow].cells[i]; - } - break; - } - return header; - } - - /** - * Return the list of headers' text - * @param {Boolean} excludeHiddenCols Optional: exclude hidden columns - * @return {Array} list of headers' text - */ - - }, { - key: 'getHeadersText', - value: function getHeadersText() { - var excludeHiddenCols = arguments.length <= 0 || arguments[0] === undefined ? false : arguments[0]; - - var headers = []; - for (var j = 0; j < this.nbCells; j++) { - if (excludeHiddenCols && this.hasExtension('colsVisibility')) { - if (this.extension('colsVisibility').isColHidden(j)) { - continue; - } - } - var header = this.getHeaderElement(j); - var headerText = _dom2.default.getFirstTextNode(header); - headers.push(headerText); - } - return headers; - } - - /** - * Return the filter type for a specified column - * @param {Number} colIndex Column's index - * @return {String} - */ - - }, { - key: 'getFilterType', - value: function getFilterType(colIndex) { - var colType = this.cfg['col_' + colIndex]; - return !colType ? this.fltTypeInp : _string2.default.lower(colType); - } - - /** - * Get the total number of filterable rows - * @return {Number} - */ - - }, { - key: 'getFilterableRowsNb', - value: function getFilterableRowsNb() { - return this.getRowsNb(false); - } - - /** - * Get the configuration object (literal object) - * @return {Object} - */ - - }, { - key: 'config', - value: function config() { - return this.cfg; - } - }]); - - return TableFilter; - }(); - -/***/ }, -/* 1 */ -/***/ function(module, exports) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - /** - * DOM event utilities - */ - - exports.default = { - add: function add(obj, type, func, capture) { - if (obj.addEventListener) { - obj.addEventListener(type, func, capture); - } else if (obj.attachEvent) { - obj.attachEvent('on' + type, func); - } else { - obj['on' + type] = func; - } - }, - remove: function remove(obj, type, func, capture) { - if (obj.detachEvent) { - obj.detachEvent('on' + type, func); - } else if (obj.removeEventListener) { - obj.removeEventListener(type, func, capture); - } else { - obj['on' + type] = null; - } - }, - stop: function stop(evt) { - if (!evt) { - evt = window.event; - } - if (evt.stopPropagation) { - evt.stopPropagation(); - } else { - evt.cancelBubble = true; - } - }, - cancel: function cancel(evt) { - if (!evt) { - evt = window.event; - } - if (evt.preventDefault) { - evt.preventDefault(); - } else { - evt.returnValue = false; - } - }, - target: function target(evt) { - return evt && evt.target || window.event && window.event.srcElement; - }, - keyCode: function keyCode(evt) { - return evt.charCode ? evt.charCode : evt.keyCode ? evt.keyCode : evt.which ? evt.which : 0; - } - }; - -/***/ }, -/* 2 */ -/***/ function(module, exports) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; - - /** - * DOM utilities - */ - - exports.default = { - - /** - * Returns text + text of children of given node - * @param {NodeElement} node - * @return {String} - */ - - getText: function getText(node) { - var s = node.textContent || node.innerText || node.innerHTML.replace(/<[^<>]+>/g, ''); - s = s.replace(/^\s+/, '').replace(/\s+$/, ''); - return s; - }, - - - /** - * Returns the first text node contained in the supplied node - * @param {NodeElement} node node - * @return {String} - */ - getFirstTextNode: function getFirstTextNode(node) { - for (var i = 0; i < node.childNodes.length; i++) { - var n = node.childNodes[i]; - if (n.nodeType === 3) { - return n.data; - } - } - }, - - - /** - * Creates an html element with given collection of attributes - * @param {String} tag a string of the html tag to create - * @param {Array} an undetermined number of arrays containing the with 2 - * items, the attribute name and its value ['id','myId'] - * @return {Object} created element - */ - create: function create(tag) { - if (!tag || tag === '') { - return; - } - - var el = document.createElement(tag), - args = arguments; - - if (args.length > 1) { - for (var i = 0; i < args.length; i++) { - var argtype = _typeof(args[i]); - if (argtype.toLowerCase() === 'object' && args[i].length === 2) { - el.setAttribute(args[i][0], args[i][1]); - } - } - } - return el; - }, - - - /** - * Removes passed node from DOM - * @param {DOMElement} node - * @return {DOMElement} old node reference - */ - remove: function remove(node) { - return node.parentNode.removeChild(node); - }, - - - /** - * Returns a text node with given text - * @param {String} txt - * @return {Object} - */ - text: function text(txt) { - return document.createTextNode(txt); - }, - hasClass: function hasClass(ele, cls) { - if (!ele) { - return false; - } - - if (supportsClassList()) { - return ele.classList.contains(cls); - } - return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')); - }, - addClass: function addClass(ele, cls) { - if (!ele) { - return; - } - - if (supportsClassList()) { - ele.classList.add(cls); - return; - } - - if (ele.className === '') { - ele.className = cls; - } else if (!this.hasClass(ele, cls)) { - ele.className += ' ' + cls; - } - }, - removeClass: function removeClass(ele, cls) { - if (!ele) { - return; - } - - if (supportsClassList()) { - ele.classList.remove(cls); - return; - } - var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)', 'g'); - ele.className = ele.className.replace(reg, ''); - }, - - - /** - * Creates and returns an option element - * @param {String} text option text - * @param {String} value option value - * @param {Boolean} isSel whether option is selected - * @return {Object} option element - */ - createOpt: function createOpt(text, value, isSel) { - var isSelected = isSel ? true : false, - opt = isSelected ? this.create('option', ['value', value], ['selected', 'true']) : this.create('option', ['value', value]); - opt.appendChild(this.text(text)); - return opt; - }, - - - /** - * Creates and returns a checklist item - * @param {Number} chkIndex index of check item - * @param {String} chkValue check item value - * @param {String} labelText check item label text - * @return {Object} li DOM element - */ - createCheckItem: function createCheckItem(chkIndex, chkValue, labelText) { - var li = this.create('li'), - label = this.create('label', ['for', chkIndex]), - check = this.create('input', ['id', chkIndex], ['name', chkIndex], ['type', 'checkbox'], ['value', chkValue]); - label.appendChild(check); - label.appendChild(this.text(labelText)); - li.appendChild(label); - li.label = label; - li.check = check; - return li; - }, - id: function id(key) { - return document.getElementById(key); - }, - tag: function tag(o, tagname) { - return o.getElementsByTagName(tagname); - } - }; - - // HTML5 classList API - - function supportsClassList() { - return document.documentElement.classList; - } - -/***/ }, -/* 3 */ -/***/ function(module, exports) { - - '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, caseSensitive) { - if (!caseSensitive) { - return this.lower(text); - } - return text; - }, - - - /** - * Checks if passed data contains the searched term - * @param {String} term Searched term - * @param {String} data Data string - * @param {Boolean} exactMatch Exact match - * @param {Boolean} caseSensitive Case sensitive - * @return {Boolean} - */ - contains: function contains(term, data) { - var exactMatch = arguments.length <= 2 || arguments[2] === undefined ? false : arguments[2]; - var caseSensitive = arguments.length <= 3 || arguments[3] === undefined ? false : arguments[3]; - - // Improved by Cedric Wartel (cwl) automatic exact match for selects and - // special characters are now filtered - var regexp = void 0, - modifier = caseSensitive ? 'g' : 'gi'; - if (exactMatch) { - regexp = new RegExp('(^\\s*)' + this.rgxEsc(term) + '(\\s*$)', modifier); - } else { - regexp = new RegExp(this.rgxEsc(term), modifier); - } - return regexp.test(data); - } - }; - -/***/ }, -/* 4 */ -/***/ function(module, exports) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; - - /** - * Types utilities - */ - - var UNDEFINED = void 0; - - exports.default = { - /** - * Check if argument is an object or a global object - * @param {String or Object} v - * @return {Boolean} - */ - - isObj: function isObj(v) { - var isO = false; - if (typeof v === 'string') { - if (window[v] && _typeof(window[v]) === 'object') { - isO = true; - } - } else { - if (v && (typeof v === 'undefined' ? 'undefined' : _typeof(v)) === 'object') { - isO = true; - } - } - return isO; - }, - - - /** - * Check if argument is a function - * @param {Function} fn - * @return {Boolean} - */ - isFn: function isFn(fn) { - return fn && fn.constructor == Function; - }, - - - /** - * Check if argument is an array - * @param {Array} obj - * @return {Boolean} - */ - isArray: function isArray(obj) { - return obj && obj.constructor == Array; - }, - - - /** - * Determine if argument is undefined - * @param {Any} o - * @return {Boolean} - */ - isUndef: function isUndef(o) { - return o === UNDEFINED; - }, - - - /** - * Determine if argument is null - * @param {Any} o - * @return {Boolean} - */ - isNull: function isNull(o) { - return o === null; - }, - - - /** - * Determine if argument is empty (undefined, null or empty string) - * @param {Any} o - * @return {Boolean} - */ - isEmpty: function isEmpty(o) { - return this.isUndef(o) || this.isNull(o) || o.length === 0; - } - }; - -/***/ }, -/* 5 */ -/***/ function(module, exports) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - /** - * Date utilities - */ - - exports.default = { - isValid: function isValid(dateStr, format) { - if (!format) { - format = 'DMY'; - } - format = format.toUpperCase(); - if (format.length != 3) { - if (format === 'DDMMMYYYY') { - var d = this.format(dateStr, format); - dateStr = d.getDate() + '/' + (d.getMonth() + 1) + '/' + d.getFullYear(); - format = 'DMY'; - } - } - if (format.indexOf('M') === -1 || format.indexOf('D') === -1 || format.indexOf('Y') === -1) { - format = 'DMY'; - } - var reg1 = void 0, - reg2 = void 0; - // If the year is first - if (format.substring(0, 1) === 'Y') { - reg1 = /^\d{2}(\-|\/|\.)\d{1,2}\1\d{1,2}$/; - reg2 = /^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/; - } else if (format.substring(1, 2) === 'Y') { - // If the year is second - reg1 = /^\d{1,2}(\-|\/|\.)\d{2}\1\d{1,2}$/; - reg2 = /^\d{1,2}(\-|\/|\.)\d{4}\1\d{1,2}$/; - } else { - // The year must be third - reg1 = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{2}$/; - reg2 = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/; - } - // If it doesn't conform to the right format (with either a 2 digit year - // or 4 digit year), fail - if (reg1.test(dateStr) === false && reg2.test(dateStr) === false) { - return false; - } - // Split into 3 parts based on what the divider was - var parts = dateStr.split(RegExp.$1); - var mm = void 0, - dd = void 0, - yy = void 0; - // Check to see if the 3 parts end up making a valid date - if (format.substring(0, 1) === 'M') { - mm = parts[0]; - } else if (format.substring(1, 2) === 'M') { - mm = parts[1]; - } else { - mm = parts[2]; - } - if (format.substring(0, 1) === 'D') { - dd = parts[0]; - } else if (format.substring(1, 2) === 'D') { - dd = parts[1]; - } else { - dd = parts[2]; - } - if (format.substring(0, 1) === 'Y') { - yy = parts[0]; - } else if (format.substring(1, 2) === 'Y') { - yy = parts[1]; - } else { - yy = parts[2]; - } - if (parseInt(yy, 10) <= 50) { - yy = (parseInt(yy, 10) + 2000).toString(); - } - if (parseInt(yy, 10) <= 99) { - yy = (parseInt(yy, 10) + 1900).toString(); - } - var dt = new Date(parseInt(yy, 10), parseInt(mm, 10) - 1, parseInt(dd, 10), 0, 0, 0, 0); - if (parseInt(dd, 10) != dt.getDate()) { - return false; - } - if (parseInt(mm, 10) - 1 != dt.getMonth()) { - return false; - } - return true; - }, - format: function format(dateStr, formatStr) { - if (!formatStr) { - formatStr = 'DMY'; - } - if (!dateStr || dateStr === '') { - return new Date(1001, 0, 1); - } - var oDate = void 0; - var parts = void 0; - - switch (formatStr.toUpperCase()) { - case 'DDMMMYYYY': - parts = dateStr.replace(/[- \/.]/g, ' ').split(' '); - oDate = new Date(y2kDate(parts[2]), mmm2mm(parts[1]) - 1, parts[0]); - break; - case 'DMY': - /* eslint-disable */ - parts = dateStr.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/, '$1 $3 $5').split(' '); - oDate = new Date(y2kDate(parts[2]), parts[1] - 1, parts[0]); - /* eslint-enable */ - break; - case 'MDY': - /* eslint-disable */ - parts = dateStr.replace(/^(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])([- \/.])((\d\d)?\d\d)$/, '$1 $3 $5').split(' '); - oDate = new Date(y2kDate(parts[2]), parts[0] - 1, parts[1]); - /* eslint-enable */ - break; - case 'YMD': - /* eslint-disable */ - parts = dateStr.replace(/^((\d\d)?\d\d)([- \/.])(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])$/, '$1 $4 $6').split(' '); - oDate = new Date(y2kDate(parts[0]), parts[1] - 1, parts[2]); - /* eslint-enable */ - break; - default: - //in case format is not correct - /* eslint-disable */ - parts = dateStr.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/, '$1 $3 $5').split(' '); - oDate = new Date(y2kDate(parts[2]), parts[1] - 1, parts[0]); - /* eslint-enable */ - break; - } - return oDate; - } - }; - - - function y2kDate(yr) { - if (yr === undefined) { - return 0; - } - if (yr.length > 2) { - return yr; - } - var y = void 0; - //>50 belong to 1900 - if (yr <= 99 && yr > 50) { - y = '19' + yr; - } - //<50 belong to 2000 - if (yr < 50 || yr === '00') { - y = '20' + yr; - } - return y; - } - - function mmm2mm(mmm) { - if (mmm === undefined) { - return 0; - } - var mondigit = void 0; - var MONTH_NAMES = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december', 'jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']; - for (var m_i = 0; m_i < MONTH_NAMES.length; m_i++) { - var month_name = MONTH_NAMES[m_i]; - if (mmm.toLowerCase() === month_name) { - mondigit = m_i + 1; - break; - } - } - if (mondigit > 11 || mondigit < 23) { - mondigit = mondigit - 12; - } - if (mondigit < 1 || mondigit > 12) { - return 0; - } - return mondigit; - } - -/***/ }, -/* 6 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - var _string = __webpack_require__(3); - - var _string2 = _interopRequireDefault(_string); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - exports.default = { - removeNbFormat: function removeNbFormat(data, format) { - if (!data) { - return; - } - if (!format) { - format = 'us'; - } - var n = data; - if (_string2.default.lower(format) === 'us') { - n = +n.replace(/[^\d\.-]/g, ''); - } else { - n = +n.replace(/[^\d\,-]/g, '').replace(',', '.'); - } - return n; - } - }; /** - * Misc helpers - */ - -/***/ }, -/* 7 */ -/***/ function(module, exports) { - - "use strict"; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - 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; }; }(); - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - /** - * Event emitter class - */ - - var Emitter = exports.Emitter = function () { - function Emitter() { - _classCallCheck(this, Emitter); - - /** - * Events object - * @type {Object} - */ - this.events = {}; - } - - /** - * Subscribe to an event - * @param {Array} evts Collection of event names - * @param {Function} fn Function invoked when event is emitted - */ - - - _createClass(Emitter, [{ - key: "on", - value: function on(evts, fn) { - var _this = this; - - evts.forEach(function (evt) { - _this.events[evt] = _this.events[evt] || []; - _this.events[evt].push(fn); - }); - } - - /** - * Unsubscribe to an event - * @param {Array} evts Collection of event names - * @param {Function} fn Function invoked when event is emitted - */ - - }, { - key: "off", - value: function off(evts, fn) { - var _this2 = this; - - evts.forEach(function (evt) { - if (evt in _this2.events) { - _this2.events[evt].splice(_this2.events[evt].indexOf(fn), 1); - } - }); - } - - /** - * Emit an event - * @param {String} evt Event name followed by any other argument passed to - * the invoked function - */ - - }, { - key: "emit", - value: function emit(evt /*, args...*/) { - if (evt in this.events) { - for (var i = 0; i < this.events[evt].length; i++) { - this.events[evt][i].apply(this, [].slice.call(arguments, 1)); - } - } - } - }]); - - return Emitter; - }(); - -/***/ }, -/* 8 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Store = undefined; - - 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; }; }(); - - var _cookie = __webpack_require__(9); - - var _cookie2 = _interopRequireDefault(_cookie); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - var Store = exports.Store = function () { - - /** - * Store, persistence manager - * @param {Object} tf TableFilter instance - * - * TODO: use localStorage and fallback to cookie persistence - */ - - function Store(tf) { - _classCallCheck(this, Store); - - var f = tf.config(); - - //cookie storing filter values - this.fltsValuesCookie = tf.prfxCookieFltsValues + tf.id; - //cookie storing page nb - this.pgNbCookie = tf.prfxCookiePageNb + tf.id; - //cookie storing page length - this.pgLenCookie = tf.prfxCookiePageLen + tf.id; - - this.duration = !isNaN(f.set_cookie_duration) ? parseInt(f.set_cookie_duration, 10) : 100000; - - this.tf = tf; - this.emitter = tf.emitter; - } - - _createClass(Store, [{ - key: 'init', - value: function init() { - var _this = this; - - this.emitter.on(['after-filtering'], function () { - return _this.saveFilterValues(); - }); - this.emitter.on(['after-clearing-filters'], function () { - return _this.clearCookies(); - }); - this.emitter.on(['after-changing-page'], function (tf, index) { - return _this.savePageNb(index); - }); - this.emitter.on(['after-changing-results-per-page'], function (tf, index) { - return _this.savePageLength(index); - }); - } - - /** - * Store filters' values in cookie - */ - - }, { - key: 'saveFilterValues', - value: function saveFilterValues() { - var tf = this.tf; - var fltValues = []; - - if (!tf.rememberGridValues) { - return; - } - - //store filters' values - for (var i = 0; i < tf.fltIds.length; i++) { - var value = tf.getFilterValue(i); - //convert array to a || separated values - if (_types2.default.isArray(value)) { - var rgx = new RegExp(tf.separator, 'g'); - value = value.toString().replace(rgx, ' ' + tf.orOperator + ' '); - } - if (value === '') { - value = ' '; - } - fltValues.push(value); - } - - //write cookie - _cookie2.default.write(this.fltsValuesCookie, fltValues.join(tf.separator), this.duration); - } - - /** - * Retrieve filters' values from cookie - * @return {Array} - */ - - }, { - key: 'getFilterValues', - value: function getFilterValues() { - var flts = _cookie2.default.read(this.fltsValuesCookie); - var rgx = new RegExp(this.tf.separator, 'g'); - // filters' values array - return flts.split(rgx); - } - - /** - * Store page number in cookie - * @param {Number} index page index to persist - */ - - }, { - key: 'savePageNb', - value: function savePageNb(index) { - if (!this.tf.rememberPageNb) { - return; - } - _cookie2.default.write(this.pgNbCookie, index + 1, this.duration); - } - - /** - * Retrieve page number from cookie - * @return {String} - */ - - }, { - key: 'getPageNb', - value: function getPageNb() { - return _cookie2.default.read(this.pgNbCookie); - } - - /** - * Store page length in cookie - * @param {Number} index page length index to persist - */ - - }, { - key: 'savePageLength', - value: function savePageLength(index) { - if (!this.tf.rememberPageLen) { - return; - } - _cookie2.default.write(this.pgLenCookie, index, this.duration); - } - - /** - * Retrieve page length from cookie - * @return {String} - */ - - }, { - key: 'getPageLength', - value: function getPageLength() { - return _cookie2.default.read(this.pgLenCookie); - } - - /** - * Remove all cookies - */ - - }, { - key: 'clearCookies', - value: function clearCookies() { - _cookie2.default.remove(this.fltsValuesCookie); - _cookie2.default.remove(this.pgLenCookie); - _cookie2.default.remove(this.pgNbCookie); - } - }, { - key: 'destroy', - value: function destroy() { - var _this2 = this; - - this.emitter.off(['after-filtering'], function () { - return _this2.saveFilterValues(); - }); - this.emitter.off(['after-clearing-filters'], function () { - return _this2.clearCookies(); - }); - this.emitter.off(['after-changing-page'], function (tf, index) { - return _this2.savePageNb(index); - }); - this.emitter.off(['after-changing-results-per-page'], function (tf, index) { - return _this2.savePageLength(index); - }); - } - }]); - - return Store; - }(); - -/***/ }, -/* 9 */ -/***/ function(module, exports) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - /** - * Cookie utilities - */ - - 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)); - } - } - 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]; - } - }; - -/***/ }, -/* 10 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.GridLayout = undefined; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - var _event = __webpack_require__(1); - - var _event2 = _interopRequireDefault(_event); - - var _string = __webpack_require__(3); - - var _string2 = _interopRequireDefault(_string); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var GridLayout = exports.GridLayout = function (_Feature) { - _inherits(GridLayout, _Feature); - - /** - * Grid layout, table with fixed headers - * @param {Object} tf TableFilter instance - */ - - function GridLayout(tf) { - _classCallCheck(this, GridLayout); - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(GridLayout).call(this, tf, 'gridLayout')); - - var f = _this.config; - - //defines grid width - _this.gridWidth = f.grid_width || null; - //defines grid height - _this.gridHeight = f.grid_height || null; - //defines css class for main container - _this.gridMainContCssClass = f.grid_cont_css_class || 'grd_Cont'; - //defines css class for div containing table - _this.gridContCssClass = f.grid_tbl_cont_css_class || 'grd_tblCont'; - //defines css class for div containing headers' table - _this.gridHeadContCssClass = f.grid_tblHead_cont_css_class || 'grd_headTblCont'; - //defines css class for div containing rows counter, paging etc. - _this.gridInfDivCssClass = f.grid_inf_grid_css_class || 'grd_inf'; - //defines which row contains column headers - _this.gridHeadRowIndex = f.grid_headers_row_index || 0; - //array of headers row indexes to be placed in header table - _this.gridHeadRows = f.grid_headers_rows || [0]; - //generate filters in table headers - _this.gridEnableFilters = f.grid_enable_default_filters !== undefined ? f.grid_enable_default_filters : true; - _this.noHeaders = Boolean(f.grid_no_headers); - //default col width - _this.gridDefaultColWidth = f.grid_default_col_width || '100px'; - - _this.gridColElms = []; - - //div containing grid elements if grid_layout true - _this.prfxMainTblCont = 'gridCont_'; - //div containing table if grid_layout true - _this.prfxTblCont = 'tblCont_'; - //div containing headers table if grid_layout true - _this.prfxHeadTblCont = 'tblHeadCont_'; - //headers' table if grid_layout true - _this.prfxHeadTbl = 'tblHead_'; - //id of td containing the filter if grid_layout true - _this.prfxGridFltTd = '_td_'; - //id of th containing column header if grid_layout true - _this.prfxGridTh = 'tblHeadTh_'; - - _this.sourceTblHtml = tf.tbl.outerHTML; - - // filters flag at TF level - tf.fltGrid = _this.gridEnableFilters; - return _this; - } - - /** - * Generates a grid with fixed headers - */ - - - _createClass(GridLayout, [{ - key: 'init', - value: function init() { - var _this2 = this; - - var tf = this.tf; - var f = this.config; - var tbl = tf.tbl; - - if (this.initialized) { - return; - } - - // Override reference rows indexes - tf.refRow = _types2.default.isNull(tf.startRow) ? 0 : tf.startRow; - tf.headersRow = 0; - tf.filtersRowIndex = 1; - - tf.isExternalFlt = true; - - // default width of 100px if column widths not set - if (!tf.hasColWidths) { - tf.colWidths = []; - for (var k = 0; k < tf.nbCells; k++) { - var colW = void 0, - cell = tbl.rows[this.gridHeadRowIndex].cells[k]; - if (cell.width !== '') { - colW = cell.width; - } else if (cell.style.width !== '') { - colW = parseInt(cell.style.width, 10); - } else { - colW = this.gridDefaultColWidth; - } - tf.colWidths[k] = colW; - } - tf.hasColWidths = true; - } - tf.setColWidths(); - - var tblW = void 0; //initial table width - if (tbl.width !== '') { - tblW = tbl.width; - } else if (tbl.style.width !== '') { - tblW = parseInt(tbl.style.width, 10); - } else { - tblW = tbl.clientWidth; - } - - //Main container: it will contain all the elements - this.tblMainCont = _dom2.default.create('div', ['id', this.prfxMainTblCont + tf.id]); - this.tblMainCont.className = this.gridMainContCssClass; - if (this.gridWidth) { - this.tblMainCont.style.width = this.gridWidth; - } - tbl.parentNode.insertBefore(this.tblMainCont, tbl); - - //Table container: div wrapping content table - this.tblCont = _dom2.default.create('div', ['id', this.prfxTblCont + tf.id]); - this.tblCont.className = this.gridContCssClass; - if (this.gridWidth) { - if (this.gridWidth.indexOf('%') != -1) { - this.tblCont.style.width = '100%'; - } else { - this.tblCont.style.width = this.gridWidth; - } - } - if (this.gridHeight) { - this.tblCont.style.height = this.gridHeight; - } - tbl.parentNode.insertBefore(this.tblCont, tbl); - var t = _dom2.default.remove(tbl); - this.tblCont.appendChild(t); - - //In case table width is expressed in % - if (tbl.style.width === '') { - tbl.style.width = (_string2.default.contains('%', tblW) ? tbl.clientWidth : tblW) + 'px'; - } - - var d = _dom2.default.remove(this.tblCont); - this.tblMainCont.appendChild(d); - - //Headers table container: div wrapping headers table - this.headTblCont = _dom2.default.create('div', ['id', this.prfxHeadTblCont + tf.id]); - this.headTblCont.className = this.gridHeadContCssClass; - if (this.gridWidth) { - if (this.gridWidth.indexOf('%') != -1) { - this.headTblCont.style.width = '100%'; - } else { - this.headTblCont.style.width = this.gridWidth; - } - } - - //Headers table - this.headTbl = _dom2.default.create('table', ['id', this.prfxHeadTbl + tf.id]); - var tH = _dom2.default.create('tHead'); - - //1st row should be headers row, ids are added if not set - //Those ids are used by the sort feature - var hRow = tbl.rows[this.gridHeadRowIndex]; - var sortTriggers = []; - for (var n = 0; n < tf.nbCells; n++) { - var c = hRow.cells[n]; - var thId = c.getAttribute('id'); - if (!thId || thId === '') { - thId = this.prfxGridTh + n + '_' + tf.id; - c.setAttribute('id', thId); - } - sortTriggers.push(thId); - } - - //Filters row is created - var filtersRow = _dom2.default.create('tr'); - if (this.gridEnableFilters && tf.fltGrid) { - tf.externalFltTgtIds = []; - for (var j = 0; j < tf.nbCells; j++) { - var fltTdId = tf.prfxFlt + j + this.prfxGridFltTd + tf.id; - var cl = _dom2.default.create(tf.fltCellTag, ['id', fltTdId]); - filtersRow.appendChild(cl); - tf.externalFltTgtIds[j] = fltTdId; - } - } - - //Headers row are moved from content table to headers table - if (!this.noHeaders) { - for (var i = 0; i < this.gridHeadRows.length; i++) { - var headRow = tbl.rows[this.gridHeadRows[0]]; - tH.appendChild(headRow); - } - } else { - // Handle table with no headers, assuming here headers do not - // exist - tH.appendChild(_dom2.default.create('tr')); - } - - this.headTbl.appendChild(tH); - if (tf.filtersRowIndex === 0) { - tH.insertBefore(filtersRow, hRow); - } else { - tH.appendChild(filtersRow); - } - - this.headTblCont.appendChild(this.headTbl); - this.tblCont.parentNode.insertBefore(this.headTblCont, this.tblCont); - - //THead needs to be removed in content table for sort feature - var thead = _dom2.default.tag(tbl, 'thead'); - if (thead.length > 0) { - tbl.removeChild(thead[0]); - } - - //Headers table style - this.headTbl.style.tableLayout = 'fixed'; - tbl.style.tableLayout = 'fixed'; - this.headTbl.cellPadding = tbl.cellPadding; - this.headTbl.cellSpacing = tbl.cellSpacing; - // this.headTbl.style.width = tbl.style.width; - - //content table without headers needs col widths to be reset - tf.setColWidths(this.headTbl); - - //Headers container width - // this.headTblCont.style.width = this.tblCont.clientWidth+'px'; - - tbl.style.width = ''; - // - this.headTbl.style.width = tbl.clientWidth + 'px'; - // - - //scroll synchronisation - _event2.default.add(this.tblCont, 'scroll', function (evt) { - var elm = _event2.default.target(evt); - var scrollLeft = elm.scrollLeft; - _this2.headTblCont.scrollLeft = scrollLeft; - //New pointerX calc taking into account scrollLeft - // if(!o.isPointerXOverwritten){ - // try{ - // o.Evt.pointerX = function(evt){ - // let e = evt || global.event; - // let bdScrollLeft = tf_StandardBody().scrollLeft + - // scrollLeft; - // return (e.pageX + scrollLeft) || - // (e.clientX + bdScrollLeft); - // }; - // o.isPointerXOverwritten = true; - // } catch(err) { - // o.isPointerXOverwritten = false; - // } - // } - }); - - //Configure sort extension if any - var sort = (f.extensions || []).filter(function (itm) { - return itm.name === 'sort'; - }); - if (sort.length === 1) { - sort[0].async_sort = true; - sort[0].trigger_ids = sortTriggers; - } - - //Cols generation for all browsers excepted IE<=7 - this.tblHasColTag = _dom2.default.tag(tbl, 'col').length > 0 ? true : false; - - //Col elements are enough to keep column widths after sorting and - //filtering - var createColTags = function createColTags() { - for (var k = tf.nbCells - 1; k >= 0; k--) { - var col = _dom2.default.create('col', ['id', tf.id + '_col_' + k]); - tbl.insertBefore(col, tbl.firstChild); - col.style.width = tf.colWidths[k]; - this.gridColElms[k] = col; - } - this.tblHasColTag = true; - }; - - if (!this.tblHasColTag) { - createColTags.call(this); - } else { - var cols = _dom2.default.tag(tbl, 'col'); - for (var ii = 0; ii < tf.nbCells; ii++) { - cols[ii].setAttribute('id', tf.id + '_col_' + ii); - cols[ii].style.width = tf.colWidths[ii]; - this.gridColElms.push(cols[ii]); - } - } - - var afterColResizedFn = _types2.default.isFn(f.on_after_col_resized) ? f.on_after_col_resized : null; - f.on_after_col_resized = function (o, colIndex) { - if (!colIndex) { - return; - } - var w = o.crWColsRow.cells[colIndex].style.width; - var col = o.gridColElms[colIndex]; - col.style.width = w; - - var thCW = o.crWColsRow.cells[colIndex].clientWidth; - var tdCW = o.crWRowDataTbl.cells[colIndex].clientWidth; - - if (thCW != tdCW) { - o.headTbl.style.width = tbl.clientWidth + 'px'; - } - - if (afterColResizedFn) { - afterColResizedFn.call(null, o, colIndex); - } - }; - - if (tf.popupFilters) { - filtersRow.style.display = 'none'; - } - - if (tbl.clientWidth !== this.headTbl.clientWidth) { - tbl.style.width = this.headTbl.clientWidth + 'px'; - } - - this.initialized = true; - } - - /** - * Removes the grid layout - */ - - }, { - key: 'destroy', - value: function destroy() { - var tf = this.tf; - var tbl = tf.tbl; - - if (!this.initialized) { - return; - } - var t = _dom2.default.remove(tbl); - this.tblMainCont.parentNode.insertBefore(t, this.tblMainCont); - _dom2.default.remove(this.tblMainCont); - - this.tblMainCont = null; - this.headTblCont = null; - this.headTbl = null; - this.tblCont = null; - - tbl.outerHTML = this.sourceTblHtml; - //needed to keep reference of table element for future usage - this.tf.tbl = _dom2.default.id(tf.id); - - this.initialized = false; - } - }]); - - return GridLayout; - }(_feature.Feature); - -/***/ }, -/* 11 */ -/***/ function(module, exports) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - 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; }; }(); - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - var NOTIMPLEMENTED = 'Not implemented.'; - - var Feature = exports.Feature = function () { - function Feature(tf, feature) { - _classCallCheck(this, Feature); - - this.tf = tf; - this.feature = feature; - this.enabled = tf[feature]; - this.config = tf.config(); - this.emitter = tf.emitter; - this.initialized = false; - } - - _createClass(Feature, [{ - key: 'init', - value: function init() { - throw new Error(NOTIMPLEMENTED); - } - }, { - key: 'reset', - value: function reset() { - this.enable(); - this.init(); - } - }, { - key: 'destroy', - value: function destroy() { - throw new Error(NOTIMPLEMENTED); - } - }, { - key: 'enable', - value: function enable() { - this.enabled = true; - } - }, { - key: 'disable', - value: function disable() { - this.enabled = false; - } - }, { - key: 'isEnabled', - value: function isEnabled() { - return this.enabled; - } - }]); - - return Feature; - }(); - -/***/ }, -/* 12 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Loader = undefined; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var global = window; - - var Loader = exports.Loader = function (_Feature) { - _inherits(Loader, _Feature); - - /** - * Loading message/spinner - * @param {Object} tf TableFilter instance - */ - - function Loader(tf) { - _classCallCheck(this, Loader); - - // TableFilter configuration - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Loader).call(this, tf, 'loader')); - - var f = _this.config; - - //id of container element - _this.loaderTgtId = f.loader_target_id || null; - //div containing loader - _this.loaderDiv = null; - //defines loader text - _this.loaderText = f.loader_text || 'Loading...'; - //defines loader innerHtml - _this.loaderHtml = f.loader_html || null; - //defines css class for loader div - _this.loaderCssClass = f.loader_css_class || 'loader'; - //delay for hiding loader - _this.loaderCloseDelay = 250; - //callback function before loader is displayed - _this.onShowLoader = _types2.default.isFn(f.on_show_loader) ? f.on_show_loader : null; - //callback function after loader is closed - _this.onHideLoader = _types2.default.isFn(f.on_hide_loader) ? f.on_hide_loader : null; - //loader div - _this.prfxLoader = 'load_'; - return _this; - } - - _createClass(Loader, [{ - key: 'init', - value: function init() { - var _this2 = this; - - if (this.initialized) { - return; - } - - var tf = this.tf; - var emitter = this.emitter; - - var containerDiv = _dom2.default.create('div', ['id', this.prfxLoader + tf.id]); - containerDiv.className = this.loaderCssClass; - - var targetEl = !this.loaderTgtId ? tf.tbl.parentNode : _dom2.default.id(this.loaderTgtId); - if (!this.loaderTgtId) { - targetEl.insertBefore(containerDiv, tf.tbl); - } else { - targetEl.appendChild(containerDiv); - } - this.loaderDiv = containerDiv; - if (!this.loaderHtml) { - this.loaderDiv.appendChild(_dom2.default.text(this.loaderText)); - } else { - this.loaderDiv.innerHTML = this.loaderHtml; - } - - this.show('none'); - - // Subscribe to events - emitter.on(['before-filtering', 'before-populating-filter', 'before-changing-page', 'before-clearing-filters', 'before-changing-results-per-page', 'before-reset-page', 'before-reset-page-length', 'before-loading-extensions', 'before-loading-themes'], function () { - return _this2.show(''); - }); - emitter.on(['after-filtering', 'after-populating-filter', 'after-changing-page', 'after-clearing-filters', 'after-changing-results-per-page', 'after-reset-page', 'after-reset-page-length', 'after-loading-extensions', 'after-loading-themes'], function () { - return _this2.show('none'); - }); - - this.initialized = true; - } - }, { - key: 'show', - value: function show(p) { - var _this3 = this; - - if (!this.isEnabled() /*|| this.loaderDiv.style.display === p*/) { - return; - } - - var displayLoader = function displayLoader() { - if (!_this3.loaderDiv) { - return; - } - if (_this3.onShowLoader && p !== 'none') { - _this3.onShowLoader.call(null, _this3); - } - _this3.loaderDiv.style.display = p; - if (_this3.onHideLoader && p === 'none') { - _this3.onHideLoader.call(null, _this3); - } - }; - - var t = p === 'none' ? this.loaderCloseDelay : 1; - global.setTimeout(displayLoader, t); - } - }, { - key: 'destroy', - value: function destroy() { - var _this4 = this; - - if (!this.initialized) { - return; - } - - var emitter = this.emitter; - - _dom2.default.remove(this.loaderDiv); - this.loaderDiv = null; - - // Unsubscribe to events - emitter.off(['before-filtering', 'before-populating-filter', 'before-changing-page', 'before-clearing-filters', 'before-changing-results-per-page', 'before-reset-page', 'before-reset-page-length', 'before-loading-extensions', 'before-loading-themes'], function () { - return _this4.show(''); - }); - emitter.off(['after-filtering', 'after-populating-filter', 'after-changing-page', 'after-clearing-filters', 'after-changing-results-per-page', 'after-reset-page', 'after-reset-page-length', 'after-loading-extensions', 'after-loading-themes'], function () { - return _this4.show('none'); - }); - - this.initialized = false; - } - }]); - - return Loader; - }(_feature.Feature); - -/***/ }, -/* 13 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.HighlightKeyword = undefined; - - 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; }; }(); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _string = __webpack_require__(3); - - var _string2 = _interopRequireDefault(_string); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - var HighlightKeyword = exports.HighlightKeyword = function () { - - /** - * HighlightKeyword, highlight matched keyword - * @param {Object} tf TableFilter instance - */ - - function HighlightKeyword(tf) { - _classCallCheck(this, HighlightKeyword); - - var f = tf.config(); - //defines css class for highlighting - this.highlightCssClass = f.highlight_css_class || 'keyword'; - this.highlightedNodes = []; - - this.tf = tf; - this.emitter = tf.emitter; - } - - _createClass(HighlightKeyword, [{ - key: 'init', - value: function init() { - var _this = this; - - this.emitter.on(['before-filtering', 'destroy'], function () { - return _this.unhighlightAll(); - }); - this.emitter.on(['highlight-keyword'], function (tf, cell, word) { - return _this.highlight(cell, word, _this.highlightCssClass); - }); - } - - /** - * highlight occurences of searched term in passed node - * @param {Node} node - * @param {String} word Searched term - * @param {String} cssClass Css class name - */ - - }, { - key: 'highlight', - value: function highlight(node, word, cssClass) { - // Iterate into this nodes childNodes - if (node.hasChildNodes) { - var children = node.childNodes; - for (var i = 0; i < children.length; i++) { - this.highlight(children[i], word, cssClass); - } - } - - if (node.nodeType === 3) { - var tempNodeVal = _string2.default.lower(node.nodeValue); - var tempWordVal = _string2.default.lower(word); - if (tempNodeVal.indexOf(tempWordVal) != -1) { - var pn = node.parentNode; - if (pn && pn.className != cssClass) { - // word not highlighted yet - var nv = node.nodeValue, - ni = tempNodeVal.indexOf(tempWordVal), - - // Create a load of replacement nodes - before = _dom2.default.text(nv.substr(0, ni)), - docWordVal = nv.substr(ni, word.length), - after = _dom2.default.text(nv.substr(ni + word.length)), - hiwordtext = _dom2.default.text(docWordVal), - hiword = _dom2.default.create('span'); - hiword.className = cssClass; - hiword.appendChild(hiwordtext); - pn.insertBefore(before, node); - pn.insertBefore(hiword, node); - pn.insertBefore(after, node); - pn.removeChild(node); - this.highlightedNodes.push(hiword.firstChild); - } - } - } - } - - /** - * Removes highlight to nodes matching passed string - * @param {String} word - * @param {String} cssClass Css class to remove - */ - - }, { - key: 'unhighlight', - value: function unhighlight(word, cssClass) { - var arrRemove = []; - var highlightedNodes = this.highlightedNodes; - for (var i = 0; i < highlightedNodes.length; i++) { - var n = highlightedNodes[i]; - if (!n) { - continue; - } - var tempNodeVal = _string2.default.lower(n.nodeValue), - tempWordVal = _string2.default.lower(word); - if (tempNodeVal.indexOf(tempWordVal) !== -1) { - var pn = n.parentNode; - if (pn && pn.className === cssClass) { - var prevSib = pn.previousSibling, - nextSib = pn.nextSibling; - if (!prevSib || !nextSib) { - continue; - } - nextSib.nodeValue = prevSib.nodeValue + n.nodeValue + nextSib.nodeValue; - prevSib.nodeValue = ''; - n.nodeValue = ''; - arrRemove.push(i); - } - } - } - for (var k = 0; k < arrRemove.length; k++) { - highlightedNodes.splice(arrRemove[k], 1); - } - } - - /** - * Clear all occurrences of highlighted nodes - */ - - }, { - key: 'unhighlightAll', - value: function unhighlightAll() { - var _this2 = this; - - if (!this.tf.highlightKeywords) { - return; - } - // iterate filters values to unhighlight all values - this.tf.getFiltersValue().forEach(function (val) { - if (_types2.default.isArray(val)) { - val.forEach(function (item) { - return _this2.unhighlight(item, _this2.highlightCssClass); - }); - } else { - _this2.unhighlight(val, _this2.highlightCssClass); - } - }); - this.highlightedNodes = []; - } - }, { - key: 'destroy', - value: function destroy() { - var _this3 = this; - - this.emitter.off(['before-filtering', 'destroy'], function () { - return _this3.unhighlightAll(); - }); - this.emitter.off(['highlight-keyword'], function (tf, cell, word) { - return _this3.highlight(cell, word, _this3.highlightCssClass); - }); - } - }]); - - return HighlightKeyword; - }(); - -/***/ }, -/* 14 */ -/***/ function(module, exports, __webpack_require__) { - - /* WEBPACK VAR INJECTION */(function(global) {'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.PopupFilter = undefined; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _event = __webpack_require__(1); - - var _event2 = _interopRequireDefault(_event); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var PopupFilter = exports.PopupFilter = function (_Feature) { - _inherits(PopupFilter, _Feature); - - /** - * Pop-up filter component - * @param {Object} tf TableFilter instance - */ - - function PopupFilter(tf) { - _classCallCheck(this, PopupFilter); - - // Configuration object - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(PopupFilter).call(this, tf, 'popupFilters')); - - var f = _this.config; - - // Enable external filters - tf.isExternalFlt = true; - tf.externalFltTgtIds = []; - - //filter icon path - _this.popUpImgFlt = f.popup_filters_image || tf.themesPath + 'icn_filter.gif'; - //active filter icon path - _this.popUpImgFltActive = f.popup_filters_image_active || tf.themesPath + 'icn_filterActive.gif'; - _this.popUpImgFltHtml = f.popup_filters_image_html || 'Column filter'; - //defines css class for popup div containing filter - _this.popUpDivCssClass = f.popup_div_css_class || 'popUpFilter'; - //callback function before popup filtes is opened - _this.onBeforePopUpOpen = _types2.default.isFn(f.on_before_popup_filter_open) ? f.on_before_popup_filter_open : null; - //callback function after popup filtes is opened - _this.onAfterPopUpOpen = _types2.default.isFn(f.on_after_popup_filter_open) ? f.on_after_popup_filter_open : null; - //callback function before popup filtes is closed - _this.onBeforePopUpClose = _types2.default.isFn(f.on_before_popup_filter_close) ? f.on_before_popup_filter_close : null; - //callback function after popup filtes is closed - _this.onAfterPopUpClose = _types2.default.isFn(f.on_after_popup_filter_close) ? f.on_after_popup_filter_close : null; - - //stores filters spans - _this.popUpFltSpans = []; - //stores filters icons - _this.popUpFltImgs = []; - //stores filters containers - _this.popUpFltElms = _this.popUpFltElmCache || []; - _this.popUpFltAdjustToContainer = true; - - //id prefix for pop-up filter span - _this.prfxPopUpSpan = 'popUpSpan_'; - //id prefix for pop-up div containing filter - _this.prfxPopUpDiv = 'popUpDiv_'; - return _this; - } - - _createClass(PopupFilter, [{ - key: 'onClick', - value: function onClick(e) { - var evt = e || global.event, - elm = evt.target.parentNode, - colIndex = parseInt(elm.getAttribute('ci'), 10); - - this.closeAll(colIndex); - this.toggle(colIndex); - - if (this.popUpFltAdjustToContainer) { - var popUpDiv = this.popUpFltElms[colIndex], - header = this.tf.getHeaderElement(colIndex), - headerWidth = header.clientWidth * 0.95; - popUpDiv.style.width = parseInt(headerWidth, 10) + 'px'; - } - _event2.default.cancel(evt); - _event2.default.stop(evt); - } - - /** - * Initialize DOM elements - */ - - }, { - key: 'init', - value: function init() { - var _this2 = this; - - if (this.initialized) { - return; - } - - var tf = this.tf; - - // Override headers row index if no grouped headers - if (tf.headersRow <= 1) { - tf.headersRow = 0; - } - - for (var i = 0; i < tf.nbCells; i++) { - if (tf.getFilterType(i) === tf.fltTypeNone) { - continue; - } - var popUpSpan = _dom2.default.create('span', ['id', this.prfxPopUpSpan + tf.id + '_' + i], ['ci', i]); - popUpSpan.innerHTML = this.popUpImgFltHtml; - var header = tf.getHeaderElement(i); - header.appendChild(popUpSpan); - _event2.default.add(popUpSpan, 'click', function (evt) { - _this2.onClick(evt); - }); - this.popUpFltSpans[i] = popUpSpan; - this.popUpFltImgs[i] = popUpSpan.firstChild; - } - - // subscribe to events - this.emitter.on(['before-filtering'], function () { - return _this2.buildIcons(); - }); - this.emitter.on(['after-filtering'], function () { - return _this2.closeAll(); - }); - this.emitter.on(['cell-processed'], function (tf, cellIndex) { - return _this2.buildIcon(cellIndex, true); - }); - this.emitter.on(['filters-row-inserted'], function () { - return _this2.tf.headersRow++; - }); - this.emitter.on(['before-filter-init'], function (tf, colIndex) { - return _this2.build(colIndex); - }); - - this.initialized = true; - } - - /** - * Reset previously destroyed feature - */ - - }, { - key: 'reset', - value: function reset() { - this.enable(); - this.init(); - this.buildAll(); - } - - /** - * Build all pop-up filters elements - */ - - }, { - key: 'buildAll', - value: function buildAll() { - for (var i = 0; i < this.popUpFltElmCache.length; i++) { - this.build(i, this.popUpFltElmCache[i]); - } - } - - /** - * Build a specified pop-up filter elements - * @param {Number} colIndex Column index - * @param {Object} div Optional container DOM element - */ - - }, { - key: 'build', - value: function build(colIndex, div) { - var tf = this.tf; - var popUpDiv = !div ? _dom2.default.create('div', ['id', this.prfxPopUpDiv + tf.id + '_' + colIndex]) : div; - popUpDiv.className = this.popUpDivCssClass; - tf.externalFltTgtIds.push(popUpDiv.id); - var header = tf.getHeaderElement(colIndex); - header.insertBefore(popUpDiv, header.firstChild); - _event2.default.add(popUpDiv, 'click', function (evt) { - return _event2.default.stop(evt); - }); - this.popUpFltElms[colIndex] = popUpDiv; - } - - /** - * Toogle visibility of specified filter - * @param {Number} colIndex Column index - */ - - }, { - key: 'toggle', - value: function toggle(colIndex) { - var tf = this.tf, - popUpFltElm = this.popUpFltElms[colIndex]; - - if (popUpFltElm.style.display === 'none' || popUpFltElm.style.display === '') { - if (this.onBeforePopUpOpen) { - this.onBeforePopUpOpen.call(null, this, this.popUpFltElms[colIndex], colIndex); - } - popUpFltElm.style.display = 'block'; - if (tf.getFilterType(colIndex) === tf.fltTypeInp) { - var flt = tf.getFilterElement(colIndex); - if (flt) { - flt.focus(); - } - } - if (this.onAfterPopUpOpen) { - this.onAfterPopUpOpen.call(null, this, this.popUpFltElms[colIndex], colIndex); - } - } else { - if (this.onBeforePopUpClose) { - this.onBeforePopUpClose.call(null, this, this.popUpFltElms[colIndex], colIndex); - } - popUpFltElm.style.display = 'none'; - if (this.onAfterPopUpClose) { - this.onAfterPopUpClose.call(null, this, this.popUpFltElms[colIndex], colIndex); - } - } - } - - /** - * Close all filters excepted for the specified one if any - * @param {Number} exceptIdx Column index of the filter to not close - */ - - }, { - key: 'closeAll', - value: function closeAll(exceptIdx) { - for (var i = 0; i < this.popUpFltElms.length; i++) { - if (i === exceptIdx) { - continue; - } - var popUpFltElm = this.popUpFltElms[i]; - if (popUpFltElm) { - popUpFltElm.style.display = 'none'; - } - } - } - - /** - * Build all the icons representing the pop-up filters - */ - - }, { - key: 'buildIcons', - value: function buildIcons() { - for (var i = 0; i < this.popUpFltImgs.length; i++) { - this.buildIcon(i, false); - } - } - - /** - * Apply specified icon state - * @param {Number} colIndex Column index - * @param {Boolean} active Apply active state - */ - - }, { - key: 'buildIcon', - value: function buildIcon(colIndex, active) { - if (this.popUpFltImgs[colIndex]) { - this.popUpFltImgs[colIndex].src = active ? this.popUpImgFltActive : this.popUpImgFlt; - } - } - - /** - * Remove pop-up filters - */ - - }, { - key: 'destroy', - value: function destroy() { - var _this3 = this; - - if (!this.initialized) { - return; - } - - this.popUpFltElmCache = []; - for (var i = 0; i < this.popUpFltElms.length; i++) { - var popUpFltElm = this.popUpFltElms[i], - popUpFltSpan = this.popUpFltSpans[i], - popUpFltImg = this.popUpFltImgs[i]; - if (popUpFltElm) { - _dom2.default.remove(popUpFltElm); - this.popUpFltElmCache[i] = popUpFltElm; - } - popUpFltElm = null; - if (popUpFltSpan) { - _dom2.default.remove(popUpFltSpan); - } - popUpFltSpan = null; - if (popUpFltImg) { - _dom2.default.remove(popUpFltImg); - } - popUpFltImg = null; - } - this.popUpFltElms = []; - this.popUpFltSpans = []; - this.popUpFltImgs = []; - - // unsubscribe to events - this.emitter.off(['before-filtering'], function () { - return _this3.buildIcons(); - }); - this.emitter.off(['after-filtering'], function () { - return _this3.closeAll(); - }); - this.emitter.off(['cell-processed'], function (tf, cellIndex) { - return _this3.buildIcon(cellIndex, true); - }); - this.emitter.off(['filters-row-inserted'], function () { - return _this3.tf.headersRow++; - }); - this.emitter.off(['before-filter-init'], function (tf, colIndex) { - return _this3.build(colIndex); - }); - - this.initialized = false; - } - }]); - - return PopupFilter; - }(_feature.Feature); - /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()))) - -/***/ }, -/* 15 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Dropdown = undefined; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _array = __webpack_require__(16); - - var _array2 = _interopRequireDefault(_array); - - var _string = __webpack_require__(3); - - var _string2 = _interopRequireDefault(_string); - - var _sort = __webpack_require__(17); - - var _sort2 = _interopRequireDefault(_sort); - - var _event = __webpack_require__(1); - - var _event2 = _interopRequireDefault(_event); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var SORT_ERROR = 'Filter options for column {0} cannot be sorted in ' + '{1} manner.'; - - var Dropdown = exports.Dropdown = function (_Feature) { - _inherits(Dropdown, _Feature); - - /** - * Dropdown UI component - * @param {Object} tf TableFilter instance - */ - - function Dropdown(tf) { - _classCallCheck(this, Dropdown); - - // Configuration object - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Dropdown).call(this, tf, 'dropdown')); - - var f = tf.config(); - - _this.enableSlcResetFilter = f.enable_slc_reset_filter === false ? false : true; - //defines empty option text - _this.nonEmptyText = f.non_empty_text || '(Non empty)'; - //IE only, tooltip text appearing on select before it is populated - _this.activateSlcTooltip = f.activate_slc_tooltip || 'Click to activate'; - //tooltip text appearing on multiple select - _this.multipleSlcTooltip = f.multiple_slc_tooltip || 'Use Ctrl key for multiple selections'; - - _this.isCustom = null; - _this.opts = null; - _this.optsTxt = null; - _this.slcInnerHtml = null; - return _this; - } - - _createClass(Dropdown, [{ - key: 'onSlcFocus', - value: function onSlcFocus(e) { - var elm = _event2.default.target(e); - var tf = this.tf; - tf.activeFilterId = elm.getAttribute('id'); - tf.activeFlt = _dom2.default.id(tf.activeFilterId); - // select is populated when element has focus - if (tf.loadFltOnDemand && elm.getAttribute('filled') === '0') { - var ct = elm.getAttribute('ct'); - this.build(ct); - } - this.emitter.emit('filter-focus', tf, this); - } - }, { - key: 'onSlcChange', - value: function onSlcChange() { - if (this.tf.onSlcChange) { - this.tf.filter(); - } - } - - /** - * Initialize drop-down filter - * @param {Number} colIndex Column index - * @param {Boolean} isExternal External filter flag - * @param {DOMElement} container Dom element containing the filter - */ - - }, { - key: 'init', - value: function init(colIndex, isExternal, container) { - var _this2 = this; - - var tf = this.tf; - var col = tf.getFilterType(colIndex); - var externalFltTgtId = isExternal ? tf.externalFltTgtIds[colIndex] : null; - - var slc = _dom2.default.create(tf.fltTypeSlc, ['id', tf.prfxFlt + colIndex + '_' + tf.id], ['ct', colIndex], ['filled', '0']); - - if (col === tf.fltTypeMulti) { - slc.multiple = tf.fltTypeMulti; - slc.title = this.multipleSlcTooltip; - } - slc.className = _string2.default.lower(col) === tf.fltTypeSlc ? tf.fltCssClass : tf.fltMultiCssClass; - - //filter is appended in container element - if (externalFltTgtId) { - _dom2.default.id(externalFltTgtId).appendChild(slc); - tf.externalFltEls.push(slc); - } else { - container.appendChild(slc); - } - - tf.fltIds.push(slc.id); - - if (!tf.loadFltOnDemand) { - this.build(colIndex); - } else { - //1st option is created here since build isn't invoked - var opt0 = _dom2.default.createOpt(tf.displayAllText, ''); - slc.appendChild(opt0); - } - - _event2.default.add(slc, 'change', function () { - return _this2.onSlcChange(); - }); - _event2.default.add(slc, 'focus', function (e) { - return _this2.onSlcFocus(e); - }); - - this.emitter.on(['build-select-filter'], function (tf, colIndex, isLinked, isExternal) { - return _this2.build(colIndex, isLinked, isExternal); - }); - this.emitter.on(['select-options'], function (tf, colIndex, values) { - return _this2.selectOptions(colIndex, values); - }); - - this.initialized = true; - } - - /** - * Build drop-down filter UI - * @param {Number} colIndex Column index - * @param {Boolean} isLinked Enable linked refresh behaviour - */ - - }, { - key: 'build', - value: function build(colIndex) { - var isLinked = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1]; - - var tf = this.tf; - colIndex = parseInt(colIndex, 10); - - this.emitter.emit('before-populating-filter', tf, colIndex); - - this.opts = []; - this.optsTxt = []; - this.slcInnerHtml = ''; - - var slcId = tf.fltIds[colIndex]; - var slc = _dom2.default.id(slcId), - rows = tf.tbl.rows, - matchCase = tf.matchCase; - - //custom select test - this.isCustom = tf.isCustomOptions(colIndex); - - //custom selects text - var activeFlt = void 0; - if (isLinked && tf.activeFilterId) { - activeFlt = tf.activeFilterId.split('_')[0]; - activeFlt = activeFlt.split(tf.prfxFlt)[1]; - } - - var excludedOpts = null, - filteredDataCol = null; - if (isLinked && tf.disableExcludedOptions) { - excludedOpts = []; - filteredDataCol = []; - } - - for (var k = tf.refRow; k < tf.nbRows; k++) { - // always visible rows don't need to appear on selects as always - // valid - if (tf.hasVisibleRows && tf.visibleRows.indexOf(k) !== -1) { - continue; - } - - var cell = rows[k].cells, - nchilds = cell.length; - - // checks if row has exact cell # - if (nchilds !== tf.nbCells || this.isCustom) { - continue; - } - - // this loop retrieves cell data - for (var j = 0; j < nchilds; j++) { - // WTF: cyclomatic complexity hell - if (colIndex === j && (!isLinked || isLinked && tf.disableExcludedOptions) || colIndex === j && isLinked && (rows[k].style.display === '' && !tf.paging || tf.paging && (!tf.validRowsIndex || tf.validRowsIndex && tf.validRowsIndex.indexOf(k) != -1) && (activeFlt === undefined || activeFlt === colIndex || activeFlt != colIndex && tf.validRowsIndex.indexOf(k) != -1))) { - var cellData = tf.getCellData(cell[j]), - - //Vary Peter's patch - cellString = _string2.default.matchCase(cellData, matchCase); - - // checks if celldata is already in array - if (!_array2.default.has(this.opts, cellString, matchCase)) { - this.opts.push(cellData); - } - - if (isLinked && tf.disableExcludedOptions) { - var filteredCol = filteredDataCol[j]; - if (!filteredCol) { - filteredCol = tf.getFilteredDataCol(j); - } - if (!_array2.default.has(filteredCol, cellString, matchCase) && !_array2.default.has(excludedOpts, cellString, matchCase)) { - excludedOpts.push(cellData); - } - } - } //if colIndex==j - } //for j - } //for k - - //Retrieves custom values - if (this.isCustom) { - var customValues = tf.getCustomOptions(colIndex); - this.opts = customValues[0]; - this.optsTxt = customValues[1]; - } - - if (tf.sortSlc && !this.isCustom) { - if (!matchCase) { - this.opts.sort(_sort2.default.ignoreCase); - if (excludedOpts) { - excludedOpts.sort(_sort2.default.ignoreCase); - } - } else { - this.opts.sort(); - if (excludedOpts) { - excludedOpts.sort(); - } - } - } - - //asc sort - if (tf.sortNumAsc.indexOf(colIndex) != -1) { - try { - this.opts.sort(_sort2.default.numSortAsc); - if (excludedOpts) { - excludedOpts.sort(_sort2.default.numSortAsc); - } - if (this.isCustom) { - this.optsTxt.sort(_sort2.default.numSortAsc); - } - } catch (e) { - throw new Error(SORT_ERROR.replace('{0}', colIndex).replace('{1}', 'ascending')); - } //in case there are alphanumeric values - } - //desc sort - if (tf.sortNumDesc.indexOf(colIndex) != -1) { - try { - this.opts.sort(_sort2.default.numSortDesc); - if (excludedOpts) { - excludedOpts.sort(_sort2.default.numSortDesc); - } - if (this.isCustom) { - this.optsTxt.sort(_sort2.default.numSortDesc); - } - } catch (e) { - throw new Error(SORT_ERROR.replace('{0}', colIndex).replace('{1}', 'ascending')); - } //in case there are alphanumeric values - } - - //populates drop-down - this.addOptions(colIndex, slc, isLinked, excludedOpts); - - this.emitter.emit('after-populating-filter', tf, colIndex, slc); - } - - /** - * Add drop-down options - * @param {Number} colIndex Column index - * @param {Object} slc Select Dom element - * @param {Boolean} isLinked Enable linked refresh behaviour - * @param {Array} excludedOpts Array of excluded options - */ - - }, { - key: 'addOptions', - value: function addOptions(colIndex, slc, isLinked, excludedOpts) { - var tf = this.tf, - slcValue = slc.value; - - slc.innerHTML = ''; - slc = this.addFirstOption(slc); - - for (var y = 0; y < this.opts.length; y++) { - if (this.opts[y] === '') { - continue; - } - var val = this.opts[y]; //option value - var lbl = this.isCustom ? this.optsTxt[y] : val; //option text - var isDisabled = false; - if (isLinked && tf.disableExcludedOptions && _array2.default.has(excludedOpts, _string2.default.matchCase(val, tf.matchCase), tf.matchCase)) { - isDisabled = true; - } - - var opt = void 0; - //fill select on demand - if (tf.loadFltOnDemand && slcValue === this.opts[y] && tf.getFilterType(colIndex) === tf.fltTypeSlc) { - opt = _dom2.default.createOpt(lbl, val, true); - } else { - opt = _dom2.default.createOpt(lbl, val, false); - } - if (isDisabled) { - opt.disabled = true; - } - slc.appendChild(opt); - } // for y - - slc.setAttribute('filled', '1'); - } - - /** - * Add drop-down header option - * @param {Object} slc Select DOM element - */ - - }, { - key: 'addFirstOption', - value: function addFirstOption(slc) { - var tf = this.tf; - - var opt0 = _dom2.default.createOpt(!this.enableSlcResetFilter ? '' : tf.displayAllText, ''); - if (!this.enableSlcResetFilter) { - opt0.style.display = 'none'; - } - slc.appendChild(opt0); - if (tf.enableEmptyOption) { - var opt1 = _dom2.default.createOpt(tf.emptyText, tf.emOperator); - slc.appendChild(opt1); - } - if (tf.enableNonEmptyOption) { - var opt2 = _dom2.default.createOpt(tf.nonEmptyText, tf.nmOperator); - slc.appendChild(opt2); - } - return slc; - } - - /** - * Select filter options programmatically - * @param {Number} colIndex Column index - * @param {Array} values Array of option values to select - */ - - }, { - key: 'selectOptions', - value: function selectOptions(colIndex) { - var values = arguments.length <= 1 || arguments[1] === undefined ? [] : arguments[1]; - - var tf = this.tf; - if (tf.getFilterType(colIndex) !== tf.fltTypeMulti || values.length === 0) { - return; - } - var slc = tf.getFilterElement(colIndex); - [].forEach.call(slc.options, function (option) { - // Empty value means clear all selections and first option is the - // clear all option - if (values[0] === '' || option.value === '') { - option.selected = false; - } - - if (option.value !== '' && _array2.default.has(values, option.value, true)) { - option.selected = true; - } //if - }); - } - }, { - key: 'destroy', - value: function destroy() { - var _this3 = this; - - this.emitter.off(['build-select-filter'], function (colIndex, isLinked, isExternal) { - return _this3.build(colIndex, isLinked, isExternal); - }); - this.emitter.off(['select-options'], function (tf, colIndex, values) { - return _this3.selectOptions(colIndex, values); - }); - } - }]); - - return Dropdown; - }(_feature.Feature); - -/***/ }, -/* 16 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - var _string = __webpack_require__(3); - - var _string2 = _interopRequireDefault(_string); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - exports.default = { - has: function has(arr, val, caseSensitive) { - var sCase = caseSensitive === undefined ? false : caseSensitive; - for (var i = 0; i < arr.length; i++) { - if (_string2.default.matchCase(arr[i].toString(), sCase) == val) { - return true; - } - } - return false; - } - }; /** - * Array utilities - */ - -/***/ }, -/* 17 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - var _string = __webpack_require__(3); - - var _string2 = _interopRequireDefault(_string); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - exports.default = { - ignoreCase: function ignoreCase(a, b) { - var x = _string2.default.lower(a); - var y = _string2.default.lower(b); - return x < y ? -1 : x > y ? 1 : 0; - }, - numSortAsc: function numSortAsc(a, b) { - return a - b; - }, - numSortDesc: function numSortDesc(a, b) { - return b - a; - } - }; - -/***/ }, -/* 18 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.CheckList = undefined; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _array = __webpack_require__(16); - - var _array2 = _interopRequireDefault(_array); - - var _string = __webpack_require__(3); - - var _string2 = _interopRequireDefault(_string); - - var _sort = __webpack_require__(17); - - var _sort2 = _interopRequireDefault(_sort); - - var _event = __webpack_require__(1); - - var _event2 = _interopRequireDefault(_event); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var SORT_ERROR = 'Filter options for column {0} cannot be sorted in ' + '{1} manner.'; - - var CheckList = exports.CheckList = function (_Feature) { - _inherits(CheckList, _Feature); - - /** - * Checklist UI component - * @param {Object} tf TableFilter instance - */ - - function CheckList(tf) { - _classCallCheck(this, CheckList); - - // Configuration object - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(CheckList).call(this, tf, 'checkList')); - - var f = tf.config(); - - _this.checkListDiv = []; //checklist container div - //defines css class for div containing checklist filter - _this.checkListDivCssClass = f.div_checklist_css_class || 'div_checklist'; - //defines css class for checklist filters - _this.checkListCssClass = f.checklist_css_class || 'flt_checklist'; - //defines css class for checklist item (li) - _this.checkListItemCssClass = f.checklist_item_css_class || 'flt_checklist_item'; - //defines css class for selected checklist item (li) - _this.checkListSlcItemCssClass = f.checklist_selected_item_css_class || 'flt_checklist_slc_item'; - //Load on demand text - _this.activateCheckListTxt = f.activate_checklist_text || 'Click to load filter data'; - //defines css class for checklist filters - _this.checkListItemDisabledCssClass = f.checklist_item_disabled_css_class || 'flt_checklist_item_disabled'; - _this.enableCheckListResetFilter = f.enable_checklist_reset_filter === false ? false : true; - //checklist filter container div - _this.prfxCheckListDiv = 'chkdiv_'; - - _this.isCustom = null; - _this.opts = null; - _this.optsTxt = null; - _this.excludedOpts = null; - return _this; - } - - _createClass(CheckList, [{ - key: 'onChange', - value: function onChange(evt) { - var elm = evt.target; - var tf = this.tf; - tf.activeFilterId = elm.getAttribute('id'); - tf.activeFlt = _dom2.default.id(tf.activeFilterId); - tf.filter(); - } - }, { - key: 'optionClick', - value: function optionClick(evt) { - this.setCheckListValues(evt.target); - this.onChange(evt); - } - }, { - key: 'onCheckListClick', - value: function onCheckListClick(evt) { - var _this2 = this; - - var elm = _event2.default.target(evt); - if (this.tf.loadFltOnDemand && elm.getAttribute('filled') === '0') { - var ct = elm.getAttribute('ct'); - var div = this.checkListDiv[ct]; - this.build(ct); - _event2.default.remove(div, 'click', function (evt) { - return _this2.onCheckListClick(evt); - }); - } - } - - /** - * Initialize checklist filter - * @param {Number} colIndex Column index - * @param {Boolean} isExternal External filter flag - * @param {DOMElement} container Dom element containing the filter - */ - - }, { - key: 'init', - value: function init(colIndex, isExternal, container) { - var _this3 = this; - - var tf = this.tf; - var externalFltTgtId = isExternal ? tf.externalFltTgtIds[colIndex] : null; - - var divCont = _dom2.default.create('div', ['id', this.prfxCheckListDiv + colIndex + '_' + tf.id], ['ct', colIndex], ['filled', '0']); - divCont.className = this.checkListDivCssClass; - - //filter is appended in desired element - if (externalFltTgtId) { - _dom2.default.id(externalFltTgtId).appendChild(divCont); - tf.externalFltEls.push(divCont); - } else { - container.appendChild(divCont); - } - - this.checkListDiv[colIndex] = divCont; - tf.fltIds.push(tf.prfxFlt + colIndex + '_' + tf.id); - - if (!tf.loadFltOnDemand) { - this.build(colIndex); - } else { - _event2.default.add(divCont, 'click', function (evt) { - return _this3.onCheckListClick(evt); - }); - divCont.appendChild(_dom2.default.text(this.activateCheckListTxt)); - } - - this.emitter.on(['build-checklist-filter'], function (tf, colIndex, isExternal) { - return _this3.build(colIndex, isExternal); - }); - - this.emitter.on(['select-checklist-options'], function (tf, colIndex, values) { - return _this3.selectOptions(colIndex, values); - }); - - this.initialized = true; - } - - /** - * Build checklist UI - * @param {Number} colIndex Column index - */ - - }, { - key: 'build', - value: function build(colIndex) { - var _this4 = this; - - var tf = this.tf; - colIndex = parseInt(colIndex, 10); - - this.emitter.emit('before-populating-filter', tf, colIndex); - - this.opts = []; - this.optsTxt = []; - - var flt = this.checkListDiv[colIndex]; - var ul = _dom2.default.create('ul', ['id', tf.fltIds[colIndex]], ['colIndex', colIndex]); - ul.className = this.checkListCssClass; - _event2.default.add(ul, 'change', function (evt) { - return _this4.onChange(evt); - }); - - var rows = tf.tbl.rows; - this.isCustom = tf.isCustomOptions(colIndex); - - var activeFlt = void 0; - if (tf.linkedFilters && tf.activeFilterId) { - activeFlt = tf.activeFilterId.split('_')[0]; - activeFlt = activeFlt.split(tf.prfxFlt)[1]; - } - - var filteredDataCol = []; - if (tf.linkedFilters && tf.disableExcludedOptions) { - this.excludedOpts = []; - } - - flt.innerHTML = ''; - - for (var k = tf.refRow; k < tf.nbRows; k++) { - // always visible rows don't need to appear on selects as always - // valid - if (tf.hasVisibleRows && tf.visibleRows.indexOf(k) !== -1) { - continue; - } - - var cells = rows[k].cells; - var ncells = cells.length; - - // checks if row has exact cell # - if (ncells !== tf.nbCells || this.isCustom) { - continue; - } - - // this loop retrieves cell data - for (var j = 0; j < ncells; j++) { - // WTF: cyclomatic complexity hell :) - if (colIndex === j && (!tf.linkedFilters || tf.linkedFilters && tf.disableExcludedOptions) || colIndex === j && tf.linkedFilters && (rows[k].style.display === '' && !tf.paging || tf.paging && (!activeFlt || activeFlt === colIndex || activeFlt != colIndex && tf.validRowsIndex.indexOf(k) != -1))) { - - var cellData = tf.getCellData(cells[j]); - //Vary Peter's patch - var cellString = _string2.default.matchCase(cellData, tf.matchCase); - // checks if celldata is already in array - if (!_array2.default.has(this.opts, cellString, tf.matchCase)) { - this.opts.push(cellData); - } - var filteredCol = filteredDataCol[j]; - if (tf.linkedFilters && tf.disableExcludedOptions) { - if (!filteredCol) { - filteredCol = tf.getFilteredDataCol(j); - } - if (!_array2.default.has(filteredCol, cellString, tf.matchCase) && !_array2.default.has(this.excludedOpts, cellString, tf.matchCase)) { - this.excludedOpts.push(cellData); - } - } - } - } - } - - //Retrieves custom values - if (this.isCustom) { - var customValues = tf.getCustomOptions(colIndex); - this.opts = customValues[0]; - this.optsTxt = customValues[1]; - } - - if (tf.sortSlc && !this.isCustom) { - if (!tf.matchCase) { - this.opts.sort(_sort2.default.ignoreCase); - if (this.excludedOpts) { - this.excludedOpts.sort(_sort2.default.ignoreCase); - } - } else { - this.opts.sort(); - if (this.excludedOpts) { - this.excludedOpts.sort(); - } - } - } - //asc sort - if (tf.sortNumAsc.indexOf(colIndex) != -1) { - try { - this.opts.sort(_sort2.default.numSortAsc); - if (this.excludedOpts) { - this.excludedOpts.sort(_sort2.default.numSortAsc); - } - if (this.isCustom) { - this.optsTxt.sort(_sort2.default.numSortAsc); - } - } catch (e) { - throw new Error(SORT_ERROR.replace('{0}', colIndex).replace('{1}', 'ascending')); - } //in case there are alphanumeric values - } - //desc sort - if (tf.sortNumDesc.indexOf(colIndex) != -1) { - try { - this.opts.sort(_sort2.default.numSortDesc); - if (this.excludedOpts) { - this.excludedOpts.sort(_sort2.default.numSortDesc); - } - if (this.isCustom) { - this.optsTxt.sort(_sort2.default.numSortDesc); - } - } catch (e) { - throw new Error(SORT_ERROR.replace('{0}', colIndex).replace('{1}', 'descending')); - } //in case there are alphanumeric values - } - - this.addChecks(colIndex, ul); - - if (tf.loadFltOnDemand) { - flt.innerHTML = ''; - } - flt.appendChild(ul); - flt.setAttribute('filled', '1'); - - this.emitter.emit('after-populating-filter', tf, colIndex, flt); - } - - /** - * Add checklist options - * @param {Number} colIndex Column index - * @param {Object} ul Ul element - */ - - }, { - key: 'addChecks', - value: function addChecks(colIndex, ul) { - var _this5 = this; - - var tf = this.tf; - var chkCt = this.addTChecks(colIndex, ul); - - for (var y = 0; y < this.opts.length; y++) { - var val = this.opts[y]; //item value - var lbl = this.isCustom ? this.optsTxt[y] : val; //item text - var li = _dom2.default.createCheckItem(tf.fltIds[colIndex] + '_' + (y + chkCt), val, lbl); - li.className = this.checkListItemCssClass; - if (tf.linkedFilters && tf.disableExcludedOptions && _array2.default.has(this.excludedOpts, _string2.default.matchCase(val, tf.matchCase), tf.matchCase)) { - _dom2.default.addClass(li, this.checkListItemDisabledCssClass); - li.check.disabled = true; - li.disabled = true; - } else { - _event2.default.add(li.check, 'click', function (evt) { - return _this5.optionClick(evt); - }); - } - ul.appendChild(li); - - if (val === '') { - //item is hidden - li.style.display = 'none'; - } - } - } - - /** - * Add checklist header option - * @param {Number} colIndex Column index - * @param {Object} ul Ul element - */ - - }, { - key: 'addTChecks', - value: function addTChecks(colIndex, ul) { - var _this6 = this; - - var tf = this.tf; - var chkCt = 1; - var li0 = _dom2.default.createCheckItem(tf.fltIds[colIndex] + '_0', '', tf.displayAllText); - li0.className = this.checkListItemCssClass; - ul.appendChild(li0); - - _event2.default.add(li0.check, 'click', function (evt) { - return _this6.optionClick(evt); - }); - - if (!this.enableCheckListResetFilter) { - li0.style.display = 'none'; - } - - if (tf.enableEmptyOption) { - var li1 = _dom2.default.createCheckItem(tf.fltIds[colIndex] + '_1', tf.emOperator, tf.emptyText); - li1.className = this.checkListItemCssClass; - ul.appendChild(li1); - _event2.default.add(li1.check, 'click', function (evt) { - return _this6.optionClick(evt); - }); - chkCt++; - } - - if (tf.enableNonEmptyOption) { - var li2 = _dom2.default.createCheckItem(tf.fltIds[colIndex] + '_2', tf.nmOperator, tf.nonEmptyText); - li2.className = this.checkListItemCssClass; - ul.appendChild(li2); - _event2.default.add(li2.check, 'click', function (evt) { - return _this6.optionClick(evt); - }); - chkCt++; - } - return chkCt; - } - - /** - * Store checked options in DOM element attribute - * @param {Object} o checklist option DOM element - */ - - }, { - key: 'setCheckListValues', - value: function setCheckListValues(o) { - if (!o) { - return; - } - - var tf = this.tf; - var chkValue = o.value; //checked item value - var chkIndex = parseInt(o.id.split('_')[2], 10); - // TODO: provide helper to extract column index, ugly! - var colIdx = o.id.split('_')[0].replace(tf.prfxFlt, ''); - var itemTag = 'LI'; - - var n = tf.getFilterElement(parseInt(colIdx, 10)); - var li = n.childNodes[chkIndex]; - var colIndex = n.getAttribute('colIndex'); - var fltValue = n.getAttribute('value'); //filter value (ul tag) - var fltIndexes = n.getAttribute('indexes'); //selected items (ul tag) - - if (o.checked) { - //show all item - if (chkValue === '') { - if (fltIndexes && fltIndexes !== '') { - //items indexes - var indSplit = fltIndexes.split(tf.separator); - //checked items loop - for (var u = 0; u < indSplit.length; u++) { - //checked item - var cChk = _dom2.default.id(tf.fltIds[colIndex] + '_' + indSplit[u]); - if (cChk) { - cChk.checked = false; - _dom2.default.removeClass(n.childNodes[indSplit[u]], this.checkListSlcItemCssClass); - } - } - } - n.setAttribute('value', ''); - n.setAttribute('indexes', ''); - } else { - fltValue = fltValue ? fltValue : ''; - chkValue = _string2.default.trim(fltValue + ' ' + chkValue + ' ' + tf.orOperator); - chkIndex = fltIndexes + chkIndex + tf.separator; - n.setAttribute('value', chkValue); - n.setAttribute('indexes', chkIndex); - //1st option unchecked - if (_dom2.default.id(tf.fltIds[colIndex] + '_0')) { - _dom2.default.id(tf.fltIds[colIndex] + '_0').checked = false; - } - } - - if (li.nodeName === itemTag) { - _dom2.default.removeClass(n.childNodes[0], this.checkListSlcItemCssClass); - _dom2.default.addClass(li, this.checkListSlcItemCssClass); - } - } else { - //removes values and indexes - if (chkValue !== '') { - var replaceValue = new RegExp(_string2.default.rgxEsc(chkValue + ' ' + tf.orOperator)); - fltValue = fltValue.replace(replaceValue, ''); - n.setAttribute('value', _string2.default.trim(fltValue)); - - var replaceIndex = new RegExp(_string2.default.rgxEsc(chkIndex + tf.separator)); - fltIndexes = fltIndexes.replace(replaceIndex, ''); - n.setAttribute('indexes', fltIndexes); - } - if (li.nodeName === itemTag) { - _dom2.default.removeClass(li, this.checkListSlcItemCssClass); - } - } - } - - /** - * Select filter options programmatically - * @param {Number} colIndex Column index - * @param {Array} values Array of option values to select - */ - - }, { - key: 'selectOptions', - value: function selectOptions(colIndex) { - var values = arguments.length <= 1 || arguments[1] === undefined ? [] : arguments[1]; - - var tf = this.tf; - if (tf.getFilterType(colIndex) !== tf.fltTypeCheckList || values.length === 0) { - return; - } - var flt = tf.getFilterElement(colIndex); - - var lisNb = _dom2.default.tag(flt, 'li').length; - - flt.setAttribute('value', ''); - flt.setAttribute('indexes', ''); - - for (var k = 0; k < lisNb; k++) { - var li = _dom2.default.tag(flt, 'li')[k], - lbl = _dom2.default.tag(li, 'label')[0], - chk = _dom2.default.tag(li, 'input')[0], - lblTxt = _string2.default.matchCase(_dom2.default.getText(lbl), tf.caseSensitive); - if (lblTxt !== '' && _array2.default.has(values, lblTxt, tf.caseSensitive)) { - chk.checked = true; - this.setCheckListValues(chk); - } else { - chk.checked = false; - this.setCheckListValues(chk); - } - } - } - }, { - key: 'destroy', - value: function destroy() { - var _this7 = this; - - this.emitter.off(['build-checklist-filter'], function (tf, colIndex, isExternal) { - return _this7.build(colIndex, isExternal); - }); - this.emitter.off(['select-checklist-options'], function (tf, colIndex, values) { - return _this7.selectOptions(colIndex, values); - }); - } - }]); - - return CheckList; - }(_feature.Feature); - -/***/ }, -/* 19 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.RowsCounter = undefined; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var RowsCounter = exports.RowsCounter = function (_Feature) { - _inherits(RowsCounter, _Feature); - - /** - * Rows counter - * @param {Object} tf TableFilter instance - */ - - function RowsCounter(tf) { - _classCallCheck(this, RowsCounter); - - // TableFilter configuration - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(RowsCounter).call(this, tf, 'rowsCounter')); - - var f = _this.config; - - //id of custom container element - _this.rowsCounterTgtId = f.rows_counter_target_id || null; - //element containing tot nb rows - _this.rowsCounterDiv = null; - //element containing tot nb rows label - _this.rowsCounterSpan = null; - //defines rows counter text - _this.rowsCounterText = f.rows_counter_text || 'Rows: '; - _this.fromToTextSeparator = f.from_to_text_separator || '-'; - _this.overText = f.over_text || ' / '; - //defines css class rows counter - _this.totRowsCssClass = f.tot_rows_css_class || 'tot'; - //rows counter div - _this.prfxCounter = 'counter_'; - //nb displayed rows label - _this.prfxTotRows = 'totrows_span_'; - //label preceding nb rows label - _this.prfxTotRowsTxt = 'totRowsTextSpan_'; - //callback raised before counter is refreshed - _this.onBeforeRefreshCounter = _types2.default.isFn(f.on_before_refresh_counter) ? f.on_before_refresh_counter : null; - //callback raised after counter is refreshed - _this.onAfterRefreshCounter = _types2.default.isFn(f.on_after_refresh_counter) ? f.on_after_refresh_counter : null; - return _this; - } - - _createClass(RowsCounter, [{ - key: 'init', - value: function init() { - var _this2 = this; - - if (this.initialized) { - return; - } - - var tf = this.tf; - - //rows counter container - var countDiv = _dom2.default.create('div', ['id', this.prfxCounter + tf.id]); - countDiv.className = this.totRowsCssClass; - //rows counter label - var countSpan = _dom2.default.create('span', ['id', this.prfxTotRows + tf.id]); - var countText = _dom2.default.create('span', ['id', this.prfxTotRowsTxt + tf.id]); - countText.appendChild(_dom2.default.text(this.rowsCounterText)); - - // counter is added to defined element - if (!this.rowsCounterTgtId) { - tf.setToolbar(); - } - var targetEl = !this.rowsCounterTgtId ? tf.lDiv : _dom2.default.id(this.rowsCounterTgtId); - - //default container: 'lDiv' - if (!this.rowsCounterTgtId) { - countDiv.appendChild(countText); - countDiv.appendChild(countSpan); - targetEl.appendChild(countDiv); - } else { - //custom container, no need to append statusDiv - targetEl.appendChild(countText); - targetEl.appendChild(countSpan); - } - this.rowsCounterDiv = countDiv; - this.rowsCounterSpan = countSpan; - - // subscribe to events - this.emitter.on(['after-filtering', 'grouped-by-page'], function () { - return _this2.refresh(tf.nbVisibleRows); - }); - this.emitter.on(['rows-changed'], function () { - return _this2.refresh(); - }); - - this.initialized = true; - this.refresh(); - } - }, { - key: 'refresh', - value: function refresh(p) { - if (!this.initialized || !this.isEnabled()) { - return; - } - - var tf = this.tf; - - if (this.onBeforeRefreshCounter) { - this.onBeforeRefreshCounter.call(null, tf, this.rowsCounterSpan); - } - - var totTxt; - if (!tf.paging) { - if (p && p !== '') { - totTxt = p; - } else { - totTxt = tf.nbFilterableRows - tf.nbHiddenRows; - } - } else { - var paging = tf.feature('paging'); - if (paging) { - //paging start row - var paging_start_row = parseInt(paging.startPagingRow, 10) + (tf.nbVisibleRows > 0 ? 1 : 0); - var paging_end_row = paging_start_row + paging.pagingLength - 1 <= tf.nbVisibleRows ? paging_start_row + paging.pagingLength - 1 : tf.nbVisibleRows; - totTxt = paging_start_row + this.fromToTextSeparator + paging_end_row + this.overText + tf.nbVisibleRows; - } - } - - this.rowsCounterSpan.innerHTML = totTxt; - if (this.onAfterRefreshCounter) { - this.onAfterRefreshCounter.call(null, tf, this.rowsCounterSpan, totTxt); - } - } - }, { - key: 'destroy', - value: function destroy() { - var _this3 = this; - - if (!this.initialized) { - return; - } - - if (!this.rowsCounterTgtId && this.rowsCounterDiv) { - _dom2.default.remove(this.rowsCounterDiv); - } else { - _dom2.default.id(this.rowsCounterTgtId).innerHTML = ''; - } - this.rowsCounterSpan = null; - this.rowsCounterDiv = null; - - // unsubscribe to events - this.emitter.off(['after-filtering', 'grouped-by-page'], function () { - return _this3.refresh(tf.nbVisibleRows); - }); - this.emitter.off(['rows-changed'], function () { - return _this3.refresh(); - }); - - this.initialized = false; - } - }]); - - return RowsCounter; - }(_feature.Feature); - -/***/ }, -/* 20 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.StatusBar = undefined; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var global = window; - - var StatusBar = exports.StatusBar = function (_Feature) { - _inherits(StatusBar, _Feature); - - /** - * Status bar UI component - * @param {Object} tf TableFilter instance - */ - - function StatusBar(tf) { - _classCallCheck(this, StatusBar); - - // Configuration object - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StatusBar).call(this, tf, 'statusBar')); - - var f = _this.config; - - //id of custom container element - _this.statusBarTgtId = f.status_bar_target_id || null; - //element containing status bar label - _this.statusBarDiv = null; - //status bar - _this.statusBarSpan = null; - //status bar label - _this.statusBarSpanText = null; - //defines status bar text - _this.statusBarText = f.status_bar_text || ''; - //defines css class status bar - _this.statusBarCssClass = f.status_bar_css_class || 'status'; - //delay for status bar clearing - _this.statusBarCloseDelay = 250; - - //calls function before message is displayed - _this.onBeforeShowMsg = _types2.default.isFn(f.on_before_show_msg) ? f.on_before_show_msg : null; - //calls function after message is displayed - _this.onAfterShowMsg = _types2.default.isFn(f.on_after_show_msg) ? f.on_after_show_msg : null; - - //status messages - _this.msgFilter = f.msg_filter || 'Filtering data...'; - //populating drop-downs - _this.msgPopulate = f.msg_populate || 'Populating filter...'; - //populating drop-downs - _this.msgPopulateCheckList = f.msg_populate_checklist || 'Populating list...'; - //changing paging page - _this.msgChangePage = f.msg_change_page || 'Collecting paging data...'; - //clearing filters - _this.msgClear = f.msg_clear || 'Clearing filters...'; - //changing nb results/page - _this.msgChangeResults = f.msg_change_results || 'Changing results per page...'; - //re-setting page - _this.msgResetPage = f.msg_reset_page || 'Re-setting page...'; - //re-setting page length - _this.msgResetPageLength = f.msg_reset_page_length || 'Re-setting page length...'; - //table sorting - _this.msgSort = f.msg_sort || 'Sorting data...'; - //extensions loading - _this.msgLoadExtensions = f.msg_load_extensions || 'Loading extensions...'; - //themes loading - _this.msgLoadThemes = f.msg_load_themes || 'Loading theme(s)...'; - - // status bar div - _this.prfxStatus = 'status_'; - // status bar label - _this.prfxStatusSpan = 'statusSpan_'; - // text preceding status bar label - _this.prfxStatusTxt = 'statusText_'; - return _this; - } - - _createClass(StatusBar, [{ - key: 'init', - value: function init() { - var _this2 = this; - - if (this.initialized) { - return; - } - - var tf = this.tf; - var emitter = this.emitter; - - //status bar container - var statusDiv = _dom2.default.create('div', ['id', this.prfxStatus + tf.id]); - statusDiv.className = this.statusBarCssClass; - - //status bar label - var statusSpan = _dom2.default.create('span', ['id', this.prfxStatusSpan + tf.id]); - //preceding text - var statusSpanText = _dom2.default.create('span', ['id', this.prfxStatusTxt + tf.id]); - statusSpanText.appendChild(_dom2.default.text(this.statusBarText)); - - // target element container - if (!this.statusBarTgtId) { - tf.setToolbar(); - } - var targetEl = !this.statusBarTgtId ? tf.lDiv : _dom2.default.id(this.statusBarTgtId); - - //default container: 'lDiv' - if (!this.statusBarTgtId) { - statusDiv.appendChild(statusSpanText); - statusDiv.appendChild(statusSpan); - targetEl.appendChild(statusDiv); - } else { - // custom container, no need to append statusDiv - targetEl.appendChild(statusSpanText); - targetEl.appendChild(statusSpan); - } - - this.statusBarDiv = statusDiv; - this.statusBarSpan = statusSpan; - this.statusBarSpanText = statusSpanText; - - // Subscribe to events - emitter.on(['before-filtering'], function () { - return _this2.message(_this2.msgFilter); - }); - emitter.on(['before-populating-filter'], function () { - return _this2.message(_this2.msgPopulate); - }); - emitter.on(['before-changing-page'], function () { - return _this2.message(_this2.msgChangePage); - }); - emitter.on(['before-clearing-filters'], function () { - return _this2.message(_this2.msgClear); - }); - emitter.on(['before-changing-results-per-page'], function () { - return _this2.message(_this2.msgChangeResults); - }); - emitter.on(['before-reset-page'], function () { - return _this2.message(_this2.msgResetPage); - }); - emitter.on(['before-reset-page-length'], function () { - return _this2.message(_this2.msgResetPageLength); - }); - emitter.on(['before-loading-extensions'], function () { - return _this2.message(_this2.msgLoadExtensions); - }); - emitter.on(['before-loading-themes'], function () { - return _this2.message(_this2.msgLoadThemes); - }); - - emitter.on(['after-filtering', 'after-populating-filter', 'after-changing-page', 'after-clearing-filters', 'after-changing-results-per-page', 'after-reset-page', 'after-reset-page-length', 'after-loading-extensions', 'after-loading-themes'], function () { - return _this2.message(''); - }); - - this.initialized = true; - } - }, { - key: 'message', - value: function message() { - var _this3 = this; - - var t = arguments.length <= 0 || arguments[0] === undefined ? '' : arguments[0]; - - if (!this.isEnabled()) { - return; - } - - if (this.onBeforeShowMsg) { - this.onBeforeShowMsg.call(null, this.tf, t); - } - - var d = t === '' ? this.statusBarCloseDelay : 1; - global.setTimeout(function () { - if (!_this3.initialized) { - return; - } - _this3.statusBarSpan.innerHTML = t; - if (_this3.onAfterShowMsg) { - _this3.onAfterShowMsg.call(null, _this3.tf, t); - } - }, d); - } - }, { - key: 'destroy', - value: function destroy() { - var _this4 = this; - - if (!this.initialized) { - return; - } - - var emitter = this.emitter; - - this.statusBarDiv.innerHTML = ''; - if (!this.statusBarTgtId) { - _dom2.default.remove(this.statusBarDiv); - } - this.statusBarSpan = null; - this.statusBarSpanText = null; - this.statusBarDiv = null; - - // Unsubscribe to events - emitter.off(['before-filtering'], function () { - return _this4.message(_this4.msgFilter); - }); - emitter.off(['before-populating-filter'], function () { - return _this4.message(_this4.msgPopulate); - }); - emitter.off(['before-changing-page'], function () { - return _this4.message(_this4.msgChangePage); - }); - emitter.off(['before-clearing-filters'], function () { - return _this4.message(_this4.msgClear); - }); - emitter.off(['before-changing-results-per-page'], function () { - return _this4.message(_this4.msgChangeResults); - }); - emitter.off(['before-reset-page'], function () { - return _this4.message(_this4.msgResetPage); - }); - emitter.off(['before-reset-page-length'], function () { - return _this4.message(_this4.msgResetPageLength); - }); - emitter.off(['before-loading-extensions'], function () { - return _this4.message(_this4.msgLoadExtensions); - }); - emitter.off(['before-loading-themes'], function () { - return _this4.message(_this4.msgLoadThemes); - }); - - emitter.off(['after-filtering', 'after-populating-filter', 'after-changing-page', 'after-clearing-filters', 'after-changing-results-per-page', 'after-reset-page', 'after-reset-page-length', 'after-loading-extensions', 'after-loading-themes'], function () { - return _this4.message(''); - }); - - this.initialized = false; - } - }]); - - return StatusBar; - }(_feature.Feature); - -/***/ }, -/* 21 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Paging = undefined; - - var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - var _string = __webpack_require__(3); - - var _string2 = _interopRequireDefault(_string); - - var _event = __webpack_require__(1); - - var _event2 = _interopRequireDefault(_event); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var Paging = exports.Paging = function (_Feature) { - _inherits(Paging, _Feature); - - /** - * Pagination component - * @param {Object} tf TableFilter instance - */ - - function Paging(tf) { - _classCallCheck(this, Paging); - - // Configuration object - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Paging).call(this, tf, 'paging')); - - var f = _this.config; - - //css class for paging buttons (previous,next,etc.) - _this.btnPageCssClass = f.paging_btn_css_class || 'pgInp'; - //stores paging select element - _this.pagingSlc = null; - //results per page select element - _this.resultsPerPageSlc = null; - //id of container element - _this.pagingTgtId = f.paging_target_id || null; - //defines table paging length - _this.pagingLength = !isNaN(f.paging_length) ? f.paging_length : 10; - //id of container element - _this.resultsPerPageTgtId = f.results_per_page_target_id || null; - //css class for paging select element - _this.pgSlcCssClass = f.paging_slc_css_class || 'pgSlc'; - //css class for paging input element - _this.pgInpCssClass = f.paging_inp_css_class || 'pgNbInp'; - //stores results per page text and values - _this.resultsPerPage = f.results_per_page || null; - //enables/disables results per page drop-down - _this.hasResultsPerPage = _types2.default.isArray(_this.resultsPerPage); - //defines css class for results per page select - _this.resultsSlcCssClass = f.results_slc_css_class || 'rspg'; - //css class for label preceding results per page select - _this.resultsSpanCssClass = f.results_span_css_class || 'rspgSpan'; - //1st row index of current page - _this.startPagingRow = 0; - //total nb of pages - _this.nbPages = 0; - //current page nb - _this.currentPageNb = 1; - //defines next page button text - _this.btnNextPageText = f.btn_next_page_text || '>'; - //defines previous page button text - _this.btnPrevPageText = f.btn_prev_page_text || '<'; - //defines last page button text - _this.btnLastPageText = f.btn_last_page_text || '>|'; - //defines first page button text - _this.btnFirstPageText = f.btn_first_page_text || '|<'; - //defines next page button html - _this.btnNextPageHtml = f.btn_next_page_html || (!tf.enableIcons ? null : ''); - //defines previous page button html - _this.btnPrevPageHtml = f.btn_prev_page_html || (!tf.enableIcons ? null : ''); - //defines last page button html - _this.btnFirstPageHtml = f.btn_first_page_html || (!tf.enableIcons ? null : ''); - //defines previous page button html - _this.btnLastPageHtml = f.btn_last_page_html || (!tf.enableIcons ? null : ''); - //defines text preceeding page selector drop-down - _this.pageText = f.page_text || ' Page '; - //defines text after page selector drop-down - _this.ofText = f.of_text || ' of '; - //css class for span containing tot nb of pages - _this.nbPgSpanCssClass = f.nb_pages_css_class || 'nbpg'; - //enables/disables paging buttons - _this.hasPagingBtns = f.paging_btns === false ? false : true; - //defines previous page button html - _this.pageSelectorType = f.page_selector_type || tf.fltTypeSlc; - //calls function before page is changed - _this.onBeforeChangePage = _types2.default.isFn(f.on_before_change_page) ? f.on_before_change_page : null; - //calls function before page is changed - _this.onAfterChangePage = _types2.default.isFn(f.on_after_change_page) ? f.on_after_change_page : null; - - //pages select - _this.prfxSlcPages = 'slcPages_'; - //results per page select - _this.prfxSlcResults = 'slcResults_'; - //label preciding results per page select - _this.prfxSlcResultsTxt = 'slcResultsTxt_'; - //span containing next page button - _this.prfxBtnNextSpan = 'btnNextSpan_'; - //span containing previous page button - _this.prfxBtnPrevSpan = 'btnPrevSpan_'; - //span containing last page button - _this.prfxBtnLastSpan = 'btnLastSpan_'; - //span containing first page button - _this.prfxBtnFirstSpan = 'btnFirstSpan_'; - //next button - _this.prfxBtnNext = 'btnNext_'; - //previous button - _this.prfxBtnPrev = 'btnPrev_'; - //last button - _this.prfxBtnLast = 'btnLast_'; - //first button - _this.prfxBtnFirst = 'btnFirst_'; - //span for tot nb pages - _this.prfxPgSpan = 'pgspan_'; - //span preceding pages select (contains 'Page') - _this.prfxPgBeforeSpan = 'pgbeforespan_'; - //span following pages select (contains ' of ') - _this.prfxPgAfterSpan = 'pgafterspan_'; - - var start_row = tf.refRow; - var nrows = tf.nbRows; - //calculates page nb - _this.nbPages = Math.ceil((nrows - start_row) / _this.pagingLength); - - //Paging elements events - var o = _this; - // Paging DOM events - _this.evt = { - slcIndex: function slcIndex() { - return o.pageSelectorType === tf.fltTypeSlc ? o.pagingSlc.options.selectedIndex : parseInt(o.pagingSlc.value, 10) - 1; - }, - nbOpts: function nbOpts() { - return o.pageSelectorType === tf.fltTypeSlc ? parseInt(o.pagingSlc.options.length, 10) - 1 : o.nbPages - 1; - }, - next: function next() { - var nextIndex = o.evt.slcIndex() < o.evt.nbOpts() ? o.evt.slcIndex() + 1 : 0; - o.changePage(nextIndex); - }, - prev: function prev() { - var prevIndex = o.evt.slcIndex() > 0 ? o.evt.slcIndex() - 1 : o.evt.nbOpts(); - o.changePage(prevIndex); - }, - last: function last() { - o.changePage(o.evt.nbOpts()); - }, - first: function first() { - o.changePage(0); - }, - _detectKey: function _detectKey(e) { - var key = _event2.default.keyCode(e); - if (key === 13) { - if (tf.sorted) { - tf.filter(); - o.changePage(o.evt.slcIndex()); - } else { - o.changePage(); - } - this.blur(); - } - }, - - slcPagesChange: null, - nextEvt: null, - prevEvt: null, - lastEvt: null, - firstEvt: null - }; - return _this; - } - - /** - * Initialize DOM elements - */ - - - _createClass(Paging, [{ - key: 'init', - value: function init() { - var _this2 = this; - - var slcPages; - var tf = this.tf; - var evt = this.evt; - - if (this.initialized) { - return; - } - - // Check resultsPerPage is in expected format and initialise the - // results per page component - if (this.hasResultsPerPage) { - if (this.resultsPerPage.length < 2) { - this.hasResultsPerPage = false; - } else { - this.pagingLength = this.resultsPerPage[1][0]; - this.setResultsPerPage(); - } - } - - evt.slcPagesChange = function (event) { - var slc = event.target; - _this2.changePage(slc.selectedIndex); - }; - - // Paging drop-down list selector - if (this.pageSelectorType === tf.fltTypeSlc) { - slcPages = _dom2.default.create(tf.fltTypeSlc, ['id', this.prfxSlcPages + tf.id]); - slcPages.className = this.pgSlcCssClass; - _event2.default.add(slcPages, 'change', evt.slcPagesChange); - } - - // Paging input selector - if (this.pageSelectorType === tf.fltTypeInp) { - slcPages = _dom2.default.create(tf.fltTypeInp, ['id', this.prfxSlcPages + tf.id], ['value', this.currentPageNb]); - slcPages.className = this.pgInpCssClass; - _event2.default.add(slcPages, 'keypress', evt._detectKey); - } - - // btns containers - var btnNextSpan = _dom2.default.create('span', ['id', this.prfxBtnNextSpan + tf.id]); - var btnPrevSpan = _dom2.default.create('span', ['id', this.prfxBtnPrevSpan + tf.id]); - var btnLastSpan = _dom2.default.create('span', ['id', this.prfxBtnLastSpan + tf.id]); - var btnFirstSpan = _dom2.default.create('span', ['id', this.prfxBtnFirstSpan + tf.id]); - - if (this.hasPagingBtns) { - // Next button - if (!this.btnNextPageHtml) { - var btn_next = _dom2.default.create(tf.fltTypeInp, ['id', this.prfxBtnNext + tf.id], ['type', 'button'], ['value', this.btnNextPageText], ['title', 'Next']); - btn_next.className = this.btnPageCssClass; - _event2.default.add(btn_next, 'click', evt.next); - btnNextSpan.appendChild(btn_next); - } else { - btnNextSpan.innerHTML = this.btnNextPageHtml; - _event2.default.add(btnNextSpan, 'click', evt.next); - } - // Previous button - if (!this.btnPrevPageHtml) { - var btn_prev = _dom2.default.create(tf.fltTypeInp, ['id', this.prfxBtnPrev + tf.id], ['type', 'button'], ['value', this.btnPrevPageText], ['title', 'Previous']); - btn_prev.className = this.btnPageCssClass; - _event2.default.add(btn_prev, 'click', evt.prev); - btnPrevSpan.appendChild(btn_prev); - } else { - btnPrevSpan.innerHTML = this.btnPrevPageHtml; - _event2.default.add(btnPrevSpan, 'click', evt.prev); - } - // Last button - if (!this.btnLastPageHtml) { - var btn_last = _dom2.default.create(tf.fltTypeInp, ['id', this.prfxBtnLast + tf.id], ['type', 'button'], ['value', this.btnLastPageText], ['title', 'Last']); - btn_last.className = this.btnPageCssClass; - _event2.default.add(btn_last, 'click', evt.last); - btnLastSpan.appendChild(btn_last); - } else { - btnLastSpan.innerHTML = this.btnLastPageHtml; - _event2.default.add(btnLastSpan, 'click', evt.last); - } - // First button - if (!this.btnFirstPageHtml) { - var btn_first = _dom2.default.create(tf.fltTypeInp, ['id', this.prfxBtnFirst + tf.id], ['type', 'button'], ['value', this.btnFirstPageText], ['title', 'First']); - btn_first.className = this.btnPageCssClass; - _event2.default.add(btn_first, 'click', evt.first); - btnFirstSpan.appendChild(btn_first); - } else { - btnFirstSpan.innerHTML = this.btnFirstPageHtml; - _event2.default.add(btnFirstSpan, 'click', evt.first); - } - } - - // paging elements (buttons+drop-down list) are added to defined element - if (!this.pagingTgtId) { - tf.setToolbar(); - } - var targetEl = !this.pagingTgtId ? tf.mDiv : _dom2.default.id(this.pagingTgtId); - targetEl.appendChild(btnFirstSpan); - targetEl.appendChild(btnPrevSpan); - - var pgBeforeSpan = _dom2.default.create('span', ['id', this.prfxPgBeforeSpan + tf.id]); - pgBeforeSpan.appendChild(_dom2.default.text(this.pageText)); - pgBeforeSpan.className = this.nbPgSpanCssClass; - targetEl.appendChild(pgBeforeSpan); - targetEl.appendChild(slcPages); - var pgAfterSpan = _dom2.default.create('span', ['id', this.prfxPgAfterSpan + tf.id]); - pgAfterSpan.appendChild(_dom2.default.text(this.ofText)); - pgAfterSpan.className = this.nbPgSpanCssClass; - targetEl.appendChild(pgAfterSpan); - var pgspan = _dom2.default.create('span', ['id', this.prfxPgSpan + tf.id]); - pgspan.className = this.nbPgSpanCssClass; - pgspan.appendChild(_dom2.default.text(' ' + this.nbPages + ' ')); - targetEl.appendChild(pgspan); - targetEl.appendChild(btnNextSpan); - targetEl.appendChild(btnLastSpan); - this.pagingSlc = _dom2.default.id(this.prfxSlcPages + tf.id); - - if (!tf.rememberGridValues) { - this.setPagingInfo(); - } - if (!tf.fltGrid) { - tf.validateAllRows(); - this.setPagingInfo(tf.validRowsIndex); - } - - this.emitter.on(['after-filtering'], function () { - return _this2.resetPagingInfo(); - }); - this.emitter.on(['initialized'], function () { - return _this2.resetValues(); - }); - - this.initialized = true; - } - - /** - * Reset paging when filters are already instantiated - * @param {Boolean} filterTable Execute filtering once paging instanciated - */ - - }, { - key: 'reset', - value: function reset() { - var filterTable = arguments.length <= 0 || arguments[0] === undefined ? false : arguments[0]; - - var tf = this.tf; - if (this.isEnabled()) { - return; - } - this.enable(); - this.init(); - - if (filterTable) { - tf.filter(); - } - } - - /** - * Reset paging info from scratch after a filtering process - */ - - }, { - key: 'resetPagingInfo', - value: function resetPagingInfo() { - this.startPagingRow = 0; - this.currentPageNb = 1; - this.setPagingInfo(this.tf.validRowsIndex); - } - - /** - * Calculate number of pages based on valid rows - * Refresh paging select according to number of pages - * @param {Array} validRows Collection of valid rows - */ - - }, { - key: 'setPagingInfo', - value: function setPagingInfo(validRows) { - var tf = this.tf; - var mdiv = !this.pagingTgtId ? tf.mDiv : _dom2.default.id(this.pagingTgtId); - var pgspan = _dom2.default.id(this.prfxPgSpan + tf.id); - - //store valid rows indexes - tf.validRowsIndex = validRows || tf.getValidRows(true); - - //calculate nb of pages - this.nbPages = Math.ceil(tf.validRowsIndex.length / this.pagingLength); - //refresh page nb span - pgspan.innerHTML = this.nbPages; - //select clearing shortcut - if (this.pageSelectorType === tf.fltTypeSlc) { - this.pagingSlc.innerHTML = ''; - } - - if (this.nbPages > 0) { - mdiv.style.visibility = 'visible'; - if (this.pageSelectorType === tf.fltTypeSlc) { - for (var z = 0; z < this.nbPages; z++) { - var opt = _dom2.default.createOpt(z + 1, z * this.pagingLength, false); - this.pagingSlc.options[z] = opt; - } - } else { - //input type - this.pagingSlc.value = this.currentPageNb; - } - } else { - /*** if no results paging select and buttons are hidden ***/ - mdiv.style.visibility = 'hidden'; - } - this.groupByPage(tf.validRowsIndex); - } - - /** - * Group table rows by page and display valid rows - * @param {Array} validRows Collection of valid rows - */ - - }, { - key: 'groupByPage', - value: function groupByPage(validRows) { - var tf = this.tf; - var rows = tf.tbl.rows; - var startPagingRow = parseInt(this.startPagingRow, 10); - var endPagingRow = startPagingRow + parseInt(this.pagingLength, 10); - - //store valid rows indexes - if (validRows) { - tf.validRowsIndex = validRows; - } - - //this loop shows valid rows of current page - for (var h = 0, len = tf.validRowsIndex.length; h < len; h++) { - var validRowIdx = tf.validRowsIndex[h]; - var r = rows[validRowIdx]; - var isRowValid = r.getAttribute('validRow'); - var rowDisplayed = false; - - if (h >= startPagingRow && h < endPagingRow) { - if (_types2.default.isNull(isRowValid) || Boolean(isRowValid === 'true')) { - r.style.display = ''; - rowDisplayed = true; - } - } else { - r.style.display = 'none'; - } - this.emitter.emit('row-paged', tf, validRowIdx, h, rowDisplayed); - } - - tf.nbVisibleRows = tf.validRowsIndex.length; - - // broadcast grouping by page - this.emitter.emit('grouped-by-page', tf, this); - } - - /** - * Return the current page number - * @return {Number} Page number - */ - - }, { - key: 'getPage', - value: function getPage() { - return this.currentPageNb; - } - - /** - * Show page based on passed param value (string or number): - * @param {String}/{Number} cmd possible string values: 'next', - * 'previous', 'last', 'first' or page number as per param - */ - - }, { - key: 'setPage', - value: function setPage(cmd) { - var tf = this.tf; - if (!tf.hasGrid() || !this.isEnabled()) { - return; - } - var btnEvt = this.evt, - cmdtype = typeof cmd === 'undefined' ? 'undefined' : _typeof(cmd); - if (cmdtype === 'string') { - switch (_string2.default.lower(cmd)) { - case 'next': - btnEvt.next(); - break; - case 'previous': - btnEvt.prev(); - break; - case 'last': - btnEvt.last(); - break; - case 'first': - btnEvt.first(); - break; - default: - btnEvt.next(); - break; - } - } else if (cmdtype === 'number') { - this.changePage(cmd - 1); - } - } - - /** - * Generates UI elements for the number of results per page drop-down - */ - - }, { - key: 'setResultsPerPage', - value: function setResultsPerPage() { - var _this3 = this; - - var tf = this.tf; - var evt = this.evt; - - if (this.resultsPerPageSlc || !this.resultsPerPage) { - return; - } - - evt.slcResultsChange = function (ev) { - _this3.changeResultsPerPage(); - ev.target.blur(); - }; - - var slcR = _dom2.default.create(tf.fltTypeSlc, ['id', this.prfxSlcResults + tf.id]); - slcR.className = this.resultsSlcCssClass; - var slcRText = this.resultsPerPage[0], - slcROpts = this.resultsPerPage[1]; - var slcRSpan = _dom2.default.create('span', ['id', this.prfxSlcResultsTxt + tf.id]); - slcRSpan.className = this.resultsSpanCssClass; - - // results per page select is added to external element - if (!this.resultsPerPageTgtId) { - tf.setToolbar(); - } - var targetEl = !this.resultsPerPageTgtId ? tf.rDiv : _dom2.default.id(this.resultsPerPageTgtId); - slcRSpan.appendChild(_dom2.default.text(slcRText)); - - var help = tf.feature('help'); - if (help && help.btn) { - help.btn.parentNode.insertBefore(slcRSpan, help.btn); - help.btn.parentNode.insertBefore(slcR, help.btn); - } else { - targetEl.appendChild(slcRSpan); - targetEl.appendChild(slcR); - } - - for (var r = 0; r < slcROpts.length; r++) { - var currOpt = new Option(slcROpts[r], slcROpts[r], false, false); - slcR.options[r] = currOpt; - } - _event2.default.add(slcR, 'change', evt.slcResultsChange); - this.resultsPerPageSlc = slcR; - } - - /** - * Remove number of results per page UI elements - */ - - }, { - key: 'removeResultsPerPage', - value: function removeResultsPerPage() { - var tf = this.tf; - if (!tf.hasGrid() || !this.resultsPerPageSlc || !this.resultsPerPage) { - return; - } - var slcR = this.resultsPerPageSlc, - slcRSpan = _dom2.default.id(this.prfxSlcResultsTxt + tf.id); - if (slcR) { - _dom2.default.remove(slcR); - } - if (slcRSpan) { - _dom2.default.remove(slcRSpan); - } - this.resultsPerPageSlc = null; - } - - /** - * Change the page according to passed index - * @param {Number} index Index of the page (0-n) - */ - - }, { - key: 'changePage', - value: function changePage(index) { - var tf = this.tf; - - if (!this.isEnabled()) { - return; - } - - this.emitter.emit('before-changing-page', tf, index); - - if (index === null) { - index = this.pageSelectorType === tf.fltTypeSlc ? this.pagingSlc.options.selectedIndex : this.pagingSlc.value - 1; - } - if (index >= 0 && index <= this.nbPages - 1) { - if (this.onBeforeChangePage) { - this.onBeforeChangePage.call(null, this, index); - } - this.currentPageNb = parseInt(index, 10) + 1; - if (this.pageSelectorType === tf.fltTypeSlc) { - this.pagingSlc.options[index].selected = true; - } else { - this.pagingSlc.value = this.currentPageNb; - } - - this.startPagingRow = this.pageSelectorType === tf.fltTypeSlc ? this.pagingSlc.value : index * this.pagingLength; - - this.groupByPage(); - - if (this.onAfterChangePage) { - this.onAfterChangePage.call(null, this, index); - } - } - - this.emitter.emit('after-changing-page', tf, index); - } - - /** - * Change rows according to page results drop-down - * TODO: accept a parameter setting the results per page length - */ - - }, { - key: 'changeResultsPerPage', - value: function changeResultsPerPage() { - var tf = this.tf; - - if (!this.isEnabled()) { - return; - } - - this.emitter.emit('before-changing-results-per-page', tf); - - var slcR = this.resultsPerPageSlc; - var slcIndex = slcR.selectedIndex; - var slcPagesSelIndex = this.pageSelectorType === tf.fltTypeSlc ? this.pagingSlc.selectedIndex : parseInt(this.pagingSlc.value - 1, 10); - this.pagingLength = parseInt(slcR.options[slcIndex].value, 10); - this.startPagingRow = this.pagingLength * slcPagesSelIndex; - - if (!isNaN(this.pagingLength)) { - if (this.startPagingRow >= tf.nbFilterableRows) { - this.startPagingRow = tf.nbFilterableRows - this.pagingLength; - } - this.setPagingInfo(); - - if (this.pageSelectorType === tf.fltTypeSlc) { - var slcIdx = this.pagingSlc.options.length - 1 <= slcPagesSelIndex ? this.pagingSlc.options.length - 1 : slcPagesSelIndex; - this.pagingSlc.options[slcIdx].selected = true; - } - } - - this.emitter.emit('after-changing-results-per-page', tf, slcIndex); - } - - /** - * Re-set persisted pagination info - */ - - }, { - key: 'resetValues', - value: function resetValues() { - var tf = this.tf; - if (tf.rememberPageLen) { - this.resetPageLength(); - } - if (tf.rememberPageNb) { - this.resetPage(); - } - } - - /** - * Re-set page nb at page re-load - */ - - }, { - key: 'resetPage', - value: function resetPage() { - var tf = this.tf; - if (!this.isEnabled()) { - return; - } - this.emitter.emit('before-reset-page', tf); - var pgNb = tf.feature('store').getPageNb(); - if (pgNb !== '') { - this.changePage(pgNb - 1); - } - this.emitter.emit('after-reset-page', tf, pgNb); - } - - /** - * Re-set page length value at page re-load - */ - - }, { - key: 'resetPageLength', - value: function resetPageLength() { - var tf = this.tf; - if (!this.isEnabled()) { - return; - } - this.emitter.emit('before-reset-page-length', tf); - var pglenIndex = tf.feature('store').getPageLength(); - - if (pglenIndex !== '') { - this.resultsPerPageSlc.options[pglenIndex].selected = true; - this.changeResultsPerPage(); - } - this.emitter.emit('after-reset-page-length', tf, pglenIndex); - } - - /** - * Remove paging feature - */ - - }, { - key: 'destroy', - value: function destroy() { - var _this4 = this; - - var tf = this.tf; - - if (!this.initialized) { - return; - } - // btns containers - var btnNextSpan = _dom2.default.id(this.prfxBtnNextSpan + tf.id); - var btnPrevSpan = _dom2.default.id(this.prfxBtnPrevSpan + tf.id); - var btnLastSpan = _dom2.default.id(this.prfxBtnLastSpan + tf.id); - var btnFirstSpan = _dom2.default.id(this.prfxBtnFirstSpan + tf.id); - //span containing 'Page' text - var pgBeforeSpan = _dom2.default.id(this.prfxPgBeforeSpan + tf.id); - //span containing 'of' text - var pgAfterSpan = _dom2.default.id(this.prfxPgAfterSpan + tf.id); - //span containing nb of pages - var pgspan = _dom2.default.id(this.prfxPgSpan + tf.id); - - var evt = this.evt; - - if (this.pagingSlc) { - if (this.pageSelectorType === tf.fltTypeSlc) { - _event2.default.remove(this.pagingSlc, 'change', evt.slcPagesChange); - } else if (this.pageSelectorType === tf.fltTypeInp) { - _event2.default.remove(this.pagingSlc, 'keypress', evt._detectKey); - } - _dom2.default.remove(this.pagingSlc); - } - - if (btnNextSpan) { - _event2.default.remove(btnNextSpan, 'click', evt.next); - _dom2.default.remove(btnNextSpan); - } - - if (btnPrevSpan) { - _event2.default.remove(btnPrevSpan, 'click', evt.prev); - _dom2.default.remove(btnPrevSpan); - } - - if (btnLastSpan) { - _event2.default.remove(btnLastSpan, 'click', evt.last); - _dom2.default.remove(btnLastSpan); - } - - if (btnFirstSpan) { - _event2.default.remove(btnFirstSpan, 'click', evt.first); - _dom2.default.remove(btnFirstSpan); - } - - if (pgBeforeSpan) { - _dom2.default.remove(pgBeforeSpan); - } - - if (pgAfterSpan) { - _dom2.default.remove(pgAfterSpan); - } - - if (pgspan) { - _dom2.default.remove(pgspan); - } - - if (this.hasResultsPerPage) { - this.removeResultsPerPage(); - } - - this.emitter.off(['after-filtering'], function () { - return _this4.resetPagingInfo(); - }); - this.emitter.off(['initialized'], function () { - return _this4.resetValues(); - }); - - this.pagingSlc = null; - this.nbPages = 0; - this.disable(); - this.initialized = false; - } - }]); - - return Paging; - }(_feature.Feature); - -/***/ }, -/* 22 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.ClearButton = undefined; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _event = __webpack_require__(1); - - var _event2 = _interopRequireDefault(_event); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var ClearButton = exports.ClearButton = function (_Feature) { - _inherits(ClearButton, _Feature); - - /** - * Clear button component - * @param {Object} tf TableFilter instance - */ - - function ClearButton(tf) { - _classCallCheck(this, ClearButton); - - // Configuration object - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(ClearButton).call(this, tf, 'btnReset')); - - var f = _this.config; - - //id of container element - _this.btnResetTgtId = f.btn_reset_target_id || null; - //reset button element - _this.btnResetEl = null; - //defines reset text - _this.btnResetText = f.btn_reset_text || 'Reset'; - //defines reset button tooltip - _this.btnResetTooltip = f.btn_reset_tooltip || 'Clear filters'; - //defines reset button innerHtml - _this.btnResetHtml = f.btn_reset_html || (!tf.enableIcons ? null : ''); - //span containing reset button - _this.prfxResetSpan = 'resetspan_'; - return _this; - } - - _createClass(ClearButton, [{ - key: 'onClick', - value: function onClick() { - if (!this.isEnabled()) { - return; - } - this.tf.clearFilters(); - } - - /** - * Build DOM elements - */ - - }, { - key: 'init', - value: function init() { - var _this2 = this; - - var tf = this.tf; - - if (this.initialized) { - return; - } - - var resetspan = _dom2.default.create('span', ['id', this.prfxResetSpan + tf.id]); - - // reset button is added to defined element - if (!this.btnResetTgtId) { - tf.setToolbar(); - } - var targetEl = !this.btnResetTgtId ? tf.rDiv : _dom2.default.id(this.btnResetTgtId); - targetEl.appendChild(resetspan); - - if (!this.btnResetHtml) { - var fltreset = _dom2.default.create('a', ['href', 'javascript:void(0);']); - fltreset.className = tf.btnResetCssClass; - fltreset.appendChild(_dom2.default.text(this.btnResetText)); - resetspan.appendChild(fltreset); - _event2.default.add(fltreset, 'click', function () { - _this2.onClick(); - }); - } else { - resetspan.innerHTML = this.btnResetHtml; - var resetEl = resetspan.firstChild; - _event2.default.add(resetEl, 'click', function () { - _this2.onClick(); - }); - } - this.btnResetEl = resetspan.firstChild; - - this.initialized = true; - } - - /** - * Remove clear button UI - */ - - }, { - key: 'destroy', - value: function destroy() { - var tf = this.tf; - - if (!this.initialized) { - return; - } - - var resetspan = _dom2.default.id(this.prfxResetSpan + tf.id); - if (resetspan) { - _dom2.default.remove(resetspan); - } - this.btnResetEl = null; - this.initialized = false; - } - }]); - - return ClearButton; - }(_feature.Feature); - -/***/ }, -/* 23 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Help = undefined; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _event = __webpack_require__(1); - - var _event2 = _interopRequireDefault(_event); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var WIKI_URL = 'https://github.com/koalyptus/TableFilter/wiki/' + '4.-Filter-operators'; - var WEBSITE_URL = 'http://koalyptus.github.io/TableFilter/'; - - var Help = exports.Help = function (_Feature) { - _inherits(Help, _Feature); - - /** - * Help UI component - * @param {Object} tf TableFilter instance - */ - - function Help(tf) { - _classCallCheck(this, Help); - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Help).call(this, tf, 'help')); - - var f = _this.config; - - //id of custom container element for instructions - _this.tgtId = f.help_instructions_target_id || null; - //id of custom container element for instructions - _this.contTgtId = f.help_instructions_container_target_id || null; - //defines help text - _this.instrText = f.help_instructions_text ? f.help_instructions_text : 'Use the filters above each column to filter and limit table ' + 'data. Advanced searches can be performed by using the following ' + 'operators:
<, <=, >, ' + '>=, =, *, !, {, }, ' + '||,&&, [empty], [nonempty], ' + 'rgx:
' + 'Learn more
'; - //defines help innerHtml - _this.instrHtml = f.help_instructions_html || null; - //defines reset button text - _this.btnText = f.help_instructions_btn_text || '?'; - //defines reset button innerHtml - _this.btnHtml = f.help_instructions_btn_html || null; - //defines css class for help button - _this.btnCssClass = f.help_instructions_btn_css_class || 'helpBtn'; - //defines css class for help container - _this.contCssClass = f.help_instructions_container_css_class || 'helpCont'; - //help button element - _this.btn = null; - //help content div - _this.cont = null; - _this.defaultHtml = '

TableFilter ' + 'v' + tf.version + '

' + '' + WEBSITE_URL + '' + '
©2015-' + tf.year + ' Max Guglielmi' + '
' + 'Close
'; - - //id prefix for help elements - _this.prfxHelpSpan = 'helpSpan_'; - //id prefix for help elements - _this.prfxHelpDiv = 'helpDiv_'; - - _this.emitter.on(['init-help'], function () { - return _this.init(); - }); - return _this; - } - - _createClass(Help, [{ - key: 'init', - value: function init() { - var _this2 = this; - - if (this.initialized) { - return; - } - - var tf = this.tf; - - var helpspan = _dom2.default.create('span', ['id', this.prfxHelpSpan + tf.id]); - var helpdiv = _dom2.default.create('div', ['id', this.prfxHelpDiv + tf.id]); - - //help button is added to defined element - if (!this.tgtId) { - tf.setToolbar(); - } - var targetEl = !this.tgtId ? tf.rDiv : _dom2.default.id(this.tgtId); - targetEl.appendChild(helpspan); - - var divContainer = !this.contTgtId ? helpspan : _dom2.default.id(this.contTgtId); - - if (!this.btnHtml) { - divContainer.appendChild(helpdiv); - var helplink = _dom2.default.create('a', ['href', 'javascript:void(0);']); - helplink.className = this.btnCssClass; - helplink.appendChild(_dom2.default.text(this.btnText)); - helpspan.appendChild(helplink); - _event2.default.add(helplink, 'click', function () { - _this2.toggle(); - }); - } else { - helpspan.innerHTML = this.btnHtml; - var helpEl = helpspan.firstChild; - _event2.default.add(helpEl, 'click', function () { - _this2.toggle(); - }); - divContainer.appendChild(helpdiv); - } - - if (!this.instrHtml) { - helpdiv.innerHTML = this.instrText; - helpdiv.className = this.contCssClass; - _event2.default.add(helpdiv, 'dblclick', function () { - _this2.toggle(); - }); - } else { - if (this.contTgtId) { - divContainer.appendChild(helpdiv); - } - helpdiv.innerHTML = this.instrHtml; - if (!this.contTgtId) { - helpdiv.className = this.contCssClass; - _event2.default.add(helpdiv, 'dblclick', function () { - _this2.toggle(); - }); - } - } - helpdiv.innerHTML += this.defaultHtml; - _event2.default.add(helpdiv, 'click', function () { - _this2.toggle(); - }); - - this.cont = helpdiv; - this.btn = helpspan; - this.initialized = true; - } - - /** - * Toggle help pop-up - */ - - }, { - key: 'toggle', - value: function toggle() { - // check only if explicitily set to false as in this case undefined - // signifies the help feature is enabled by default - if (this.enabled === false) { - return; - } - var divDisplay = this.cont.style.display; - if (divDisplay === '' || divDisplay === 'none') { - this.cont.style.display = 'inline'; - } else { - this.cont.style.display = 'none'; - } - } - - /** - * Remove help UI - */ - - }, { - key: 'destroy', - value: function destroy() { - if (!this.initialized) { - return; - } - _dom2.default.remove(this.btn); - this.btn = null; - if (!this.cont) { - return; - } - _dom2.default.remove(this.cont); - this.cont = null; - this.initialized = false; - } - }]); - - return Help; - }(_feature.Feature); - -/***/ }, -/* 24 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.AlternateRows = undefined; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var AlternateRows = exports.AlternateRows = function (_Feature) { - _inherits(AlternateRows, _Feature); - - /** - * Alternating rows color - * @param {Object} tf TableFilter instance - */ - - function AlternateRows(tf) { - _classCallCheck(this, AlternateRows); - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(AlternateRows).call(this, tf, 'alternateRows')); - - var config = _this.config; - //defines css class for even rows - _this.evenCss = config.even_row_css_class || 'even'; - //defines css class for odd rows - _this.oddCss = config.odd_row_css_class || 'odd'; - return _this; - } - - /** - * Sets alternating rows color - */ - - - _createClass(AlternateRows, [{ - key: 'init', - value: function init() { - var _this2 = this; - - if (this.initialized) { - return; - } - - this.processAll(); - - // Subscribe to events - this.emitter.on(['row-processed', 'row-paged'], function (tf, rowIndex, arrIndex, isValid) { - return _this2.processRow(rowIndex, arrIndex, isValid); - }); - this.emitter.on(['column-sorted'], function () { - return _this2.processAll(); - }); - - this.initialized = true; - } - }, { - key: 'processAll', - value: function processAll() { - if (!this.isEnabled()) { - return; - } - var tf = this.tf; - var validRowsIndex = tf.getValidRows(true); - var noValidRowsIndex = validRowsIndex.length === 0; - //1st index - var beginIndex = noValidRowsIndex ? tf.refRow : 0; - // nb indexes - 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 : validRowsIndex[j]; - this.setRowBg(rowIdx, idx); - idx++; - } - } - - /** - * Set/remove row background based on row validation - * @param {Number} rowIdx Row index - * @param {Number} arrIdx Array index - * @param {Boolean} isValid Valid row flag - */ - - }, { - key: 'processRow', - value: function processRow(rowIdx, arrIdx, isValid) { - if (isValid) { - this.setRowBg(rowIdx, arrIdx); - } else { - this.removeRowBg(rowIdx); - } - } - - /** - * Sets row background color - * @param {Number} rowIdx Row index - * @param {Number} idx Valid rows collection index needed to calculate bg - * color - */ - - }, { - key: 'setRowBg', - value: function setRowBg(rowIdx, idx) { - if (!this.isEnabled() || isNaN(rowIdx)) { - return; - } - var rows = this.tf.tbl.rows; - var i = isNaN(idx) ? rowIdx : idx; - this.removeRowBg(rowIdx); - - _dom2.default.addClass(rows[rowIdx], i % 2 ? this.evenCss : this.oddCss); - } - - /** - * Removes row background color - * @param {Number} idx Row index - */ - - }, { - key: 'removeRowBg', - value: function removeRowBg(idx) { - if (isNaN(idx)) { - return; - } - var rows = this.tf.tbl.rows; - _dom2.default.removeClass(rows[idx], this.oddCss); - _dom2.default.removeClass(rows[idx], this.evenCss); - } - - /** - * Removes all alternating backgrounds - */ - - }, { - key: 'destroy', - value: function destroy() { - var _this3 = this; - - if (!this.initialized) { - return; - } - for (var i = 0; i < this.tf.nbRows; i++) { - this.removeRowBg(i); - } - - // Unsubscribe to events - this.emitter.off(['row-processed', 'row-paged'], function (tf, rowIndex, arrIndex, isValid) { - return _this3.processRow(rowIndex, arrIndex, isValid); - }); - this.emitter.off(['column-sorted'], function () { - return _this3.processAll(); - }); - - this.initialized = false; - } - }]); - - return AlternateRows; - }(_feature.Feature); - -/***/ }, -/* 25 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.NoResults = undefined; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var NoResults = exports.NoResults = function (_Feature) { - _inherits(NoResults, _Feature); - - /** - * No results message UI component - * @param {Object} tf TableFilter instance - */ - - function NoResults(tf) { - _classCallCheck(this, NoResults); - - //configuration object - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(NoResults).call(this, tf, 'noResults')); - - var f = _this.config.no_results_message; - - _this.content = f.content || 'No results'; - _this.customContainer = f.custom_container || null; - _this.customContainerId = f.custom_container_id || null; - _this.isExternal = !_types2.default.isEmpty(_this.customContainer) || !_types2.default.isEmpty(_this.customContainerId); - _this.cssClass = f.css_class || 'no-results'; - - _this.cont = null; - - //callback before message is displayed - _this.onBeforeShowMsg = _types2.default.isFn(f.on_before_show_msg) ? f.on_before_show_msg : null; - //callback after message is displayed - _this.onAfterShowMsg = _types2.default.isFn(f.on_after_show_msg) ? f.on_after_show_msg : null; - //callback before message is hidden - _this.onBeforeHideMsg = _types2.default.isFn(f.on_before_hide_msg) ? f.on_before_hide_msg : null; - //callback after message is hidden - _this.onAfterHideMsg = _types2.default.isFn(f.on_after_hide_msg) ? f.on_after_hide_msg : null; - - _this.prfxNoResults = 'nores_'; - return _this; - } - - _createClass(NoResults, [{ - key: 'init', - value: function init() { - var _this2 = this; - - if (this.initialized) { - return; - } - var tf = this.tf; - var target = this.customContainer || _dom2.default.id(this.customContainerId) || tf.tbl; - - //container - var cont = _dom2.default.create('div', ['id', this.prfxNoResults + tf.id]); - cont.className = this.cssClass; - cont.innerHTML = this.content; - - if (this.isExternal) { - target.appendChild(cont); - } else { - target.parentNode.insertBefore(cont, target.nextSibling); - } - - this.cont = cont; - - // subscribe to after-filtering event - this.emitter.on(['after-filtering'], function () { - return _this2.toggle(); - }); - - this.initialized = true; - this.hide(); - } - }, { - key: 'toggle', - value: function toggle() { - if (this.tf.nbVisibleRows > 0) { - this.hide(); - } else { - this.show(); - } - } - }, { - key: 'show', - value: function show() { - if (!this.initialized || !this.isEnabled()) { - return; - } - - if (this.onBeforeShowMsg) { - this.onBeforeShowMsg.call(null, this.tf, this); - } - - this.setWidth(); - this.cont.style.display = 'block'; - - if (this.onAfterShowMsg) { - this.onAfterShowMsg.call(null, this.tf, this); - } - } - }, { - key: 'hide', - value: function hide() { - if (!this.initialized || !this.isEnabled()) { - return; - } - - if (this.onBeforeHideMsg) { - this.onBeforeHideMsg.call(null, this.tf, this); - } - - this.cont.style.display = 'none'; - - if (this.onBeforeHideMsg) { - this.onBeforeHideMsg.call(null, this.tf, this); - } - } - }, { - key: 'setWidth', - value: function setWidth() { - if (!this.initialized || this.isExternal || !this.isEnabled()) { - return; - } - if (this.tf.gridLayout) { - var gridLayout = this.tf.feature('gridLayout'); - this.cont.style.width = gridLayout.tblCont.clientWidth + 'px'; - } else { - this.cont.style.width = this.tf.tbl.clientWidth + 'px'; - } - } - }, { - key: 'destroy', - value: function destroy() { - var _this3 = this; - - if (!this.initialized) { - return; - } - _dom2.default.remove(this.cont); - this.cont = null; - // unsubscribe to after-filtering event - this.emitter.off(['after-filtering'], function () { - return _this3.toggle(); - }); - - this.initialized = false; - } - }]); - - return NoResults; - }(_feature.Feature); - -/***/ }, -/* 26 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.Stateful = undefined; - - 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; }; }(); - - var _feature = __webpack_require__(11); - - var _string = __webpack_require__(3); - - var _string2 = _interopRequireDefault(_string); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - - var global = window; - var JSON = global.JSON; - var location = global.location; - var hasHashChange = function hasHashChange() { - var docMode = global.documentMode; - return 'onhashchange' in global && (docMode === undefined || docMode > 7); - }; - - var Stateful = exports.Stateful = function (_Feature) { - _inherits(Stateful, _Feature); - - /** - * Makes features stateful via URL hash - * @param {Object} tf TableFilter instance - */ - - function Stateful(tf) { - _classCallCheck(this, Stateful); - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Stateful).call(this, tf, 'stateful')); - - var cfg = _this.config.stateful; - - _this.persistFilters = cfg.filters === false ? false : true; - _this.persistPageNumber = Boolean(cfg.page_number); - - _this.pageNb = null; - _this.lastHash = null; - _this.state = {}; - _this.prfxCol = 'col_'; - _this.prfxPageNb = 'page'; - return _this; - } - - _createClass(Stateful, [{ - key: 'init', - value: function init() { - var _this2 = this; - - if (this.initialized || !hasHashChange()) { - return; - } - - this.emitter.on(['initialized'], function () { - return _this2.sync(); - }); - this.emitter.on(['after-filtering'], function () { - return _this2.update(); - }); - this.emitter.on(['after-changing-page'], function () { - return _this2.update(); - }); - - this.initialized = true; - } - }, { - key: 'format', - value: function format() { - var _this3 = this; - - var tf = this.tf; - - if (this.persistFilters) { - var filterValues = tf.getFiltersValue(); - - filterValues.forEach(function (val, idx) { - var key = '' + _this3.prfxCol + idx; - - if (_string2.default.isEmpty(val)) { - if (_this3.state.hasOwnProperty(key)) { - _this3.state[key] = undefined; - } - } else { - _this3.state[key] = _this3.state[key] || {}; - _this3.state[key].flt = val; - } - }); - } - - if (this.persistPageNumber) { - var pageNumber = tf.feature('paging').getPage(); - this.state[this.prfxPageNb] = pageNumber; - } - - return '#' + JSON.stringify(this.state); - } - }, { - key: 'parse', - value: function parse(hash) { - if (hash.indexOf('#') === 0) { - hash = hash.substr(1); - } else { - hash = '{}'; - } - return JSON.parse(hash); - } - }, { - key: 'update', - value: function update() { - var hash = this.format(); - console.log(hash, this.lastHash, this.lastHash === hash); - if (this.lastHash === hash) { - return; - } - - location.hash = hash; - this.lastHash = hash; - } - }, { - key: 'sync', - value: function sync() { - var _this4 = this; - - var state = this.parse(location.hash); - var tf = this.tf; - - if (this.persistFilters) { - Object.keys(state).forEach(function (key) { - if (key.indexOf(_this4.prfxCol) !== -1) { - var colIdx = parseInt(key.replace(_this4.prfxCol, '')); - var val = state[key].flt; - tf.setFilterValue(colIdx, val); - } - }); - - tf.filter(); - } - - if (this.persistPageNumber) { - var pageNumber = state[this.prfxPageNb]; - tf.feature('paging').setPage(pageNumber); - } - } - }, { - key: 'destroy', - value: function destroy() { - var _this5 = this; - - if (!this.initialized) { - return; - } - - this.emitter.on(['initialized'], function () { - return _this5.sync(); - }); - this.emitter.off(['after-filtering'], function () { - return _this5.update(); - }); - - this.initialized = false; - } - }]); - - return Stateful; - }(_feature.Feature); - -/***/ } -/******/ ]) -}); -; -//# sourceMappingURL=tablefilter.js.map \ No newline at end of file +!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var i=e();for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(this,function(){return function(t){function e(i){if(s[i])return s[i].exports;var n=s[i]={exports:{},id:i,loaded:!1};return t[i].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var i=window.webpackJsonp;window.webpackJsonp=function(s,r){for(var a,l,o=0,u=[];oa;a++)s[a]=arguments[a];if(0!==s.length){if(this.id=null,this.version="0.2.0",this.year=(new Date).getFullYear(),this.tbl=null,this.startRow=null,this.refRow=null,this.headersRow=null,this.cfg={},this.nbFilterableRows=null,this.nbRows=null,this.nbCells=null,this._hasGrid=!1,s.forEach(function(t){var i="undefined"==typeof t?"undefined":r(t);"object"===i&&t&&"TABLE"===t.nodeName?(e.tbl=t,e.id=t.id||"tf_"+(new Date).getTime()+"_"):"string"===i?(e.id=t,e.tbl=h["default"].id(t)):"number"===i?e.startRow=t:"object"===i&&(e.cfg=t)}),!this.tbl||"TABLE"!=this.tbl.nodeName||0===this.getRowsNb())throw new Error("Could not instantiate TableFilter: HTML table not found.");var l=this.cfg;this.emitter=new y.Emitter,this.refRow=null===this.startRow?2:this.startRow+1;try{this.nbCells=this.getCellsNb(this.refRow)}catch(u){this.nbCells=this.getCellsNb(0)}this.basePath=l.base_path||"tablefilter/",this.fltTypeInp="input",this.fltTypeSlc="select",this.fltTypeMulti="multiple",this.fltTypeCheckList="checklist",this.fltTypeNone="none",this.fltGrid=l.grid===!1?!1:!0,this.gridLayout=Boolean(l.grid_layout),this.filtersRowIndex=isNaN(l.filters_row_index)?0:l.filters_row_index,this.headersRow=isNaN(l.headers_row_index)?0===this.filtersRowIndex?1:0:l.headers_row_index,this.fltCellTag="th"!==l.filters_cell_tag||"td"!==l.filters_cell_tag?"td":l.filters_cell_tag,this.fltIds=[],this.fltElms=[],this.validRowsIndex=[],this.fltGridEl=null,this.infDiv=null,this.lDiv=null,this.rDiv=null,this.mDiv=null,this.infDivCssClass=l.inf_div_css_class||"inf",this.lDivCssClass=l.left_div_css_class||"ldiv",this.rDivCssClass=l.right_div_css_class||"rdiv",this.mDivCssClass=l.middle_div_css_class||"mdiv",this.contDivCssClass=l.content_div_css_class||"cont",this.stylePath=l.style_path||this.basePath+"style/",this.stylesheet=l.stylesheet||this.stylePath+"tablefilter.css",this.stylesheetId=this.id+"_style",this.fltsRowCssClass=l.flts_row_css_class||"fltrow",this.enableIcons=l.enable_icons===!1?!1:!0,this.alternateRows=Boolean(l.alternate_rows),this.hasColWidths=p["default"].isArray(l.col_widths),this.colWidths=this.hasColWidths?l.col_widths:null,this.fltCssClass=l.flt_css_class||"flt",this.fltMultiCssClass=l.flt_multi_css_class||"flt_multi",this.fltSmallCssClass=l.flt_small_css_class||"flt_s",this.singleFltCssClass=l.single_flt_css_class||"single_flt",this.enterKey=l.enter_key===!1?!1:!0,this.onBeforeFilter=p["default"].isFn(l.on_before_filter)?l.on_before_filter:null,this.onAfterFilter=p["default"].isFn(l.on_after_filter)?l.on_after_filter:null,this.caseSensitive=Boolean(l.case_sensitive),this.hasExactMatchByCol=p["default"].isArray(l.columns_exact_match),this.exactMatchByCol=this.hasExactMatchByCol?l.columns_exact_match:[],this.exactMatch=Boolean(l.exact_match),this.linkedFilters=Boolean(l.linked_filters),this.disableExcludedOptions=Boolean(l.disable_excluded_options),this.activeFlt=null,this.activeFilterId=null,this.hasVisibleRows=Boolean(l.rows_always_visible),this.visibleRows=this.hasVisibleRows?l.rows_always_visible:[],this.isExternalFlt=Boolean(l.external_flt_grid),this.externalFltTgtIds=l.external_flt_grid_ids||[],this.externalFltEls=[],this.execDelay=isNaN(l.exec_delay)?100:parseInt(l.exec_delay,10),this.onFiltersLoaded=p["default"].isFn(l.on_filters_loaded)?l.on_filters_loaded:null,this.singleSearchFlt=Boolean(l.single_filter),this.onRowValidated=p["default"].isFn(l.on_row_validated)?l.on_row_validated:null,this.customCellDataCols=l.custom_cell_data_cols?l.custom_cell_data_cols:[],this.customCellData=p["default"].isFn(l.custom_cell_data)?l.custom_cell_data:null,this.watermark=l.watermark||"",this.isWatermarkArray=p["default"].isArray(this.watermark),this.toolBarTgtId=l.toolbar_target_id||null,this.help=p["default"].isUndef(l.help_instructions)?void 0:Boolean(l.help_instructions),this.popupFilters=Boolean(l.popup_filters),this.markActiveColumns=Boolean(l.mark_active_columns),this.activeColumnsCssClass=l.active_columns_css_class||"activeHeader",this.onBeforeActiveColumn=p["default"].isFn(l.on_before_active_column)?l.on_before_active_column:null,this.onAfterActiveColumn=p["default"].isFn(l.on_after_active_column)?l.on_after_active_column:null,this.displayAllText=l.display_all_text||"Clear",this.enableEmptyOption=Boolean(l.enable_empty_option),this.emptyText=l.empty_text||"(Empty)",this.enableNonEmptyOption=Boolean(l.enable_non_empty_option),this.nonEmptyText=l.non_empty_text||"(Non empty)",this.onSlcChange=l.on_change===!1?!1:!0,this.sortSlc=l.sort_select===!1?!1:!0,this.isSortNumAsc=Boolean(l.sort_num_asc),this.sortNumAsc=this.isSortNumAsc?l.sort_num_asc:[],this.isSortNumDesc=Boolean(l.sort_num_desc),this.sortNumDesc=this.isSortNumDesc?l.sort_num_desc:[],this.loadFltOnDemand=Boolean(l.load_filters_on_demand),this.hasCustomOptions=p["default"].isObj(l.custom_options),this.customOptions=l.custom_options,this.rgxOperator=l.regexp_operator||"rgx:",this.emOperator=l.empty_operator||"[empty]",this.nmOperator=l.nonempty_operator||"[nonempty]",this.orOperator=l.or_operator||"||",this.anOperator=l.and_operator||"&&",this.grOperator=l.greater_operator||">",this.lwOperator=l.lower_operator||"<",this.leOperator=l.lower_equal_operator||"<=",this.geOperator=l.greater_equal_operator||">=",this.dfOperator=l.different_operator||"!",this.lkOperator=l.like_operator||"*",this.eqOperator=l.equal_operator||"=",this.stOperator=l.start_with_operator||"{",this.enOperator=l.end_with_operator||"}",this.curExp=l.cur_exp||"^[¥£€$]",this.separator=l.separator||",",this.rowsCounter=Boolean(l.rows_counter),this.statusBar=Boolean(l.status_bar),this.loader=Boolean(l.loader),this.displayBtn=Boolean(l.btn),this.btnText=l.btn_text||(this.enableIcons?"":"Go"),this.btnCssClass=l.btn_css_class||(this.enableIcons?"btnflt_icon":"btnflt"),this.btnReset=Boolean(l.btn_reset),this.btnResetCssClass=l.btn_reset_css_class||"reset",this.onBeforeReset=p["default"].isFn(l.on_before_reset)?l.on_before_reset:null,this.onAfterReset=p["default"].isFn(l.on_after_reset)?l.on_after_reset:null,this.paging=Boolean(l.paging),this.nbVisibleRows=0,this.nbHiddenRows=0,this.autoFilter=Boolean(l.auto_filter),this.autoFilterDelay=isNaN(l.auto_filter_delay)?900:l.auto_filter_delay,this.isUserTyping=null,this.autoFilterTimer=null,this.highlightKeywords=Boolean(l.highlight_keywords),this.noResults=p["default"].isObj(l.no_results_message)||Boolean(l.no_results_message),this.isStateful=p["default"].isObj(l.stateful)||Boolean(l.stateful),this.defaultDateType=l.default_date_type||"DMY",this.thousandsSeparator=l.thousands_separator||",",this.decimalSeparator=l.decimal_separator||".",this.hasColNbFormat=p["default"].isArray(l.col_number_format),this.colNbFormat=this.hasColNbFormat?l.col_number_format:null,this.hasColDateType=p["default"].isArray(l.col_date_type),this.colDateType=this.hasColDateType?l.col_date_type:null,this.prfxTf="TF",this.prfxFlt="flt",this.prfxValButton="btn",this.prfxInfDiv="inf_",this.prfxLDiv="ldiv_",this.prfxRDiv="rdiv_",this.prfxMDiv="mdiv_",this.prfxCookieFltsValues="tf_flts_",this.prfxCookiePageNb="tf_pgnb_",this.prfxCookiePageLen="tf_pglen_",this.rememberGridValues=Boolean(l.remember_grid_values),this.rememberPageNb=this.paging&&l.remember_page_number,this.rememberPageLen=this.paging&&l.remember_page_length,this.hasPersistence=this.rememberGridValues||this.rememberPageNb||this.rememberPageLen,this.extensions=l.extensions,this.hasExtensions=p["default"].isArray(this.extensions),this.enableDefaultTheme=Boolean(l.enable_default_theme),this.hasThemes=this.enableDefaultTheme||p["default"].isArray(l.themes),this.themes=l.themes||[],this.themesPath=l.themes_path||this.stylePath+"themes/",this.Mod={},this.ExtRegistry={},this.Evt={detectKey:function(t){if(this.enterKey&&t){var e=o["default"].keyCode(t);13===e?(this.filter(),o["default"].cancel(t),o["default"].stop(t)):(this.isUserTyping=!0,B.clearInterval(this.autoFilterTimer),this.autoFilterTimer=null)}},onKeyUp:function(t){function e(){B.clearInterval(this.autoFilterTimer),this.autoFilterTimer=null,this.isUserTyping||(this.filter(),this.isUserTyping=null)}if(this.autoFilter){var i=o["default"].keyCode(t);this.isUserTyping=!1,13!==i&&9!==i&&27!==i&&38!==i&&40!==i?null===this.autoFilterTimer&&(this.autoFilterTimer=B.setInterval(e.bind(this),this.autoFilterDelay)):(B.clearInterval(this.autoFilterTimer),this.autoFilterTimer=null)}},onKeyDown:function(){this.autoFilter&&(this.isUserTyping=!0)},onInpBlur:function(){this.autoFilter&&(this.isUserTyping=!1,B.clearInterval(this.autoFilterTimer)),this.emitter.emit("filter-blur",this)},onInpFocus:function(t){var e=o["default"].target(t);this.activeFilterId=e.getAttribute("id"),this.activeFlt=h["default"].id(this.activeFilterId),this.emitter.emit("filter-focus",this)}}}}return a(t,[{key:"init",value:function(){var t=this;if(!this._hasGrid){var e=this.Mod,i=this.singleSearchFlt?1:this.nbCells,s=void 0;if(this["import"](this.stylesheetId,this.stylesheet,null,"link"),this.hasThemes&&this.loadThemes(),e.help||(e.help=new I.Help(this)),this.help&&e.help.init(),this.isStateful&&(e.stateful||(e.stateful=new L.Stateful(tf)),e.stateful.init()),this.hasPersistence&&(e.store||(e.store=new _.Store(this)),e.store.init()),this.gridLayout&&(e.gridLayout||(e.gridLayout=new C.GridLayout(this)),e.gridLayout.init()),this.loader&&(e.loader||(e.loader=new w.Loader(this)),e.loader.init()),this.highlightKeywords&&(e.highlightKeyword=new x.HighlightKeyword(this),e.highlightKeyword.init()),this.popupFilters&&(e.popupFilter||(e.popupFilter=new k.PopupFilter(this)),e.popupFilter.init()),this.fltGrid){var n=this._insertFiltersRow();this.nbFilterableRows=this.getRowsNb(),this.nbVisibleRows=this.nbFilterableRows,this.nbRows=this.tbl.rows.length;for(var r=0;i>r;r++){this.emitter.emit("before-filter-init",this,r);var a=h["default"].create(this.fltCellTag),l=this.getFilterType(r);this.singleSearchFlt&&(a.colSpan=this.nbCells),this.gridLayout||n.appendChild(a),s=r==i-1&&this.displayBtn?this.fltSmallCssClass:this.fltCssClass,this.singleSearchFlt&&(l=this.fltTypeInp,s=this.singleFltCssClass),l===this.fltTypeSlc||l===this.fltTypeMulti?(e.dropdown||(e.dropdown=new T.Dropdown(this)),e.dropdown.init(r,this.isExternalFlt,a)):l===this.fltTypeCheckList?(e.checkList||(e.checkList=new P.CheckList(this)),e.checkList.init(r,this.isExternalFlt,a)):this._buildInputFilter(r,s,a),r==i-1&&this.displayBtn&&this._buildSubmitButton(r,a),this.emitter.emit("after-filter-init",this,r)}}else this._initNoFilters();this.hasVisibleRows&&(this.emitter.on(["after-filtering"],function(){return t.enforceVisibility()}),this.enforceVisibility()),this.rowsCounter&&(e.rowsCounter=new F.RowsCounter(this),e.rowsCounter.init()),this.statusBar&&(e.statusBar=new R.StatusBar(this),e.statusBar.init()),this.paging&&(e.paging?e.paging.reset():(e.paging=new O.Paging(this),e.paging.init())),this.btnReset&&(e.clearButton=new S.ClearButton(this),e.clearButton.init()),this.hasColWidths&&!this.gridLayout&&this.setColWidths(),this.alternateRows&&(e.alternateRows=new E.AlternateRows(this),e.alternateRows.init()),this.noResults&&(e.noResults||(e.noResults=new N.NoResults(this)),e.noResults.init()),this._hasGrid=!0,this.hasPersistence&&this.resetFilterValues(),this.gridLayout||h["default"].addClass(this.tbl,this.prfxTf),this.hasExtensions&&this.initExtensions(),this.markActiveColumns&&(this.emitter.on(["before-filtering"],function(){return t.clearActiveColumns()}),this.emitter.on(["cell-processed"],function(e,i){return t.markActiveColumn(i)})),this.linkedFilters&&this.emitter.on(["after-filtering"],function(){return t.linkFilters()}),this.onFiltersLoaded&&this.onFiltersLoaded.call(null,this),this.initialized=!0,this.emitter.emit("initialized",this)}}},{key:"_insertFiltersRow",value:function(){if(!this.gridLayout){var t=void 0,e=h["default"].tag(this.tbl,"thead");return t=e.length>0?e[0].insertRow(this.filtersRowIndex):this.tbl.insertRow(this.filtersRowIndex),t.className=this.fltsRowCssClass,this.isExternalFlt&&(t.style.display="none"),this.emitter.emit("filters-row-inserted",this,t),t}}},{key:"_initNoFilters",value:function(){this.fltGrid||(this.refRow=this.refRow>0?this.refRow-1:0,this.nbFilterableRows=this.getRowsNb(),this.nbVisibleRows=this.nbFilterableRows,this.nbRows=this.nbFilterableRows+this.refRow)}},{key:"_buildInputFilter",value:function(t,e,i){var s=this.getFilterType(t),n=this.isExternalFlt?this.externalFltTgtIds[t]:null,r=s===this.fltTypeInp?"text":"hidden",a=h["default"].create(this.fltTypeInp,["id",this.prfxFlt+t+"_"+this.id],["type",r],["ct",t]);"hidden"!==r&&this.watermark&&a.setAttribute("placeholder",this.isWatermarkArray?this.watermark[t]||"":this.watermark),a.className=e||this.fltCssClass,o["default"].add(a,"focus",this.Evt.onInpFocus.bind(this)),n?(h["default"].id(n).appendChild(a),this.externalFltEls.push(a)):i.appendChild(a),this.fltIds.push(a.id),o["default"].add(a,"keypress",this.Evt.detectKey.bind(this)),o["default"].add(a,"keydown",this.Evt.onKeyDown.bind(this)),o["default"].add(a,"keyup",this.Evt.onKeyUp.bind(this)),o["default"].add(a,"blur",this.Evt.onInpBlur.bind(this))}},{key:"_buildSubmitButton",value:function(t,e){var i=this,s=this.isExternalFlt?this.externalFltTgtIds[t]:null,n=h["default"].create(this.fltTypeInp,["id",this.prfxValButton+t+"_"+this.id],["type","button"],["value",this.btnText]);n.className=this.btnCssClass,s?h["default"].id(s).appendChild(n):e.appendChild(n),o["default"].add(n,"click",function(){return i.filter()})}},{key:"feature",value:function(t){return this.Mod[t]}},{key:"initExtensions",value:function(){var t=this.extensions;i.p=this.basePath,this.emitter.emit("before-loading-extensions",this);for(var e=0,s=t.length;s>e;e++){var n=t[e];this.ExtRegistry[n.name]||this.loadExtension(n)}this.emitter.emit("after-loading-extensions",this)}},{key:"loadExtension",value:function(t){var e=this;if(t&&t.name){var s=t.name,n=t.path,r=void 0;s&&n?r=t.path+s:(s=s.replace(".js",""),r="extensions/{}/{}".replace(/{}/g,s)),i.e(1,function(i){var n=[i(27)("./"+r)];(function(i){var n=new i["default"](e,t);n.init(),e.ExtRegistry[s]=n}).apply(null,n)})}}},{key:"extension",value:function(t){return this.ExtRegistry[t]}},{key:"hasExtension",value:function(t){return!p["default"].isEmpty(this.ExtRegistry[t])}},{key:"destroyExtensions",value:function(){for(var t=this.extensions,e=0,i=t.length;i>e;e++){var s=t[e],n=this.ExtRegistry[s.name];n&&(n.destroy(),this.ExtRegistry[s.name]=null)}}},{key:"loadThemes",value:function(){var t=this.themes;if(this.emitter.emit("before-loading-themes",this),this.enableDefaultTheme){var e={name:"default"};this.themes.push(e)}if(p["default"].isArray(t))for(var i=0,s=t.length;s>i;i++){var n=t[i],r=n.name,a=n.path,l=this.prfxTf+r;r&&!a?a=this.themesPath+r+"/"+r+".css":!r&&n.path&&(r="theme{0}".replace("{0}",i)),this.isImported(a,"link")||this["import"](l,a,null,"link")}this.btnResetText=null,this.btnResetHtml='',this.btnPrevPageHtml='',this.btnNextPageHtml='',this.btnFirstPageHtml='',this.btnLastPageHtml='',this.loader=!0,this.loaderHtml='
',this.loaderText=null,this.emitter.emit("after-loading-themes",this)}},{key:"getStylesheet",value:function(){var t=arguments.length<=0||void 0===arguments[0]?"default":arguments[0];return h["default"].id(this.prfxTf+t)}},{key:"destroy",value:function(){var t=this;if(this._hasGrid){var e=this.tbl.rows,i=this.Mod,s=this.emitter;this.isExternalFlt&&!this.popupFilters&&this.removeExternalFlts(),this.infDiv&&this.removeToolbar(),this.markActiveColumns&&(this.clearActiveColumns(),s.off(["before-filtering"],function(){return t.clearActiveColumns()}),s.off(["cell-processed"],function(e,i){return t.markActiveColumn(i)})),this.hasExtensions&&this.destroyExtensions(),this.validateAllRows(),this.fltGrid&&!this.gridLayout&&(this.fltGridEl=e[this.filtersRowIndex],this.tbl.deleteRow(this.filtersRowIndex)),s.emit("destroy",this),Object.keys(i).forEach(function(t){var e=i[t];e&&p["default"].isFn(e.destroy)&&e.destroy()}),this.hasVisibleRows&&s.off(["after-filtering"],function(){return t.enforceVisibility()}),this.linkedFilters&&s.off(["after-filtering"],function(){return t.linkFilters()}),h["default"].removeClass(this.tbl,this.prfxTf),this.nbHiddenRows=0,this.validRowsIndex=[],this.fltIds=[],this.activeFlt=null,this._hasGrid=!1,this.initialized=!1}}},{key:"setToolbar",value:function(){if(!this.infDiv){var t=h["default"].create("div",["id",this.prfxInfDiv+this.id]);if(t.className=this.infDivCssClass,this.toolBarTgtId)h["default"].id(this.toolBarTgtId).appendChild(t);else if(this.gridLayout){var e=this.Mod.gridLayout;e.tblMainCont.appendChild(t),t.className=e.gridInfDivCssClass}else{var i=h["default"].create("caption");i.appendChild(t),this.tbl.insertBefore(i,this.tbl.firstChild)}this.infDiv=h["default"].id(this.prfxInfDiv+this.id);var s=h["default"].create("div",["id",this.prfxLDiv+this.id]);s.className=this.lDivCssClass,t.appendChild(s),this.lDiv=h["default"].id(this.prfxLDiv+this.id);var n=h["default"].create("div",["id",this.prfxRDiv+this.id]);n.className=this.rDivCssClass,t.appendChild(n),this.rDiv=h["default"].id(this.prfxRDiv+this.id);var r=h["default"].create("div",["id",this.prfxMDiv+this.id]);r.className=this.mDivCssClass,t.appendChild(r),this.mDiv=h["default"].id(this.prfxMDiv+this.id),p["default"].isUndef(this.help)&&this.emitter.emit("init-help",this)}}},{key:"removeToolbar",value:function(){if(this.infDiv){h["default"].remove(this.infDiv),this.infDiv=null;var t=this.tbl,e=h["default"].tag(t,"caption");e.length>0&&[].forEach.call(e,function(e){return t.removeChild(e)})}}},{key:"removeExternalFlts",value:function(){if(this.isExternalFlt)for(var t=this.externalFltTgtIds,e=t.length,i=0;e>i;i++){var s=t[i],n=h["default"].id(s);n&&(n.innerHTML="")}}},{key:"isCustomOptions",value:function(t){return this.hasCustomOptions&&-1!=this.customOptions.cols.indexOf(t)}},{key:"getCustomOptions",value:function(t){if(!p["default"].isEmpty(t)&&this.isCustomOptions(t)){for(var e=this.customOptions,i=e.cols,s=[],n=[],r=i.indexOf(t),a=e.values[r],l=e.texts[r],o=e.sorts[r],u=0,h=a.length;h>u;u++)n.push(a[u]),l[u]?s.push(l[u]):s.push(a[u]);return o&&(n.sort(),s.sort()),[n,s]}}},{key:"resetFilterValues",value:function(){var t=this;if(this.rememberGridValues){var e=this.Mod.store.getFilterValues();e.forEach(function(e,i){" "!==e&&t.setFilterValue(i,e)}),this.filter()}}},{key:"filter",value:function(){function t(t,e,i){if(this.highlightKeywords&&e){t=t.replace(g,""),t=t.replace(b,""),t=t.replace(y,""),t=t.replace(_,"");var s=t;(l.test(t)||o.test(t)||u.test(t)||f.test(t)||c.test(t))&&(s=h["default"].getText(i)),""!==s&&this.emitter.emit("highlight-keyword",this,i,s)}}function e(t,e,i){t=d["default"].matchCase(t,this.caseSensitive);var s=void 0,a=m["default"].removeNbFormat,h=u.test(t),p=l.test(t),k=f.test(t),T=o.test(t),P=c.test(t),F=b.test(t),R=g.test(t),O=y.test(t),S=_.test(t),I=C===t,N=w===t,L=x.test(t),B=h&&v["default"].isValid(t.replace(u,""),E),D=p&&v["default"].isValid(t.replace(l,""),E),M=k&&v["default"].isValid(t.replace(f,""),E),A=T&&v["default"].isValid(t.replace(o,""),E),j=P&&v["default"].isValid(t.replace(c,""),E),H=F&&v["default"].isValid(t.replace(b,""),E),V=void 0,U=void 0;if(v["default"].isValid(e,E))V=v["default"].format(e,E),B?(U=v["default"].format(t.replace(u,""),E),s=U>V):D?(U=v["default"].format(t.replace(l,""),E),s=U>=V):A?(U=v["default"].format(t.replace(o,""),E),s=V>=U):M?(U=v["default"].format(t.replace(f,""),E),s=V>U):j?(U=v["default"].format(t.replace(c,""),E),s=V.toString()!=U.toString()):H?(U=v["default"].format(t.replace(b,""),E),s=V.toString()==U.toString()):g.test(t)?s=d["default"].contains(t.replace(g,""),e,!1,this.caseSensitive):v["default"].isValid(t,E)?(U=v["default"].format(t,E),s=V.toString()===U.toString()):s=I?d["default"].isEmpty(e):N?!d["default"].isEmpty(e):d["default"].contains(t,e,this.isExactMatch(i),this.caseSensitive);else if(this.hasColNbFormat&&this.colNbFormat[i]?(n=a(e,this.colNbFormat[i]),r=this.colNbFormat[i]):","===this.thousandsSeparator&&"."===this.decimalSeparator?(n=a(e,"us"),r="us"):(n=a(e,"eu"),r="eu"),p)s=n<=a(t.replace(l,""),r);else if(T)s=n>=a(t.replace(o,""),r);else if(h)s=na(t.replace(f,""),r);else if(P)s=d["default"].contains(t.replace(c,""),e,!1,this.caseSensitive)?!1:!0;else if(R)s=d["default"].contains(t.replace(g,""),e,!1,this.caseSensitive);else if(F)s=d["default"].contains(t.replace(b,""),e,!0,this.caseSensitive);else if(O)s=0===e.indexOf(t.replace(y,""))?!0:!1;else if(S){var z=t.replace(_,"");s=e.lastIndexOf(z,e.length-1)===e.length-1-(z.length-1)&&e.lastIndexOf(z,e.length-1)>-1?!0:!1}else if(I)s=d["default"].isEmpty(e);else if(N)s=!d["default"].isEmpty(e);else if(L)try{var W=t.replace(x,""),G=new RegExp(W);s=G.test(e)}catch($){s=!1}else s=d["default"].contains(t,e,this.isExactMatch(i),this.caseSensitive);return s}if(this.fltGrid&&this._hasGrid){this.onBeforeFilter&&this.onBeforeFilter.call(null,this),this.emitter.emit("before-filtering",this);var i=this.tbl.rows,s=0;this.validRowsIndex=[];for(var n,r,a=this.getFiltersValue(),l=new RegExp(this.leOperator),o=new RegExp(this.geOperator),u=new RegExp(this.lwOperator),f=new RegExp(this.grOperator),c=new RegExp(this.dfOperator),g=new RegExp(d["default"].rgxEsc(this.lkOperator)),b=new RegExp(this.eqOperator),y=new RegExp(this.stOperator),_=new RegExp(this.enOperator),C=this.emOperator,w=this.nmOperator,x=new RegExp(d["default"].rgxEsc(this.rgxOperator)),k=this.refRow;kS;S++){var I=a[this.singleSearchFlt?0:S],E=this.hasColDateType?this.colDateType[S]:this.defaultDateType;if(""!==I){var N=d["default"].matchCase(this.getCellData(T[S]),this.caseSensitive),L=I.toString().split(this.orOperator),B=L.length>1,D=I.toString().split(this.anOperator),M=D.length>1;if(p["default"].isArray(I)||B||M){var A=void 0,j=void 0,H=!1;j=p["default"].isArray(I)?I:B?L:D;for(var V=0,U=j.length;U>V&&(A=d["default"].trim(j[V]),H=e.call(this,A,N,S),t.call(this,A,H,T[S]),!(B&&H||M&&!H))&&(!p["default"].isArray(I)||!H);V++);F[S]=H}else F[S]=e.call(this,d["default"].trim(I),N,S),t.call(this,I,F[S],T[S]);F[S]||(R=!1),this.singleSearchFlt&&F[S]&&(O=!0),this.emitter.emit("cell-processed",this,S,T[S])}}this.singleSearchFlt&&O&&(R=!0),R?this.validateRow(k,!0):(this.validateRow(k,!1),s++),this.emitter.emit("row-processed",this,k,this.validRowsIndex.length,R)}}this.nbVisibleRows=this.validRowsIndex.length,this.nbHiddenRows=s,this.onAfterFilter&&this.onAfterFilter.call(null,this),this.emitter.emit("after-filtering",this)}}},{key:"getColValues",value:function(t){var e=arguments.length<=1||void 0===arguments[1]?!1:arguments[1],i=arguments.length<=2||void 0===arguments[2]?!1:arguments[2],s=arguments.length<=3||void 0===arguments[3]?[]:arguments[3];if(this.fltGrid){var n=this.tbl.rows,r=[];e&&r.push(this.getHeadersText()[t]);for(var a=this.refRow;a0&&(l=-1!=s.indexOf(a));var o=n[a].cells,u=o.length;if(u===this.nbCells&&!l)for(var h=0;u>h;h++)if(h==t&&""===n[a].style.display){var f=this.getCellData(o[h]),d=this.colNbFormat?this.colNbFormat[t]:null,c=i?m["default"].removeNbFormat(f,d):f;r.push(c)}}return r}}},{key:"getFilterValue",value:function(t){if(this.fltGrid){var e="",i=[],s=this.getFilterElement(t);if(!s)return"";var n=this.getFilterType(t);if(n!==this.fltTypeMulti&&n!==this.fltTypeCheckList)e=s.value;else if(n===this.fltTypeMulti){for(var r=0,a=s.options.length;a>r;r++)s.options[r].selected&&i.push(s.options[r].value);e=i.length>0?i:""}else n===this.fltTypeCheckList&&(null!==s.getAttribute("value")&&(i=s.getAttribute("value"),i=i.substr(0,i.length-3),i=i.split(" "+this.orOperator+" ")),e=i.length>0?i:"");return p["default"].isArray(e)&&1===e.length&&""===e[0]&&(e=""),e}}},{key:"getFiltersValue",value:function(){if(this.fltGrid){for(var t=[],e=0,i=this.fltIds.length;i>e;e++){var s=this.getFilterValue(e);p["default"].isArray(s)?t.push(s):t.push(d["default"].trim(s))}return t}}},{key:"getFilterId",value:function(t){return this.fltGrid?this.fltIds[t]:void 0}},{key:"getFiltersByType",value:function(t,e){if(this.fltGrid){for(var i=[],s=0,n=this.fltIds.length;n>s;s++){var r=this.getFilterType(s);if(r===d["default"].lower(t)){var a=e?s:this.fltIds[s];i.push(a)}}return i}}},{key:"getFilterElement",value:function(t){var e=this.fltIds[t];return h["default"].id(e)}},{key:"getCellsNb",value:function(){var t=arguments.length<=0||void 0===arguments[0]?0:arguments[0],e=this.tbl.rows[t];return e.cells.length}},{key:"getRowsNb",value:function(t){var e=p["default"].isUndef(this.refRow)?0:this.refRow,i=this.tbl.rows.length;return t&&(e=0),parseInt(i-e,10)}},{key:"getCellData",value:function(t){var e=t.cellIndex;return this.customCellData&&-1!=this.customCellDataCols.indexOf(e)?this.customCellData.call(null,this,t,e):h["default"].getText(t)}},{key:"getTableData",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!1:arguments[0],e=arguments.length<=1||void 0===arguments[1]?!1:arguments[1],i=this.tbl.rows,s=[];if(t){var n=this.getHeadersText(e);s.push([this.getHeadersRowIndex(),n])}for(var r=this.refRow;ro;o++)if(!(e&&this.hasExtension("colsVisibility")&&this.extension("colsVisibility").isColHidden(o))){var h=this.getCellData(l[o]);a[1].push(h)}s.push(a)}return s}},{key:"getFilteredData",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!1:arguments[0],e=arguments.length<=1||void 0===arguments[1]?!1:arguments[1];if(!this.validRowsIndex)return[];var i=this.tbl.rows,s=[];if(t){var n=this.getHeadersText(e);s.push([this.getHeadersRowIndex(),n])}for(var r=this.getValidRows(!0),a=0;an;n++){var a=i[n],l=a[1],o=l[t];s.push(o)}return s}},{key:"getRowDisplay",value:function(t){return p["default"].isObj(t)?t.style.display:null}},{key:"validateRow",value:function(t,e){var i=this.tbl.rows[t];if(i&&"boolean"==typeof e){this.hasVisibleRows&&-1!==this.visibleRows.indexOf(t)&&(e=!0);var s=e?"":"none",n=e?"true":"false";i.style.display=s,this.paging&&i.setAttribute("validRow",n),e&&(-1===this.validRowsIndex.indexOf(t)&&this.validRowsIndex.push(t),this.onRowValidated&&this.onRowValidated.call(null,this,t),this.emitter.emit("row-validated",this,t))}}},{key:"validateAllRows",value:function(){if(this._hasGrid){this.validRowsIndex=[];for(var t=this.refRow;t0,r=n?null:D.createDocumentFragment(),a=0;e>a;a++){var l=void 0;n?l=s[a]:(l=h["default"].create("col",["id",this.id+"_col_"+a]),r.appendChild(l)),l.style.width=i[a]}n||t.insertBefore(r,t.firstChild)}this.hasColWidths&&(t=t||this.tbl,e.call(this))}},{key:"enforceVisibility",value:function(){if(this.hasVisibleRows)for(var t=0,e=this.visibleRows.length;e>t;t++){var i=this.visibleRows[t];i<=this.nbRows&&this.validateRow(i,!0)}}},{key:"clearFilters",value:function(){if(this.fltGrid){this.emitter.emit("before-clearing-filters",this),this.onBeforeReset&&this.onBeforeReset.call(null,this,this.getFiltersValue());for(var t=0,e=this.fltIds.length;e>t;t++)this.setFilterValue(t,"");this.filter(),this.onAfterReset&&this.onAfterReset.call(null,this),this.emitter.emit("after-clearing-filters",this)}}},{key:"clearActiveColumns",value:function(){for(var t=0,e=this.getCellsNb(this.headersRow);e>t;t++)h["default"].removeClass(this.getHeaderElement(t),this.activeColumnsCssClass)}},{key:"markActiveColumn",value:function(t){var e=this.getHeaderElement(t);h["default"].hasClass(e,this.activeColumnsCssClass)||(this.onBeforeActiveColumn&&this.onBeforeActiveColumn.call(null,this,t),h["default"].addClass(e,this.activeColumnsCssClass),this.onAfterActiveColumn&&this.onAfterActiveColumn.call(null,this,t))}},{key:"linkFilters",value:function(){if(this.linkedFilters&&this.activeFilterId){var t=this.getFiltersByType(this.fltTypeSlc,!0),e=this.getFiltersByType(this.fltTypeMulti,!0),i=this.getFiltersByType(this.fltTypeCheckList,!0),s=t.concat(e);s=s.concat(i);var n=this.activeFilterId.split("_")[0]; +n=n.split(this.prfxFlt)[1];for(var r=void 0,a=0,l=s.length;l>a;a++){var o=h["default"].id(this.fltIds[s[a]]);if(r=this.getFilterValue(s[a]),n!==s[a]||this.paging&&-1!=t.indexOf(s[a])&&n===s[a]||!this.paging&&(-1!=i.indexOf(s[a])||-1!=e.indexOf(s[a]))||r===this.displayAllText){if(this.loadFltOnDemand){var u=h["default"].createOpt(this.displayAllText,"");o.innerHTML="",o.appendChild(u)}-1!=i.indexOf(s[a])?this.emitter.emit("build-checklist-filter",this,s[a]):this.emitter.emit("build-select-filter",this,s[a],!0),this.setFilterValue(s[a],r)}}}}},{key:"isExactMatch",value:function(t){var e=this.getFilterType(t);return this.exactMatchByCol[t]||this.exactMatch||e!==this.fltTypeInp}},{key:"isImported",value:function(t,e){for(var i=!1,s=e?e:"script",n="script"==s?"src":"href",r=h["default"].tag(D,s),a=0,l=r.length;l>a;a++)if(void 0!==r[a][n]&&r[a][n].match(t)){i=!0;break}return i}},{key:"import",value:function(t,e,i,s){var n=s?s:"script",r=this.isImported(e,n);if(!r){var a=this,l=!1,o=void 0,u=h["default"].tag(D,"head")[0];o="link"===d["default"].lower(n)?h["default"].create("link",["id",t],["type","text/css"],["rel","stylesheet"],["href",e]):h["default"].create("script",["id",t],["type","text/javascript"],["src",e]),o.onload=o.onreadystatechange=function(){l||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState||(l=!0,"function"==typeof i&&i.call(null,a))},o.onerror=function(){throw new Error("TF script could not load: "+e)},u.appendChild(o)}}},{key:"hasGrid",value:function(){return this._hasGrid}},{key:"getFiltersId",value:function(){return this.fltIds||[]}},{key:"getValidRows",value:function(t){if(!t)return this.validRowsIndex;this.validRowsIndex=[];for(var e=this.refRow;e]+>/g,"");return e=e.replace(/^\s+/,"").replace(/\s+$/,"")},getFirstTextNode:function(t){for(var e=0;e1)for(var n=0;n2)return t;var e=void 0;return 99>=t&&t>50&&(e="19"+t),(50>t||"00"===t)&&(e="20"+t),e}function s(t){if(void 0===t)return 0;for(var e=void 0,i=["january","february","march","april","may","june","july","august","september","october","november","december","jan","feb","mar","apr","may","jun","jul","aug","sep","oct","nov","dec"],s=0;s11||23>e)&&(e-=12),1>e||e>12?0:e}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={isValid:function(t,e){if(e||(e="DMY"),e=e.toUpperCase(),3!=e.length&&"DDMMMYYYY"===e){var i=this.format(t,e);t=i.getDate()+"/"+(i.getMonth()+1)+"/"+i.getFullYear(),e="DMY"}(-1===e.indexOf("M")||-1===e.indexOf("D")||-1===e.indexOf("Y"))&&(e="DMY");var s=void 0,n=void 0;if("Y"===e.substring(0,1)?(s=/^\d{2}(\-|\/|\.)\d{1,2}\1\d{1,2}$/,n=/^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/):"Y"===e.substring(1,2)?(s=/^\d{1,2}(\-|\/|\.)\d{2}\1\d{1,2}$/,n=/^\d{1,2}(\-|\/|\.)\d{4}\1\d{1,2}$/):(s=/^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{2}$/,n=/^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/),s.test(t)===!1&&n.test(t)===!1)return!1;var r=t.split(RegExp.$1),a=void 0,l=void 0,o=void 0;a="M"===e.substring(0,1)?r[0]:"M"===e.substring(1,2)?r[1]:r[2],l="D"===e.substring(0,1)?r[0]:"D"===e.substring(1,2)?r[1]:r[2],o="Y"===e.substring(0,1)?r[0]:"Y"===e.substring(1,2)?r[1]:r[2],parseInt(o,10)<=50&&(o=(parseInt(o,10)+2e3).toString()),parseInt(o,10)<=99&&(o=(parseInt(o,10)+1900).toString());var u=new Date(parseInt(o,10),parseInt(a,10)-1,parseInt(l,10),0,0,0,0);return parseInt(l,10)!=u.getDate()?!1:parseInt(a,10)-1!=u.getMonth()?!1:!0},format:function(t,e){if(e||(e="DMY"),!t||""===t)return new Date(1001,0,1);var n=void 0,r=void 0;switch(e.toUpperCase()){case"DDMMMYYYY":r=t.replace(/[- \/.]/g," ").split(" "),n=new Date(i(r[2]),s(r[1])-1,r[0]);break;case"DMY":r=t.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/,"$1 $3 $5").split(" "),n=new Date(i(r[2]),r[1]-1,r[0]);break;case"MDY":r=t.replace(/^(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])([- \/.])((\d\d)?\d\d)$/,"$1 $3 $5").split(" "),n=new Date(i(r[2]),r[0]-1,r[1]);break;case"YMD":r=t.replace(/^((\d\d)?\d\d)([- \/.])(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])$/,"$1 $4 $6").split(" "),n=new Date(i(r[0]),r[1]-1,r[2]);break;default:r=t.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/,"$1 $3 $5").split(" "),n=new Date(i(r[2]),r[1]-1,r[0])}return n}}},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),r=s(n);e["default"]={removeNbFormat:function(t,e){if(t){e||(e="us");var i=t;return i="us"===r["default"].lower(e)?+i.replace(/[^\d\.-]/g,""):+i.replace(/[^\d\,-]/g,"").replace(",",".")}}}},function(t,e){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0});var s=function(){function t(t,e){for(var i=0;i0){var s=document.cookie,n=s.indexOf(i);if(-1!==n){n+=i.length;var r=s.indexOf(";",n);-1===r&&(r=s.length),e=unescape(s.substring(n,r))}}return e},remove:function(t){this.write(t,"",-1)},valueToArray:function(t,e){e||(e=",");var i=this.read(t),s=i.split(e);return s},getValueByIndex:function(t,e,i){i||(i=",");var s=this.valueToArray(t,i);return s[e]}}},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.GridLayout=void 0;var l=function(){function t(t,e){for(var i=0;i0&&s.removeChild(P[0]),this.headTbl.style.tableLayout="fixed",s.style.tableLayout="fixed",this.headTbl.cellPadding=s.cellPadding,this.headTbl.cellSpacing=s.cellSpacing,e.setColWidths(this.headTbl),s.style.width="",this.headTbl.style.width=s.clientWidth+"px",p["default"].add(this.tblCont,"scroll",function(e){var i=p["default"].target(e),s=i.scrollLeft;t.headTblCont.scrollLeft=s});var F=(i.extensions||[]).filter(function(t){return"sort"===t.name});1===F.length&&(F[0].async_sort=!0,F[0].trigger_ids=g),this.tblHasColTag=h["default"].tag(s,"col").length>0?!0:!1;var R=function(){for(var t=e.nbCells-1;t>=0;t--){var i=h["default"].create("col",["id",e.id+"_col_"+t]);s.insertBefore(i,s.firstChild),i.style.width=e.colWidths[t],this.gridColElms[t]=i}this.tblHasColTag=!0};if(this.tblHasColTag)for(var O=h["default"].tag(s,"col"),S=0;S',e.popUpDivCssClass=s.popup_div_css_class||"popUpFilter",e.onBeforePopUpOpen=h["default"].isFn(s.on_before_popup_filter_open)?s.on_before_popup_filter_open:null,e.onAfterPopUpOpen=h["default"].isFn(s.on_after_popup_filter_open)?s.on_after_popup_filter_open:null,e.onBeforePopUpClose=h["default"].isFn(s.on_before_popup_filter_close)?s.on_before_popup_filter_close:null,e.onAfterPopUpClose=h["default"].isFn(s.on_after_popup_filter_close)?s.on_after_popup_filter_close:null,e.popUpFltSpans=[],e.popUpFltImgs=[],e.popUpFltElms=e.popUpFltElmCache||[],e.popUpFltAdjustToContainer=!0,e.prfxPopUpSpan="popUpSpan_",e.prfxPopUpDiv="popUpDiv_",e}return a(i,e),l(i,[{key:"onClick",value:function(e){var i=e||t.event,s=i.target.parentNode,n=parseInt(s.getAttribute("ci"),10);if(this.closeAll(n),this.toggle(n),this.popUpFltAdjustToContainer){var r=this.popUpFltElms[n],a=this.tf.getHeaderElement(n),l=.95*a.clientWidth;r.style.width=parseInt(l,10)+"px"}p["default"].cancel(i),p["default"].stop(i)}},{key:"init",value:function(){var t=this;if(!this.initialized){var e=this.tf;e.headersRow<=1&&(e.headersRow=0);for(var i=0;ib;b++)if(t===b&&(!e||e&&i.disableExcludedOptions)||t===b&&e&&(""===r[f].style.display&&!i.paging||i.paging&&(!i.validRowsIndex||i.validRowsIndex&&-1!=i.validRowsIndex.indexOf(f))&&(void 0===l||l===t||l!=t&&-1!=i.validRowsIndex.indexOf(f)))){var m=i.getCellData(c[b]),_=p["default"].matchCase(m,a);if(d["default"].has(this.opts,_,a)||this.opts.push(m),e&&i.disableExcludedOptions){var C=u[b];C||(C=i.getFilteredDataCol(b)),d["default"].has(C,_,a)||d["default"].has(o,_,a)||o.push(m)}}}if(this.isCustom){var w=i.getCustomOptions(t);this.opts=w[0],this.optsTxt=w[1]}if(i.sortSlc&&!this.isCustom&&(a?(this.opts.sort(),o&&o.sort()):(this.opts.sort(v["default"].ignoreCase),o&&o.sort(v["default"].ignoreCase))),-1!=i.sortNumAsc.indexOf(t))try{this.opts.sort(v["default"].numSortAsc),o&&o.sort(v["default"].numSortAsc),this.isCustom&&this.optsTxt.sort(v["default"].numSortAsc)}catch(x){throw new Error(y.replace("{0}",t).replace("{1}","ascending"))}if(-1!=i.sortNumDesc.indexOf(t))try{this.opts.sort(v["default"].numSortDesc),o&&o.sort(v["default"].numSortDesc),this.isCustom&&this.optsTxt.sort(v["default"].numSortDesc)}catch(x){throw new Error(y.replace("{0}",t).replace("{1}","ascending"))}this.addOptions(t,n,e,o),this.emitter.emit("after-populating-filter",i,t,n)}},{key:"addOptions",value:function(t,e,i,s){var n=this.tf,r=e.value;e.innerHTML="",e=this.addFirstOption(e);for(var a=0;ai?-1:i>s?1:0},numSortAsc:function(t,e){return t-e},numSortDesc:function(t,e){return e-t}}},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.CheckList=void 0;var l=function(){function t(t,e){for(var i=0;ic;c++)if(t===c&&(!i.linkedFilters||i.linkedFilters&&i.disableExcludedOptions)||t===c&&i.linkedFilters&&(""===r[o].style.display&&!i.paging||i.paging&&(!a||a===t||a!=t&&-1!=i.validRowsIndex.indexOf(o)))){var g=i.getCellData(u[c]),b=p["default"].matchCase(g,i.matchCase);d["default"].has(this.opts,b,i.matchCase)||this.opts.push(g);var _=l[c];i.linkedFilters&&i.disableExcludedOptions&&(_||(_=i.getFilteredDataCol(c)),d["default"].has(_,b,i.matchCase)||d["default"].has(this.excludedOpts,b,i.matchCase)||this.excludedOpts.push(g))}}if(this.isCustom){var C=i.getCustomOptions(t);this.opts=C[0],this.optsTxt=C[1]}if(i.sortSlc&&!this.isCustom&&(i.matchCase?(this.opts.sort(),this.excludedOpts&&this.excludedOpts.sort()):(this.opts.sort(v["default"].ignoreCase),this.excludedOpts&&this.excludedOpts.sort(v["default"].ignoreCase))),-1!=i.sortNumAsc.indexOf(t))try{this.opts.sort(v["default"].numSortAsc),this.excludedOpts&&this.excludedOpts.sort(v["default"].numSortAsc),this.isCustom&&this.optsTxt.sort(v["default"].numSortAsc)}catch(w){throw new Error(y.replace("{0}",t).replace("{1}","ascending"))}if(-1!=i.sortNumDesc.indexOf(t))try{this.opts.sort(v["default"].numSortDesc),this.excludedOpts&&this.excludedOpts.sort(v["default"].numSortDesc),this.isCustom&&this.optsTxt.sort(v["default"].numSortDesc)}catch(w){throw new Error(y.replace("{0}",t).replace("{1}","descending"))}this.addChecks(t,n),i.loadFltOnDemand&&(s.innerHTML=""),s.appendChild(n),s.setAttribute("filled","1"),this.emitter.emit("after-populating-filter",i,t,s)}},{key:"addChecks",value:function(t,e){for(var i=this,s=this.tf,n=this.addTChecks(t,e),r=0;rr;r++){var a=h["default"].tag(s,"li")[r],l=h["default"].tag(a,"label")[0],o=h["default"].tag(a,"input")[0],u=p["default"].matchCase(h["default"].getText(l),i.caseSensitive);""!==u&&d["default"].has(e,u,i.caseSensitive)?(o.checked=!0,this.setCheckListValues(o)):(o.checked=!1,this.setCheckListValues(o))}}}},{key:"destroy",value:function(){var t=this;this.emitter.off(["build-checklist-filter"],function(e,i,s){return t.build(i,s)}),this.emitter.off(["select-checklist-options"],function(e,i,s){return t.selectOptions(i,s)})}}]),e}(o.Feature)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.RowsCounter=void 0;var l=function(){function t(t,e){for(var i=0;i0?1:0),r=n+s.pagingLength-1<=e.nbVisibleRows?n+s.pagingLength-1:e.nbVisibleRows;i=n+this.fromToTextSeparator+r+this.overText+e.nbVisibleRows}}else i=t&&""!==t?t:e.nbFilterableRows-e.nbHiddenRows;this.rowsCounterSpan.innerHTML=i,this.onAfterRefreshCounter&&this.onAfterRefreshCounter.call(null,e,this.rowsCounterSpan,i)}}},{key:"destroy",value:function(){var t=this;this.initialized&&(!this.rowsCounterTgtId&&this.rowsCounterDiv?h["default"].remove(this.rowsCounterDiv):h["default"].id(this.rowsCounterTgtId).innerHTML="",this.rowsCounterSpan=null,this.rowsCounterDiv=null,this.emitter.off(["after-filtering","grouped-by-page"],function(){return t.refresh(tf.nbVisibleRows)}),this.emitter.off(["rows-changed"],function(){return t.refresh()}),this.initialized=!1)}}]),e}(o.Feature)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.StatusBar=void 0;var l=function(){function t(t,e){for(var i=0;i",i.btnPrevPageText=s.btn_prev_page_text||"<",i.btnLastPageText=s.btn_last_page_text||">|",i.btnFirstPageText=s.btn_first_page_text||"|<",i.btnNextPageHtml=s.btn_next_page_html||(t.enableIcons?'':null),i.btnPrevPageHtml=s.btn_prev_page_html||(t.enableIcons?'':null),i.btnFirstPageHtml=s.btn_first_page_html||(t.enableIcons?'':null),i.btnLastPageHtml=s.btn_last_page_html||(t.enableIcons?'':null),i.pageText=s.page_text||" Page ",i.ofText=s.of_text||" of ",i.nbPgSpanCssClass=s.nb_pages_css_class||"nbpg",i.hasPagingBtns=s.paging_btns===!1?!1:!0,i.pageSelectorType=s.page_selector_type||t.fltTypeSlc,i.onBeforeChangePage=c["default"].isFn(s.on_before_change_page)?s.on_before_change_page:null,i.onAfterChangePage=c["default"].isFn(s.on_after_change_page)?s.on_after_change_page:null,i.prfxSlcPages="slcPages_",i.prfxSlcResults="slcResults_",i.prfxSlcResultsTxt="slcResultsTxt_",i.prfxBtnNextSpan="btnNextSpan_",i.prfxBtnPrevSpan="btnPrevSpan_",i.prfxBtnLastSpan="btnLastSpan_",i.prfxBtnFirstSpan="btnFirstSpan_",i.prfxBtnNext="btnNext_",i.prfxBtnPrev="btnPrev_",i.prfxBtnLast="btnLast_",i.prfxBtnFirst="btnFirst_",i.prfxPgSpan="pgspan_",i.prfxPgBeforeSpan="pgbeforespan_",i.prfxPgAfterSpan="pgafterspan_";var a=t.refRow,l=t.nbRows;i.nbPages=Math.ceil((l-a)/i.pagingLength);var o=i;return i.evt={slcIndex:function(){return o.pageSelectorType===t.fltTypeSlc?o.pagingSlc.options.selectedIndex:parseInt(o.pagingSlc.value,10)-1},nbOpts:function(){return o.pageSelectorType===t.fltTypeSlc?parseInt(o.pagingSlc.options.length,10)-1:o.nbPages-1},next:function(){var t=o.evt.slcIndex()0?o.evt.slcIndex()-1:o.evt.nbOpts();o.changePage(t)},last:function(){o.changePage(o.evt.nbOpts())},first:function(){o.changePage(0)},_detectKey:function(e){var i=b["default"].keyCode(e);13===i&&(t.sorted?(t.filter(),o.changePage(o.evt.slcIndex())):o.changePage(),this.blur())},slcPagesChange:null,nextEvt:null,prevEvt:null,lastEvt:null,firstEvt:null},i}return a(e,t),o(e,[{key:"init",value:function(){var t,e=this,i=this.tf,s=this.evt;if(!this.initialized){this.hasResultsPerPage&&(this.resultsPerPage.length<2?this.hasResultsPerPage=!1:(this.pagingLength=this.resultsPerPage[1][0],this.setResultsPerPage())),s.slcPagesChange=function(t){var i=t.target;e.changePage(i.selectedIndex)},this.pageSelectorType===i.fltTypeSlc&&(t=f["default"].create(i.fltTypeSlc,["id",this.prfxSlcPages+i.id]),t.className=this.pgSlcCssClass,b["default"].add(t,"change",s.slcPagesChange)),this.pageSelectorType===i.fltTypeInp&&(t=f["default"].create(i.fltTypeInp,["id",this.prfxSlcPages+i.id],["value",this.currentPageNb]),t.className=this.pgInpCssClass,b["default"].add(t,"keypress",s._detectKey));var n=f["default"].create("span",["id",this.prfxBtnNextSpan+i.id]),r=f["default"].create("span",["id",this.prfxBtnPrevSpan+i.id]),a=f["default"].create("span",["id",this.prfxBtnLastSpan+i.id]),l=f["default"].create("span",["id",this.prfxBtnFirstSpan+i.id]);if(this.hasPagingBtns){if(this.btnNextPageHtml)n.innerHTML=this.btnNextPageHtml,b["default"].add(n,"click",s.next);else{var o=f["default"].create(i.fltTypeInp,["id",this.prfxBtnNext+i.id],["type","button"],["value",this.btnNextPageText],["title","Next"]);o.className=this.btnPageCssClass,b["default"].add(o,"click",s.next),n.appendChild(o)}if(this.btnPrevPageHtml)r.innerHTML=this.btnPrevPageHtml,b["default"].add(r,"click",s.prev);else{var u=f["default"].create(i.fltTypeInp,["id",this.prfxBtnPrev+i.id],["type","button"],["value",this.btnPrevPageText],["title","Previous"]); +u.className=this.btnPageCssClass,b["default"].add(u,"click",s.prev),r.appendChild(u)}if(this.btnLastPageHtml)a.innerHTML=this.btnLastPageHtml,b["default"].add(a,"click",s.last);else{var h=f["default"].create(i.fltTypeInp,["id",this.prfxBtnLast+i.id],["type","button"],["value",this.btnLastPageText],["title","Last"]);h.className=this.btnPageCssClass,b["default"].add(h,"click",s.last),a.appendChild(h)}if(this.btnFirstPageHtml)l.innerHTML=this.btnFirstPageHtml,b["default"].add(l,"click",s.first);else{var d=f["default"].create(i.fltTypeInp,["id",this.prfxBtnFirst+i.id],["type","button"],["value",this.btnFirstPageText],["title","First"]);d.className=this.btnPageCssClass,b["default"].add(d,"click",s.first),l.appendChild(d)}}this.pagingTgtId||i.setToolbar();var c=this.pagingTgtId?f["default"].id(this.pagingTgtId):i.mDiv;c.appendChild(l),c.appendChild(r);var p=f["default"].create("span",["id",this.prfxPgBeforeSpan+i.id]);p.appendChild(f["default"].text(this.pageText)),p.className=this.nbPgSpanCssClass,c.appendChild(p),c.appendChild(t);var g=f["default"].create("span",["id",this.prfxPgAfterSpan+i.id]);g.appendChild(f["default"].text(this.ofText)),g.className=this.nbPgSpanCssClass,c.appendChild(g);var v=f["default"].create("span",["id",this.prfxPgSpan+i.id]);v.className=this.nbPgSpanCssClass,v.appendChild(f["default"].text(" "+this.nbPages+" ")),c.appendChild(v),c.appendChild(n),c.appendChild(a),this.pagingSlc=f["default"].id(this.prfxSlcPages+i.id),i.rememberGridValues||this.setPagingInfo(),i.fltGrid||(i.validateAllRows(),this.setPagingInfo(i.validRowsIndex)),this.emitter.on(["after-filtering"],function(){return e.resetPagingInfo()}),this.emitter.on(["initialized"],function(){return e.resetValues()}),this.initialized=!0}}},{key:"reset",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!1:arguments[0],e=this.tf;this.isEnabled()||(this.enable(),this.init(),t&&e.filter())}},{key:"resetPagingInfo",value:function(){this.startPagingRow=0,this.currentPageNb=1,this.setPagingInfo(this.tf.validRowsIndex)}},{key:"setPagingInfo",value:function(t){var e=this.tf,i=this.pagingTgtId?f["default"].id(this.pagingTgtId):e.mDiv,s=f["default"].id(this.prfxPgSpan+e.id);if(e.validRowsIndex=t||e.getValidRows(!0),this.nbPages=Math.ceil(e.validRowsIndex.length/this.pagingLength),s.innerHTML=this.nbPages,this.pageSelectorType===e.fltTypeSlc&&(this.pagingSlc.innerHTML=""),this.nbPages>0)if(i.style.visibility="visible",this.pageSelectorType===e.fltTypeSlc)for(var n=0;nr;r++){var l=e.validRowsIndex[r],o=i[l],u=o.getAttribute("validRow"),h=!1;r>=s&&n>r?(c["default"].isNull(u)||Boolean("true"===u))&&(o.style.display="",h=!0):o.style.display="none",this.emitter.emit("row-paged",e,l,r,h)}e.nbVisibleRows=e.validRowsIndex.length,this.emitter.emit("grouped-by-page",e,this)}},{key:"getPage",value:function(){return this.currentPageNb}},{key:"setPage",value:function(t){var e=this.tf;if(e.hasGrid()&&this.isEnabled()){var i=this.evt,s="undefined"==typeof t?"undefined":l(t);if("string"===s)switch(g["default"].lower(t)){case"next":i.next();break;case"previous":i.prev();break;case"last":i.last();break;case"first":i.first();break;default:i.next()}else"number"===s&&this.changePage(t-1)}}},{key:"setResultsPerPage",value:function(){var t=this,e=this.tf,i=this.evt;if(!this.resultsPerPageSlc&&this.resultsPerPage){i.slcResultsChange=function(e){t.changeResultsPerPage(),e.target.blur()};var s=f["default"].create(e.fltTypeSlc,["id",this.prfxSlcResults+e.id]);s.className=this.resultsSlcCssClass;var n=this.resultsPerPage[0],r=this.resultsPerPage[1],a=f["default"].create("span",["id",this.prfxSlcResultsTxt+e.id]);a.className=this.resultsSpanCssClass,this.resultsPerPageTgtId||e.setToolbar();var l=this.resultsPerPageTgtId?f["default"].id(this.resultsPerPageTgtId):e.rDiv;a.appendChild(f["default"].text(n));var o=e.feature("help");o&&o.btn?(o.btn.parentNode.insertBefore(a,o.btn),o.btn.parentNode.insertBefore(s,o.btn)):(l.appendChild(a),l.appendChild(s));for(var u=0;u=0&&t<=this.nbPages-1&&(this.onBeforeChangePage&&this.onBeforeChangePage.call(null,this,t),this.currentPageNb=parseInt(t,10)+1,this.pageSelectorType===e.fltTypeSlc?this.pagingSlc.options[t].selected=!0:this.pagingSlc.value=this.currentPageNb,this.startPagingRow=this.pageSelectorType===e.fltTypeSlc?this.pagingSlc.value:t*this.pagingLength,this.groupByPage(),this.onAfterChangePage&&this.onAfterChangePage.call(null,this,t)),this.emitter.emit("after-page-change",e,t))}},{key:"changeResultsPerPage",value:function(){var t=this.tf;if(this.isEnabled()){this.emitter.emit("before-page-length-change",t);var e=this.resultsPerPageSlc,i=e.selectedIndex,s=this.pageSelectorType===t.fltTypeSlc?this.pagingSlc.selectedIndex:parseInt(this.pagingSlc.value-1,10);if(this.pagingLength=parseInt(e.options[i].value,10),this.startPagingRow=this.pagingLength*s,!isNaN(this.pagingLength)&&(this.startPagingRow>=t.nbFilterableRows&&(this.startPagingRow=t.nbFilterableRows-this.pagingLength),this.setPagingInfo(),this.pageSelectorType===t.fltTypeSlc)){var n=this.pagingSlc.options.length-1<=s?this.pagingSlc.options.length-1:s;this.pagingSlc.options[n].selected=!0}this.emitter.emit("after-page-length-change",t,i)}}},{key:"resetValues",value:function(){var t=this.tf;t.rememberPageLen&&this.resetPageLength(),t.rememberPageNb&&this.resetPage()}},{key:"resetPage",value:function(){var t=this.tf;if(this.isEnabled()){this.emitter.emit("before-reset-page",t);var e=t.feature("store").getPageNb();""!==e&&this.changePage(e-1),this.emitter.emit("after-reset-page",t,e)}}},{key:"resetPageLength",value:function(){var t=this.tf;if(this.isEnabled()){this.emitter.emit("before-reset-page-length",t);var e=t.feature("store").getPageLength();""!==e&&(this.resultsPerPageSlc.options[e].selected=!0,this.changeResultsPerPage()),this.emitter.emit("after-reset-page-length",t,e)}}},{key:"destroy",value:function(){var t=this,e=this.tf;if(this.initialized){var i=f["default"].id(this.prfxBtnNextSpan+e.id),s=f["default"].id(this.prfxBtnPrevSpan+e.id),n=f["default"].id(this.prfxBtnLastSpan+e.id),r=f["default"].id(this.prfxBtnFirstSpan+e.id),a=f["default"].id(this.prfxPgBeforeSpan+e.id),l=f["default"].id(this.prfxPgAfterSpan+e.id),o=f["default"].id(this.prfxPgSpan+e.id),u=this.evt;this.pagingSlc&&(this.pageSelectorType===e.fltTypeSlc?b["default"].remove(this.pagingSlc,"change",u.slcPagesChange):this.pageSelectorType===e.fltTypeInp&&b["default"].remove(this.pagingSlc,"keypress",u._detectKey),f["default"].remove(this.pagingSlc)),i&&(b["default"].remove(i,"click",u.next),f["default"].remove(i)),s&&(b["default"].remove(s,"click",u.prev),f["default"].remove(s)),n&&(b["default"].remove(n,"click",u.last),f["default"].remove(n)),r&&(b["default"].remove(r,"click",u.first),f["default"].remove(r)),a&&f["default"].remove(a),l&&f["default"].remove(l),o&&f["default"].remove(o),this.hasResultsPerPage&&this.removeResultsPerPage(),this.emitter.off(["after-filtering"],function(){return t.resetPagingInfo()}),this.emitter.off(["initialized"],function(){return t.resetValues()}),this.pagingSlc=null,this.nbPages=0,this.disable(),this.initialized=!1}}}]),e}(u.Feature)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.ClearButton=void 0;var l=function(){function t(t,e){for(var i=0;i':null),i.prfxResetSpan="resetspan_",i}return a(e,t),l(e,[{key:"onClick",value:function(){this.isEnabled()&&this.tf.clearFilters()}},{key:"init",value:function(){var t=this,e=this.tf;if(!this.initialized){var i=h["default"].create("span",["id",this.prfxResetSpan+e.id]);this.btnResetTgtId||e.setToolbar();var s=this.btnResetTgtId?h["default"].id(this.btnResetTgtId):e.rDiv;if(s.appendChild(i),this.btnResetHtml){i.innerHTML=this.btnResetHtml;var n=i.firstChild;d["default"].add(n,"click",function(){t.onClick()})}else{var r=h["default"].create("a",["href","javascript:void(0);"]);r.className=e.btnResetCssClass,r.appendChild(h["default"].text(this.btnResetText)),i.appendChild(r),d["default"].add(r,"click",function(){t.onClick()})}this.btnResetEl=i.firstChild,this.initialized=!0}}},{key:"destroy",value:function(){var t=this.tf;if(this.initialized){var e=h["default"].id(this.prfxResetSpan+t.id);e&&h["default"].remove(e),this.btnResetEl=null,this.initialized=!1}}}]),e}(o.Feature)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.Help=void 0;var l=function(){function t(t,e){for(var i=0;i<, <=, >, >=, =, *, !, {, }, ||,&&, [empty], [nonempty], rgx:
Learn more
',i.instrHtml=s.help_instructions_html||null,i.btnText=s.help_instructions_btn_text||"?",i.btnHtml=s.help_instructions_btn_html||null,i.btnCssClass=s.help_instructions_btn_css_class||"helpBtn",i.contCssClass=s.help_instructions_container_css_class||"helpCont",i.btn=null,i.cont=null,i.defaultHtml='

TableFilter v'+t.version+'

'+p+"
©2015-"+t.year+' Max Guglielmi
',i.prfxHelpSpan="helpSpan_",i.prfxHelpDiv="helpDiv_",i.emitter.on(["init-help"],function(){return i.init()}),i}return a(e,t),l(e,[{key:"init",value:function(){var t=this;if(!this.initialized){var e=this.tf,i=h["default"].create("span",["id",this.prfxHelpSpan+e.id]),s=h["default"].create("div",["id",this.prfxHelpDiv+e.id]);this.tgtId||e.setToolbar();var n=this.tgtId?h["default"].id(this.tgtId):e.rDiv;n.appendChild(i);var r=this.contTgtId?h["default"].id(this.contTgtId):i;if(this.btnHtml){i.innerHTML=this.btnHtml;var a=i.firstChild;d["default"].add(a,"click",function(){t.toggle()}),r.appendChild(s)}else{r.appendChild(s);var l=h["default"].create("a",["href","javascript:void(0);"]);l.className=this.btnCssClass,l.appendChild(h["default"].text(this.btnText)),i.appendChild(l),d["default"].add(l,"click",function(){t.toggle()})}this.instrHtml?(this.contTgtId&&r.appendChild(s),s.innerHTML=this.instrHtml,this.contTgtId||(s.className=this.contCssClass,d["default"].add(s,"dblclick",function(){t.toggle()}))):(s.innerHTML=this.instrText,s.className=this.contCssClass,d["default"].add(s,"dblclick",function(){t.toggle()})),s.innerHTML+=this.defaultHtml,d["default"].add(s,"click",function(){t.toggle()}),this.cont=s,this.btn=i,this.initialized=!0}}},{key:"toggle",value:function(){if(this.enabled!==!1){var t=this.cont.style.display;""===t||"none"===t?this.cont.style.display="inline":this.cont.style.display="none"}}},{key:"destroy",value:function(){this.initialized&&(h["default"].remove(this.btn),this.btn=null,this.cont&&(h["default"].remove(this.cont),this.cont=null,this.initialized=!1))}}]),e}(o.Feature)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.AlternateRows=void 0;var l=function(){function t(t,e){for(var i=0;ia;a++){var l=i?a:e[a];this.setRowBg(l,r),r++}}},{key:"processRow",value:function(t,e,i){i?this.setRowBg(t,e):this.removeRowBg(t)}},{key:"setRowBg",value:function(t,e){if(this.isEnabled()&&!isNaN(t)){var i=this.tf.tbl.rows,s=isNaN(e)?t:e;this.removeRowBg(t),h["default"].addClass(i[t],s%2?this.evenCss:this.oddCss)}}},{key:"removeRowBg",value:function(t){if(!isNaN(t)){var e=this.tf.tbl.rows;h["default"].removeClass(e[t],this.oddCss),h["default"].removeClass(e[t],this.evenCss)}}},{key:"destroy",value:function(){var t=this;if(this.initialized){for(var e=0;e0?this.hide():this.show()}},{key:"show",value:function(){this.initialized&&this.isEnabled()&&(this.onBeforeShowMsg&&this.onBeforeShowMsg.call(null,this.tf,this),this.setWidth(),this.cont.style.display="block",this.onAfterShowMsg&&this.onAfterShowMsg.call(null,this.tf,this))}},{key:"hide",value:function(){this.initialized&&this.isEnabled()&&(this.onBeforeHideMsg&&this.onBeforeHideMsg.call(null,this.tf,this),this.cont.style.display="none",this.onBeforeHideMsg&&this.onBeforeHideMsg.call(null,this.tf,this))}},{key:"setWidth",value:function(){if(this.initialized&&!this.isExternal&&this.isEnabled())if(this.tf.gridLayout){var t=this.tf.feature("gridLayout");this.cont.style.width=t.tblCont.clientWidth+"px"}else this.cont.style.width=this.tf.tbl.clientWidth+"px"}},{key:"destroy",value:function(){var t=this;this.initialized&&(h["default"].remove(this.cont),this.cont=null,this.emitter.off(["after-filtering"],function(){return t.toggle()}),this.initialized=!1)}}]),e}(o.Feature)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.Stateful=void 0;var l=function(){function t(t,e){for(var i=0;i7)};e.Stateful=function(t){function e(t){n(this,e);var i=r(this,Object.getPrototypeOf(e).call(this,t,"stateful")),s=i.config.stateful;return i.persistFilters=s.filters===!1?!1:!0,i.persistPageNumber=Boolean(s.page_number),i.persistPageLength=Boolean(s.page_length),i.pageNb=null,i.lastHash=null,i.state={},i.prfxCol="col_",i.pageNbKey="page",i.pageResultsKey="results",i}return a(e,t),l(e,[{key:"init",value:function(){var t=this;!this.initialized&&v()&&(this.emitter.on(["initialized"],function(){return t.sync()}),this.emitter.on(["after-filtering","after-page-change","after-page-length-change"],function(){return t.update()}),d["default"].add(c,"hashchange",function(){return t.sync()}),this.initialized=!0)}},{key:"format",value:function(){var t=this,e=this.tf;if(this.persistFilters){var i=e.getFiltersValue();i.forEach(function(e,i){var s=""+t.prfxCol+i;h["default"].isEmpty(e)?t.state.hasOwnProperty(s)&&(t.state[s]=void 0):(t.state[s]=t.state[s]||{},t.state[s].flt=e)})}if(this.persistPageNumber){var s=e.feature("paging").getPage();this.state[this.pageNbKey]=s}return this.persistPageLength,"#"+p.stringify(this.state)}},{key:"parse",value:function(t){return t=0===t.indexOf("#")?t.substr(1):"{}",p.parse(t)}},{key:"update",value:function(){var t=this.format();console.log(t,this.lastHash,this.lastHash===t),this.lastHash!==t&&(g.hash=t,this.lastHash=t)}},{key:"sync",value:function(){var t=this,e=this.parse(g.hash),i=this.tf;if(this.persistFilters&&(Object.keys(e).forEach(function(s){if(-1!==s.indexOf(t.prfxCol)){var n=parseInt(s.replace(t.prfxCol,""),10),r=e[s].flt;i.setFilterValue(n,r)}}),i.filter()),this.persistPageNumber){var s=e[this.pageNbKey];i.feature("paging").setPage(s)}}},{key:"destroy",value:function(){var t=this;this.initialized&&(this.emitter.on(["initialized"],function(){return t.sync()}),this.emitter.off(["after-filtering","after-page-change","after-page-length-change"],function(){return t.update()}),d["default"].remove(c,"hashchange",function(){return t.sync()}),this.initialized=!1)}}]),e}(o.Feature)}])}); \ No newline at end of file diff --git a/dist/tablefilter/tf-1.js b/dist/tablefilter/tf-1.js index 6d551761..64c0b8b7 100644 --- a/dist/tablefilter/tf-1.js +++ b/dist/tablefilter/tf-1.js @@ -1,2273 +1,8 @@ -webpackJsonp([1],{ +/** + * tablefilter v0.2.0 by Max Guglielmi + * build date: 2016-03-16T07:04:47.758Z + * MIT License + */ -/***/ 27: -/***/ function(module, exports, __webpack_require__) { - - var map = { - "./array": 16, - "./array.js": 16, - "./cookie": 9, - "./cookie.js": 9, - "./date": 5, - "./date.js": 5, - "./dom": 2, - "./dom.js": 2, - "./emitter": 7, - "./emitter.js": 7, - "./event": 1, - "./event.js": 1, - "./extensions/advancedGrid/adapterEzEditTable": 28, - "./extensions/advancedGrid/adapterEzEditTable.js": 28, - "./extensions/advancedGrid/advancedGrid": 29, - "./extensions/advancedGrid/advancedGrid.js": 29, - "./extensions/colOps/colOps": 30, - "./extensions/colOps/colOps.js": 30, - "./extensions/colsVisibility/colsVisibility": 31, - "./extensions/colsVisibility/colsVisibility.js": 31, - "./extensions/filtersVisibility/filtersVisibility": 32, - "./extensions/filtersVisibility/filtersVisibility.js": 32, - "./extensions/sort/adapterSortabletable": 33, - "./extensions/sort/adapterSortabletable.js": 33, - "./extensions/sort/sort": 34, - "./extensions/sort/sort.js": 34, - "./helpers": 6, - "./helpers.js": 6, - "./modules/alternateRows": 24, - "./modules/alternateRows.js": 24, - "./modules/checkList": 18, - "./modules/checkList.js": 18, - "./modules/clearButton": 22, - "./modules/clearButton.js": 22, - "./modules/dropdown": 15, - "./modules/dropdown.js": 15, - "./modules/feature": 11, - "./modules/feature.js": 11, - "./modules/gridLayout": 10, - "./modules/gridLayout.js": 10, - "./modules/help": 23, - "./modules/help.js": 23, - "./modules/highlightKeywords": 13, - "./modules/highlightKeywords.js": 13, - "./modules/loader": 12, - "./modules/loader.js": 12, - "./modules/noResults": 25, - "./modules/noResults.js": 25, - "./modules/paging": 21, - "./modules/paging.js": 21, - "./modules/popupFilter": 14, - "./modules/popupFilter.js": 14, - "./modules/rowsCounter": 19, - "./modules/rowsCounter.js": 19, - "./modules/stateful": 26, - "./modules/stateful.js": 26, - "./modules/statusBar": 20, - "./modules/statusBar.js": 20, - "./modules/store": 8, - "./modules/store.js": 8, - "./sort": 17, - "./sort.js": 17, - "./string": 3, - "./string.js": 3, - "./types": 4, - "./types.js": 4 - }; - 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 = 27; - - -/***/ }, - -/***/ 28: -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - 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; }; }(); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - 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.'; - // Enable the ezEditTable's scroll into view behaviour if grid layout on - cfg.scroll_into_view = cfg.scroll_into_view === false ? false : tf.gridLayout; - - this._ezEditTable = null; - this.cfg = cfg; - this.tf = tf; - this.emitter = tf.emitter; - } - - /** - * Conditionally load ezEditTable library and set advanced grid - * @return {[type]} [description] - */ - - - _createClass(AdapterEzEditTable, [{ - key: 'init', - 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'); - } - - // TODO: hack to prevent ezEditTable enter key event hijaking. - // Needs to be fixed in the vendor's library - this.emitter.on(['filter-focus', 'filter-blur'], function () { - return _this._toggleForInputFilter(); - }); - } - - /** - * Instantiate ezEditTable component for advanced grid features - */ - - }, { - key: '_setAdvancedGrid', - 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 = cfg.editable; - var selectable = cfg.selection; - - 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') { - /* eslint-disable */ - slc.SelectRowByIndex(nextRowIndex); - /* eslint-enable */ - } else { - /* eslint-disable */ - et.ClearSelections(); - /* eslint-enable */ - var cellIndex = selectedElm.cellIndex, - row = tf.tbl.rows[nextRowIndex]; - if (et.defaultSelection === 'both') { - /* eslint-disable */ - slc.SelectRowByIndex(nextRowIndex); - /* eslint-enable */ - } - if (row) { - /* eslint-disable */ - slc.SelectCell(row.cells[cellIndex]); - /* eslint-enable */ - } - } - //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, - - /* eslint-disable */ - keyCode = e !== undefined ? et.Event.GetKey(e) : 0, - - /* eslint-enable */ - isRowValid = validIndexes.indexOf(row.rowIndex) !== -1, - nextRowIndex, - paging = tf.feature('paging'), - - //pgup/pgdown keys - d = keyCode === 34 || keyCode === 33 ? paging && 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 = validIndexes.indexOf(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 = validIndexes.indexOf(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.extension('advancedGrid'); - var et = advGrid._ezEditTable; - var slc = et.Selection; - /* eslint-disable */ - var row = slc.GetActiveRow(); - /* eslint-enable */ - if (row) { - row.scrollIntoView(false); - } - /* eslint-disable */ - var cell = slc.GetActiveCell(); - /* eslint-enable */ - 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.emitter.emit('rows-changed', tf, this); - //tf.feature('rowsCounter').refresh(); - } else { - tf.nbRows++; - tf.nbVisibleRows++; - tf.nbFilterableRows++; - tf.paging = false; - tf.feature('paging').destroy(); - tf.feature('paging').reset(); - } - if (tf.alternateRows) { - 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(); - tf.emitter.emit('rows-changed', tf, this); - } else { - tf.nbRows--; - tf.nbVisibleRows--; - tf.nbFilterableRows--; - tf.paging = false; - tf.feature('paging').destroy(); - tf.feature('paging').reset(false); - } - if (tf.alternateRows) { - tf.feature('alternateRows').init(); - } - if (fnF) { - fnF.call(null, arguments[0], arguments[1]); - } - }; - } - } - - try { - /* eslint-disable */ - this._ezEditTable = new EditTable(tf.id, cfg, startRow); - this._ezEditTable.Init(); - /* eslint-enable */ - } catch (e) { - throw new Error(this.err); - } - - this.initialized = true; - } - - /** - * Reset advanced grid when previously removed - */ - - }, { - key: 'reset', - value: function reset() { - var ezEditTable = this._ezEditTable; - if (ezEditTable) { - if (this.cfg.selection) { - /* eslint-disable */ - ezEditTable.Selection.Set(); - /* eslint-enable */ - } - if (this.cfg.editable) { - /* eslint-disable */ - ezEditTable.Editable.Set(); - /* eslint-enable */ - } - } - } - - /** - * Toggle behaviour - */ - - }, { - key: 'toggle', - value: function toggle() { - var ezEditTable = this._ezEditTable; - if (ezEditTable.editable) { - /* eslint-disable */ - ezEditTable.Editable.Remove(); - /* eslint-enable */ - } else { - /* eslint-disable */ - ezEditTable.Editable.Set(); - /* eslint-enable */ - } - if (ezEditTable.selection) { - /* eslint-disable */ - ezEditTable.Selection.Remove(); - /* eslint-enable */ - } else { - /* eslint-disable */ - ezEditTable.Selection.Set(); - /* eslint-enable */ - } - } - }, { - key: '_toggleForInputFilter', - value: function _toggleForInputFilter() { - var tf = this.tf; - if (!tf.activeFlt) { - return; - } - var colIndex = tf.activeFlt.getAttribute('ct'); - var filterType = tf.getFilterType(colIndex); - if (filterType === tf.fltTypeInp) { - this.toggle(); - } - } - - /** - * Remove advanced grid - */ - - }, { - key: 'destroy', - value: function destroy() { - var _this2 = this; - - var ezEditTable = this._ezEditTable; - if (ezEditTable) { - if (this.cfg.selection) { - /* eslint-disable */ - ezEditTable.Selection.ClearSelections(); - ezEditTable.Selection.Remove(); - /* eslint-enable */ - } - if (this.cfg.editable) { - /* eslint-disable */ - ezEditTable.Editable.Remove(); - /* eslint-enable */ - } - } - - this.emitter.off(['filter-focus', 'filter-blur'], function () { - return _this2._toggleForInputFilter(); - }); - this.initialized = false; - } - }]); - - return AdapterEzEditTable; - }(); - - exports.default = AdapterEzEditTable; - -/***/ }, - -/***/ 29: -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - var _adapterEzEditTable = __webpack_require__(28); - - var _adapterEzEditTable2 = _interopRequireDefault(_adapterEzEditTable); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - exports.default = _adapterEzEditTable2.default; - -/***/ }, - -/***/ 30: -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; - - 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; }; }(); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _string = __webpack_require__(3); - - var _string2 = _interopRequireDefault(_string); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - 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() { - var _this = this; - - // subscribe to events - this.tf.emitter.on(['after-filtering'], function () { - return _this.calc(); - }); - - this.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. - */ - - }, { - key: 'calc', - value: function calc() { - var tf = this.tf; - if (!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 (_string2.default.lower(typeof labelId === 'undefined' ? 'undefined' : _typeof(labelId)) == 'object' && _string2.default.lower(typeof colIndex === 'undefined' ? 'undefined' : _typeof(colIndex)) == 'object' && _string2.default.lower(typeof operation === 'undefined' ? 'undefined' : _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], false, 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] = _string2.default.lower(operation[k]); - decThisCol[mThisCol] = decimalPrecision[k]; - labThisCol[mThisCol] = labelId[k]; - oTypeThisCol = outputType !== undefined && _string2.default.lower(typeof outputType === 'undefined' ? 'undefined' : _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++) { - /* eslint-disable */ - if (eval(colvalues[ucol][k]) < eval(colvalues[ucol][j])) { - /* eslint-enable */ - 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.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.0; - var posb = 0.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 (_string2.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() { - var _this2 = this; - - // unsubscribe to events - this.tf.emitter.off(['after-filtering'], function () { - return _this2.calc(); - }); - } - }]); - - return ColOps; - }(); - - exports.default = ColOps; - -/***/ }, - -/***/ 31: -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - 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; }; }(); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - var _event = __webpack_require__(1); - - var _event2 = _interopRequireDefault(_event); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - 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; - } - - /** - * Build main button UI - */ - - }, { - key: 'buildBtn', - 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); - } - } - - /** - * Build columns manager UI - */ - - }, { - key: 'buildManager', - 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(); - } - } - } - } - - /** - * Hide or show specified columns - * @param {Numner} colIndex Column index - * @param {Boolean} hide hide column if true or show if false - */ - - }, { - key: 'setHidden', - 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; - var itemIndex = hiddenCols.indexOf(colIndex); - if (hide) { - if (itemIndex === -1) { - this.hiddenCols.push(colIndex); - } - } else { - if (itemIndex !== -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 support - //TODO: grid layout module should be responsible for those - //calculations - if (tf.gridLayout) { - gridLayout = tf.feature('gridLayout'); - headTbl = gridLayout.headTbl; - gridColElms = gridLayout.gridColElms; - var hiddenWidth = parseInt(gridColElms[colIndex].style.width, 10); - - var headTblW = parseInt(headTbl.style.width, 10); - headTbl.style.width = headTblW - hiddenWidth + 'px'; - tbl.style.width = headTbl.style.width; - } - this.onAfterColHidden.call(null, this, colIndex); - } - - if (this.onAfterColDisplayed && !hide) { - //This event is fired just after a column is displayed for - //grid_layout support - //TODO: grid layout module should be responsible for those - //calculations - if (tf.gridLayout) { - gridLayout = tf.feature('gridLayout'); - headTbl = gridLayout.headTbl; - gridColElms = gridLayout.gridColElms; - var width = parseInt(gridColElms[colIndex].style.width, 10); - headTbl.style.width = parseInt(headTbl.style.width, 10) + width + 'px'; - tf.tbl.style.width = headTbl.style.width; - } - this.onAfterColDisplayed.call(null, this, colIndex); - } - } - - /** - * Show specified column - * @param {Number} colIndex Column index - */ - - }, { - key: 'showCol', - 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); - } - } - - /** - * Hide specified column - * @param {Number} colIndex Column index - */ - - }, { - key: 'hideCol', - 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); - } - } - - /** - * Determine if specified column is hidden - * @param {Number} colIndex Column index - */ - - }, { - key: 'isColHidden', - value: function isColHidden(colIndex) { - if (this.hiddenCols.indexOf(colIndex) !== -1) { - return true; - } - return false; - } - - /** - * Toggle visibility of specified column - * @param {Number} colIndex Column index - */ - - }, { - key: 'toggleCol', - value: function toggleCol(colIndex) { - if (colIndex === undefined || this.isColHidden(colIndex)) { - this.showCol(colIndex); - } else { - this.hideCol(colIndex); - } - } - - /** - * Returns the indexes of the columns currently hidden - * @return {Array} column indexes - */ - - }, { - key: 'getHiddenCols', - value: function getHiddenCols() { - return this.hiddenCols; - } - - /** - * Remove the columns manager - */ - - }, { - key: 'destroy', - 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 = ''; - _dom2.default.remove(this.contEl); - this.contEl = null; - } - this.btnEl.innerHTML = ''; - _dom2.default.remove(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; - -/***/ }, - -/***/ 32: -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - 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; }; }(); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - var _event = __webpack_require__(1); - - var _event2 = _interopRequireDefault(_event); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - 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.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 = 'Expand filters'; - this.icnCollapseHtml = 'Collapse filters'; - 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; - } - - /** - * Initialise extension - */ - - - _createClass(FiltersVisibility, [{ - key: 'init', - value: function init() { - if (this.initialized) { - return; - } - - this.buildUI(); - this.initialized = true; - } - - /** - * Build UI elements - */ - - }, { - key: 'buildUI', - 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 = void 0; - 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); - } 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(); - } - } - - /** - * Toggle filters visibility - */ - - }, { - key: 'toggle', - 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); - } - } - - /** - * Destroy the UI - */ - - }, { - key: 'destroy', - value: function destroy() { - if (!this.btnEl && !this.contEl) { - return; - } - - this.btnEl.innerHTML = ''; - _dom2.default.remove(this.btnEl); - this.btnEl = null; - - this.contEl.innerHTML = ''; - _dom2.default.remove(this.contEl); - this.contEl = null; - this.initialized = false; - } - }]); - - return FiltersVisibility; - }(); - - exports.default = FiltersVisibility; - -/***/ }, - -/***/ 33: -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - 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; }; }(); - - var _types = __webpack_require__(4); - - var _types2 = _interopRequireDefault(_types); - - var _dom = __webpack_require__(2); - - var _dom2 = _interopRequireDefault(_dom); - - var _event = __webpack_require__(1); - - var _event2 = _interopRequireDefault(_event); - - var _date = __webpack_require__(5); - - var _date2 = _interopRequireDefault(_date); - - var _helpers = __webpack_require__(6); - - var _helpers2 = _interopRequireDefault(_helpers); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - var AdapterSortableTable = function () { - - /** - * SortableTable Adapter module - * @param {Object} tf TableFilter instance - */ - - function AdapterSortableTable(tf, opts) { - _classCallCheck(this, AdapterSortableTable); - - this.initialized = false; - this.name = opts.name; - this.desc = opts.description || 'Sortable table'; - - //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'; - - // 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) ? opts.on_after_sort : null; - - this.tf = tf; - this.emitter = tf.emitter; - } - - _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 (adpt.onBeforeSort) { - adpt.onBeforeSort.call(null, tf, adpt.stt.sortColumn); - } - - /*** sort behaviour for paging ***/ - if (tf.paging) { - tf.feature('paging').disable(); - } - }; - - this.stt.onsort = function () { - adpt.sorted = true; - - //sort behaviour for paging - if (tf.paging) { - var paginator = tf.feature('paging'); - // recalculate valid rows index as sorting may have change it - tf.getValidRows(true); - paginator.enable(); - paginator.setPage(paginator.getPage()); - } - - if (adpt.onAfterSort) { - adpt.onAfterSort.call(null, tf, adpt.stt.sortColumn); - } - - adpt.emitter.emit('column-sorted', tf, adpt.stt.sortColumn); - }; - - this.initialized = true; - } - - /** - * Sort specified column - * @param {Number} colIdx Column index - * @param {Boolean} desc Optional: descending manner - */ - - }, { - key: 'sortByColumnIndex', - value: function sortByColumnIndex(colIdx, desc) { - this.stt.sort(colIdx, desc); - } - }, { - 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 = void 0; - 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 = void 0, - c = void 0; - - 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 = void 0, - l = void 0, - img = void 0; - - // 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 = void 0; - - 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(triggers.indexOf(elm.id)); - }); - trigger.setAttribute('_sortType', _sortTypes[j]); - } - } - })(); - } - } - - /** - * Destroy sort - */ - - }, { - key: 'destroy', - 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; - }(); - - //Converters - - - exports.default = AdapterSortableTable; - function usNumberConverter(s) { - return _helpers2.default.removeNbFormat(s, 'us'); - } - function euNumberConverter(s) { - return _helpers2.default.removeNbFormat(s, 'eu'); - } - function dateConverter(s, format) { - return _date2.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; - } - } - -/***/ }, - -/***/ 34: -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - - var _adapterSortabletable = __webpack_require__(33); - - var _adapterSortabletable2 = _interopRequireDefault(_adapterSortabletable); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - if (!window.SortableTable) { - __webpack_require__(35); - } // import 'script!sortabletable'; - - - exports.default = _adapterSortabletable2.default; - -/***/ }, - -/***/ 35: -/***/ function(module, exports, __webpack_require__) { - - __webpack_require__(36)(__webpack_require__(37)+"\n\n// SCRIPT-LOADER FOOTER\n//# sourceURL=script:///C:/Users/max.guglielmi/Documents/dev/perso/javascript/GitHub/TableFilter/libs/sortabletable.js") - -/***/ }, - -/***/ 36: -/***/ function(module, exports) { - - /* - 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); - } - -/***/ }, - -/***/ 37: -/***/ function(module, exports) { - - 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=tf-1.js.map \ No newline at end of file +webpackJsonp([1],{27:function(e,t,n){function r(e){return n(s(e))}function s(e){return i[e]||function(){throw new Error("Cannot find module '"+e+"'.")}()}var i={"./array":16,"./array.js":16,"./cookie":9,"./cookie.js":9,"./date":5,"./date.js":5,"./dom":2,"./dom.js":2,"./emitter":7,"./emitter.js":7,"./event":1,"./event.js":1,"./extensions/advancedGrid/adapterEzEditTable":28,"./extensions/advancedGrid/adapterEzEditTable.js":28,"./extensions/advancedGrid/advancedGrid":29,"./extensions/advancedGrid/advancedGrid.js":29,"./extensions/colOps/colOps":30,"./extensions/colOps/colOps.js":30,"./extensions/colsVisibility/colsVisibility":31,"./extensions/colsVisibility/colsVisibility.js":31,"./extensions/filtersVisibility/filtersVisibility":32,"./extensions/filtersVisibility/filtersVisibility.js":32,"./extensions/sort/adapterSortabletable":33,"./extensions/sort/adapterSortabletable.js":33,"./extensions/sort/sort":34,"./extensions/sort/sort.js":34,"./helpers":6,"./helpers.js":6,"./modules/alternateRows":24,"./modules/alternateRows.js":24,"./modules/checkList":18,"./modules/checkList.js":18,"./modules/clearButton":22,"./modules/clearButton.js":22,"./modules/dropdown":15,"./modules/dropdown.js":15,"./modules/feature":11,"./modules/feature.js":11,"./modules/gridLayout":10,"./modules/gridLayout.js":10,"./modules/help":23,"./modules/help.js":23,"./modules/highlightKeywords":13,"./modules/highlightKeywords.js":13,"./modules/loader":12,"./modules/loader.js":12,"./modules/noResults":25,"./modules/noResults.js":25,"./modules/paging":21,"./modules/paging.js":21,"./modules/popupFilter":14,"./modules/popupFilter.js":14,"./modules/rowsCounter":19,"./modules/rowsCounter.js":19,"./modules/stateful":26,"./modules/stateful.js":26,"./modules/statusBar":20,"./modules/statusBar.js":20,"./modules/store":8,"./modules/store.js":8,"./sort":17,"./sort.js":17,"./string":3,"./string.js":3,"./types":4,"./types.js":4};r.keys=function(){return Object.keys(i)},r.resolve=s,e.exports=r,r.id=27},28:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n0&&!n.startRow?void 0:n.startRow||t.refRow,n.base_path=n.base_path||t.basePath+"ezEditTable/";var s=n.editable,i=n.selection;i&&(n.default_selection=n.default_selection||"row"),n.active_cell_css=n.active_cell_css||"ezETSelectedCell";var l=0,a=0;if(i){var d=function(e,n,r){var s=e.Selection,i=function(r){if("row"===e.defaultSelection)s.SelectRowByIndex(r);else{e.ClearSelections();var i=n.cellIndex,l=t.tbl.rows[r];"both"===e.defaultSelection&&s.SelectRowByIndex(r),l&&s.SelectCell(l.cells[i])}if(t.validRowsIndex.length!==t.getRowsNb()){var o=t.tbl.rows[r];o&&o.scrollIntoView(!1),h&&(h.cellIndex===t.getCellsNb()-1&&t.gridLayout?t.tblCont.scrollLeft=1e8:0===h.cellIndex&&t.gridLayout?t.tblCont.scrollLeft=0:h.scrollIntoView(!1))}};if(t.validRowsIndex){var o,d=t.validRowsIndex,u=d.length,c="row"!==e.defaultSelection?n.parentNode:n,h="TD"===n.nodeName?n:null,f=void 0!==r?e.Event.GetKey(r):0,p=-1!==d.indexOf(c.rowIndex),b=t.feature("paging"),m=34===f||33===f?b&&b.pagingLength||e.nbRowsPerPage:1;if(p)34!==f&&33!==f?(l=d.indexOf(c.rowIndex),a=c.rowIndex):(o=34===f?u-1>=l+m?d[l+m]:[u-1]:l-m<=d[0]?d[0]:d[l-m],a=o,l=d.indexOf(o),i(o));else{if(c.rowIndex>a)if(c.rowIndex>=d[u-1])o=d[u-1];else{var g=l+m;o=g>u-1?d[u-1]:d[g]}else if(c.rowIndex<=d[0])o=d[0];else{var y=d[l-m];o=y?y:d[0]}a=c.rowIndex,i(o)}}},u=function(e,n){var r="row"!==e.defaultSelection?n.parentNode:n;if(t.paging&&t.feature("paging").nbPages>1){var s=t.feature("paging");e.nbRowsPerPage=s.pagingLength;var i=t.validRowsIndex,l=i.length,o=parseInt(s.startPagingRow,10)+parseInt(s.pagingLength,10),a=r.rowIndex;a===i[l-1]&&s.currentPageNb!==s.nbPages?s.setPage("last"):a==i[0]&&1!==s.currentPageNb?s.setPage("first"):a>i[o-1]&&ai[0]&&s.setPage("previous")}};if(t.paging&&(t.feature("paging").onAfterChangePage=function(e){var t=e.tf.extension("advancedGrid"),n=t._ezEditTable,r=n.Selection,s=r.GetActiveRow();s&&s.scrollIntoView(!1);var i=r.GetActiveCell();i&&i.scrollIntoView(!1)}),"row"===n.default_selection){var c=n.on_before_selected_row;n.on_before_selected_row=function(){u(arguments[0],arguments[1],arguments[2]),c&&c.call(null,arguments[0],arguments[1],arguments[2])};var h=n.on_after_selected_row;n.on_after_selected_row=function(){d(arguments[0],arguments[1],arguments[2]),h&&h.call(null,arguments[0],arguments[1],arguments[2])}}else{var f=n.on_before_selected_cell;n.on_before_selected_cell=function(){u(arguments[0],arguments[1],arguments[2]),f&&f.call(null,arguments[0],arguments[1],arguments[2])};var p=n.on_after_selected_cell;n.on_after_selected_cell=function(){d(arguments[0],arguments[1],arguments[2]),p&&p.call(null,arguments[0],arguments[1],arguments[2])}}}if(s){var b=n.on_added_dom_row;if(n.on_added_dom_row=function(){t.nbFilterableRows++,t.paging?(t.nbRows++,t.nbVisibleRows++,t.nbFilterableRows++,t.paging=!1,t.feature("paging").destroy(),t.feature("paging").reset()):t.emitter.emit("rows-changed",t,this),t.alternateRows&&t.feature("alternateRows").init(),b&&b.call(null,arguments[0],arguments[1],arguments[2])},n.actions&&n.actions["delete"]){var m=n.actions["delete"].on_after_submit;n.actions["delete"].on_after_submit=function(){t.nbFilterableRows--,t.paging?(t.nbRows--,t.nbVisibleRows--,t.nbFilterableRows--,t.paging=!1,t.feature("paging").destroy(),t.feature("paging").reset(!1)):t.emitter.emit("rows-changed",t,this),t.alternateRows&&t.feature("alternateRows").init(),m&&m.call(null,arguments[0],arguments[1])}}}try{this._ezEditTable=new EditTable(t.id,n,e),this._ezEditTable.Init()}catch(g){throw new Error(this.err)}this.initialized=!0}},{key:"reset",value:function(){var e=this._ezEditTable;e&&(this.cfg.selection&&e.Selection.Set(),this.cfg.editable&&e.Editable.Set())}},{key:"toggle",value:function(){var e=this._ezEditTable;e.editable?e.Editable.Remove():e.Editable.Set(),e.selection?e.Selection.Remove():e.Selection.Set()}},{key:"_toggleForInputFilter",value:function(){var e=this.tf;if(e.activeFlt){var t=e.activeFlt.getAttribute("ct"),n=e.getFilterType(t);n===e.fltTypeInp&&this.toggle()}}},{key:"destroy",value:function(){var e=this,t=this._ezEditTable;t&&(this.cfg.selection&&(t.Selection.ClearSelections(),t.Selection.Remove()),this.cfg.editable&&t.Editable.Remove()),this.emitter.off(["filter-focus","filter-blur"],function(){return e._toggleForInputFilter()}),this.initialized=!1}}]),e}();t["default"]=a},29:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(28),i=r(s);t["default"]=i["default"]},30:function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{"default":e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},_createClass=function(){function e(e,t){for(var n=0;n=jj;jj++)ucolIndex[jj]===colIndex[ii]&&(saved=1);0===saved&&(ucolMax++,ucolIndex[ucolMax]=colIndex[ii])}if("object"==_string2["default"].lower("undefined"==typeof labelId?"undefined":_typeof(labelId))&&"object"==_string2["default"].lower("undefined"==typeof colIndex?"undefined":_typeof(colIndex))&&"object"==_string2["default"].lower("undefined"==typeof operation?"undefined":_typeof(operation)))for(var rows=tf.tbl.rows,colvalues=[],ucol=0;ucolMax>=ucol;ucol++){colvalues.push(tf.getColValues(ucolIndex[ucol],!1,!0,excludeRow));for(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,k=0;kmaxValue?parseFloat(cvalue):maxValue))}if(1===meanFlag&&(meanValue=sumValue/nbvalues),1===medFlag){var aux=0;nbvalues%2===1?(aux=Math.floor(nbvalues/2),medValue=theList[aux]):medValue=(theList[nbvalues/2]+theList[nbvalues/2-1])/2}var posa;if(1===q1Flag&&(posa=0,posa=Math.floor(nbvalues/4),q1Value=4*posa==nbvalues?(theList[posa-1]+theList[posa])/2:theList[posa]),1===q3Flag){posa=0;var posb=0;posa=Math.floor(nbvalues/4),4*posa===nbvalues?(posb=3*posa,q3Value=(theList[posb]+theList[posb-1])/2):q3Value=theList[nbvalues-posa-1]}for(var i=0;mThisCol>=i;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}var precision=isNaN(decThisCol[i])?2:decThisCol[i];if(oTypeThisCol&&result){if(result=result.toFixed(precision),_dom2["default"].id(labThisCol[i]))switch(_string2["default"].lower(oTypeThisCol)){case"innerhtml":isNaN(result)||!isFinite(result)||0===nbvalues?_dom2["default"].id(labThisCol[i]).innerHTML=".":_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,txtnode=_dom2["default"].text(result);_dom2["default"].id(labThisCol[i]).replaceChild(txtnode,oldnode)}}else try{isNaN(result)||!isFinite(result)||0===nbvalues?_dom2["default"].id(labThisCol[i]).innerHTML=".":_dom2["default"].id(labThisCol[i]).innerHTML=result.toFixed(precision)}catch(e){}}var totRow=totRowIndex&&totRowIndex[ucol]?rows[totRowIndex[ucol]]:null;totRow&&(totRow.style.display="")}this.onAfterOperation&&this.onAfterOperation.call(null,tf)}}},{key:"destroy",value:function(){var e=this;this.tf.emitter.off(["after-filtering"],function(){return e.calc()})}}]),ColOps}();exports["default"]=ColOps},31:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n0,this.onLoaded=d["default"].isFn(n.on_loaded)?n.on_loaded:null,this.onBeforeOpen=d["default"].isFn(n.on_before_open)?n.on_before_open:null,this.onAfterOpen=d["default"].isFn(n.on_after_open)?n.on_after_open:null,this.onBeforeClose=d["default"].isFn(n.on_before_close)?n.on_before_close:null,this.onAfterClose=d["default"].isFn(n.on_after_close)?n.on_after_close:null,this.onBeforeColHidden=d["default"].isFn(n.on_before_col_hidden)?n.on_before_col_hidden:null,this.onAfterColHidden=d["default"].isFn(n.on_after_col_hidden)?n.on_after_col_hidden:null,this.onBeforeColDisplayed=d["default"].isFn(n.on_before_col_displayed)?n.on_before_col_displayed:null,this.onAfterColDisplayed=d["default"].isFn(n.on_after_col_displayed)?n.on_after_col_displayed:null,t.gridLayout&&(this.headersTbl=t.feature("gridLayout").headTbl,this.headersIndex=0,this.onAfterColDisplayed=function(){},this.onAfterColHidden=function(){}),t["import"](n.name+"Style",t.stylePath+this.stylesheet,null,"link"),this.tf=t}return i(e,[{key:"toggle",value:function(){var e=this.contEl.style.display,t=this.onBeforeOpen,n=this.onBeforeClose,r=this.onAfterOpen,s=this.onAfterClose;t&&"inline"!==e&&t.call(null,this),n&&"inline"===e&&n.call(null,this),this.contEl.style.display="inline"===e?"none":"inline",r&&"inline"!==e&&r.call(null,this),s&&"inline"===e&&s.call(null,this)}},{key:"checkItem",value:function(e){var t=e.parentNode;if(t&&e){var n=e.firstChild.checked,r=e.firstChild.getAttribute("id").split("_")[1];r=parseInt(r,10),n?o["default"].addClass(t,this.listSlcItemCssClass):o["default"].removeClass(t,this.listSlcItemCssClass);var s=!1;(this.tickToHide&&n||!this.tickToHide&&!n)&&(s=!0),this.setHidden(r,s)}}},{key:"init",value:function(){this.manager&&(this.buildBtn(),this.buildManager(),this.initialized=!0)}},{key:"buildBtn",value:function(){var e=this;if(!this.btnEl){var t=this.tf,n=o["default"].create("span",["id",this.prfx+t.id]);n.className=this.spanCssClass,this.btnTgtId||t.setToolbar();var r=this.btnTgtId?o["default"].id(this.btnTgtId):t.rDiv;if(this.btnTgtId)r.appendChild(n);else{var s=r.firstChild;s.parentNode.insertBefore(n,s)}if(this.btnHtml){n.innerHTML=this.btnHtml;var i=n.firstChild;this.enableHover?c["default"].add(i,"mouseover",function(t){e.toggle(t)}):c["default"].add(i,"click",function(t){e.toggle(t)})}else{var l=o["default"].create("a",["href","javascript:;"]);l.className=this.btnCssClass,l.title=this.desc,l.innerHTML=this.btnText,n.appendChild(l),this.enableHover?c["default"].add(l,"mouseover",function(t){e.toggle(t)}):c["default"].add(l,"click",function(t){e.toggle(t)})}this.spanEl=n,this.btnEl=this.spanEl.firstChild,this.onLoaded&&this.onLoaded.call(null,this)}}},{key:"buildManager",value:function(){var e=this,t=this.tf,n=this.contElTgtId?o["default"].id(this.contElTgtId):o["default"].create("div",["id",this.prfxCont+t.id]);n.className=this.contCssClass;var r=o["default"].create("p");r.innerHTML=this.text,n.appendChild(r);var s=o["default"].create("ul",["id","ul"+this.name+"_"+t.id]);s.className=this.listCssClass;var i=this.headersTbl?this.headersTbl:t.tbl,l=this.headersTbl?this.headersIndex:t.getHeadersRowIndex(),a=i.rows[l];if(this.enableTickAll){var d=o["default"].createCheckItem("col__"+t.id,this.tickAllText,this.tickAllText);o["default"].addClass(d,this.listItemCssClass),s.appendChild(d),d.check.checked=!this.tickToHide,c["default"].add(d.check,"click",function(){for(var e=0;e',this.icnCollapseHtml='Collapse filters',this.defaultText="Toggle filters",this.targetId=n.target_id||null,this.enableIcon=n.enable_icon===!1?!1:!0,this.btnText=n.btn_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,this.btnHtml=n.btn_html||null,this.btnCssClass=n.btn_css_class||"btnExpClpFlt",this.contCssClass=n.cont_css_class||"expClpFlt",this.filtersRowIndex=d["default"].isUndef(n.filters_row_index)?t.getFiltersRowIndex():n.filters_row_index,this.visibleAtStart=d["default"].isUndef(n.visible_at_start)?!0:Boolean(n.visible_at_start),this.prfx="fltsVis_",this.onBeforeShow=d["default"].isFn(n.on_before_show)?n.on_before_show:null,this.onAfterShow=d["default"].isFn(n.on_after_show)?n.on_after_show:null,this.onBeforeHide=d["default"].isFn(n.on_before_hide)?n.on_before_hide:null,this.onAfterHide=d["default"].isFn(n.on_after_hide)?n.on_after_hide:null,t["import"](n.name+"Style",t.stylePath+this.stylesheet,null,"link"),this.tf=t}return i(e,[{key:"init",value:function(){this.initialized||(this.buildUI(),this.initialized=!0)}},{key:"buildUI",value:function(){var e=this,t=this.tf,n=o["default"].create("span",["id",this.prfx+t.id]);n.className=this.contCssClass,this.targetId||t.setToolbar();var r=this.targetId?o["default"].id(this.targetId):t.rDiv;if(this.targetId)r.appendChild(n);else{var s=r.firstChild;s.parentNode.insertBefore(n,s)}var i=void 0;this.btnHtml?(n.innerHTML=this.btnHtml,i=n.firstChild):(i=o["default"].create("a",["href","javascript:void(0);"]),i.className=this.btnCssClass,i.title=this.btnText||this.defaultText,i.innerHTML=this.collapseBtnHtml,n.appendChild(i)),c["default"].add(i,"click",function(){return e.toggle()}),this.contEl=n,this.btnEl=i,this.visibleAtStart||this.toggle()}},{key:"toggle",value:function(){var e=this.tf,t=e.gridLayout?e.feature("gridLayout").headTbl:e.tbl,n=t.rows[this.filtersRowIndex],r=n.style.display;this.onBeforeShow&&""!==r&&this.onBeforeShow.call(this,this),this.onBeforeHide&&""===r&&this.onBeforeHide.call(null,this),n.style.display=""===r?"none":"",this.enableIcon&&!this.btnHtml&&(this.btnEl.innerHTML=""===r?this.expandBtnHtml:this.collapseBtnHtml),this.onAfterShow&&""!==r&&this.onAfterShow.call(null,this),this.onAfterHide&&""===r&&this.onAfterHide.call(null,this)}},{key:"destroy",value:function(){(this.btnEl||this.contEl)&&(this.btnEl.innerHTML="",o["default"].remove(this.btnEl),this.btnEl=null,this.contEl.innerHTML="",o["default"].remove(this.contEl),this.contEl=null,this.initialized=!1)}}]),e}();t["default"]=h},33:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e){return S["default"].removeNbFormat(e,"us")}function l(e){return S["default"].removeNbFormat(e,"eu")}function o(e,t){return C["default"].format(e,t)}function a(e){return o(e,"DMY")}function d(e){return o(e,"MDY")}function u(e){return o(e,"YMD")}function c(e){return o(e,"DDMMMYYYY")}function h(e){var t=e.split(".");for(var n in t){for(var r=t[n];3>r.length;)r="0"+r;t[n]=r}return t.join(".")}function f(e,t){var n=h(e.value.toLowerCase()),r=h(t.value.toLowerCase());return n==r?0:r>n?-1:1}Object.defineProperty(t,"__esModule",{value:!0});var p=function(){function e(e,t){for(var n=0;nr;r++);return r},SortableTable.prototype.initHeader=function(n){var r=this;if(!r.tHead){if(!t.gridLayout)return;r.tHead=t.feature("gridLayout").headTbl.tHead}r.headersRow=t.headersRow;var s=r.tHead.rows[r.headersRow].cells;r.sortTypes=n||[];for(var i=s.length,l=void 0,o=void 0,a=0;i>a;a++)o=s[a],null!==r.sortTypes[a]&&"None"!==r.sortTypes[a]?(o.style.cursor="pointer",l=y["default"].create("img",["src",e.imgPath+e.imgBlank]),o.appendChild(l),null!==r.sortTypes[a]&&o.setAttribute("_sortType",r.sortTypes[a]),T["default"].add(o,"click",r._headerOnclick)):(o.setAttribute("_sortType",n[a]),o._sortType="None");r.updateHeaderArrows()},SortableTable.prototype.updateHeaderArrows=function(){var t=this,n=void 0,r=void 0,s=void 0;if(e.asyncSort&&e.triggerIds.length>0){var i=e.triggerIds;n=[],r=i.length;for(var l=0;lo;o++){var a=n[o].getAttribute("_sortType");null!==a&&"None"!==a&&(s=n[o].lastChild||n[o],"img"!==s.nodeName.toLowerCase()&&(s=y["default"].create("img",["src",e.imgPath+e.imgBlank]),n[o].appendChild(s)),o===t.sortColumn?s.className=e.imgClassName+" "+(this.descending?e.imgDescClassName:e.imgAscClassName):s.className=e.imgClassName)}},SortableTable.prototype.getRowValue=function(e,t,n){var r=this,s=r._sortTypeInfo[t];if(s&&s.getRowValue)return s.getRowValue(e,n);var i=e.cells[n],l=SortableTable.getInnerText(i);return r.getValueFromString(l,t)},SortableTable.getInnerText=function(t){return t?t.getAttribute(e.customKey)?t.getAttribute(e.customKey):y["default"].getText(t):void 0}}},{key:"addSortType",value:function(){var e=arguments;SortableTable.prototype.addSortType(e[0],e[1],e[2],e[3])}},{key:"setSortTypes",value:function(){for(var e=this,t=this.tf,n=this.sortTypes,r=[],s=0;s0&&!function(){for(var t=e.triggerIds,n=0;n 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 if ( this.tHead )\r\n this.uninitHeader();\r\n this.element = oTable;\r\n this.setTHead( oTable.tHead );\r\n this.setTBody( oTable.tBodies[0] );\r\n};\r\n\r\nSortableTable.prototype.setTHead = function (oTHead) {\r\n if (this.tHead && this.tHead != oTHead )\r\n this.uninitHeader();\r\n this.tHead = oTHead;\r\n this.initHeader( this.sortTypes );\r\n};\r\n\r\nSortableTable.prototype.setTBody = function (oTBody) {\r\n this.tBody = oTBody;\r\n};\r\n\r\nSortableTable.prototype.setSortTypes = function ( oSortTypes ) {\r\n if ( this.tHead )\r\n this.uninitHeader();\r\n this.sortTypes = oSortTypes || [];\r\n if ( this.tHead )\r\n this.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 if (!this.tHead) return;\r\n var cells = this.tHead.rows[0].cells;\r\n var doc = this.tHead.ownerDocument || this.tHead.document;\r\n this.sortTypes = oSortTypes || [];\r\n var l = cells.length;\r\n var img, c;\r\n for (var i = 0; i < l; i++) {\r\n c = cells[i];\r\n if (this.sortTypes[i] != null && this.sortTypes[i] != "None") {\r\n img = doc.createElement("IMG");\r\n img.src = "images/blank.png";\r\n c.appendChild(img);\r\n if (this.sortTypes[i] != null)\r\n c._sortType = this.sortTypes[i];\r\n if (typeof c.addEventListener != "undefined")\r\n c.addEventListener("click", this._headerOnclick, false);\r\n else if (typeof c.attachEvent != "undefined")\r\n c.attachEvent("onclick", this._headerOnclick);\r\n else\r\n c.onclick = this._headerOnclick;\r\n }\r\n else\r\n {\r\n c.setAttribute( "_sortType", oSortTypes[i] );\r\n c._sortType = "None";\r\n }\r\n }\r\n this.updateHeaderArrows();\r\n};\r\n\r\n// remove arrows and events\r\nSortableTable.prototype.uninitHeader = function () {\r\n if (!this.tHead) return;\r\n var cells = this.tHead.rows[0].cells;\r\n var l = cells.length;\r\n var c;\r\n for (var i = 0; i < l; i++) {\r\n c = cells[i];\r\n if (c._sortType != null && c._sortType != "None") {\r\n c.removeChild(c.lastChild);\r\n if (typeof c.removeEventListener != "undefined")\r\n c.removeEventListener("click", this._headerOnclick, false);\r\n else if (typeof c.detachEvent != "undefined")\r\n c.detachEvent("onclick", this._headerOnclick);\r\n c._sortType = null;\r\n c.removeAttribute( "_sortType" );\r\n }\r\n }\r\n};\r\n\r\nSortableTable.prototype.updateHeaderArrows = function () {\r\n if (!this.tHead) return;\r\n var cells = this.tHead.rows[0].cells;\r\n var l = cells.length;\r\n var img;\r\n for (var i = 0; i < l; i++) {\r\n if (cells[i]._sortType != null && cells[i]._sortType != "None") {\r\n img = cells[i].lastChild;\r\n if (i == this.sortColumn)\r\n img.className = "sort-arrow " + (this.descending ? "descending" : "ascending");\r\n else\r\n img.className = "sort-arrow";\r\n }\r\n }\r\n};\r\n\r\nSortableTable.prototype.headerOnclick = function (e) {\r\n // find TD element\r\n var el = e.target || e.srcElement;\r\n while (el.tagName != "TD")\r\n el = el.parentNode;\r\n\r\n this.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 var cells = oTd.parentNode.childNodes\r\n var l = cells.length;\r\n var i;\r\n for (i = 0; cells[i] != oTd && i < l; i++)\r\n ;\r\n return i;\r\n};\r\n\r\nSortableTable.prototype.getSortType = function (nColumn) {\r\n return 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 if (!this.tBody) return;\r\n if (sSortType == null)\r\n sSortType = this.getSortType(nColumn);\r\n\r\n // exit if None\r\n if (sSortType == "None")\r\n return;\r\n\r\n if (bDescending == null) {\r\n if (this.sortColumn != nColumn)\r\n this.descending = this.defaultDescending;\r\n else\r\n this.descending = !this.descending;\r\n }\r\n else\r\n this.descending = bDescending;\r\n\r\n this.sortColumn = nColumn;\r\n\r\n if (typeof this.onbeforesort == "function")\r\n this.onbeforesort();\r\n\r\n var f = this.getSortFunction(sSortType, nColumn);\r\n var a = this.getCache(sSortType, nColumn);\r\n var tBody = this.tBody;\r\n\r\n a.sort(f);\r\n\r\n if (this.descending)\r\n a.reverse();\r\n\r\n if (SortableTable.removeBeforeSort) {\r\n // remove from doc\r\n var nextSibling = tBody.nextSibling;\r\n var p = tBody.parentNode;\r\n p.removeChild(tBody);\r\n }\r\n\r\n // insert in the new order\r\n var l = a.length;\r\n for (var i = 0; i < l; i++)\r\n tBody.appendChild(a[i].element);\r\n\r\n if (SortableTable.removeBeforeSort) {\r\n // insert into doc\r\n p.insertBefore(tBody, nextSibling);\r\n }\r\n\r\n this.updateHeaderArrows();\r\n\r\n this.destroyCache(a);\r\n\r\n if (typeof this.onsort == "function")\r\n this.onsort();\r\n};\r\n\r\nSortableTable.prototype.asyncSort = function (nColumn, bDescending, sSortType) {\r\n var oThis = this;\r\n this._asyncsort = function () {\r\n oThis.sort(nColumn, bDescending, sSortType);\r\n };\r\n window.setTimeout(this._asyncsort, 1);\r\n};\r\n\r\nSortableTable.prototype.getCache = function (sType, nColumn) {\r\n if (!this.tBody) return [];\r\n var rows = this.tBody.rows;\r\n var l = rows.length;\r\n var a = new Array(l);\r\n var r;\r\n for (var i = 0; i < l; i++) {\r\n r = rows[i];\r\n a[i] = {\r\n value: this.getRowValue(r, sType, nColumn),\r\n element: r\r\n };\r\n };\r\n return a;\r\n};\r\n\r\nSortableTable.prototype.destroyCache = function (oArray) {\r\n var l = oArray.length;\r\n for (var i = 0; i < l; i++) {\r\n oArray[i].value = null;\r\n oArray[i].element = null;\r\n oArray[i] = null;\r\n }\r\n};\r\n\r\nSortableTable.prototype.getRowValue = function (oRow, sType, nColumn) {\r\n // if we have defined a custom getRowValue use that\r\n if (this._sortTypeInfo[sType] && this._sortTypeInfo[sType].getRowValue)\r\n return this._sortTypeInfo[sType].getRowValue(oRow, nColumn);\r\n\r\n var s;\r\n var c = oRow.cells[nColumn];\r\n if (typeof c.innerText != "undefined")\r\n s = c.innerText;\r\n else\r\n s = SortableTable.getInnerText(c);\r\n return this.getValueFromString(s, sType);\r\n};\r\n\r\nSortableTable.getInnerText = function (oNode) {\r\n var s = "";\r\n var cs = oNode.childNodes;\r\n var l = cs.length;\r\n for (var i = 0; i < l; i++) {\r\n switch (cs[i].nodeType) {\r\n case 1: //ELEMENT_NODE\r\n s += SortableTable.getInnerText(cs[i]);\r\n break;\r\n case 3: //TEXT_NODE\r\n s += cs[i].nodeValue;\r\n break;\r\n }\r\n }\r\n return s;\r\n};\r\n\r\nSortableTable.prototype.getValueFromString = function (sText, sType) {\r\n if (this._sortTypeInfo[sType])\r\n return this._sortTypeInfo[sType].getValueFromString( sText );\r\n return sText;\r\n /*\r\n switch (sType) {\r\n case "Number":\r\n return Number(sText);\r\n case "CaseInsensitiveString":\r\n return sText.toUpperCase();\r\n case "Date":\r\n var parts = sText.split("-");\r\n var d = new Date(0);\r\n d.setFullYear(parts[0]);\r\n d.setDate(parts[2]);\r\n d.setMonth(parts[1] - 1);\r\n return d.valueOf();\r\n }\r\n return sText;\r\n */\r\n };\r\n\r\nSortableTable.prototype.getSortFunction = function (sType, nColumn) {\r\n if (this._sortTypeInfo[sType])\r\n return this._sortTypeInfo[sType].compare;\r\n return SortableTable.basicCompare;\r\n};\r\n\r\nSortableTable.prototype.destroy = function () {\r\n this.uninitHeader();\r\n var win = this.document.parentWindow;\r\n if (win && typeof win.detachEvent != "undefined") { // only IE needs this\r\n win.detachEvent("onunload", this._onunload);\r\n }\r\n this._onunload = null;\r\n this.element = null;\r\n this.tHead = null;\r\n this.tBody = null;\r\n this.document = null;\r\n this._headerOnclick = null;\r\n this.sortTypes = null;\r\n this._asyncsort = null;\r\n this.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 this._sortTypeInfo[sType] = {\r\n type: sType,\r\n getValueFromString: fGetValueFromString || SortableTable.idFunction,\r\n compare: fCompareFunction || SortableTable.basicCompare,\r\n getRowValue: fGetRowValue\r\n };\r\n};\r\n\r\n// this removes the sort type from all instances of SortableTable\r\nSortableTable.prototype.removeSortType = function (sType) {\r\n delete this._sortTypeInfo[sType];\r\n};\r\n\r\nSortableTable.basicCompare = function compare(n1, n2) {\r\n if (n1.value < n2.value)\r\n return -1;\r\n if (n2.value < n1.value)\r\n return 1;\r\n return 0;\r\n};\r\n\r\nSortableTable.idFunction = function (x) {\r\n return x;\r\n};\r\n\r\nSortableTable.toUpperCase = function (s) {\r\n return s.toUpperCase();\r\n};\r\n\r\nSortableTable.toDate = function (s) {\r\n var parts = s.split("-");\r\n var d = new Date(0);\r\n d.setFullYear(parts[0]);\r\n d.setDate(parts[2]);\r\n d.setMonth(parts[1] - 1);\r\n return 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'}}); \ No newline at end of file diff --git a/src/modules/loader.js b/src/modules/loader.js index 323ff21a..93183180 100644 --- a/src/modules/loader.js +++ b/src/modules/loader.js @@ -69,9 +69,9 @@ export class Loader extends Feature{ emitter.on([ 'before-filtering', 'before-populating-filter', - 'before-changing-page', + 'before-page-change', 'before-clearing-filters', - 'before-changing-results-per-page', + 'before-page-length-change', 'before-reset-page', 'before-reset-page-length', 'before-loading-extensions', @@ -81,9 +81,9 @@ export class Loader extends Feature{ emitter.on([ 'after-filtering', 'after-populating-filter', - 'after-changing-page', + 'after-page-change', 'after-clearing-filters', - 'after-changing-results-per-page', + 'after-page-length-change', 'after-reset-page', 'after-reset-page-length', 'after-loading-extensions', @@ -130,9 +130,9 @@ export class Loader extends Feature{ emitter.off([ 'before-filtering', 'before-populating-filter', - 'before-changing-page', + 'before-page-change', 'before-clearing-filters', - 'before-changing-results-per-page', + 'before-page-length-change', 'before-reset-page', 'before-reset-page-length', 'before-loading-extensions', @@ -142,9 +142,9 @@ export class Loader extends Feature{ emitter.off([ 'after-filtering', 'after-populating-filter', - 'after-changing-page', + 'after-page-change', 'after-clearing-filters', - 'after-changing-results-per-page', + 'after-page-length-change', 'after-reset-page', 'after-reset-page-length', 'after-loading-extensions', diff --git a/src/modules/paging.js b/src/modules/paging.js index 3b5697a4..fb6109ef 100644 --- a/src/modules/paging.js +++ b/src/modules/paging.js @@ -570,7 +570,7 @@ export class Paging extends Feature{ return; } - this.emitter.emit('before-changing-page', tf, index); + this.emitter.emit('before-page-change', tf, index); if(index === null){ index = this.pageSelectorType === tf.fltTypeSlc ? @@ -597,7 +597,7 @@ export class Paging extends Feature{ } } - this.emitter.emit('after-changing-page', tf, index); + this.emitter.emit('after-page-change', tf, index); } /** @@ -611,7 +611,7 @@ export class Paging extends Feature{ return; } - this.emitter.emit('before-changing-results-per-page', tf); + this.emitter.emit('before-page-length-change', tf); var slcR = this.resultsPerPageSlc; var slcIndex = slcR.selectedIndex; @@ -635,7 +635,7 @@ export class Paging extends Feature{ } } - this.emitter.emit('after-changing-results-per-page', tf, slcIndex); + this.emitter.emit('after-page-length-change', tf, slcIndex); } /** diff --git a/src/modules/stateful.js b/src/modules/stateful.js index 86fb6833..fd216e9e 100644 --- a/src/modules/stateful.js +++ b/src/modules/stateful.js @@ -1,58 +1,66 @@ import {Feature} from './feature'; import Str from '../string'; +import Event from '../event'; const global = window; const JSON = global.JSON; const location = global.location; -const hasHashChange = ()=> { +const hasHashChange = () => { var docMode = global.documentMode; return ('onhashchange' in global) && (docMode === undefined || docMode > 7); }; -export class Stateful extends Feature{ +export class Stateful extends Feature { /** * Makes features stateful via URL hash * @param {Object} tf TableFilter instance */ - constructor(tf){ + constructor(tf) { super(tf, 'stateful'); let cfg = this.config.stateful; this.persistFilters = cfg.filters === false ? false : true; this.persistPageNumber = Boolean(cfg.page_number); + this.persistPageLength = Boolean(cfg.page_length); this.pageNb = null; this.lastHash = null; this.state = {}; this.prfxCol = 'col_'; - this.prfxPageNb = 'page'; + this.pageNbKey = 'page'; + this.pageResultsKey = 'results'; } - init(){ - if(this.initialized || !hasHashChange()){ + init() { + if (this.initialized || !hasHashChange()) { return; } - this.emitter.on(['initialized'], ()=> this.sync()); - this.emitter.on(['after-filtering'], ()=> this.update()); - this.emitter.on(['after-changing-page'], ()=> this.update()); + this.emitter.on(['initialized'], () => this.sync()); + this.emitter.on([ + 'after-filtering', + 'after-page-change', + 'after-page-length-change' + ], () => this.update()); + + Event.add(global, 'hashchange', () => this.sync()); this.initialized = true; } - format(){ + format() { let tf = this.tf; - if(this.persistFilters){ + if (this.persistFilters) { let filterValues = tf.getFiltersValue(); - filterValues.forEach((val, idx)=> { + filterValues.forEach((val, idx) => { let key = `${this.prfxCol}${idx}`; - if(Str.isEmpty(val)){ - if(this.state.hasOwnProperty(key)){ + if (Str.isEmpty(val)) { + if (this.state.hasOwnProperty(key)) { this.state[key] = undefined; } } else { @@ -63,16 +71,20 @@ export class Stateful extends Feature{ }); } - if(this.persistPageNumber){ + if (this.persistPageNumber) { let pageNumber = tf.feature('paging').getPage(); - this.state[this.prfxPageNb] = pageNumber; + this.state[this.pageNbKey] = pageNumber; + } + + if (this.persistPageLength) { + } return `#${JSON.stringify(this.state)}`; } - parse(hash){ - if(hash.indexOf('#') === 0){ + parse(hash) { + if (hash.indexOf('#') === 0) { hash = hash.substr(1); } else { hash = '{}'; @@ -80,10 +92,10 @@ export class Stateful extends Feature{ return JSON.parse(hash); } - update(){ + update() { let hash = this.format(); console.log(hash, this.lastHash, this.lastHash === hash); - if(this.lastHash === hash){ + if (this.lastHash === hash) { return; } @@ -91,14 +103,14 @@ export class Stateful extends Feature{ this.lastHash = hash; } - sync(){ + sync() { let state = this.parse(location.hash); let tf = this.tf; - if(this.persistFilters){ - Object.keys(state).forEach((key)=> { - if(key.indexOf(this.prfxCol) !== -1){ - let colIdx = parseInt(key.replace(this.prfxCol, '')); + if (this.persistFilters) { + Object.keys(state).forEach((key) => { + if (key.indexOf(this.prfxCol) !== -1) { + let colIdx = parseInt(key.replace(this.prfxCol, ''), 10); let val = state[key].flt; tf.setFilterValue(colIdx, val); } @@ -107,19 +119,25 @@ export class Stateful extends Feature{ tf.filter(); } - if(this.persistPageNumber){ - let pageNumber = state[this.prfxPageNb]; + if (this.persistPageNumber) { + let pageNumber = state[this.pageNbKey]; tf.feature('paging').setPage(pageNumber); } } - destroy(){ - if(!this.initialized){ + destroy() { + if (!this.initialized) { return; } - this.emitter.on(['initialized'], ()=> this.sync()); - this.emitter.off(['after-filtering'], ()=> this.update()); + this.emitter.on(['initialized'], () => this.sync()); + this.emitter.off([ + 'after-filtering', + 'after-page-change', + 'after-page-length-change' + ], () => this.update()); + + Event.remove(global, 'hashchange', () => this.sync()); this.initialized = false; } diff --git a/src/modules/statusBar.js b/src/modules/statusBar.js index 0270839d..0de9ac73 100644 --- a/src/modules/statusBar.js +++ b/src/modules/statusBar.js @@ -118,11 +118,11 @@ export class StatusBar extends Feature{ emitter.on(['before-filtering'], ()=> this.message(this.msgFilter)); emitter.on(['before-populating-filter'], ()=> this.message(this.msgPopulate)); - emitter.on(['before-changing-page'], + emitter.on(['before-page-change'], ()=> this.message(this.msgChangePage)); emitter.on(['before-clearing-filters'], ()=> this.message(this.msgClear)); - emitter.on(['before-changing-results-per-page'], + emitter.on(['before-page-length-change'], ()=> this.message(this.msgChangeResults)); emitter.on(['before-reset-page'], ()=> this.message(this.msgResetPage)); emitter.on(['before-reset-page-length'], @@ -135,9 +135,9 @@ export class StatusBar extends Feature{ emitter.on([ 'after-filtering', 'after-populating-filter', - 'after-changing-page', + 'after-page-change', 'after-clearing-filters', - 'after-changing-results-per-page', + 'after-page-length-change', 'after-reset-page', 'after-reset-page-length', 'after-loading-extensions', @@ -188,11 +188,11 @@ export class StatusBar extends Feature{ emitter.off(['before-filtering'], ()=> this.message(this.msgFilter)); emitter.off(['before-populating-filter'], ()=> this.message(this.msgPopulate)); - emitter.off(['before-changing-page'], + emitter.off(['before-page-change'], ()=> this.message(this.msgChangePage)); emitter.off(['before-clearing-filters'], ()=> this.message(this.msgClear)); - emitter.off(['before-changing-results-per-page'], + emitter.off(['before-page-length-change'], ()=> this.message(this.msgChangeResults)); emitter.off(['before-reset-page'], ()=> this.message(this.msgResetPage)); @@ -206,9 +206,9 @@ export class StatusBar extends Feature{ emitter.off([ 'after-filtering', 'after-populating-filter', - 'after-changing-page', + 'after-page-change', 'after-clearing-filters', - 'after-changing-results-per-page', + 'after-page-length-change', 'after-reset-page', 'after-reset-page-length', 'after-loading-extensions', diff --git a/src/modules/store.js b/src/modules/store.js index 4f28990f..1df79f0f 100644 --- a/src/modules/store.js +++ b/src/modules/store.js @@ -29,9 +29,9 @@ export class Store{ init(){ this.emitter.on(['after-filtering'], ()=> this.saveFilterValues()); this.emitter.on(['after-clearing-filters'], ()=> this.clearCookies()); - this.emitter.on(['after-changing-page'], + this.emitter.on(['after-page-change'], (tf, index)=> this.savePageNb(index)); - this.emitter.on(['after-changing-results-per-page'], + this.emitter.on(['after-page-length-change'], (tf, index)=> this.savePageLength(index)); } @@ -138,9 +138,9 @@ export class Store{ destroy(){ this.emitter.off(['after-filtering'], ()=> this.saveFilterValues()); this.emitter.off(['after-clearing-filters'], ()=> this.clearCookies()); - this.emitter.off(['after-changing-page'], + this.emitter.off(['after-page-change'], (tf, index)=> this.savePageNb(index)); - this.emitter.off(['after-changing-results-per-page'], + this.emitter.off(['after-page-length-change'], (tf, index)=> this.savePageLength(index)); } }