(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 = "/dist/tablefilter/"; /******/ /******/ // Load entry module and return exports /******/ return __webpack_require__(0); /******/ }) /************************************************************************/ /******/ ([ /* 0 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Event = __webpack_require__(2); var _Event2 = _interopRequireDefault(_Event); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var _Str = __webpack_require__(4); var _Str2 = _interopRequireDefault(_Str); var _Cookie = __webpack_require__(5); var _Cookie2 = _interopRequireDefault(_Cookie); var _Types = __webpack_require__(6); var _Types2 = _interopRequireDefault(_Types); var _Arr = __webpack_require__(7); var _Arr2 = _interopRequireDefault(_Arr); var _DateHelper = __webpack_require__(8); var _DateHelper2 = _interopRequireDefault(_DateHelper); var _Helpers = __webpack_require__(9); var _Helpers2 = _interopRequireDefault(_Helpers); // Features var _Store = __webpack_require__(10); var _GridLayout = __webpack_require__(11); var _Loader = __webpack_require__(12); var _HighlightKeyword = __webpack_require__(13); var _PopupFilter = __webpack_require__(14); var _Dropdown = __webpack_require__(15); var _CheckList = __webpack_require__(16); var _RowsCounter = __webpack_require__(17); var _StatusBar = __webpack_require__(18); var _Paging = __webpack_require__(19); var _ClearButton = __webpack_require__(20); var _Help = __webpack_require__(21); var _AlternateRows = __webpack_require__(22); var global = window, isValidDate = _DateHelper2['default'].isValid, formatDate = _DateHelper2['default'].format, doc = global.document; var TableFilter = (function () { /** * TF object constructor * @param {String} id Table id * @param {Number} row index indicating the 1st row * @param {Object} configuration object * * TODO: Accept a TABLE element or query selectors */ function TableFilter(id) { _classCallCheck(this, TableFilter); if (arguments.length === 0) { return; } this.id = id; this.version = '0.0.0'; this.year = new Date().getFullYear(); this.tbl = _Dom2['default'].id(id); this.startRow = null; this.refRow = null; this.headersRow = null; this.cfg = {}; this.nbFilterableRows = null; this.nbRows = null; this.nbCells = null; this._hasGrid = false; this.enableModules = false; if (!this.tbl || this.tbl.nodeName != 'TABLE' || this.getRowsNb() === 0) { throw new Error('Could not instantiate TableFilter: HTML table not found.'); } if (arguments.length > 1) { for (var i = 0, len = arguments.length; i < len; i++) { var arg = arguments[i]; var argtype = typeof arg; switch (_Str2['default'].lower(argtype)) { case 'number': this.startRow = arg; break; case 'object': this.cfg = arg; break; } } } // configuration object var f = this.cfg; //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; /*** Grid layout ***/ //enables/disables grid layout (fixed headers) this.gridLayout = Boolean(f.grid_layout); this.sourceTblHtml = null; if (this.gridLayout) { this.sourceTblHtml = this.tbl.outerHTML; } /*** ***/ this.filtersRowIndex = f.filters_row_index || 0; this.headersRow = f.headers_row_index || (this.filtersRowIndex === 0 ? 1 : 0); if (this.gridLayout) { if (this.headersRow > 1) { this.filtersRowIndex = this.headersRow + 1; } else { this.filtersRowIndex = 1; this.headersRow = 0; } } //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 filters values this.searchArgs = null; //stores table data this.tblData = []; //stores valid rows indexes (rows visible upon filtering) this.validRowsIndex = null; //stores filters row element this.fltGridEl = null; //is first load boolean this.isFirstLoad = true; //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.alternateBgs = 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); //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 || null; //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_search_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.helpInstructions = _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 : null; //enables/disables descending numeric options sorting this.isSortNumDesc = Boolean(f.sort_num_desc); this.sortNumDesc = this.isSortNumDesc ? f.sort_num_desc : null; //enabled selects are populated on demand this.fillSlcOnDemand = Boolean(f.fill_slc_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); /*** 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; /*** status messages ***/ //filtering 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 grid values this.msgResetValues = f.msg_reset_grid_values || 'Re-setting filters values...'; //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)...'; /*** 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 ***/ this.hasStoredValues = false; //remembers filters values on page load this.rememberGridValues = Boolean(f.remember_grid_values); //cookie storing filter values this.fltsValuesCookie = this.prfxCookieFltsValues + this.id; //remembers page nb on page load this.rememberPageNb = this.paging && f.remember_page_number; //cookie storing page nb this.pgNbCookie = this.prfxCookiePageNb + this.id; //remembers page length on page load this.rememberPageLen = this.paging && f.remember_page_length; //cookie storing page length this.pgLenCookie = this.prfxCookiePageLen + this.id; /*** 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 = { name: { filter: 'Filter', dropdown: 'DropDown', checklist: 'CheckList', changepage: 'ChangePage', clear: 'Clear', changeresultsperpage: 'ChangeResults', resetvalues: 'ResetValues', resetpage: 'ResetPage', resetpagelength: 'ResetPageLength', loadextensions: 'LoadExtensions', loadthemes: 'LoadThemes' }, // Detect key detectKey: function detectKey(e) { if (!this.enterKey) { return; } var _ev = e || global.event; if (_ev) { var key = _Event2['default'].keyCode(_ev); if (key === 13) { this.filter(); _Event2['default'].cancel(_ev); _Event2['default'].stop(_ev); } 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 _ev = e || global.event; var key = _Event2['default'].keyCode(_ev); this.isUserTyping = false; function filter() { /*jshint validthis:true */ 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); } // if(o.ezEditTable){ // if(o.editable){ // o.ezEditTable.Editable.Set(); // } // if(o.selectable){ // o.ezEditTable.Selection.Set(); // } // } }, // set focused text-box filter as active onInpFocus: function onInpFocus(e) { var _ev = e || global.event; var elm = _Event2['default'].target(_ev); this.activeFilterId = elm.getAttribute('id'); this.activeFlt = _Dom2['default'].id(this.activeFilterId); if (this.popUpFilters) { _Event2['default'].cancel(_ev); _Event2['default'].stop(_ev); } // if(o.ezEditTable){ // if(o.editable){ // o.ezEditTable.Editable.Remove(); // } // if(o.selectable){ // o.ezEditTable.Selection.Remove(); // } // } }, // set focused drop-down filter as active onSlcFocus: function onSlcFocus(e) { var _ev = e || global.event; var elm = _Event2['default'].target(_ev); this.activeFilterId = elm.getAttribute('id'); this.activeFlt = _Dom2['default'].id(this.activeFilterId); // select is populated when element has focus if (this.fillSlcOnDemand && elm.getAttribute('filled') === '0') { var ct = elm.getAttribute('ct'); this.Mod.dropdown._build(ct); } if (this.popUpFilters) { _Event2['default'].cancel(_ev); _Event2['default'].stop(_ev); } }, // filter columns on drop-down filter change onSlcChange: function onSlcChange(e) { if (!this.activeFlt) { return; } var _ev = e || global.event; if (this.popUpFilters) { _Event2['default'].stop(_ev); } if (this.onSlcChange) { this.filter(); } }, // fill checklist filter on click if required onCheckListClick: function onCheckListClick(e) { var _ev = e || global.event; var elm = _Event2['default'].target(_ev); if (this.fillSlcOnDemand && elm.getAttribute('filled') === '0') { var ct = elm.getAttribute('ct'); this.Mod.checkList._build(ct); this.Mod.checkList.checkListDiv[ct].onclick = null; this.Mod.checkList.checkListDiv[ct].title = ''; } }, // filter when validation button clicked onBtnClick: function onBtnClick() { this.filter(); } }; } _createClass(TableFilter, [{ key: 'init', /** * Initialise filtering grid bar behaviours and layout * * TODO: decompose in smaller methods */ value: function init() { if (this._hasGrid) { return; } if (!this.tbl) { this.tbl = _Dom2['default'].id(this.id); } if (this.gridLayout) { this.refRow = this.startRow === null ? 0 : this.startRow; } if (this.popUpFilters && (this.filtersRowIndex === 0 && this.headersRow === 1 || this.gridLayout)) { this.headersRow = 0; } var Mod = this.Mod; var n = this.singleSearchFlt ? 1 : this.nbCells, inpclass = undefined; //loads stylesheet if not imported this['import'](this.stylesheetId, this.stylesheet, null, 'link'); //loads theme if (this.hasThemes) { this._loadThemes(); } if (this.rememberGridValues || this.rememberPageNb || this.rememberPageLen) { Mod.store = new _Store.Store(this); } if (this.gridLayout) { Mod.gridLayout = new _GridLayout.GridLayout(this); Mod.gridLayout.init(); } if (this.loader) { if (!Mod.loader) { Mod.loader = new _Loader.Loader(this); } } if (this.highlightKeywords) { Mod.highlightKeyword = new _HighlightKeyword.HighlightKeyword(this); } if (this.popUpFilters) { if (!Mod.popupFilter) { Mod.popupFilter = new _PopupFilter.PopupFilter(this); } Mod.popupFilter.init(); } //filters grid is not generated if (!this.fltGrid) { this.refRow = this.refRow - 1; if (this.gridLayout) { this.refRow = 0; } this.nbFilterableRows = this.getRowsNb(); this.nbVisibleRows = this.nbFilterableRows; this.nbRows = this.nbFilterableRows + this.refRow; } else { if (this.isFirstLoad) { var fltrow = undefined; if (!this.gridLayout) { 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); } if (this.headersRow > 1 && this.filtersRowIndex <= this.headersRow && !this.popUpFilters) { this.headersRow++; } if (this.popUpFilters) { this.headersRow++; } fltrow.className = this.fltsRowCssClass; //Disable for grid_layout if (this.isExternalFlt && (!this.gridLayout || this.popUpFilters)) { fltrow.style.display = 'none'; } } this.nbFilterableRows = this.getRowsNb(); this.nbVisibleRows = this.nbFilterableRows; this.nbRows = this.tbl.rows.length; for (var i = 0; i < n; i++) { // this loop adds filters if (this.popUpFilters) { Mod.popupFilter.build(i); } var fltcell = _Dom2['default'].create(this.fltCellTag), col = this.getFilterType(i), externalFltTgtId = this.isExternalFlt && this.externalFltTgtIds ? this.externalFltTgtIds[i] : null; 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); } var dropdown = Mod.dropdown; var slc = _Dom2['default'].create(this.fltTypeSlc, ['id', this.prfxFlt + i + '_' + this.id], ['ct', i], ['filled', '0']); if (col === this.fltTypeMulti) { slc.multiple = this.fltTypeMulti; slc.title = dropdown.multipleSlcTooltip; } slc.className = _Str2['default'].lower(col) === this.fltTypeSlc ? inpclass : this.fltMultiCssClass; // for ie<=6 //filter is appended in desired external element if (externalFltTgtId) { _Dom2['default'].id(externalFltTgtId).appendChild(slc); this.externalFltEls.push(slc); } else { fltcell.appendChild(slc); } this.fltIds.push(this.prfxFlt + i + '_' + this.id); if (!this.fillSlcOnDemand) { dropdown._build(i); } _Event2['default'].add(slc, 'keypress', this.Evt.detectKey.bind(this)); _Event2['default'].add(slc, 'change', this.Evt.onSlcChange.bind(this)); _Event2['default'].add(slc, 'focus', this.Evt.onSlcFocus.bind(this)); //1st option is created here since dropdown.build isn't //invoked if (this.fillSlcOnDemand) { var opt0 = _Dom2['default'].createOpt(this.displayAllText, ''); slc.appendChild(opt0); } } // checklist else if (col === this.fltTypeCheckList) { var checkList = undefined; Mod.checkList = new _CheckList.CheckList(this); checkList = Mod.checkList; var divCont = _Dom2['default'].create('div', ['id', checkList.prfxCheckListDiv + i + '_' + this.id], ['ct', i], ['filled', '0']); divCont.className = checkList.checkListDivCssClass; //filter is appended in desired element if (externalFltTgtId) { _Dom2['default'].id(externalFltTgtId).appendChild(divCont); this.externalFltEls.push(divCont); } else { fltcell.appendChild(divCont); } checkList.checkListDiv[i] = divCont; this.fltIds.push(this.prfxFlt + i + '_' + this.id); if (!this.fillSlcOnDemand) { checkList._build(i); } if (this.fillSlcOnDemand) { _Event2['default'].add(divCont, 'click', this.Evt.onCheckListClick.bind(this)); divCont.appendChild(_Dom2['default'].text(checkList.activateCheckListTxt)); } } else { //show/hide input var inptype = col === this.fltTypeInp ? 'text' : 'hidden'; var inp = _Dom2['default'].create(this.fltTypeInp, ['id', this.prfxFlt + i + '_' + this.id], ['type', inptype], ['ct', i]); if (inptype !== 'hidden' && this.watermark) { inp.setAttribute('placeholder', this.isWatermarkArray ? this.watermark[i] || '' : this.watermark); } inp.className = inpclass; _Event2['default'].add(inp, 'focus', this.Evt.onInpFocus.bind(this)); //filter is appended in desired element if (externalFltTgtId) { _Dom2['default'].id(externalFltTgtId).appendChild(inp); this.externalFltEls.push(inp); } else { fltcell.appendChild(inp); } this.fltIds.push(this.prfxFlt + i + '_' + this.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)); if (this.rememberGridValues) { var flts_values = this.Mod.store.getFilterValues(this.fltsValuesCookie); if (flts_values[i] != ' ') { this.setFilterValue(i, flts_values[i], false); } } } // this adds submit button if (i == n - 1 && this.displayBtn) { var btn = _Dom2['default'].create(this.fltTypeInp, ['id', this.prfxValButton + i + '_' + this.id], ['type', 'button'], ['value', this.btnText]); btn.className = this.btnCssClass; //filter is appended in desired element if (externalFltTgtId) { _Dom2['default'].id(externalFltTgtId).appendChild(btn); } else { fltcell.appendChild(btn); } _Event2['default'].add(btn, 'click', this.Evt.onBtnClick.bind(this)); } //if } // for i } else { this._resetGrid(); } //if isFirstLoad } //if this.fltGrid /* Filter behaviours */ 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 || Mod.paging) { if (!Mod.paging) { Mod.paging = new _Paging.Paging(this); } // TODO: handle both cases in paging init if (Mod.paging.isPagingRemoved) { Mod.paging.reset(); } else { Mod.paging.init(); } } if (this.btnReset) { Mod.clearButton = new _ClearButton.ClearButton(this); Mod.clearButton.init(); } if (this.helpInstructions) { if (!Mod.help) { Mod.help = new _Help.Help(this); } Mod.help.init(); } if (this.hasColWidths && !this.gridLayout) { this.setColWidths(); } if (this.alternateBgs) { Mod.alternateRows = new _AlternateRows.AlternateRows(this); Mod.alternateRows.init(); } this.isFirstLoad = false; this._hasGrid = true; if (this.rememberGridValues || this.rememberPageLen || this.rememberPageNb) { this.resetValues(); } //TF css class is added to table if (!this.gridLayout) { _Dom2['default'].addClass(this.tbl, this.prfxTf); } if (this.loader) { Mod.loader.show('none'); } /* Loads extensions */ if (this.hasExtensions) { this.initExtensions(); } if (this.onFiltersLoaded) { this.onFiltersLoaded.call(null, this); } } }, { key: 'EvtManager', /** * Manages state messages * @param {String} evt Event name * @param {Object} cfg Config object */ value: function EvtManager(evt) { var cfg = arguments[1] === undefined ? { slcIndex: null, slcExternal: false, slcId: null, pgIndex: null } : arguments[1]; var slcIndex = cfg.slcIndex; var slcExternal = cfg.slcExternal; var slcId = cfg.slcId; var pgIndex = cfg.pgIndex; var cpt = this.Mod; function efx() { /*jshint validthis:true */ var ev = this.Evt.name; switch (evt) { case ev.filter: this._filter(); break; case ev.dropdown: if (this.linkedFilters) { cpt.dropdown._build(slcIndex, true); } else { cpt.dropdown._build(slcIndex, false, slcExternal, slcId); } break; case ev.checklist: cpt.checkList._build(slcIndex, slcExternal, slcId); break; case ev.changepage: cpt.paging._changePage(pgIndex); break; case ev.clear: this._clearFilters(); this._filter(); break; case ev.changeresultsperpage: cpt.paging._changeResultsPerPage(); break; case ev.resetvalues: this._resetValues(); this._filter(); break; case ev.resetpage: cpt.paging._resetPage(this.pgNbCookie); break; case ev.resetpagelength: cpt.paging._resetPageLength(this.pgLenCookie); break; case ev.loadextensions: this._loadExtensions(); break; case ev.loadthemes: this._loadThemes(); break; } if (this.statusBar) { cpt.statusBar.message(''); } if (this.loader) { cpt.loader.show('none'); } } if (!this.loader && !this.statusBar && !this.linkedFilters) { efx.call(this); } else { if (this.loader) { cpt.loader.show(''); } if (this.statusBar) { cpt.statusBar.message(this['msg' + evt]); } global.setTimeout(efx.bind(this), this.execDelay); } } }, { key: 'feature', /** * Return a feature instance for a given name * @param {String} name Name of the feature * @return {Object} */ value: function feature(name) { return this.Mod[name]; } }, { key: 'initExtensions', /** * Initialise all the extensions defined in the configuration object */ value: function initExtensions() { var exts = this.extensions; for (var i = 0, len = exts.length; i < len; i++) { var ext = exts[i]; if (!this.ExtRegistry[ext.name]) { this.loadExtension(ext); } } } }, { key: 'loadExtension', /** * Load an extension module * @param {Object} ext Extension config object */ value: function loadExtension(ext) { var _this = this; if (!ext || !ext.name) { return; } var name = ext.name; var path = ext.path; var modulePath = undefined; if (name && path) { modulePath = ext.path + name; } else { name = name.replace('.js', ''); modulePath = 'extensions/{}/{}'.replace(/{}/g, name); } __webpack_require__.e/* require */(1, function(__webpack_require__) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__(1)("./" + modulePath)]; (function (mod) { var inst = new mod(_this, ext); inst.init(); _this.ExtRegistry[name] = inst; }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); } }, { key: 'extension', /** * Get an extension instance * @param {String} name Name of the extension * @return {Object} Extension instance */ value: function extension(name) { return this.ExtRegistry[name]; } }, { key: 'hasExtension', /** * Check passed extension name exists * @param {String} name Name of the extension * @return {Boolean} */ value: function hasExtension(name) { return !_Types2['default'].isEmpty(this.ExtRegistry[name]); } }, { key: 'destroyExtensions', /** * Destroy all the extensions defined in the configuration object */ 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; } } } }, { key: 'loadThemes', value: function loadThemes() { this.EvtManager(this.Evt.name.loadthemes); } }, { key: '_loadThemes', /** * Load themes defined in the configuration object */ value: function _loadThemes() { var themes = this.themes; //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; } }, { key: 'getStylesheet', /** * Return stylesheet DOM element for a given theme name * @return {DOMElement} stylesheet element */ value: function getStylesheet() { var name = arguments[0] === undefined ? 'default' : arguments[0]; return _Dom2['default'].id(this.prfxTf + name); } }, { key: 'destroy', /** * Destroy filter grid */ value: function destroy() { if (!this._hasGrid) { return; } var rows = this.tbl.rows, Mod = this.Mod; if (this.isExternalFlt && !this.popUpFilters) { this.removeExternalFlts(); } if (this.infDiv) { this.removeToolbar(); } if (this.highlightKeywords) { Mod.highlightKeyword.unhighlightAll(); } if (this.markActiveColumns) { this.clearActiveColumns(); } if (this.hasExtensions) { this.destroyExtensions(); } //this loop shows all rows and removes validRow attribute for (var j = this.refRow; j < this.nbRows; j++) { rows[j].style.display = ''; if (rows[j].hasAttribute('validRow')) { rows[j].removeAttribute('validRow'); } //removes alternating colors if (this.alternateBgs) { Mod.alternateRows.removeRowBg(j); } } //for j if (this.fltGrid && !this.gridLayout) { this.fltGridEl = rows[this.filtersRowIndex]; this.tbl.deleteRow(this.filtersRowIndex); } // Destroy modules Object.keys(Mod).forEach(function (key) { var feature = Mod[key]; if (feature && _Types2['default'].isFn(feature.destroy)) { feature.destroy(); } }); _Dom2['default'].removeClass(this.tbl, this.prfxTf); this.activeFlt = null; this.isStartBgAlternate = true; this._hasGrid = false; this.tbl = null; } }, { key: 'setToolbar', /** * Generate container element for paging, reset button, rows counter etc. */ 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); // Enable help instructions by default if topbar is generated and not // explicitely set to false if (_Types2['default'].isUndef(this.helpInstructions)) { if (!this.Mod.help) { this.Mod.help = new _Help.Help(this); } this.Mod.help.init(); this.helpInstructions = true; } } }, { key: 'removeToolbar', /** * Remove toolbar container element */ value: function removeToolbar() { if (!this.infDiv) { return; } this.infDiv.parentNode.removeChild(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) { tbl.removeChild(elm); }); } } }, { key: 'removeExternalFlts', /** * Remove all the external column filters */ value: function removeExternalFlts() { if (!this.isExternalFlt || !this.externalFltTgtIds) { 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 = ''; } } } }, { key: 'isCustomOptions', /** * Check if given column implements a filter with custom options * @param {Number} colIndex Column's index * @return {Boolean} */ value: function isCustomOptions(colIndex) { return this.hasCustomOptions && this.customOptions.cols.indexOf(colIndex) != -1; } }, { key: 'getCustomOptions', /** * Returns an array [[value0, value1 ...],[text0, text1 ...]] with the * custom options values and texts * @param {Number} colIndex Column's index * @return {Array} */ value: function getCustomOptions(colIndex) { if (!colIndex || !this.isCustomOptions(colIndex)) { return; } var customOptions = this.customOptions; var cols = customOptions.cols; var optTxt = [], optArray = []; var index = _Arr2['default'].indexByValue(cols, 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]; } }, { key: 'resetValues', value: function resetValues() { this.EvtManager(this.Evt.name.resetvalues); } }, { key: '_resetValues', /** * Reset persisted filter values */ value: function _resetValues() { //only fillSlcOnDemand if (this.rememberGridValues && this.fillSlcOnDemand) { this._resetGridValues(this.fltsValuesCookie); } if (this.rememberPageLen && this.Mod.paging) { this.Mod.paging.resetPageLength(this.pgLenCookie); } if (this.rememberPageNb && this.Mod.paging) { this.Mod.paging.resetPage(this.pgNbCookie); } } }, { key: '_resetGridValues', /** * Reset persisted filter values when load filters on demand feature is * enabled * @param {String} name cookie name storing filter values */ value: function _resetGridValues(name) { if (!this.fillSlcOnDemand) { return; } var fltsValues = this.Mod.store.getFilterValues(name), slcFltsIndex = this.getFiltersByType(this.fltTypeSlc, true), multiFltsIndex = this.getFiltersByType(this.fltTypeMulti, true); //if the number of columns is the same as before page reload if (Number(fltsValues[fltsValues.length - 1]) === this.fltIds.length) { for (var i = 0; i < fltsValues.length - 1; i++) { if (fltsValues[i] === ' ') { continue; } var s = undefined, opt = undefined; var fltType = this.getFilterType(i); // if fillSlcOnDemand, drop-down needs to contain stored // value(s) for filtering if (fltType === this.fltTypeSlc || fltType === this.fltTypeMulti) { var slc = _Dom2['default'].id(this.fltIds[i]); slc.options[0].selected = false; //selects if (_Arr2['default'].has(slcFltsIndex, i)) { opt = _Dom2['default'].createOpt(fltsValues[i], fltsValues[i], true); slc.appendChild(opt); this.hasStoredValues = true; } //multiple select if (_Arr2['default'].has(multiFltsIndex, i)) { s = fltsValues[i].split(' ' + this.orOperator + ' '); for (var j = 0, len = s.length; j < len; j++) { if (s[j] === '') { continue; } opt = _Dom2['default'].createOpt(s[j], s[j], true); slc.appendChild(opt); this.hasStoredValues = true; } } // if multiFltsIndex } else if (fltType === this.fltTypeCheckList) { var checkList = this.Mod.checkList; var divChk = checkList.checkListDiv[i]; divChk.title = divChk.innerHTML; divChk.innerHTML = ''; var ul = _Dom2['default'].create('ul', ['id', this.fltIds[i]], ['colIndex', i]); ul.className = checkList.checkListCssClass; var li0 = _Dom2['default'].createCheckItem(this.fltIds[i] + '_0', '', this.displayAllText); li0.className = checkList.checkListItemCssClass; ul.appendChild(li0); divChk.appendChild(ul); s = fltsValues[i].split(' ' + this.orOperator + ' '); for (var j = 0, len = s.length; j < len; j++) { if (s[j] === '') { continue; } var li = _Dom2['default'].createCheckItem(this.fltIds[i] + '_' + (j + 1), s[j], s[j]); li.className = checkList.checkListItemCssClass; ul.appendChild(li); li.check.checked = true; checkList.setCheckListValues(li.check); this.hasStoredValues = true; } } } //end for if (!this.hasStoredValues && this.paging) { this.Mod.paging.setPagingInfo(); } } //end if } }, { key: 'filter', value: function filter() { this.EvtManager(this.Evt.name.filter); } }, { key: '_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. * * TODO: Reduce complexity of this massive method */ value: function _filter() { if (!this.fltGrid || !this._hasGrid && !this.isFirstLoad) { return; } //invoke onbefore callback if (this.onBeforeFilter) { this.onBeforeFilter.call(null, this); } var row = this.tbl.rows, Mod = this.Mod, hiddenrows = 0; this.validRowsIndex = []; // removes keyword highlighting if (this.highlightKeywords) { Mod.highlightKeyword.unhighlightAll(); } //removes popup filters active icons if (this.popUpFilters) { Mod.popupFilter.buildIcons(); } //removes active column header class if (this.markActiveColumns) { this.clearActiveColumns(); } // search args re-init this.searchArgs = this.getFiltersValue(); var num_cell_data, 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(_Str2['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(_Str2['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 !== '') { Mod.highlightKeyword.highlight(cell, w, Mod.highlightKeyword.highlightCssClass); } } } //looks for search argument in current row function hasArg(sA, cell_data, j) { /*jshint validthis:true */ var occurence = undefined, 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 && isValidDate(sA.replace(re_l, ''), dtType); var isLEDate = hasLE && isValidDate(sA.replace(re_le, ''), dtType); var isGDate = hasGR && isValidDate(sA.replace(re_g, ''), dtType); var isGEDate = hasGE && isValidDate(sA.replace(re_ge, ''), dtType); var isDFDate = hasDF && isValidDate(sA.replace(re_d, ''), dtType); var isEQDate = hasEQ && isValidDate(sA.replace(re_eq, ''), dtType); var dte1 = undefined, dte2 = undefined; //dates if (isValidDate(cell_data, dtType)) { dte1 = formatDate(cell_data, dtType); // lower date if (isLDate) { dte2 = formatDate(sA.replace(re_l, ''), dtType); occurence = dte1 < dte2; } // lower equal date else if (isLEDate) { dte2 = formatDate(sA.replace(re_le, ''), dtType); occurence = dte1 <= dte2; } // greater equal date else if (isGEDate) { dte2 = formatDate(sA.replace(re_ge, ''), dtType); occurence = dte1 >= dte2; } // greater date else if (isGDate) { dte2 = formatDate(sA.replace(re_g, ''), dtType); occurence = dte1 > dte2; } // different date else if (isDFDate) { dte2 = formatDate(sA.replace(re_d, ''), dtType); occurence = dte1.toString() != dte2.toString(); } // equal date else if (isEQDate) { dte2 = formatDate(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 = this._containsStr(sA.replace(re_lk, ''), cell_data, null, false); } else if (isValidDate(sA, dtType)) { dte2 = formatDate(sA, dtType); occurence = dte1.toString() == dte2.toString(); } //empty else if (hasEM) { occurence = _Str2['default'].isEmpty(cell_data); } //non-empty else if (hasNM) { occurence = !_Str2['default'].isEmpty(cell_data); } } else { //first numbers need to be formated if (this.hasColNbFormat && this.colNbFormat[j]) { num_cell_data = removeNbFormat(cell_data, this.colNbFormat[j]); nbFormat = this.colNbFormat[j]; } else { if (this.thousandsSeparator === ',' && this.decimalSeparator === '.') { num_cell_data = removeNbFormat(cell_data, 'us'); nbFormat = 'us'; } else { num_cell_data = removeNbFormat(cell_data, 'eu'); nbFormat = 'eu'; } } // first checks if there is any operator (<,>,<=,>=,!,*,=,{,}, // rgx:) // lower equal if (hasLE) { occurence = num_cell_data <= removeNbFormat(sA.replace(re_le, ''), nbFormat); } //greater equal else if (hasGE) { occurence = num_cell_data >= removeNbFormat(sA.replace(re_ge, ''), nbFormat); } //lower else if (hasLO) { occurence = num_cell_data < removeNbFormat(sA.replace(re_l, ''), nbFormat); } //greater else if (hasGR) { occurence = num_cell_data > removeNbFormat(sA.replace(re_g, ''), nbFormat); } //different else if (hasDF) { occurence = this._containsStr(sA.replace(re_d, ''), cell_data) ? false : true; } //like else if (hasLK) { occurence = this._containsStr(sA.replace(re_lk, ''), cell_data, null, false); } //equal else if (hasEQ) { occurence = this._containsStr(sA.replace(re_eq, ''), cell_data, null, true); } //starts with else if (hasST) { occurence = cell_data.indexOf(sA.replace(re_st, '')) === 0 ? true : false; } //ends with else if (hasEN) { var searchArg = sA.replace(re_en, ''); occurence = cell_data.lastIndexOf(searchArg, cell_data.length - 1) === cell_data.length - 1 - (searchArg.length - 1) && cell_data.lastIndexOf(searchArg, cell_data.length - 1) > -1 ? true : false; } //empty else if (hasEM) { occurence = _Str2['default'].isEmpty(cell_data); } //non-empty else if (hasNM) { occurence = !_Str2['default'].isEmpty(cell_data); } //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(cell_data); } catch (e) { occurence = false; } } else { occurence = this._containsStr(sA, cell_data, this.getFilterType(j)); } } //else return occurence; } //fn for (var k = this.refRow; k < this.nbRows; k++) { /*** if table already filtered some rows are not visible ***/ if (row[k].style.display === 'none') { 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 = this.searchArgs[this.singleSearchFlt ? 0 : j]; var dtType = this.hasColDateType ? this.colDateType[j] : this.defaultDateType; if (sA === '') { continue; } var cell_data = _Str2['default'].matchCase(this.getCellData(j, cell[j]), this.caseSensitive); //multiple search parameter operator || var sAOrSplit = sA.split(this.orOperator), //multiple search || parameter boolean hasMultiOrSA = sAOrSplit.length > 1 ? true : false, //multiple search parameter operator && sAAndSplit = sA.split(this.anOperator), //multiple search && parameter boolean hasMultiAndSA = sAAndSplit.length > 1 ? true : false; //multiple sarch parameters if (hasMultiOrSA || hasMultiAndSA) { var cS = undefined, occur = false, s = hasMultiOrSA ? sAOrSplit : sAAndSplit; for (var w = 0, len = s.length; w < len; w++) { cS = _Str2['default'].trim(s[w]); occur = hasArg.call(this, cS, cell_data, j); highlight.call(this, cS, occur, cell[j]); if (hasMultiOrSA && occur) { break; } if (hasMultiAndSA && !occur) { break; } } occurence[j] = occur; } //single search parameter else { occurence[j] = hasArg.call(this, _Str2['default'].trim(sA), cell_data, j); highlight.call(this, sA, occurence[j], cell[j]); } //else single param if (!occurence[j]) { isRowValid = false; } if (this.singleSearchFlt && occurence[j]) { singleFltRowValid = true; } if (this.popUpFilters) { Mod.popupFilter.buildIcon(j, true); } if (this.markActiveColumns) { if (k === this.refRow) { if (this.onBeforeActiveColumn) { this.onBeforeActiveColumn.call(null, this, j); } _Dom2['default'].addClass(this.getHeaderElement(j), this.activeColumnsCssClass); if (this.onAfterActiveColumn) { this.onAfterActiveColumn.call(null, this, j); } } } } //for j if (this.singleSearchFlt && singleFltRowValid) { isRowValid = true; } if (!isRowValid) { this.validateRow(k, false); if (Mod.alternateRows) { Mod.alternateRows.removeRowBg(k); } // always visible rows need to be counted as valid if (this.hasVisibleRows && _Arr2['default'].has(this.visibleRows, k) && !this.paging) { this.validRowsIndex.push(k); } else { hiddenrows++; } } else { this.validateRow(k, true); this.validRowsIndex.push(k); if (this.alternateBgs) { Mod.alternateRows.setRowBg(k, this.validRowsIndex.length); } if (this.onRowValidated) { this.onRowValidated.call(null, this, k); } } } // for k this.nbVisibleRows = this.validRowsIndex.length; this.nbHiddenRows = hiddenrows; if (this.rememberGridValues) { Mod.store.saveFilterValues(this.fltsValuesCookie); } //applies filter props after filtering process if (!this.paging) { this.applyProps(); } else { // Shouldn't need to care of that here... // TODO: provide a method in paging module Mod.paging.startPagingRow = 0; Mod.paging.currentPageNb = 1; // Mod.paging.setPagingInfo(this.validRowsIndex); } //invokes onafter callback if (this.onAfterFilter) { this.onAfterFilter.call(null, this); } } }, { key: 'applyProps', /** * Re-apply the features/behaviour concerned by filtering/paging operation * * NOTE: this will disappear whenever custom events in place */ value: function applyProps() { var Mod = this.Mod; //shows rows always visible if (this.visibleRows) { this.enforceVisibility(); } //columns operations if (this.hasExtension('colOps')) { this.extension('colOps').calc(); } //re-populates drop-down filters if (this.linkedFilters) { this.linkFilters(); } var nr = !this.paging && this.hasVisibleRows ? this.nbVisibleRows - this.visibleRows.length : this.nbVisibleRows; //refreshes rows counter if (this.rowsCounter) { Mod.rowsCounter.refresh(nr); } if (this.popUpFilters) { Mod.popupFilter.closeAll(); } } }, { key: 'getColValues', /** * Return the data of a specified colum * @param {Number} colindex Column index * @param {Boolean} num Return unformatted number * @param {Array} exclude List of row indexes to be excluded * @return {Array} Flat list of data for a column */ value: function getColValues(colindex) { var num = arguments[1] === undefined ? false : arguments[1]; var exclude = arguments[2] === undefined ? undefined : arguments[2]; if (!this.fltGrid) { return; } var row = this.tbl.rows, colValues = []; for (var i = this.refRow; i < this.nbRows; i++) { var isExludedRow = false; // checks if current row index appears in exclude array if (exclude && _Types2['default'].isArray(exclude)) { isExludedRow = _Arr2['default'].has(exclude, i); } 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 cell_data = _Str2['default'].lower(this.getCellData(j, cell[j])), nbFormat = this.colNbFormat ? this.colNbFormat[colindex] : null, data = num ? _Helpers2['default'].removeNbFormat(cell_data, nbFormat) : cell_data; colValues.push(data); } } } return colValues; } }, { key: 'getFilterValue', /** * Return the filter's value of a specified column * @param {Number} index Column index * @return {String} Filter value */ value: function getFilterValue(index) { if (!this.fltGrid) { return; } var fltValue = undefined, flt = this.getFilterElement(index); if (!flt) { return ''; } // let fltColType = this.fltCol[index]; var fltColType = this.getFilterType(index); if (fltColType !== this.fltTypeMulti && fltColType !== this.fltTypeCheckList) { fltValue = flt.value; } //mutiple select else if (fltColType === this.fltTypeMulti) { fltValue = ''; for (var j = 0, len = flt.options.length; j < len; j++) { if (flt.options[j].selected) { fltValue = fltValue.concat(flt.options[j].value + ' ' + this.orOperator + ' '); } } //removes last operator || fltValue = fltValue.substr(0, fltValue.length - 4); } //checklist else if (fltColType === this.fltTypeCheckList) { if (flt.getAttribute('value') !== null) { fltValue = flt.getAttribute('value'); //removes last operator || fltValue = fltValue.substr(0, fltValue.length - 3); } else { fltValue = ''; } } return fltValue; } }, { key: 'getFiltersValue', /** * Return the filters' values * @return {Array} List of filters' values */ value: function getFiltersValue() { if (!this.fltGrid) { return; } var searchArgs = []; for (var i = 0, len = this.fltIds.length; i < len; i++) { searchArgs.push(_Str2['default'].trim(_Str2['default'].matchCase(this.getFilterValue(i), this.caseSensitive))); } return searchArgs; } }, { key: 'getFilterId', /** * Return the ID of the filter of a specified column * @param {Number} index Column's index * @return {String} ID of the filter element */ value: function getFilterId(index) { if (!this.fltGrid) { return; } return this.fltIds[index]; } }, { key: 'getFiltersByType', /** * 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 */ 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 === _Str2['default'].lower(type)) { var a = bool ? i : this.fltIds[i]; arr.push(a); } } return arr; } }, { key: 'getFilterElement', /** * Return the filter's DOM element for a given column * @param {Number} index Column's index * @return {DOMElement} */ value: function getFilterElement(index) { var fltId = this.fltIds[index]; return _Dom2['default'].id(fltId); } }, { key: 'getCellsNb', /** * Return the number of cells for a given row index * @param {Number} rowIndex Index of the row * @return {Number} Number of cells */ value: function getCellsNb() { var rowIndex = arguments[0] === undefined ? 0 : arguments[0]; var tr = this.tbl.rows[rowIndex]; return tr.cells.length; } }, { key: 'getRowsNb', /** * 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 */ 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); } }, { key: 'getCellData', /** * Return the data of a given cell * @param {Number} i Column's index * @param {Object} cell Cell's DOM object * @return {String} */ value: function getCellData(i, cell) { if (_Types2['default'].isUndef(i) || !cell) { return ''; } //First checks for customCellData event if (this.customCellData && _Arr2['default'].has(this.customCellDataCols, i)) { return this.customCellData.call(null, this, cell, i); } else { return _Dom2['default'].getText(cell); } } }, { key: 'getTableData', /** * Return the table data with following format: * [ * [rowIndex, [value0, value1...]], * [rowIndex, [value0, value1...]] * ] * @return {Array} * * TODO: provide an API returning data in JSON format */ value: function getTableData() { var row = this.tbl.rows; for (var k = this.refRow; k < this.nbRows; k++) { var rowData = [k, []]; var cells = row[k].cells; // this loop retrieves cell data for (var j = 0, len = cells.length; j < len; j++) { var cell_data = this.getCellData(j, cells[j]); rowData[1].push(cell_data); } this.tblData.push(rowData); } return this.tblData; } }, { key: 'getFilteredData', /** * Return the filtered data with following format: * [ * [rowIndex, [value0, value1...]], * [rowIndex, [value0, value1...]] * ] * @param {Boolean} includeHeaders Include headers row * @return {Array} * * TODO: provide an API returning data in JSON format */ value: function getFilteredData(includeHeaders) { if (!this.validRowsIndex) { return []; } var row = this.tbl.rows, filteredData = []; if (includeHeaders) { var table = this.gridLayout ? this.Mod.gridLayout.headTbl : this.tbl, r = table.rows[this.headersRow], rowData = [r.rowIndex, []]; for (var j = 0; j < this.nbCells; j++) { var headerText = this.getCellData(j, r.cells[j]); rowData[1].push(headerText); } filteredData.push(rowData); } var validRows = this.getValidRows(true); for (var i = 0; i < validRows.length; i++) { var rData = [this.validRowsIndex[i], []], cells = row[this.validRowsIndex[i]].cells; for (var k = 0; k < cells.length; k++) { var cell_data = this.getCellData(k, cells[k]); rData[1].push(cell_data); } filteredData.push(rData); } return filteredData; } }, { key: 'getFilteredDataCol', /** * Return the filtered data for a given column index * @param {Number} colIndex Colmun's index * @return {Array} Flat list of values ['val0','val1','val2'...] * * TODO: provide an API returning data in JSON format */ value: function getFilteredDataCol(colIndex) { if (colIndex === undefined) { return []; } var data = this.getFilteredData(), colData = []; 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; } }, { key: 'getRowDisplay', /** * Get the display value of a row * @param {RowElement} DOM element of the row * @return {String} Usually 'none' or '' */ value: function getRowDisplay(row) { if (!this.fltGrid || !_Types2['default'].isObj(row)) { return; } return row.style.display; } }, { key: 'validateRow', /** * Validate/invalidate row by setting the 'validRow' attribute on the row * @param {Number} rowIndex Index of the row * @param {Boolean} isValid */ 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 && _Arr2['default'].has(this.visibleRows, rowIndex) && !this.paging) { isValid = true; } var displayFlag = isValid ? '' : 'none', validFlag = isValid ? 'true' : 'false'; row.style.display = displayFlag; if (this.paging) { row.setAttribute('validRow', validFlag); } } }, { key: 'validateAllRows', /** * Validate all filterable rows */ value: function validateAllRows() { if (!this._hasGrid) { return; } this.validRowsIndex = []; for (var k = this.refRow; k < this.nbFilterableRows; k++) { this.validateRow(k, true); this.validRowsIndex.push(k); } } }, { key: 'setFilterValue', /** * Set search value to a given filter * @param {Number} index Column's index * @param {String} searcharg Search term */ value: function setFilterValue(index) { var searcharg = arguments[1] === undefined ? '' : arguments[1]; if (!this.fltGrid && !this.isFirstLoad || !this.getFilterElement(index)) { return; } var slc = this.getFilterElement(index), // execFilter = doFilter===undefined ? true : doFilter, fltColType = this.getFilterType(index); if (fltColType !== this.fltTypeMulti && fltColType != this.fltTypeCheckList) { slc.value = searcharg; } //multiple selects else if (fltColType === this.fltTypeMulti) { var s = searcharg.split(' ' + this.orOperator + ' '); // let ct = 0; //keywords counter for (var j = 0, len = slc.options.length; j < len; j++) { var option = slc.options[j]; if (s === '' || s[0] === '') { option.selected = false; } if (option.value === '') { option.selected = false; } if (option.value !== '' && _Arr2['default'].has(s, option.value, true)) { option.selected = true; } //if } //for j } //checklist else if (fltColType === this.fltTypeCheckList) { searcharg = _Str2['default'].matchCase(searcharg, this.caseSensitive); var sarg = searcharg.split(' ' + this.orOperator + ' '); var lisNb = _Dom2['default'].tag(slc, 'li').length; slc.setAttribute('value', ''); slc.setAttribute('indexes', ''); for (var k = 0; k < lisNb; k++) { var li = _Dom2['default'].tag(slc, 'li')[k], lbl = _Dom2['default'].tag(li, 'label')[0], chk = _Dom2['default'].tag(li, 'input')[0], lblTxt = _Str2['default'].matchCase(_Dom2['default'].getText(lbl), this.caseSensitive); if (lblTxt !== '' && _Arr2['default'].has(sarg, lblTxt, true)) { chk.checked = true; this.Mod.checkList.setCheckListValues(chk); } else { chk.checked = false; this.Mod.checkList.setCheckListValues(chk); } } } } }, { key: 'setColWidths', /** * Set them columns' widths as per configuration * @param {Number} rowIndex Optional row index to apply the widths to * @param {Element} tbl DOM element */ value: function setColWidths(rowIndex, tbl) { if (!this.fltGrid || !this.hasColWidths) { return; } tbl = tbl || this.tbl; var rIndex = undefined; if (rowIndex === undefined) { rIndex = tbl.rows[0].style.display != 'none' ? 0 : 1; } else { rIndex = rowIndex; } setWidths.call(this, tbl.rows[rIndex]); function setWidths(row) { /*jshint validthis:true */ var nbCols = this.nbCells; var colWidths = this.colWidths; if (nbCols != colWidths.length || nbCols != row.cells.length) { throw new Error('Columns number mismatch!'); } 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++) { // row.cells[k].style.width = colWidths[k]; var col = undefined; 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); } } } }, { key: 'enforceVisibility', /** * Makes defined rows always visible * * NOTE: This applies only when paging is disabled */ value: function enforceVisibility() { if (this._hasGrid && this.hasVisibleRows && !this.paging) { 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); } } } } }, { key: 'clearFilters', value: function clearFilters() { this.EvtManager(this.Evt.name.clear); } }, { key: '_clearFilters', /** * Clear all the filters' values */ value: function _clearFilters() { if (!this.fltGrid) { return; } if (this.onBeforeReset) { this.onBeforeReset.call(null, this, this.getFiltersValue()); } for (var i = 0, len = this.fltIds.length; i < len; i++) { this.setFilterValue(i, ''); } if (this.linkedFilters) { this.activeFilterId = ''; this.linkFilters(); } if (this.rememberPageLen) { _Cookie2['default'].remove(this.pgLenCookie); } if (this.rememberPageNb) { _Cookie2['default'].remove(this.pgNbCookie); } if (this.onAfterReset) { this.onAfterReset.call(null, this); } } }, { key: 'clearActiveColumns', /** * Clears filtered columns visual indicator (background color) * @return {[type]} [description] */ value: function clearActiveColumns() { for (var i = 0, len = this.fltIds.length; i < len; i++) { _Dom2['default'].removeClass(this.getHeaderElement(i), this.activeColumnsCssClass); } } }, { key: 'linkFilters', /** * Refresh the filters subject to linking ('select', 'multiple', * 'checklist' type) */ value: function linkFilters() { if (!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 = undefined; 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 && _Arr2['default'].has(slcA1, slcIndex[i]) && activeFlt === slcIndex[i] || !this.paging && (_Arr2['default'].has(slcA3, slcIndex[i]) || _Arr2['default'].has(slcA2, slcIndex[i])) || slcSelectedValue === this.displayAllText) { if (_Arr2['default'].has(slcA3, slcIndex[i])) { this.Mod.checkList.checkListDiv[slcIndex[i]].innerHTML = ''; } else { curSlc.innerHTML = ''; } //1st option needs to be inserted if (this.fillSlcOnDemand) { var opt0 = _Dom2['default'].createOpt(this.displayAllText, ''); if (curSlc) { curSlc.appendChild(opt0); } } if (_Arr2['default'].has(slcA3, slcIndex[i])) { this.Mod.checkList._build(slcIndex[i]); } else { this.Mod.dropdown._build(slcIndex[i], true); } this.setFilterValue(slcIndex[i], slcSelectedValue); } } // for i } }, { key: '_resetGrid', /** * Re-generate the filters grid bar when previously removed */ value: function _resetGrid() { if (this.isFirstLoad) { return; } var Mod = this.Mod; var tbl = this.tbl; var rows = tbl.rows; var filtersRowIndex = this.filtersRowIndex; var filtersRow = rows[filtersRowIndex]; // grid was removed, grid row element is stored in fltGridEl property if (!this.gridLayout) { // If table has a thead ensure the filters row is appended in the // thead element if (tbl.tHead) { var tempRow = tbl.tHead.insertRow(this.filtersRowIndex); tbl.tHead.replaceChild(this.fltGridEl, tempRow); } else { filtersRow.parentNode.insertBefore(this.fltGridEl, filtersRow); } } // filters are appended in external placeholders elements if (this.isExternalFlt) { var externalFltTgtIds = this.externalFltTgtIds; for (var ct = 0, len = externalFltTgtIds.length; ct < len; ct++) { var extFlt = _Dom2['default'].id(externalFltTgtIds[ct]); if (!extFlt) { continue; } var externalFltEl = this.externalFltEls[ct]; extFlt.appendChild(externalFltEl); var colFltType = this.getFilterType(ct); //IE special treatment for gridLayout, appended filters are //empty if (this.gridLayout && externalFltEl.innerHTML === '' && colFltType !== this.fltTypeInp) { if (colFltType === this.fltTypeSlc || colFltType === this.fltTypeMulti) { Mod.dropdown.build(ct); } if (colFltType === this.fltTypeCheckList) { Mod.checkList.build(ct); } } } } this.nbFilterableRows = this.getRowsNb(); this.nbVisibleRows = this.nbFilterableRows; this.nbRows = rows.length; if (this.popUpFilters) { this.headersRow++; Mod.popupFilter.buildAll(); } if (!this.gridLayout) { _Dom2['default'].addClass(this.tbl, this.prfxTf); } this._hasGrid = true; } }, { key: '_containsStr', /** * Checks if passed data contains the searched arg * @param {String} arg Search term * @param {String} data Data string * @param {String} fltType Filter type ('input', 'select') * @param {Boolean} forceMatch Exact match * @return {Boolean]} * * TODO: move into string module, remove fltType in order to decouple it * from TableFilter module */ value: function _containsStr(arg, data, fltType, forceMatch) { // Improved by Cedric Wartel (cwl) // automatic exact match for selects and special characters are now // filtered var regexp = undefined, modifier = this.caseSensitive ? 'g' : 'gi', exactMatch = !forceMatch ? this.exactMatch : forceMatch; if (exactMatch || fltType !== this.fltTypeInp && fltType) { regexp = new RegExp('(^\\s*)' + _Str2['default'].rgxEsc(arg) + '(\\s*$)', modifier); } else { regexp = new RegExp(_Str2['default'].rgxEsc(arg), modifier); } return regexp.test(data); } }, { key: 'isImported', /** * Check if passed script or stylesheet is already imported * @param {String} filePath Ressource path * @param {String} type Possible values: 'script' or 'link' * @return {Boolean} */ 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; } }, { key: 'import', /** * 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' */ 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 = undefined, head = _Dom2['default'].tag(doc, 'head')[0]; if (_Str2['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); } }, { key: 'hasGrid', /** * Check if table has filters grid * @return {Boolean} */ value: function hasGrid() { return this._hasGrid; } }, { key: 'getFiltersId', /** * Get list of filter IDs * @return {[type]} [description] */ value: function getFiltersId() { return this.fltIds || []; } }, { key: 'getValidRows', /** * Get filtered (valid) rows indexes * @param {Boolean} reCalc Force calculation of filtered rows list * @return {Array} List of row indexes */ 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; } }, { key: 'getFiltersRowIndex', /** * Get the index of the row containing the filters * @return {Number} */ value: function getFiltersRowIndex() { return this.filtersRowIndex; } }, { key: 'getHeadersRowIndex', /** * Get the index of the headers row * @return {Number} */ value: function getHeadersRowIndex() { return this.headersRow; } }, { key: 'getStartRowIndex', /** * Get the row index from where the filtering process start (1st filterable * row) * @return {Number} */ value: function getStartRowIndex() { return this.refRow; } }, { key: 'getLastRowIndex', /** * Get the index of the last row * @return {Number} */ value: function getLastRowIndex() { if (!this._hasGrid) { return; } return this.nbRows - 1; } }, { key: 'getHeaderElement', /** * Get the header DOM element for a given column index * @param {Number} colIndex Column index * @return {Object} */ 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 = undefined; 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; } }, { key: 'getFilterType', /** * Return the filter type for a specified column * @param {Number} colIndex Column's index * @return {String} */ value: function getFilterType(colIndex) { var colType = this.cfg['col_' + colIndex]; return !colType ? this.fltTypeInp : _Str2['default'].lower(colType); } }, { key: 'getFilterableRowsNb', /** * Get the total number of filterable rows * @return {Number} */ value: function getFilterableRowsNb() { return this.getRowsNb(false); } }, { key: 'config', /** * Get the configuration object (literal object) * @return {Object} */ value: function config() { return this.cfg; } }]); return TableFilter; })(); exports.TableFilter = TableFilter; /***/ }, /* 1 */, /* 2 */ /***/ function(module, exports, __webpack_require__) { '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; } }; module.exports = exports['default']; /***/ }, /* 3 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); /** * 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; }, /** * 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; }, /** * Returns a text node with given text * @param {String} txt * @return {Object} */ text: function text(txt) { return document.createTextNode(txt); }, /** * Returns offset position of passed element * @param {object} obj [description] * @return {object} literal object with left and top values */ position: function position(obj) { var l = 0, t = 0; if (obj && obj.offsetParent) { do { l += obj.offsetLeft; t += obj.offsetTop; } while (obj == obj.offsetParent); } return { left: l, top: t }; }, 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(_id) { return document.getElementById(_id); }, tag: function tag(o, tagname) { return o.getElementsByTagName(tagname); } }; // HTML5 classList API function supportsClassList() { return document.documentElement.classList; } module.exports = exports['default']; /***/ }, /* 4 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); /** * String utilities */ exports['default'] = { lower: function lower(text) { return text.toLowerCase(); }, upper: function upper(text) { return text.toUpperCase(); }, trim: function trim(text) { if (text.trim) { return text.trim(); } return text.replace(/^\s*|\s*$/g, ''); }, isEmpty: function isEmpty(text) { return this.trim(text) === ''; }, rgxEsc: function rgxEsc(text) { var chars = /[-\/\\^$*+?.()|[\]{}]/g; var escMatch = '\\$&'; return String(text).replace(chars, escMatch); }, matchCase: function matchCase(text, mc) { if (!mc) { return this.lower(text); } return text; } }; module.exports = exports['default']; /***/ }, /* 5 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; 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]; } }; module.exports = exports['default']; /***/ }, /* 6 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); /** * 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 === '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; } }; module.exports = exports['default']; /***/ }, /* 7 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; Object.defineProperty(exports, '__esModule', { value: true }); /** * Array utilities */ var _Str = __webpack_require__(4); var _Str2 = _interopRequireDefault(_Str); exports['default'] = { has: function has(arr, val, caseSensitive) { var sCase = caseSensitive === undefined ? false : caseSensitive; for (var i = 0; i < arr.length; i++) { if (_Str2['default'].matchCase(arr[i].toString(), sCase) == val) { return true; } } return false; }, indexByValue: function indexByValue(arr, val, caseSensitive) { var sCase = caseSensitive === undefined ? false : caseSensitive; for (var i = 0; i < arr.length; i++) { if (_Str2['default'].matchCase(arr[i].toString(), sCase) == val) { return i; } } return -1; } }; module.exports = exports['default']; /***/ }, /* 8 */ /***/ function(module, exports, __webpack_require__) { '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 = undefined, reg2 = undefined; // 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 = undefined, dd = undefined, yy = undefined; // 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 = undefined; var parts = undefined; 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': /* jshint ignore:start */ 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]); /* jshint ignore:end */ break; case 'MDY': /* jshint ignore:start */ 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]); /* jshint ignore:end */ break; case 'YMD': /* jshint ignore:start */ 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]); /* jshint ignore:end */ break; default: //in case format is not correct /* jshint ignore:start */ 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]); /* jshint ignore:end */ break; } return oDate; } }; function y2kDate(yr) { if (yr === undefined) { return 0; } if (yr.length > 2) { return yr; } var y = undefined; //>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 = undefined; 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; } module.exports = exports['default']; /***/ }, /* 9 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; Object.defineProperty(exports, '__esModule', { value: true }); /** * Misc helpers */ var _Str = __webpack_require__(4); var _Str2 = _interopRequireDefault(_Str); exports['default'] = { removeNbFormat: function removeNbFormat(data, format) { if (!data) { return; } if (!format) { format = 'us'; } var n = data; if (_Str2['default'].lower(format) === 'us') { n = +n.replace(/[^\d\.-]/g, ''); } else { n = +n.replace(/[^\d\,-]/g, '').replace(',', '.'); } return n; } }; module.exports = exports['default']; /***/ }, /* 10 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Cookie = __webpack_require__(5); var _Cookie2 = _interopRequireDefault(_Cookie); var 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(); this.duration = !isNaN(f.set_cookie_duration) ? parseInt(f.set_cookie_duration, 10) : 100000; this.tf = tf; } _createClass(Store, [{ key: 'saveFilterValues', /** * Store filters' values in cookie * @param {String} cookie name */ value: function saveFilterValues(name) { var tf = this.tf; var fltValues = []; //store filters' values for (var i = 0; i < tf.fltIds.length; i++) { var value = tf.getFilterValue(i); if (value === '') { value = ' '; } fltValues.push(value); } //adds array size fltValues.push(tf.fltIds.length); //writes cookie _Cookie2['default'].write(name, fltValues.join(tf.separator), this.duration); } }, { key: 'getFilterValues', /** * Retrieve filters' values from cookie * @param {String} cookie name * @return {Array} */ value: function getFilterValues(name) { var flts = _Cookie2['default'].read(name); var rgx = new RegExp(this.tf.separator, 'g'); // filters' values array return flts.split(rgx); } }, { key: 'savePageNb', /** * Store page number in cookie * @param {String} cookie name */ value: function savePageNb(name) { _Cookie2['default'].write(name, this.tf.feature('paging').currentPageNb, this.duration); } }, { key: 'getPageNb', /** * Retrieve page number from cookie * @param {String} cookie name * @return {String} */ value: function getPageNb(name) { return _Cookie2['default'].read(name); } }, { key: 'savePageLength', /** * Store page length in cookie * @param {String} cookie name */ value: function savePageLength(name) { _Cookie2['default'].write(name, this.tf.feature('paging').resultsPerPageSlc.selectedIndex, this.duration); } }, { key: 'getPageLength', /** * Retrieve page length from cookie * @param {String} cookie name * @return {String} */ value: function getPageLength(name) { return _Cookie2['default'].read(name); } }]); return Store; })(); exports.Store = Store; /***/ }, /* 11 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var _Types = __webpack_require__(6); var _Types2 = _interopRequireDefault(_Types); var _Event = __webpack_require__(2); var _Event2 = _interopRequireDefault(_Event); var GridLayout = (function () { /** * Grid layout, table with fixed headers * @param {Object} tf TableFilter instance */ function GridLayout(tf) { _classCallCheck(this, GridLayout); var f = tf.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; //default col width this.gridDefaultColWidth = f.grid_default_col_width || '100px'; //enables/disables columns resizer // this.gridEnableColResizer = f.grid_enable_cols_resizer!==undefined ? // f.grid_enable_cols_resizer : false; // //defines col resizer script path // this.gridColResizerPath = f.grid_cont_col_resizer_path || // this.basePath+'TFExt_ColsResizer/TFExt_ColsResizer.js'; 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.tf = tf; } _createClass(GridLayout, [{ key: 'init', /** * Generates a grid with fixed headers */ value: function init() { var _this = this; var tf = this.tf; var f = tf.config(); var tbl = tf.tbl; if (!tf.gridLayout) { return; } 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, 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(this.gridHeadRowIndex); var tblW; //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) { console.log(this.gridWidth); 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 = tbl.parentNode.removeChild(tbl); this.tblCont.appendChild(t); //In case table width is expressed in % if (tbl.style.width === '') { tbl.style.width = (tf._containsStr('%', tblW) ? tbl.clientWidth : tblW) + 'px'; } var d = this.tblCont.parentNode.removeChild(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) { console.log(this.gridWidth); 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'); //IE<7 needs it //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 for (var i = 0; i < this.gridHeadRows.length; i++) { var headRow = tbl.rows[this.gridHeadRows[0]]; tH.appendChild(headRow); } 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(0, 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; _this.headTblCont.scrollLeft = scrollLeft; //New pointerX calc taking into account scrollLeft // if(!o.isPointerXOverwritten){ // try{ // o.Evt.pointerX = function(evt){ // var e = evt || global.event; // var 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; } // if(this.gridEnableColResizer){ // if(!tf.hasExtensions){ // tf.extensions = { // name:['ColumnsResizer_'+tf.id], // src:[this.gridColResizerPath], // description:['Columns Resizing'], // initialize:[function(o){ // o.SetColsResizer('ColumnsResizer_'+o.id);}] // }; // tf.hasExtensions = true; // } else { // if(!tf._containsStr( // 'colsresizer', // Str.lower(tf.extensions.src.toString())) ){ // tf.extensions.name.push('ColumnsResizer_'+tf.id); // tf.extensions.src.push(tf.gridColResizerPath); // tf.extensions.description.push('Columns Resizing'); // tf.extensions.initialize.push(function(o){ // o.SetColsResizer('ColumnsResizer_'+o.id);}); // } // } // } //Default columns resizer properties for grid layout // f.col_resizer_cols_headers_table = this.headTbl.getAttribute('id'); // f.col_resizer_cols_headers_index = this.gridHeadRowIndex; // f.col_resizer_width_adjustment = 0; // f.col_enable_text_ellipsis = false; //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 (tbl.clientWidth !== this.headTbl.clientWidth) { tbl.style.width = this.headTbl.clientWidth + 'px'; } } }, { key: 'destroy', /** * Removes the grid layout */ value: function destroy() { var tf = this.tf; var tbl = tf.tbl; if (!tf.gridLayout) { return; } var t = tbl.parentNode.removeChild(tbl); this.tblMainCont.parentNode.insertBefore(t, this.tblMainCont); this.tblMainCont.parentNode.removeChild(this.tblMainCont); this.tblMainCont = null; this.headTblCont = null; this.headTbl = null; this.tblCont = null; tbl.outerHTML = tf.sourceTblHtml; //needed to keep reference of table element tbl = _Dom2['default'].id(tf.id); } }]); return GridLayout; })(); exports.GridLayout = GridLayout; /***/ }, /* 12 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var _Types = __webpack_require__(6); var _Types2 = _interopRequireDefault(_Types); var global = window; /** * Loading message/spinner * @param {Object} tf TableFilter instance */ var Loader = (function () { function Loader(tf) { _classCallCheck(this, Loader); // TableFilter configuration var f = tf.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 = 200; //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_'; this.tf = tf; 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 = _Dom2['default'].id(this.prfxLoader + tf.id); if (!this.loaderHtml) { this.loaderDiv.appendChild(_Dom2['default'].text(this.loaderText)); } else { this.loaderDiv.innerHTML = this.loaderHtml; } } _createClass(Loader, [{ key: 'show', value: function show(p) { var _this = this; if (!this.tf.loader || !this.loaderDiv || this.loaderDiv.style.display === p) { return; } var displayLoader = function displayLoader() { if (!_this.loaderDiv) { return; } if (_this.onShowLoader && p !== 'none') { _this.onShowLoader.call(null, _this); } _this.loaderDiv.style.display = p; if (_this.onHideLoader && p === 'none') { _this.onHideLoader.call(null, _this); } }; var t = p === 'none' ? this.loaderCloseDelay : 1; global.setTimeout(displayLoader, t); } }, { key: 'destroy', value: function destroy() { if (!this.loaderDiv) { return; } var tf = this.tf, targetEl = !this.loaderTgtId ? tf.gridLayout ? tf.feature('gridLayout').tblCont : tf.tbl.parentNode : _Dom2['default'].id(this.loaderTgtId); targetEl.removeChild(this.loaderDiv); this.loaderDiv = null; } }]); return Loader; })(); exports.Loader = Loader; /***/ }, /* 13 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var _Str = __webpack_require__(4); var _Str2 = _interopRequireDefault(_Str); var 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; } _createClass(HighlightKeyword, [{ key: 'highlight', /** * highlight occurences of searched term in passed node * @param {Node} node * @param {String} word Searched term * @param {String} cssClass Css class name */ 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 = _Str2['default'].lower(node.nodeValue); var tempWordVal = _Str2['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); } } } } }, { key: 'unhighlight', /** * Removes highlight to nodes matching passed string * @param {String} word * @param {String} cssClass Css class to remove */ 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 = _Str2['default'].lower(n.nodeValue), tempWordVal = _Str2['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); } } }, { key: 'unhighlightAll', /** * Clear all occurrences of highlighted nodes */ value: function unhighlightAll() { if (!this.tf.highlightKeywords || !this.tf.searchArgs) { return; } for (var y = 0; y < this.tf.searchArgs.length; y++) { this.unhighlight(this.tf.searchArgs[y], this.highlightCssClass); } this.highlightedNodes = []; } }]); return HighlightKeyword; })(); exports.HighlightKeyword = HighlightKeyword; /***/ }, /* 14 */ /***/ function(module, exports, __webpack_require__) { /* WEBPACK VAR INJECTION */(function(global) {'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Types = __webpack_require__(6); var _Types2 = _interopRequireDefault(_Types); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var _Event = __webpack_require__(2); var _Event2 = _interopRequireDefault(_Event); var PopupFilter = (function () { /** * Pop-up filter component * @param {Object} tf TableFilter instance */ function PopupFilter(tf) { _classCallCheck(this, PopupFilter); // Configuration object var f = tf.config(); // Enable external filters behaviour 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_'; this.tf = tf; } _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); } }, { key: 'init', /** * Initialize DOM elements */ value: function init() { var _this = this; var tf = this.tf; for (var i = 0; i < tf.nbCells; i++) { if (tf['col' + 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) { _this.onClick(evt); }); this.popUpFltSpans[i] = popUpSpan; this.popUpFltImgs[i] = popUpSpan.firstChild; } } }, { key: 'buildAll', /** * Build all pop-up filters elements */ value: function buildAll() { for (var i = 0; i < this.popUpFltElmCache.length; i++) { this.build(i, this.popUpFltElmCache[i]); } } }, { key: 'build', /** * Build a specified pop-up filter elements * @param {Number} colIndex Column index * @param {Object} div Optional container DOM element */ 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) { _Event2['default'].stop(evt); }); this.popUpFltElms[colIndex] = popUpDiv; } }, { key: 'toggle', /** * Toogle visibility of specified filter * @param {Number} colIndex Column index */ 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['col' + 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); } } } }, { key: 'closeAll', /** * Close all filters excepted for the specified one if any * @param {Number} exceptIdx Column index of the filter to not close */ 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'; } } } }, { key: 'buildIcons', /** * Build all the icons representing the pop-up filters */ value: function buildIcons() { for (var i = 0; i < this.popUpFltImgs.length; i++) { this.buildIcon(i, false); } } }, { key: 'buildIcon', /** * Build specified icon * @param {Number} colIndex Column index * @param {Boolean} active Apply active state */ value: function buildIcon(colIndex, active) { if (this.popUpFltImgs[colIndex]) { this.popUpFltImgs[colIndex].src = active ? this.popUpImgFltActive : this.popUpImgFlt; } } }, { key: 'destroy', /** * Remove pop-up filters */ value: function destroy() { 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) { popUpFltElm.parentNode.removeChild(popUpFltElm); this.popUpFltElmCache[i] = popUpFltElm; } popUpFltElm = null; if (popUpFltSpan) { popUpFltSpan.parentNode.removeChild(popUpFltSpan); } popUpFltSpan = null; if (popUpFltImg) { popUpFltImg.parentNode.removeChild(popUpFltImg); } popUpFltImg = null; } this.popUpFltElms = []; this.popUpFltSpans = []; this.popUpFltImgs = []; } }]); return PopupFilter; })(); exports.PopupFilter = PopupFilter; /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()))) /***/ }, /* 15 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var _Arr = __webpack_require__(7); var _Arr2 = _interopRequireDefault(_Arr); var _Str = __webpack_require__(4); var _Str2 = _interopRequireDefault(_Str); var _Sort = __webpack_require__(23); var _Sort2 = _interopRequireDefault(_Sort); var Dropdown = (function () { /** * Dropdown UI component * @param {Object} tf TableFilter instance */ function Dropdown(tf) { _classCallCheck(this, Dropdown); // Configuration object 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)'; //sets select filling method: 'innerHTML' or 'createElement' this.slcFillingMethod = f.slc_filling_method || 'createElement'; //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; this.tf = tf; } _createClass(Dropdown, [{ key: 'build', /** * Build drop-down filter UI asynchronously * @param {Number} colIndex Column index * @param {Boolean} isLinked Enable linked refresh behaviour * @param {Boolean} isExternal Render in external container * @param {String} extSlcId External container id */ value: function build(colIndex, isLinked, isExternal, extSlcId) { var tf = this.tf; tf.EvtManager(tf.Evt.name.dropdown, { slcIndex: colIndex, slcRefreshed: isLinked, slcExternal: isExternal, slcId: extSlcId }); } }, { key: '_build', /** * Build drop-down filter UI * @param {Number} colIndex Column index * @param {Boolean} isLinked Enable linked refresh behaviour * @param {Boolean} isExternal Render in external container * @param {String} extSlcId External container id */ value: function _build(colIndex) { var isLinked = arguments[1] === undefined ? false : arguments[1]; var isExternal = arguments[2] === undefined ? false : arguments[2]; var extSlcId = arguments[3] === undefined ? null : arguments[3]; var tf = this.tf; colIndex = parseInt(colIndex, 10); this.opts = []; this.optsTxt = []; this.slcInnerHtml = ''; var slcId = tf.fltIds[colIndex]; if (!_Dom2['default'].id(slcId) && !isExternal || !_Dom2['default'].id(extSlcId) && isExternal) { return; } var slc = !isExternal ? _Dom2['default'].id(slcId) : _Dom2['default'].id(extSlcId), rows = tf.tbl.rows, matchCase = tf.matchCase; //custom select test this.isCustom = tf.isCustomOptions(colIndex); //custom selects text var activeFlt; if (isLinked && tf.activeFilterId) { activeFlt = tf.activeFilterId.split('_')[0]; activeFlt = activeFlt.split(tf.prfxFlt)[1]; } /*** remember grid values ***/ var fltsValues = [], fltArr = []; if (tf.rememberGridValues) { fltsValues = tf.feature('store').getFilterValues(tf.fltsValuesCookie); if (fltsValues && !_Str2['default'].isEmpty(fltsValues.toString())) { if (this.isCustom) { fltArr.push(fltsValues[colIndex]); } else { fltArr = fltsValues[colIndex].split(' ' + tf.orOperator + ' '); } } } 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 && _Arr2['default'].has(tf.visibleRows, k) && !tf.paging) { 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 && _Arr2['default'].has(tf.validRowsIndex, k)) && (activeFlt === undefined || activeFlt == colIndex || activeFlt != colIndex && _Arr2['default'].has(tf.validRowsIndex, k)))) { var cell_data = tf.getCellData(j, cell[j]), //Vary Peter's patch cell_string = _Str2['default'].matchCase(cell_data, matchCase); // checks if celldata is already in array if (!_Arr2['default'].has(this.opts, cell_string, matchCase)) { this.opts.push(cell_data); } if (isLinked && tf.disableExcludedOptions) { var filteredCol = filteredDataCol[j]; if (!filteredCol) { filteredCol = tf.getFilteredDataCol(j); } if (!_Arr2['default'].has(filteredCol, cell_string, matchCase) && !_Arr2['default'].has(excludedOpts, cell_string, matchCase) && !this.isFirstLoad) { excludedOpts.push(cell_data); } } } //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 && _Arr2['default'].has(tf.sortNumAsc, colIndex)) { try { this.opts.sort(numSortAsc); if (excludedOpts) { excludedOpts.sort(numSortAsc); } if (this.isCustom) { this.optsTxt.sort(numSortAsc); } } catch (e) { this.opts.sort(); if (excludedOpts) { excludedOpts.sort(); } if (this.isCustom) { this.optsTxt.sort(); } } //in case there are alphanumeric values } //desc sort if (tf.sortNumDesc && _Arr2['default'].has(tf.sortNumDesc, colIndex)) { try { this.opts.sort(numSortDesc); if (excludedOpts) { excludedOpts.sort(numSortDesc); } if (this.isCustom) { this.optsTxt.sort(numSortDesc); } } catch (e) { this.opts.sort(); if (excludedOpts) { excludedOpts.sort(); } if (this.isCustom) { this.optsTxt.sort(); } } //in case there are alphanumeric values } //populates drop-down this.addOptions(colIndex, slc, isLinked, excludedOpts, fltsValues, fltArr); } }, { key: 'addOptions', /** * 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 * @param {Array} fltsValues Collection of persisted filter values * @param {Array} fltArr Collection of persisted filter values */ value: function addOptions(colIndex, slc, isLinked, excludedOpts, fltsValues, fltArr) { var tf = this.tf, fillMethod = _Str2['default'].lower(this.slcFillingMethod), 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 && _Arr2['default'].has(excludedOpts, _Str2['default'].matchCase(val, tf.matchCase), tf.matchCase)) { isDisabled = true; } if (fillMethod === 'innerhtml') { var slcAttr = ''; if (tf.fillSlcOnDemand && slcValue === this.opts[y]) { slcAttr = 'selected="selected"'; } this.slcInnerHtml += ''; } else { var opt; //fill select on demand if (tf.fillSlcOnDemand && slcValue === this.opts[y] && tf['col' + colIndex] === tf.fltTypeSlc) { opt = _Dom2['default'].createOpt(lbl, val, true); } else { if (tf['col' + colIndex] !== tf.fltTypeMulti) { opt = _Dom2['default'].createOpt(lbl, val, fltsValues[colIndex] !== ' ' && val === fltsValues[colIndex] ? true : false); } else { opt = _Dom2['default'].createOpt(lbl, val, _Arr2['default'].has(fltArr, _Str2['default'].matchCase(this.opts[y], tf.matchCase), tf.matchCase) || fltArr.toString().indexOf(val) !== -1 ? true : false); } } if (isDisabled) { opt.disabled = true; } slc.appendChild(opt); } } // for y if (fillMethod === 'innerhtml') { slc.innerHTML += this.slcInnerHtml; } slc.setAttribute('filled', '1'); } }, { key: 'addFirstOption', /** * Add drop-down header option * @param {Object} slc Select DOM element */ value: function addFirstOption(slc) { var tf = this.tf, fillMethod = _Str2['default'].lower(this.slcFillingMethod); if (fillMethod === 'innerhtml') { this.slcInnerHtml += ''; } else { 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; } }]); return Dropdown; })(); exports.Dropdown = Dropdown; /***/ }, /* 16 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var _Arr = __webpack_require__(7); var _Arr2 = _interopRequireDefault(_Arr); var _Str = __webpack_require__(4); var _Str2 = _interopRequireDefault(_Str); var _Sort = __webpack_require__(23); var _Sort2 = _interopRequireDefault(_Sort); var _Event = __webpack_require__(2); var _Event2 = _interopRequireDefault(_Event); var CheckList = (function () { /** * Checklist UI component * @param {Object} tf TableFilter instance */ function CheckList(tf) { _classCallCheck(this, CheckList); // Configuration object 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; this.tf = tf; } _createClass(CheckList, [{ key: 'onChange', // TODO: move event here value: function onChange(evt) { var elm = evt.target; this.tf.activeFilterId = elm.getAttribute('id'); this.tf.activeFlt = _Dom2['default'].id(this.tf.activeFilterId); this.tf.Evt.onSlcChange.call(this.tf, evt); } }, { key: 'optionClick', value: function optionClick(evt) { this.setCheckListValues(evt.target); this.onChange(evt); } }, { key: 'build', /** * Build checklist UI asynchronously * @param {Number} colIndex Column index * @param {Boolean} isExternal Render in external container * @param {String} extFltId External container id */ value: function build(colIndex, isExternal, extFltId) { var tf = this.tf; tf.EvtManager(tf.Evt.name.checklist, { slcIndex: colIndex, slcExternal: isExternal, slcId: extFltId }); } }, { key: '_build', /** * Build checklist UI * @param {Number} colIndex Column index * @param {Boolean} isExternal Render in external container * @param {String} extFltId External container id */ value: function _build(colIndex) { var _this = this; var isExternal = arguments[1] === undefined ? false : arguments[1]; var extFltId = arguments[2] === undefined ? null : arguments[2]; var tf = this.tf; colIndex = parseInt(colIndex, 10); this.opts = []; this.optsTxt = []; var divFltId = this.prfxCheckListDiv + colIndex + '_' + tf.id; if (!_Dom2['default'].id(divFltId) && !isExternal || !_Dom2['default'].id(extFltId) && isExternal) { return; } var flt = !isExternal ? this.checkListDiv[colIndex] : _Dom2['default'].id(extFltId); var ul = _Dom2['default'].create('ul', ['id', tf.fltIds[colIndex]], ['colIndex', colIndex]); ul.className = this.checkListCssClass; _Event2['default'].add(ul, 'change', function (evt) { _this.onChange(evt); }); var rows = tf.tbl.rows; this.isCustom = tf.isCustomOptions(colIndex); var activeFlt; 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 = []; } 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 && _Arr2['default'].has(tf.visibleRows, k) && !tf.paging) { 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 && _Arr2['default'].has(tf.validRowsIndex, k)))) { var cell_data = tf.getCellData(j, cells[j]); //Vary Peter's patch var cell_string = _Str2['default'].matchCase(cell_data, tf.matchCase); // checks if celldata is already in array if (!_Arr2['default'].has(this.opts, cell_string, tf.matchCase)) { this.opts.push(cell_data); } var filteredCol = filteredDataCol[j]; if (tf.linkedFilters && tf.disableExcludedOptions) { if (!filteredCol) { filteredCol = tf.getFilteredDataCol(j); } if (!_Arr2['default'].has(filteredCol, cell_string, tf.matchCase) && !_Arr2['default'].has(this.excludedOpts, cell_string, tf.matchCase) && !tf.isFirstLoad) { this.excludedOpts.push(cell_data); } } } } } //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 && _Arr2['default'].has(tf.sortNumAsc, colIndex)) { try { this.opts.sort(numSortAsc); if (this.excludedOpts) { this.excludedOpts.sort(numSortAsc); } if (this.isCustom) { this.optsTxt.sort(numSortAsc); } } catch (e) { this.opts.sort(); if (this.excludedOpts) { this.excludedOpts.sort(); } if (this.isCustom) { this.optsTxt.sort(); } } //in case there are alphanumeric values } //desc sort if (tf.sortNumDesc && _Arr2['default'].has(tf.sortNumDesc, colIndex)) { try { this.opts.sort(numSortDesc); if (this.excludedOpts) { this.excludedOpts.sort(numSortDesc); } if (this.isCustom) { this.optsTxt.sort(numSortDesc); } } catch (e) { this.opts.sort(); if (this.excludedOpts) { this.excludedOpts.sort(); } if (this.isCustom) { this.optsTxt.sort(); } } //in case there are alphanumeric values } this.addChecks(colIndex, ul, tf.separator); if (tf.fillSlcOnDemand) { flt.innerHTML = ''; } flt.appendChild(ul); flt.setAttribute('filled', '1'); } }, { key: 'addChecks', /** * Add checklist options * @param {Number} colIndex Column index * @param {Object} ul Ul element */ value: function addChecks(colIndex, ul) { var _this2 = this; var tf = this.tf; var chkCt = this.addTChecks(colIndex, ul); var fltArr = []; //remember grid values var store = tf.feature('store'); var tmpVal = store ? store.getFilterValues(tf.fltsValuesCookie)[colIndex] : null; if (tmpVal && _Str2['default'].trim(tmpVal).length > 0) { if (tf.hasCustomSlcOptions && _Arr2['default'].has(tf.customSlcOptions.cols, colIndex)) { fltArr.push(tmpVal); } else { fltArr = tmpVal.split(' ' + tf.orOperator + ' '); } } 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 && _Arr2['default'].has(this.excludedOpts, _Str2['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) { _this2.optionClick(evt); }); } ul.appendChild(li); if (val === '') { //item is hidden li.style.display = 'none'; } /*** remember grid values ***/ if (tf.rememberGridValues) { if (tf.hasCustomSlcOptions && _Arr2['default'].has(tf.customSlcOptions.cols, colIndex) && fltArr.toString().indexOf(val) != -1 || _Arr2['default'].has(fltArr, _Str2['default'].matchCase(val, tf.matchCase), tf.matchCase)) { li.check.checked = true; this.setCheckListValues(li.check); } } } } }, { key: 'addTChecks', /** * Add checklist header option * @param {Number} colIndex Column index * @param {Object} ul Ul element */ value: function addTChecks(colIndex, ul) { var _this3 = 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) { _this3.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) { _this3.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) { _this3.optionClick(evt); }); chkCt++; } return chkCt; } }, { key: 'setCheckListValues', /** * Store checked options in DOM element attribute * @param {Object} o checklist option DOM element */ 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); var filterTag = 'ul', itemTag = 'li'; var n = o; //ul tag search while (_Str2['default'].lower(n.nodeName) !== filterTag) { n = n.parentNode; } 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 = _Str2['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 (_Str2['default'].lower(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(_Str2['default'].rgxEsc(chkValue + ' ' + tf.orOperator)); fltValue = fltValue.replace(replaceValue, ''); n.setAttribute('value', _Str2['default'].trim(fltValue)); var replaceIndex = new RegExp(_Str2['default'].rgxEsc(chkIndex + tf.separator)); fltIndexes = fltIndexes.replace(replaceIndex, ''); n.setAttribute('indexes', fltIndexes); } if (_Str2['default'].lower(li.nodeName) === itemTag) { _Dom2['default'].removeClass(li, this.checkListSlcItemCssClass); } } } }]); return CheckList; })(); exports.CheckList = CheckList; /***/ }, /* 17 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var _Types = __webpack_require__(6); var _Types2 = _interopRequireDefault(_Types); var RowsCounter = (function () { /** * Rows counter * @param {Object} tf TableFilter instance */ function RowsCounter(tf) { _classCallCheck(this, RowsCounter); // TableFilter configuration var f = tf.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; this.tf = tf; } _createClass(RowsCounter, [{ key: 'init', value: function init() { var tf = this.tf; if (!tf.hasGrid() && !tf.isFirstLoad || this.rowsCounterSpan) { return; } //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; this.refresh(); } }, { key: 'refresh', value: function refresh(p) { if (!this.rowsCounterSpan) { 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 - (tf.hasVisibleRows ? tf.visibleRows.length : 0); } } 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 tf = this.tf; if (!tf.hasGrid() || !this.rowsCounterSpan) { return; } if (!this.rowsCounterTgtId && this.rowsCounterDiv) { this.rowsCounterDiv.parentNode.removeChild(this.rowsCounterDiv); } else { _Dom2['default'].id(this.rowsCounterTgtId).innerHTML = ''; } this.rowsCounterSpan = null; this.rowsCounterDiv = null; } }]); return RowsCounter; })(); exports.RowsCounter = RowsCounter; /***/ }, /* 18 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var _Types = __webpack_require__(6); var _Types2 = _interopRequireDefault(_Types); var global = window; var StatusBar = (function () { /** * Status bar UI component * @param {Object} tf TableFilter instance */ function StatusBar(tf) { _classCallCheck(this, StatusBar); // Configuration object var f = tf.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 bar div this.prfxStatus = 'status_'; // status bar label this.prfxStatusSpan = 'statusSpan_'; // text preceding status bar label this.prfxStatusTxt = 'statusText_'; this.tf = tf; } _createClass(StatusBar, [{ key: 'init', value: function init() { var tf = this.tf; if (!tf.hasGrid() && !tf.isFirstLoad) { return; } //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; } }, { key: 'message', value: function message() { var _this = this; var t = arguments[0] === undefined ? '' : arguments[0]; var tf = this.tf; if (!tf.statusBar || !this.statusBarSpan) { return; } if (this.onBeforeShowMsg) { this.onBeforeShowMsg.call(null, this.tf, t); } var d = t === '' ? this.statusBarCloseDelay : 1; global.setTimeout(function () { _this.statusBarSpan.innerHTML = t; if (_this.onAfterShowMsg) { _this.onAfterShowMsg.call(null, _this.tf, t); } }, d); } }, { key: 'destroy', value: function destroy() { var tf = this.tf; if (!tf.hasGrid() || !this.statusBarDiv) { return; } this.statusBarDiv.innerHTML = ''; this.statusBarDiv.parentNode.removeChild(this.statusBarDiv); this.statusBarSpan = null; this.statusBarSpanText = null; this.statusBarDiv = null; } }]); return StatusBar; })(); exports.StatusBar = StatusBar; /***/ }, /* 19 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var _Types = __webpack_require__(6); var _Types2 = _interopRequireDefault(_Types); var _Str = __webpack_require__(4); var _Str2 = _interopRequireDefault(_Str); var _Event = __webpack_require__(2); var _Event2 = _interopRequireDefault(_Event); var Paging = (function () { /** * Pagination component * @param {Object} tf TableFilter instance */ function Paging(tf) { _classCallCheck(this, Paging); // Configuration object var f = tf.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 = this.refRow; var nrows = this.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 }; this.tf = tf; } _createClass(Paging, [{ key: 'init', /** * Initialize DOM elements */ value: function init() { var _this = this; var slcPages; var tf = this.tf; var evt = this.evt; // 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) { _this.changePage(); event.target.blur(); }; // 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 this.rememberGridValues==true this.setPagingInfo() is called // in ResetGridValues() method if (!tf.rememberGridValues || this.isPagingRemoved) { this.setPagingInfo(); } if (!tf.fltGrid) { tf.validateAllRows(); this.setPagingInfo(tf.validRowsIndex); } this.isPagingRemoved = false; } }, { key: 'reset', /** * Reset paging when filters are already instantiated * @param {Boolean} filterTable Execute filtering once paging instanciated */ value: function reset() { var filterTable = arguments[0] === undefined ? false : arguments[0]; var tf = this.tf; if (!tf.hasGrid() || tf.paging) { return; } tf.paging = true; this.isPagingRemoved = true; this.init(); tf.resetValues(); if (filterTable) { tf.filter(); } } }, { key: 'setPagingInfo', /** * Calculate number of pages based on valid rows * Refresh paging select according to number of pages * @param {Array} validRows Collection of valid rows */ value: function setPagingInfo() { var validRows = arguments[0] === undefined ? [] : arguments[0]; var tf = this.tf; var rows = tf.tbl.rows; 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; if (validRows.length === 0) { //counts rows to be grouped for (var j = tf.refRow; j < tf.nbRows; j++) { var row = rows[j]; if (!row) { continue; } var isRowValid = row.getAttribute('validRow'); if (_Types2['default'].isNull(isRowValid) || Boolean(isRowValid)) { tf.validRowsIndex.push(j); } } } //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 currOpt = new Option(z + 1, z * this.pagingLength, false, false); this.pagingSlc.options[z] = currOpt; } } 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); } }, { key: 'groupByPage', /** * Group table rows by page and display valid rows * @param {Array} validRows Collection of valid rows */ value: function groupByPage(validRows) { var tf = this.tf; var alternateRows = tf.feature('alternateRows'); var rows = tf.tbl.rows; var endPagingRow = parseInt(this.startPagingRow, 10) + 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'); if (h >= this.startPagingRow && h < endPagingRow) { // if(r.getAttribute('validRow')==='true' || // !r.getAttribute('validRow')){ if (_Types2['default'].isNull(isRowValid) || Boolean(isRowValid)) { r.style.display = ''; } if (tf.alternateBgs && alternateRows) { alternateRows.setRowBg(validRowIdx, h); } } else { r.style.display = 'none'; if (tf.alternateBgs && alternateRows) { alternateRows.removeRowBg(validRowIdx); } } } tf.nbVisibleRows = tf.validRowsIndex.length; //re-applies filter behaviours after filtering process tf.applyProps(); } }, { key: 'getPage', /** * Return the current page number * @return {Number} Page number */ value: function getPage() { return this.currentPageNb; } }, { key: 'setPage', /** * Show page based on passed param value (string or number): * @param {String} or {Number} cmd possible string values: 'next', * 'previous', 'last', 'first' or page number as per param */ value: function setPage(cmd) { var tf = this.tf; if (!tf.hasGrid() || !tf.paging) { return; } var btnEvt = this.evt, cmdtype = typeof cmd; if (cmdtype === 'string') { switch (_Str2['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); } } }, { key: 'setResultsPerPage', /** * Generates UI elements for the number of results per page drop-down */ value: function setResultsPerPage() { var _this2 = this; var tf = this.tf; var evt = this.evt; if (!tf.hasGrid() && !tf.isFirstLoad) { return; } if (this.resultsPerPageSlc || !this.resultsPerPage) { return; } evt.slcResultsChange = function (ev) { _this2.changeResultsPerPage(); ev.target.blur(); }; var slcR = _Dom2['default'].create(tf.fltTypeSlc, ['id', this.prfxSlcResults + tf.id]); slcR.className = tf.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.cont) { help.cont.parentNode.insertBefore(slcRSpan, help.cont); help.cont.parentNode.insertBefore(slcR, help.cont); } 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; } }, { key: 'removeResultsPerPage', /** * Remove number of results per page UI elements */ 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) { slcR.parentNode.removeChild(slcR); } if (slcRSpan) { slcRSpan.parentNode.removeChild(slcRSpan); } this.resultsPerPageSlc = null; } }, { key: 'changePage', /** * Change the page asynchronously according to passed index * @param {Number} index Index of the page (0-n) */ value: function changePage(index) { var tf = this.tf; var evt = tf.Evt; tf.EvtManager(evt.name.changepage, { pgIndex: index }); } }, { key: 'changeResultsPerPage', /** * Change rows asynchronously according to page results */ value: function changeResultsPerPage() { var tf = this.tf; var evt = tf.Evt; tf.EvtManager(evt.name.changeresultsperpage); } }, { key: 'resetPage', /** * Re-set asynchronously page nb at page re-load */ value: function resetPage() { var tf = this.tf; var evt = tf.Evt; tf.EvtManager(evt.name.resetpage); } }, { key: 'resetPageLength', /** * Re-set asynchronously page length at page re-load */ value: function resetPageLength() { var tf = this.tf; var evt = tf.Evt; tf.EvtManager(evt.name.resetpagelength); } }, { key: '_changePage', /** * Change the page according to passed index * @param {Number} index Index of the page (0-n) */ value: function _changePage(index) { var tf = this.tf; if (!tf.paging) { return; } 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; } if (tf.rememberPageNb) { tf.feature('store').savePageNb(tf.pgNbCookie); } this.startPagingRow = this.pageSelectorType === tf.fltTypeSlc ? this.pagingSlc.value : index * this.pagingLength; this.groupByPage(); if (this.onAfterChangePage) { this.onAfterChangePage.call(null, this, index); } } } }, { key: '_changeResultsPerPage', /** * Change rows according to page results drop-down * TODO: accept a parameter setting the results per page length */ value: function _changeResultsPerPage() { var tf = this.tf; if (!tf.paging) { return; } var slcR = this.resultsPerPageSlc; var slcPagesSelIndex = this.pageSelectorType === tf.fltTypeSlc ? this.pagingSlc.selectedIndex : parseInt(this.pagingSlc.value - 1, 10); this.pagingLength = parseInt(slcR.options[slcR.selectedIndex].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 slcIndex = this.pagingSlc.options.length - 1 <= slcPagesSelIndex ? this.pagingSlc.options.length - 1 : slcPagesSelIndex; this.pagingSlc.options[slcIndex].selected = true; } if (tf.rememberPageLen) { tf.feature('store').savePageLength(tf.pgLenCookie); } } } }, { key: '_resetPage', /** * Re-set page nb at page re-load */ value: function _resetPage(name) { var tf = this.tf; var pgnb = tf.feature('store').getPageNb(name); if (pgnb !== '') { this.changePage(pgnb - 1); } } }, { key: '_resetPageLength', /** * Re-set page length value at page re-load */ value: function _resetPageLength(name) { var tf = this.tf; if (!tf.paging) { return; } var pglenIndex = tf.feature('store').getPageLength(name); if (pglenIndex !== '') { this.resultsPerPageSlc.options[pglenIndex].selected = true; this.changeResultsPerPage(); } } }, { key: 'destroy', /** * Remove paging feature */ value: function destroy() { var tf = this.tf; if (!tf.hasGrid()) { 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); } this.pagingSlc.parentNode.removeChild(this.pagingSlc); } if (btnNextSpan) { _Event2['default'].remove(btnNextSpan, 'click', evt.next); btnNextSpan.parentNode.removeChild(btnNextSpan); } if (btnPrevSpan) { _Event2['default'].remove(btnPrevSpan, 'click', evt.prev); btnPrevSpan.parentNode.removeChild(btnPrevSpan); } if (btnLastSpan) { _Event2['default'].remove(btnLastSpan, 'click', evt.last); btnLastSpan.parentNode.removeChild(btnLastSpan); } if (btnFirstSpan) { _Event2['default'].remove(btnFirstSpan, 'click', evt.first); btnFirstSpan.parentNode.removeChild(btnFirstSpan); } if (pgBeforeSpan) { pgBeforeSpan.parentNode.removeChild(pgBeforeSpan); } if (pgAfterSpan) { pgAfterSpan.parentNode.removeChild(pgAfterSpan); } if (pgspan) { pgspan.parentNode.removeChild(pgspan); } if (this.hasResultsPerPage) { this.removeResultsPerPage(); } this.pagingSlc = null; this.nbPages = 0; this.isPagingRemoved = true; tf.paging = false; } }]); return Paging; })(); exports.Paging = Paging; /***/ }, /* 20 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var _Event = __webpack_require__(2); var _Event2 = _interopRequireDefault(_Event); var ClearButton = (function () { /** * Clear button component * @param {Object} tf TableFilter instance */ function ClearButton(tf) { _classCallCheck(this, ClearButton); // Configuration object var f = tf.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_'; this.tf = tf; } _createClass(ClearButton, [{ key: 'onClick', value: function onClick() { this.tf.clearFilters(); } }, { key: 'init', /** * Build DOM elements */ value: function init() { var _this = this; var tf = this.tf; if (!tf.hasGrid() && !tf.isFirstLoad && tf.btnResetEl) { 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); // fltreset.onclick = this.Evt._Clear; _Event2['default'].add(fltreset, 'click', function () { _this.onClick(); }); } else { resetspan.innerHTML = this.btnResetHtml; var resetEl = resetspan.firstChild; // resetEl.onclick = this.Evt._Clear; _Event2['default'].add(resetEl, 'click', function () { _this.onClick(); }); } this.btnResetEl = resetspan.firstChild; } }, { key: 'destroy', /** * Remove clear button UI */ value: function destroy() { var tf = this.tf; if (!tf.hasGrid() || !this.btnResetEl) { return; } var resetspan = _Dom2['default'].id(tf.prfxResetSpan + tf.id); if (resetspan) { resetspan.parentNode.removeChild(resetspan); } this.btnResetEl = null; } }]); return ClearButton; })(); exports.ClearButton = ClearButton; /***/ }, /* 21 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var _Event = __webpack_require__(2); var _Event2 = _interopRequireDefault(_Event); var Help = (function () { /** * Help UI component * @param {Object} tf TableFilter instance */ function Help(tf) { _classCallCheck(this, Help); // Configuration object var f = tf.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. Avanced 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 + '

' + 'https://github.com/koalyptus/TableFilter/' + '
©2015-' + tf.year + ' Max Guglielmi.' + '
' + 'Close
'; //id prefix for help elements this.prfxHelpSpan = 'helpSpan_'; //id prefix for help elements this.prfxHelpDiv = 'helpDiv_'; this.tf = tf; } _createClass(Help, [{ key: 'init', value: function init() { var _this = this; if (this.btn) { 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 () { _this.toggle(); }); } else { helpspan.innerHTML = this.btnHtml; var helpEl = helpspan.firstChild; _Event2['default'].add(helpEl, 'click', function () { _this.toggle(); }); divContainer.appendChild(helpdiv); } if (!this.instrHtml) { helpdiv.innerHTML = this.instrText; helpdiv.className = this.contCssClass; _Event2['default'].add(helpdiv, 'dblclick', function () { _this.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 () { _this.toggle(); }); } } helpdiv.innerHTML += this.defaultHtml; _Event2['default'].add(helpdiv, 'click', function () { _this.toggle(); }); this.cont = helpdiv; this.btn = helpspan; } }, { key: 'toggle', /** * Toggle help pop-up */ value: function toggle() { if (!this.cont) { return; } var divDisplay = this.cont.style.display; if (divDisplay === '' || divDisplay === 'none') { this.cont.style.display = 'inline'; } else { this.cont.style.display = 'none'; } } }, { key: 'destroy', /** * Remove help UI */ value: function destroy() { if (!this.btn) { return; } this.btn.parentNode.removeChild(this.btn); this.btn = null; if (!this.cont) { return; } this.cont.parentNode.removeChild(this.cont); this.cont = null; } }]); return Help; })(); exports.Help = Help; /***/ }, /* 22 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); Object.defineProperty(exports, '__esModule', { value: true }); var _Dom = __webpack_require__(3); var _Dom2 = _interopRequireDefault(_Dom); var AlternateRows = (function () { /** * Alternating rows color * @param {Object} tf TableFilter instance */ function AlternateRows(tf) { _classCallCheck(this, AlternateRows); var f = tf.config(); //defines css class for even rows this.evenCss = f.even_row_css_class || 'even'; //defines css class for odd rows this.oddCss = f.odd_row_css_class || 'odd'; this.tf = tf; } _createClass(AlternateRows, [{ key: 'init', /** * Sets alternating rows color */ value: function init() { var tf = this.tf; if (!tf.hasGrid() && !tf.isFirstLoad) { return; } var validRowsIndex = tf.validRowsIndex; var noValidRowsIndex = validRowsIndex === null; //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++; } } }, { key: 'setRowBg', /** * Sets row background color * @param {Number} rowIdx Row index * @param {Number} idx Valid rows collection index needed to calculate bg * color */ value: function setRowBg(rowIdx, idx) { if (!this.tf.alternateBgs || 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); } }, { key: 'removeRowBg', /** * Removes row background color * @param {Number} idx Row index */ 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); } }, { key: 'remove', /** * Removes all alternating backgrounds */ value: function remove() { if (!this.tf.hasGrid()) { return; } for (var i = this.tf.refRow; i < this.tf.nbRows; i++) { this.removeRowBg(i); } } }, { key: 'enable', value: function enable() { this.tf.alternateBgs = true; } }, { key: 'disable', value: function disable() { this.tf.alternateBgs = false; } }]); return AlternateRows; })(); exports.AlternateRows = AlternateRows; /***/ }, /* 23 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }; Object.defineProperty(exports, '__esModule', { value: true }); var _Str = __webpack_require__(4); var _Str2 = _interopRequireDefault(_Str); exports['default'] = { ignoreCase: function ignoreCase(a, b) { var x = _Str2['default'].lower(a); var y = _Str2['default'].lower(b); return x < y ? -1 : x > y ? 1 : 0; } }; module.exports = exports['default']; /***/ } /******/ ]) }); ; //# sourceMappingURL=tablefilter.js.map