- setColWidths(rowIndex: Number, tbl: Element) + setColWidths(tbl: Element)
@@ -6349,7 +6349,7 @@ requires
- rowIndex
- Number
-
-
tbl
Element
maxValue ?\n parseFloat( cvalue ): maxValue;\n }\n }\n }\n }//for j\n if(meanFlag===1){\n meanValue = sumValue/nbvalues;\n }\n if(medFlag===1){\n var aux = 0;\n if(nbvalues%2 === 1){\n aux = Math.floor(nbvalues/2);\n medValue = theList[aux];\n } else{\n medValue =\n (theList[nbvalues/2] + theList[((nbvalues/2)-1)])/2;\n }\n }\n var posa;\n if(q1Flag===1){\n posa=0.0;\n posa = Math.floor(nbvalues/4);\n if(4*posa == nbvalues){\n q1Value = (theList[posa-1] + theList[posa])/2;\n } else {\n q1Value = theList[posa];\n }\n }\n if (q3Flag===1){\n posa=0.0;\n var posb=0.0;\n posa = Math.floor(nbvalues/4);\n if (4*posa === nbvalues){\n posb = 3*posa;\n q3Value = (theList[posb] + theList[posb-1])/2;\n } else {\n q3Value = theList[nbvalues-posa-1];\n }\n }\n\n for(var i=0; i<=mThisCol; i++){\n switch( opsThisCol[i] ){\n case 'mean':\n result=meanValue;\n break;\n case 'sum':\n result=sumValue;\n break;\n case 'min':\n result=minValue;\n break;\n case 'max':\n result=maxValue;\n break;\n case 'median':\n result=medValue;\n break;\n case 'q1':\n result=q1Value;\n break;\n case 'q3':\n result=q3Value;\n break;\n }\n\n var precision = !isNaN(decThisCol[i]) ? decThisCol[i] : 2;\n\n //if outputType is defined\n if(oTypeThisCol && result){\n result = result.toFixed( precision );\n\n if(Dom.id(labThisCol[i])){\n switch( Str.lower(oTypeThisCol) ){\n case 'innerhtml':\n if (isNaN(result) || !isFinite(result) ||\n nbvalues===0){\n Dom.id(labThisCol[i]).innerHTML = '.';\n } else{\n Dom.id(labThisCol[i]).innerHTML= result;\n }\n break;\n case 'setvalue':\n Dom.id( labThisCol[i] ).value = result;\n break;\n case 'createtextnode':\n var oldnode = Dom.id(labThisCol[i])\n .firstChild;\n var txtnode = Dom.text(result);\n Dom.id(labThisCol[i])\n .replaceChild(txtnode, oldnode);\n break;\n }//switch\n }\n } else {\n try{\n if(isNaN(result) || !isFinite(result) ||\n nbvalues===0){\n Dom.id(labThisCol[i]).innerHTML = '.';\n } else {\n Dom.id(labThisCol[i]).innerHTML =\n result.toFixed(precision);\n }\n } catch(e) {}//catch\n }//else\n }//for i\n\n // row(s) with result are always visible\n var totRow = totRowIndex && totRowIndex[ucol] ?\n rows[totRowIndex[ucol]] : null;\n if(totRow){\n totRow.style.display = '';\n }\n }//for ucol\n }//if typeof\n\n if(this.onAfterOperation){\n this.onAfterOperation.call(null, tf);\n }\n }\n\n destroy(){\n // unsubscribe to events\n this.tf.emitter.off(['after-filtering'], ()=> this.calc());\n }\n\n}\n"
+ "content": "import Dom from '../../dom';\nimport Str from '../../string';\nimport Types from '../../types';\n\nexport default class ColOps{\n\n /**\n * Column calculations\n * @param {Object} tf TableFilter instance\n */\n constructor(tf, opts) {\n\n //calls function before col operation\n this.onBeforeOperation = Types.isFn(opts.on_before_operation) ?\n opts.on_before_operation : null;\n //calls function after col operation\n this.onAfterOperation = Types.isFn(opts.on_after_operation) ?\n opts.on_after_operation : null;\n\n this.opts = opts;\n this.tf = tf;\n }\n\n init(){\n // subscribe to events\n this.tf.emitter.on(['after-filtering'], ()=> this.calc());\n\n this.calc();\n }\n\n /**\n * Calculates columns' values\n * Configuration options are stored in 'opts' property\n * - 'id' contains ids of elements showing result (array)\n * - 'col' contains the columns' indexes (array)\n * - 'operation' contains operation type (array, values: 'sum', 'mean',\n * 'min', 'max', 'median', 'q1', 'q3')\n * - 'write_method' array defines which method to use for displaying the\n * result (innerHTML, setValue, createTextNode) - default: 'innerHTML'\n * - 'tot_row_index' defines in which row results are displayed\n * (integers array)\n *\n * - changes made by Nuovella:\n * (1) optimized the routine (now it will only process each column once),\n * (2) added calculations for the median, lower and upper quartile.\n */\n calc() {\n var tf = this.tf;\n if(!tf.hasGrid()){\n return;\n }\n\n if(this.onBeforeOperation){\n this.onBeforeOperation.call(null, tf);\n }\n\n var opts = this.opts,\n labelId = opts.id,\n colIndex = opts.col,\n operation = opts.operation,\n outputType = opts.write_method,\n totRowIndex = opts.tot_row_index,\n excludeRow = opts.exclude_row,\n decimalPrecision = Types.isUndef(opts.decimal_precision) ?\n 2 : opts.decimal_precision;\n\n //nuovella: determine unique list of columns to operate on\n var ucolIndex = [],\n ucolMax = 0;\n ucolIndex[ucolMax] = colIndex[0];\n\n for(var ii=1; ii maxValue ?\n parseFloat( cvalue ): maxValue;\n }\n }\n }\n }//for j\n if(meanFlag===1){\n meanValue = sumValue/nbvalues;\n }\n if(medFlag===1){\n var aux = 0;\n if(nbvalues%2 === 1){\n aux = Math.floor(nbvalues/2);\n medValue = theList[aux];\n } else{\n medValue =\n (theList[nbvalues/2] + theList[((nbvalues/2)-1)])/2;\n }\n }\n var posa;\n if(q1Flag===1){\n posa=0.0;\n posa = Math.floor(nbvalues/4);\n if(4*posa == nbvalues){\n q1Value = (theList[posa-1] + theList[posa])/2;\n } else {\n q1Value = theList[posa];\n }\n }\n if (q3Flag===1){\n posa=0.0;\n var posb=0.0;\n posa = Math.floor(nbvalues/4);\n if (4*posa === nbvalues){\n posb = 3*posa;\n q3Value = (theList[posb] + theList[posb-1])/2;\n } else {\n q3Value = theList[nbvalues-posa-1];\n }\n }\n\n for(var i=0; i<=mThisCol; i++){\n switch( opsThisCol[i] ){\n case 'mean':\n result=meanValue;\n break;\n case 'sum':\n result=sumValue;\n break;\n case 'min':\n result=minValue;\n break;\n case 'max':\n result=maxValue;\n break;\n case 'median':\n result=medValue;\n break;\n case 'q1':\n result=q1Value;\n break;\n case 'q3':\n result=q3Value;\n break;\n }\n\n var precision = !isNaN(decThisCol[i]) ? decThisCol[i] : 2;\n\n //if outputType is defined\n if(oTypeThisCol && result){\n result = result.toFixed( precision );\n\n if(Dom.id(labThisCol[i])){\n switch( Str.lower(oTypeThisCol) ){\n case 'innerhtml':\n if (isNaN(result) || !isFinite(result) ||\n nbvalues===0){\n Dom.id(labThisCol[i]).innerHTML = '.';\n } else{\n Dom.id(labThisCol[i]).innerHTML= result;\n }\n break;\n case 'setvalue':\n Dom.id( labThisCol[i] ).value = result;\n break;\n case 'createtextnode':\n var oldnode = Dom.id(labThisCol[i])\n .firstChild;\n var txtnode = Dom.text(result);\n Dom.id(labThisCol[i])\n .replaceChild(txtnode, oldnode);\n break;\n }//switch\n }\n } else {\n try{\n if(isNaN(result) || !isFinite(result) ||\n nbvalues===0){\n Dom.id(labThisCol[i]).innerHTML = '.';\n } else {\n Dom.id(labThisCol[i]).innerHTML =\n result.toFixed(precision);\n }\n } catch(e) {}//catch\n }//else\n }//for i\n\n // row(s) with result are always visible\n var totRow = totRowIndex && totRowIndex[ucol] ?\n rows[totRowIndex[ucol]] : null;\n if(totRow){\n totRow.style.display = '';\n }\n }//for ucol\n }//if typeof\n\n if(this.onAfterOperation){\n this.onAfterOperation.call(null, tf);\n }\n }\n\n destroy(){\n // unsubscribe to events\n this.tf.emitter.off(['after-filtering'], ()=> this.calc());\n }\n\n}\n"
},
{
"kind": "class",
@@ -853,7 +853,7 @@
"longname": "src/extensions/colOps/colOps.js~ColOps#destroy",
"access": null,
"description": null,
- "lineNumber": 316,
+ "lineNumber": 318,
"undocument": true,
"params": [],
"generator": false
@@ -868,7 +868,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import Dom from '../../dom';\nimport Types from '../../types';\nimport Event from '../../event';\n\nexport default class ColsVisibility{\n\n /**\n * Columns Visibility extension\n * @param {Object} tf TableFilter instance\n * @param {Object} f Config\n */\n constructor(tf, f){\n\n // Configuration object\n var cfg = tf.config();\n\n this.initialized = false;\n this.name = f.name;\n this.desc = f.description || 'Columns visibility manager';\n\n //show/hide cols span element\n this.spanEl = null;\n //show/hide cols button element\n this.btnEl = null;\n //show/hide cols container div element\n this.contEl = null;\n\n //tick to hide or show column\n this.tickToHide = f.tick_to_hide===false ? false : true;\n //enables/disables cols manager generation\n this.manager = f.manager===false ? false : true;\n //only if external headers\n this.headersTbl = f.headers_table || false;\n //only if external headers\n this.headersIndex = f.headers_index || 1;\n //id of container element\n this.contElTgtId = f.container_target_id || null;\n //alternative headers text\n this.headersText = f.headers_text || null;\n //id of button container element\n this.btnTgtId = f.btn_target_id || null;\n //defines show/hide cols text\n this.btnText = f.btn_text || 'Columns▼';\n //defines show/hide cols button innerHtml\n this.btnHtml = f.btn_html || null;\n //defines css class for show/hide cols button\n this.btnCssClass = f.btn_css_class || 'colVis';\n //defines close link text\n this.btnCloseText = f.btn_close_text || 'Close';\n //defines close button innerHtml\n this.btnCloseHtml = f.btn_close_html || null;\n //defines css class for close button\n this.btnCloseCssClass = f.btn_close_css_class || this.btnCssClass;\n this.stylesheet = f.stylesheet || 'colsVisibility.css';\n //span containing show/hide cols button\n this.prfx = 'colVis_';\n //defines css class span containing show/hide cols\n this.spanCssClass = f.span_css_class || 'colVisSpan';\n this.prfxCont = this.prfx + 'Cont_';\n //defines css class div containing show/hide cols\n this.contCssClass = f.cont_css_class || 'colVisCont';\n //defines css class for cols list (ul)\n this.listCssClass = cfg.list_css_class ||'cols_checklist';\n //defines css class for list item (li)\n this.listItemCssClass = cfg.checklist_item_css_class ||\n 'cols_checklist_item';\n //defines css class for selected list item (li)\n this.listSlcItemCssClass = cfg.checklist_selected_item_css_class ||\n 'cols_checklist_slc_item';\n //text preceding columns list\n this.text = f.text || (this.tickToHide ? 'Hide: ' : 'Show: ');\n this.atStart = f.at_start || null;\n this.enableHover = Boolean(f.enable_hover);\n //enables select all option\n this.enableTickAll = Boolean(f.enable_tick_all);\n //text preceding columns list\n this.tickAllText = f.tick_all_text || 'Select all:';\n\n //array containing hidden columns indexes\n this.hiddenCols = [];\n this.tblHasColTag = (Dom.tag(tf.tbl,'col').length > 0);\n\n //callback invoked just after cols manager is loaded\n this.onLoaded = Types.isFn(f.on_loaded) ? f.on_loaded : null;\n //calls function before cols manager is opened\n this.onBeforeOpen = Types.isFn(f.on_before_open) ?\n f.on_before_open : null;\n //calls function after cols manager is opened\n this.onAfterOpen = Types.isFn(f.on_after_open) ? f.on_after_open : null;\n //calls function before cols manager is closed\n this.onBeforeClose = Types.isFn(f.on_before_close) ?\n f.on_before_close : null;\n //calls function after cols manager is closed\n this.onAfterClose = Types.isFn(f.on_after_close) ?\n f.on_after_close : null;\n\n //callback before col is hidden\n this.onBeforeColHidden = Types.isFn(f.on_before_col_hidden) ?\n f.on_before_col_hidden : null;\n //callback after col is hidden\n this.onAfterColHidden = Types.isFn(f.on_after_col_hidden) ?\n f.on_after_col_hidden : null;\n //callback before col is displayed\n this.onBeforeColDisplayed = Types.isFn(f.on_before_col_displayed) ?\n f.on_before_col_displayed : null;\n //callback after col is displayed\n this.onAfterColDisplayed = Types.isFn(f.on_after_col_displayed) ?\n f.on_after_col_displayed : null;\n\n //Grid layout compatibility\n if(tf.gridLayout){\n this.headersTbl = tf.feature('gridLayout').headTbl; //headers table\n this.headersIndex = 0; //headers index\n this.onAfterColDisplayed = function(){};\n this.onAfterColHidden = function(){};\n }\n\n //Loads extension stylesheet\n tf.import(f.name+'Style', tf.stylePath + this.stylesheet, null, 'link');\n\n this.tf = tf;\n }\n\n toggle(){\n var contDisplay = this.contEl.style.display;\n var onBeforeOpen = this.onBeforeOpen;\n var onBeforeClose = this.onBeforeClose;\n var onAfterOpen = this.onAfterOpen;\n var onAfterClose = this.onAfterClose;\n\n if(onBeforeOpen && contDisplay !== 'inline'){\n onBeforeOpen.call(null, this);\n }\n if(onBeforeClose && contDisplay === 'inline'){\n onBeforeClose.call(null, this);\n }\n\n this.contEl.style.display = contDisplay === 'inline' ?\n 'none' : 'inline';\n\n if(onAfterOpen && contDisplay !== 'inline'){\n onAfterOpen.call(null, this);\n }\n if(onAfterClose && contDisplay === 'inline'){\n onAfterClose.call(null, this);\n }\n }\n\n checkItem(lbl){\n var li = lbl.parentNode;\n if(!li || !lbl){\n return;\n }\n var isChecked = lbl.firstChild.checked;\n var colIndex = lbl.firstChild.getAttribute('id').split('_')[1];\n colIndex = parseInt(colIndex, 10);\n if(isChecked){\n Dom.addClass(li, this.listSlcItemCssClass);\n } else {\n Dom.removeClass(li, this.listSlcItemCssClass);\n }\n\n var hide = false;\n if((this.tickToHide && isChecked) || (!this.tickToHide && !isChecked)){\n hide = true;\n }\n this.setHidden(colIndex, hide);\n }\n\n init(){\n if(!this.manager){\n return;\n }\n this.buildBtn();\n this.buildManager();\n\n this.initialized = true;\n }\n\n /**\n * Build main button UI\n */\n buildBtn(){\n if(this.btnEl){\n return;\n }\n var tf = this.tf;\n var span = Dom.create('span', ['id', this.prfx+tf.id]);\n span.className = this.spanCssClass;\n\n //Container element (rdiv or custom element)\n if(!this.btnTgtId){\n tf.setToolbar();\n }\n var targetEl = !this.btnTgtId ? tf.rDiv : Dom.id(this.btnTgtId);\n\n if(!this.btnTgtId){\n var firstChild = targetEl.firstChild;\n firstChild.parentNode.insertBefore(span, firstChild);\n } else {\n targetEl.appendChild(span);\n }\n\n if(!this.btnHtml){\n var btn = Dom.create('a', ['href','javascript:;']);\n btn.className = this.btnCssClass;\n btn.title = this.desc;\n\n btn.innerHTML = this.btnText;\n span.appendChild(btn);\n if(!this.enableHover){\n Event.add(btn, 'click', (evt)=> { this.toggle(evt); });\n } else {\n Event.add(btn, 'mouseover', (evt)=> { this.toggle(evt); });\n }\n } else { //Custom html\n span.innerHTML = this.btnHtml;\n var colVisEl = span.firstChild;\n if(!this.enableHover){\n Event.add(colVisEl, 'click', (evt)=> { this.toggle(evt); });\n } else {\n Event.add(colVisEl, 'mouseover', (evt)=> { this.toggle(evt); });\n }\n }\n\n this.spanEl = span;\n this.btnEl = this.spanEl.firstChild;\n\n if(this.onLoaded){\n this.onLoaded.call(null, this);\n }\n }\n\n /**\n * Build columns manager UI\n */\n buildManager(){\n var tf = this.tf;\n\n var container = !this.contElTgtId ?\n Dom.create('div', ['id', this.prfxCont+tf.id]) :\n Dom.id(this.contElTgtId);\n container.className = this.contCssClass;\n\n //Extension description\n var extNameLabel = Dom.create('p');\n extNameLabel.innerHTML = this.text;\n container.appendChild(extNameLabel);\n\n //Headers list\n var ul = Dom.create('ul' ,['id', 'ul'+this.name+'_'+tf.id]);\n ul.className = this.listCssClass;\n\n var tbl = this.headersTbl ? this.headersTbl : tf.tbl;\n var headerIndex = this.headersTbl ?\n this.headersIndex : tf.getHeadersRowIndex();\n var headerRow = tbl.rows[headerIndex];\n\n //Tick all option\n if(this.enableTickAll){\n var li = Dom.createCheckItem(\n 'col__'+tf.id, this.tickAllText, this.tickAllText);\n Dom.addClass(li, this.listItemCssClass);\n ul.appendChild(li);\n li.check.checked = !this.tickToHide;\n\n Event.add(li.check, 'click', ()=> {\n for(var h = 0; h < headerRow.cells.length; h++){\n var itm = Dom.id('col_'+h+'_'+tf.id);\n if(itm && li.check.checked !== itm.checked){\n itm.click();\n itm.checked = li.check.checked;\n }\n }\n });\n }\n\n for(var i = 0; i < headerRow.cells.length; i++){\n var cell = headerRow.cells[i];\n var cellText = this.headersText && this.headersText[i] ?\n this.headersText[i] : this._getHeaderText(cell);\n var liElm = Dom.createCheckItem(\n 'col_'+i+'_'+tf.id, cellText, cellText);\n Dom.addClass(liElm, this.listItemCssClass);\n if(!this.tickToHide){\n Dom.addClass(liElm, this.listSlcItemCssClass);\n }\n ul.appendChild(liElm);\n if(!this.tickToHide){\n liElm.check.checked = true;\n }\n\n Event.add(liElm.check, 'click', (evt)=> {\n var elm = Event.target(evt);\n var lbl = elm.parentNode;\n this.checkItem(lbl);\n });\n }\n\n //separator\n var p = Dom.create('p', ['align','center']);\n var btn;\n //Close link\n if(!this.btnCloseHtml){\n btn = Dom.create('a', ['href','javascript:;']);\n btn.className = this.btnCloseCssClass;\n btn.innerHTML = this.btnCloseText;\n Event.add(btn, 'click', (evt)=> { this.toggle(evt); });\n p.appendChild(btn);\n } else {\n p.innerHTML = this.btnCloseHtml;\n btn = p.firstChild;\n Event.add(btn, 'click', (evt)=> { this.toggle(evt); });\n }\n\n container.appendChild(ul);\n container.appendChild(p);\n\n this.btnEl.parentNode.insertBefore(container, this.btnEl);\n this.contEl = container;\n\n if(this.atStart){\n var a = this.atStart;\n for(var k=0; k 0);\n\n //callback invoked just after cols manager is loaded\n this.onLoaded = Types.isFn(f.on_loaded) ? f.on_loaded : null;\n //calls function before cols manager is opened\n this.onBeforeOpen = Types.isFn(f.on_before_open) ?\n f.on_before_open : null;\n //calls function after cols manager is opened\n this.onAfterOpen = Types.isFn(f.on_after_open) ? f.on_after_open : null;\n //calls function before cols manager is closed\n this.onBeforeClose = Types.isFn(f.on_before_close) ?\n f.on_before_close : null;\n //calls function after cols manager is closed\n this.onAfterClose = Types.isFn(f.on_after_close) ?\n f.on_after_close : null;\n\n //callback before col is hidden\n this.onBeforeColHidden = Types.isFn(f.on_before_col_hidden) ?\n f.on_before_col_hidden : null;\n //callback after col is hidden\n this.onAfterColHidden = Types.isFn(f.on_after_col_hidden) ?\n f.on_after_col_hidden : null;\n //callback before col is displayed\n this.onBeforeColDisplayed = Types.isFn(f.on_before_col_displayed) ?\n f.on_before_col_displayed : null;\n //callback after col is displayed\n this.onAfterColDisplayed = Types.isFn(f.on_after_col_displayed) ?\n f.on_after_col_displayed : null;\n\n //Grid layout compatibility\n if(tf.gridLayout){\n this.headersTbl = tf.feature('gridLayout').headTbl; //headers table\n this.headersIndex = 0; //headers index\n this.onAfterColDisplayed = function(){};\n this.onAfterColHidden = function(){};\n }\n\n //Loads extension stylesheet\n tf.import(f.name+'Style', tf.stylePath + this.stylesheet, null, 'link');\n\n this.tf = tf;\n }\n\n toggle(){\n var contDisplay = this.contEl.style.display;\n var onBeforeOpen = this.onBeforeOpen;\n var onBeforeClose = this.onBeforeClose;\n var onAfterOpen = this.onAfterOpen;\n var onAfterClose = this.onAfterClose;\n\n if(onBeforeOpen && contDisplay !== 'inline'){\n onBeforeOpen.call(null, this);\n }\n if(onBeforeClose && contDisplay === 'inline'){\n onBeforeClose.call(null, this);\n }\n\n this.contEl.style.display = contDisplay === 'inline' ?\n 'none' : 'inline';\n\n if(onAfterOpen && contDisplay !== 'inline'){\n onAfterOpen.call(null, this);\n }\n if(onAfterClose && contDisplay === 'inline'){\n onAfterClose.call(null, this);\n }\n }\n\n checkItem(lbl){\n var li = lbl.parentNode;\n if(!li || !lbl){\n return;\n }\n var isChecked = lbl.firstChild.checked;\n var colIndex = lbl.firstChild.getAttribute('id').split('_')[1];\n colIndex = parseInt(colIndex, 10);\n if(isChecked){\n Dom.addClass(li, this.listSlcItemCssClass);\n } else {\n Dom.removeClass(li, this.listSlcItemCssClass);\n }\n\n var hide = false;\n if((this.tickToHide && isChecked) || (!this.tickToHide && !isChecked)){\n hide = true;\n }\n this.setHidden(colIndex, hide);\n }\n\n init(){\n if(!this.manager){\n return;\n }\n this.buildBtn();\n this.buildManager();\n\n this.initialized = true;\n }\n\n /**\n * Build main button UI\n */\n buildBtn(){\n if(this.btnEl){\n return;\n }\n var tf = this.tf;\n var span = Dom.create('span', ['id', this.prfx+tf.id]);\n span.className = this.spanCssClass;\n\n //Container element (rdiv or custom element)\n if(!this.btnTgtId){\n tf.setToolbar();\n }\n var targetEl = !this.btnTgtId ? tf.rDiv : Dom.id(this.btnTgtId);\n\n if(!this.btnTgtId){\n var firstChild = targetEl.firstChild;\n firstChild.parentNode.insertBefore(span, firstChild);\n } else {\n targetEl.appendChild(span);\n }\n\n if(!this.btnHtml){\n var btn = Dom.create('a', ['href','javascript:;']);\n btn.className = this.btnCssClass;\n btn.title = this.desc;\n\n btn.innerHTML = this.btnText;\n span.appendChild(btn);\n if(!this.enableHover){\n Event.add(btn, 'click', (evt)=> { this.toggle(evt); });\n } else {\n Event.add(btn, 'mouseover', (evt)=> { this.toggle(evt); });\n }\n } else { //Custom html\n span.innerHTML = this.btnHtml;\n var colVisEl = span.firstChild;\n if(!this.enableHover){\n Event.add(colVisEl, 'click', (evt)=> { this.toggle(evt); });\n } else {\n Event.add(colVisEl, 'mouseover', (evt)=> { this.toggle(evt); });\n }\n }\n\n this.spanEl = span;\n this.btnEl = this.spanEl.firstChild;\n\n if(this.onLoaded){\n this.onLoaded.call(null, this);\n }\n }\n\n /**\n * Build columns manager UI\n */\n buildManager(){\n var tf = this.tf;\n\n var container = !this.contElTgtId ?\n Dom.create('div', ['id', this.prfxCont+tf.id]) :\n Dom.id(this.contElTgtId);\n container.className = this.contCssClass;\n\n //Extension description\n var extNameLabel = Dom.create('p');\n extNameLabel.innerHTML = this.text;\n container.appendChild(extNameLabel);\n\n //Headers list\n var ul = Dom.create('ul' ,['id', 'ul'+this.name+'_'+tf.id]);\n ul.className = this.listCssClass;\n\n var tbl = this.headersTbl ? this.headersTbl : tf.tbl;\n var headerIndex = this.headersTbl ?\n this.headersIndex : tf.getHeadersRowIndex();\n var headerRow = tbl.rows[headerIndex];\n\n //Tick all option\n if(this.enableTickAll){\n var li = Dom.createCheckItem(\n 'col__'+tf.id, this.tickAllText, this.tickAllText);\n Dom.addClass(li, this.listItemCssClass);\n ul.appendChild(li);\n li.check.checked = !this.tickToHide;\n\n Event.add(li.check, 'click', ()=> {\n for(var h = 0; h < headerRow.cells.length; h++){\n var itm = Dom.id('col_'+h+'_'+tf.id);\n if(itm && li.check.checked !== itm.checked){\n itm.click();\n itm.checked = li.check.checked;\n }\n }\n });\n }\n\n for(var i = 0; i < headerRow.cells.length; i++){\n var cell = headerRow.cells[i];\n var cellText = this.headersText && this.headersText[i] ?\n this.headersText[i] : this._getHeaderText(cell);\n var liElm = Dom.createCheckItem(\n 'col_'+i+'_'+tf.id, cellText, cellText);\n Dom.addClass(liElm, this.listItemCssClass);\n if(!this.tickToHide){\n Dom.addClass(liElm, this.listSlcItemCssClass);\n }\n ul.appendChild(liElm);\n if(!this.tickToHide){\n liElm.check.checked = true;\n }\n\n Event.add(liElm.check, 'click', (evt)=> {\n var elm = Event.target(evt);\n var lbl = elm.parentNode;\n this.checkItem(lbl);\n });\n }\n\n //separator\n var p = Dom.create('p', ['align','center']);\n var btn;\n //Close link\n if(!this.btnCloseHtml){\n btn = Dom.create('a', ['href','javascript:;']);\n btn.className = this.btnCloseCssClass;\n btn.innerHTML = this.btnCloseText;\n Event.add(btn, 'click', (evt)=> { this.toggle(evt); });\n p.appendChild(btn);\n } else {\n p.innerHTML = this.btnCloseHtml;\n btn = p.firstChild;\n Event.add(btn, 'click', (evt)=> { this.toggle(evt); });\n }\n\n container.appendChild(ul);\n container.appendChild(p);\n\n this.btnEl.parentNode.insertBefore(container, this.btnEl);\n this.contEl = container;\n\n if(this.atStart){\n var a = this.atStart;\n for(var k=0; k';\n this.icnCollapseHtml = '![\"Collapse](\"'+)
';\n this.defaultText = 'Toggle filters';\n\n //id of container element\n this.targetId = f.target_id || null;\n //enables/disables expand/collapse icon\n this.enableIcon = f.enable_icon===false ? false : true;\n this.btnText = f.btn_text || '';\n\n //defines expand/collapse filters text\n this.collapseBtnHtml = this.enableIcon ?\n this.icnCollapseHtml + this.btnText :\n this.btnText || this.defaultText;\n this.expandBtnHtml = this.enableIcon ?\n this.icnExpandHtml + this.btnText :\n this.btnText || this.defaultText;\n\n //defines expand/collapse filters button innerHtml\n this.btnHtml = f.btn_html || null;\n //defines css class for expand/collapse filters button\n this.btnCssClass = f.btn_css_class || 'btnExpClpFlt';\n //defines css class span containing expand/collapse filters\n this.contCssClass = f.cont_css_class || 'expClpFlt';\n this.filtersRowIndex = !Types.isUndef(f.filters_row_index) ?\n f.filters_row_index : tf.getFiltersRowIndex();\n\n this.visibleAtStart = !Types.isUndef(f.visible_at_start) ?\n Boolean(f.visible_at_start) : true;\n\n // Prefix\n this.prfx = 'fltsVis_';\n\n //callback before filters row is shown\n this.onBeforeShow = Types.isFn(f.on_before_show) ?\n f.on_before_show : null;\n //callback after filters row is shown\n this.onAfterShow = Types.isFn(f.on_after_show) ?\n f.on_after_show : null;\n //callback before filters row is hidden\n this.onBeforeHide = Types.isFn(f.on_before_hide) ?\n f.on_before_hide : null;\n //callback after filters row is hidden\n this.onAfterHide = Types.isFn(f.on_after_hide) ? f.on_after_hide : null;\n\n //Loads extension stylesheet\n tf.import(f.name+'Style', tf.stylePath + this.stylesheet, null, 'link');\n\n this.tf = tf;\n }\n\n /**\n * Initialise extension\n */\n init(){\n if(this.initialized){\n return;\n }\n\n this.buildUI();\n this.initialized = true;\n }\n\n /**\n * Build UI elements\n */\n buildUI(){\n let tf = this.tf;\n let span = Dom.create('span',['id', this.prfx+tf.id]);\n span.className = this.contCssClass;\n\n //Container element (rdiv or custom element)\n if(!this.targetId){\n tf.setToolbar();\n }\n let targetEl = !this.targetId ? tf.rDiv : Dom.id(this.targetId);\n\n if(!this.targetId){\n let firstChild = targetEl.firstChild;\n firstChild.parentNode.insertBefore(span, firstChild);\n } else {\n targetEl.appendChild(span);\n }\n\n let btn;\n if(!this.btnHtml){\n btn = Dom.create('a', ['href', 'javascript:void(0);']);\n btn.className = this.btnCssClass;\n btn.title = this.btnText || this.defaultText;\n btn.innerHTML = this.collapseBtnHtml;\n span.appendChild(btn);\n } else { //Custom html\n span.innerHTML = this.btnHtml;\n btn = span.firstChild;\n }\n\n Event.add(btn, 'click', ()=> this.toggle());\n\n this.contEl = span;\n this.btnEl = btn;\n\n if(!this.visibleAtStart){\n this.toggle();\n }\n }\n\n /**\n * Toggle filters visibility\n */\n toggle(){\n let tf = this.tf;\n let tbl = tf.gridLayout? tf.feature('gridLayout').headTbl : tf.tbl;\n let fltRow = tbl.rows[this.filtersRowIndex];\n let fltRowDisplay = fltRow.style.display;\n\n if(this.onBeforeShow && fltRowDisplay !== ''){\n this.onBeforeShow.call(this, this);\n }\n if(this.onBeforeHide && fltRowDisplay === ''){\n this.onBeforeHide.call(null, this);\n }\n\n fltRow.style.display = fltRowDisplay==='' ? 'none' : '';\n if(this.enableIcon && !this.btnHtml){\n this.btnEl.innerHTML = fltRowDisplay === '' ?\n this.expandBtnHtml : this.collapseBtnHtml;\n }\n\n if(this.onAfterShow && fltRowDisplay !== ''){\n this.onAfterShow.call(null, this);\n }\n if(this.onAfterHide && fltRowDisplay === ''){\n this.onAfterHide.call(null, this);\n }\n }\n\n /**\n * Destroy the UI\n */\n destroy(){\n if(!this.btnEl && !this.contEl){\n return;\n }\n\n this.btnEl.innerHTML = '';\n Dom.remove(this.btnEl);\n this.btnEl = null;\n\n this.contEl.innerHTML = '';\n Dom.remove(this.contEl);\n this.contEl = null;\n this.initialized = false;\n }\n\n}\n"
+ "content": "import Dom from '../../dom';\nimport Types from '../../types';\nimport Event from '../../event';\n\nexport default class FiltersVisibility{\n\n /**\n * Filters Row Visibility extension\n * @param {Object} tf TableFilter instance\n * @param {Object} f Config\n */\n constructor(tf, f){\n\n this.initialized = false;\n this.name = f.name;\n this.desc = f.description || 'Filters row visibility manager';\n\n // Path and image filenames\n this.stylesheet = f.stylesheet || 'filtersVisibility.css';\n this.icnExpand = f.expand_icon_name || 'icn_exp.png';\n this.icnCollapse = f.collapse_icon_name || 'icn_clp.png';\n\n //expand/collapse filters span element\n this.contEl = null;\n //expand/collapse filters btn element\n this.btnEl = null;\n\n this.icnExpandHtml = '';\n this.icnCollapseHtml = '';\n this.defaultText = 'Toggle filters';\n\n //id of container element\n this.targetId = f.target_id || null;\n //enables/disables expand/collapse icon\n this.enableIcon = f.enable_icon===false ? false : true;\n this.btnText = f.btn_text || '';\n\n //defines expand/collapse filters text\n this.collapseBtnHtml = this.enableIcon ?\n this.icnCollapseHtml + this.btnText :\n this.btnText || this.defaultText;\n this.expandBtnHtml = this.enableIcon ?\n this.icnExpandHtml + this.btnText :\n this.btnText || this.defaultText;\n\n //defines expand/collapse filters button innerHtml\n this.btnHtml = f.btn_html || null;\n //defines css class for expand/collapse filters button\n this.btnCssClass = f.btn_css_class || 'btnExpClpFlt';\n //defines css class span containing expand/collapse filters\n this.contCssClass = f.cont_css_class || 'expClpFlt';\n this.filtersRowIndex = !Types.isUndef(f.filters_row_index) ?\n f.filters_row_index : tf.getFiltersRowIndex();\n\n this.visibleAtStart = !Types.isUndef(f.visible_at_start) ?\n Boolean(f.visible_at_start) : true;\n\n // Prefix\n this.prfx = 'fltsVis_';\n\n //callback before filters row is shown\n this.onBeforeShow = Types.isFn(f.on_before_show) ?\n f.on_before_show : null;\n //callback after filters row is shown\n this.onAfterShow = Types.isFn(f.on_after_show) ?\n f.on_after_show : null;\n //callback before filters row is hidden\n this.onBeforeHide = Types.isFn(f.on_before_hide) ?\n f.on_before_hide : null;\n //callback after filters row is hidden\n this.onAfterHide = Types.isFn(f.on_after_hide) ? f.on_after_hide : null;\n\n //Loads extension stylesheet\n tf.import(f.name+'Style', tf.stylePath + this.stylesheet, null, 'link');\n\n this.tf = tf;\n }\n\n /**\n * Initialise extension\n */\n init(){\n if(this.initialized){\n return;\n }\n\n this.buildUI();\n this.initialized = true;\n }\n\n /**\n * Build UI elements\n */\n buildUI(){\n let tf = this.tf;\n let span = Dom.create('span',['id', this.prfx+tf.id]);\n span.className = this.contCssClass;\n\n //Container element (rdiv or custom element)\n if(!this.targetId){\n tf.setToolbar();\n }\n let targetEl = !this.targetId ? tf.rDiv : Dom.id(this.targetId);\n\n if(!this.targetId){\n let firstChild = targetEl.firstChild;\n firstChild.parentNode.insertBefore(span, firstChild);\n } else {\n targetEl.appendChild(span);\n }\n\n let btn;\n if(!this.btnHtml){\n btn = Dom.create('a', ['href', 'javascript:void(0);']);\n btn.className = this.btnCssClass;\n btn.title = this.btnText || this.defaultText;\n btn.innerHTML = this.collapseBtnHtml;\n span.appendChild(btn);\n } else { //Custom html\n span.innerHTML = this.btnHtml;\n btn = span.firstChild;\n }\n\n Event.add(btn, 'click', ()=> this.toggle());\n\n this.contEl = span;\n this.btnEl = btn;\n\n if(!this.visibleAtStart){\n this.toggle();\n }\n }\n\n /**\n * Toggle filters visibility\n */\n toggle(){\n let tf = this.tf;\n let tbl = tf.gridLayout? tf.feature('gridLayout').headTbl : tf.tbl;\n let fltRow = tbl.rows[this.filtersRowIndex];\n let fltRowDisplay = fltRow.style.display;\n\n if(this.onBeforeShow && fltRowDisplay !== ''){\n this.onBeforeShow.call(this, this);\n }\n if(this.onBeforeHide && fltRowDisplay === ''){\n this.onBeforeHide.call(null, this);\n }\n\n fltRow.style.display = fltRowDisplay==='' ? 'none' : '';\n if(this.enableIcon && !this.btnHtml){\n this.btnEl.innerHTML = fltRowDisplay === '' ?\n this.expandBtnHtml : this.collapseBtnHtml;\n }\n\n if(this.onAfterShow && fltRowDisplay !== ''){\n this.onAfterShow.call(null, this);\n }\n if(this.onAfterHide && fltRowDisplay === ''){\n this.onAfterHide.call(null, this);\n }\n }\n\n /**\n * Destroy the UI\n */\n destroy(){\n if(!this.btnEl && !this.contEl){\n return;\n }\n\n this.btnEl.innerHTML = '';\n Dom.remove(this.btnEl);\n this.btnEl = null;\n\n this.contEl.innerHTML = '';\n Dom.remove(this.contEl);\n this.contEl = null;\n this.initialized = false;\n }\n\n}\n"
},
{
"kind": "class",
@@ -3907,7 +3907,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Arr from '../array';\nimport Str from '../string';\nimport Sort from '../sort';\nimport Event from '../event';\n\nconst SORT_ERROR = 'Filter options for column {0} cannot be sorted in ' +\n '{1} manner.';\n\nexport class CheckList extends Feature{\n\n /**\n * Checklist UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'checkList');\n\n // Configuration object\n let f = tf.config();\n\n this.checkListDiv = []; //checklist container div\n //defines css class for div containing checklist filter\n this.checkListDivCssClass = f.div_checklist_css_class ||\n 'div_checklist';\n //defines css class for checklist filters\n this.checkListCssClass = f.checklist_css_class || 'flt_checklist';\n //defines css class for checklist item (li)\n this.checkListItemCssClass = f.checklist_item_css_class ||\n 'flt_checklist_item';\n //defines css class for selected checklist item (li)\n this.checkListSlcItemCssClass = f.checklist_selected_item_css_class ||\n 'flt_checklist_slc_item';\n //Load on demand text\n this.activateCheckListTxt = f.activate_checklist_text ||\n 'Click to load filter data';\n //defines css class for checklist filters\n this.checkListItemDisabledCssClass =\n f.checklist_item_disabled_css_class ||\n 'flt_checklist_item_disabled';\n this.enableCheckListResetFilter =\n f.enable_checklist_reset_filter===false ? false : true;\n //checklist filter container div\n this.prfxCheckListDiv = 'chkdiv_';\n\n this.isCustom = null;\n this.opts = null;\n this.optsTxt = null;\n this.excludedOpts = null;\n }\n\n onChange(evt){\n let elm = evt.target;\n let tf = this.tf;\n tf.activeFilterId = elm.getAttribute('id');\n tf.activeFlt = Dom.id(tf.activeFilterId);\n tf.filter();\n }\n\n optionClick(evt){\n this.setCheckListValues(evt.target);\n this.onChange(evt);\n }\n\n onCheckListClick(evt){\n let elm = Event.target(evt);\n if(this.tf.loadFltOnDemand && elm.getAttribute('filled') === '0'){\n let ct = elm.getAttribute('ct');\n let div = this.checkListDiv[ct];\n this.build(ct);\n Event.remove(div, 'click', (evt)=> this.onCheckListClick(evt));\n }\n }\n\n /**\n * Initialize checklist filter\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal External filter flag\n * @param {DOMElement} container Dom element containing the filter\n */\n init(colIndex, isExternal, container){\n let tf = this.tf;\n let externalFltTgtId = isExternal ?\n tf.externalFltTgtIds[colIndex] : null;\n\n let divCont = Dom.create('div',\n ['id', this.prfxCheckListDiv+colIndex+'_'+tf.id],\n ['ct', colIndex], ['filled', '0']);\n divCont.className = this.checkListDivCssClass;\n\n //filter is appended in desired element\n if(externalFltTgtId){\n Dom.id(externalFltTgtId).appendChild(divCont);\n tf.externalFltEls.push(divCont);\n } else {\n container.appendChild(divCont);\n }\n\n this.checkListDiv[colIndex] = divCont;\n tf.fltIds.push(tf.prfxFlt+colIndex+'_'+tf.id);\n\n if(!tf.loadFltOnDemand){\n this.build(colIndex);\n } else {\n Event.add(divCont, 'click', (evt)=> this.onCheckListClick(evt));\n divCont.appendChild(Dom.text(this.activateCheckListTxt));\n }\n\n this.emitter.on(\n ['build-checklist-filter'],\n (tf, colIndex, isExternal)=> this.build(colIndex, isExternal)\n );\n\n this.emitter.on(\n ['select-checklist-options'],\n (tf, colIndex, values)=> this.selectOptions(colIndex, values)\n );\n\n this.initialized = true;\n }\n\n /**\n * Build checklist UI\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal Render in external container\n * @param {String} extFltId External container id\n */\n build(colIndex, isExternal=false, extFltId=null){\n let tf = this.tf;\n colIndex = parseInt(colIndex, 10);\n\n this.emitter.emit('before-populating-filter', tf, colIndex);\n\n this.opts = [];\n this.optsTxt = [];\n\n let divFltId = this.prfxCheckListDiv+colIndex+'_'+tf.id;\n if((!Dom.id(divFltId) && !isExternal) ||\n (!Dom.id(extFltId) && isExternal)){\n return;\n }\n\n let flt = !isExternal ? this.checkListDiv[colIndex] : Dom.id(extFltId);\n let ul = Dom.create(\n 'ul', ['id', tf.fltIds[colIndex]], ['colIndex', colIndex]);\n ul.className = this.checkListCssClass;\n Event.add(ul, 'change', (evt)=> this.onChange(evt));\n\n let rows = tf.tbl.rows;\n this.isCustom = tf.isCustomOptions(colIndex);\n\n let activeFlt;\n if(tf.linkedFilters && tf.activeFilterId){\n activeFlt = tf.activeFilterId.split('_')[0];\n activeFlt = activeFlt.split(tf.prfxFlt)[1];\n }\n\n let filteredDataCol = [];\n if(tf.linkedFilters && tf.disableExcludedOptions){\n this.excludedOpts = [];\n }\n\n for(let k=tf.refRow; k this.optionClick(evt));\n }\n ul.appendChild(li);\n\n if(val === ''){\n //item is hidden\n li.style.display = 'none';\n }\n }\n }\n\n /**\n * Add checklist header option\n * @param {Number} colIndex Column index\n * @param {Object} ul Ul element\n */\n addTChecks(colIndex, ul){\n let tf = this.tf;\n let chkCt = 1;\n let li0 = Dom.createCheckItem(\n tf.fltIds[colIndex]+'_0', '', tf.displayAllText);\n li0.className = this.checkListItemCssClass;\n ul.appendChild(li0);\n\n Event.add(li0.check, 'click', (evt)=> this.optionClick(evt));\n\n if(!this.enableCheckListResetFilter){\n li0.style.display = 'none';\n }\n\n if(tf.enableEmptyOption){\n let li1 = Dom.createCheckItem(\n tf.fltIds[colIndex]+'_1', tf.emOperator, tf.emptyText);\n li1.className = this.checkListItemCssClass;\n ul.appendChild(li1);\n Event.add(li1.check, 'click', (evt)=> this.optionClick(evt));\n chkCt++;\n }\n\n if(tf.enableNonEmptyOption){\n let li2 = Dom.createCheckItem(\n tf.fltIds[colIndex]+'_2',\n tf.nmOperator,\n tf.nonEmptyText\n );\n li2.className = this.checkListItemCssClass;\n ul.appendChild(li2);\n Event.add(li2.check, 'click', (evt)=> this.optionClick(evt));\n chkCt++;\n }\n return chkCt;\n }\n\n /**\n * Store checked options in DOM element attribute\n * @param {Object} o checklist option DOM element\n */\n setCheckListValues(o){\n if(!o){\n return;\n }\n let tf = this.tf;\n let chkValue = o.value; //checked item value\n let chkIndex = parseInt(o.id.split('_')[2], 10);\n let filterTag = 'ul', itemTag = 'li';\n let n = o;\n\n //ul tag search\n while(Str.lower(n.nodeName)!==filterTag){\n n = n.parentNode;\n }\n\n let li = n.childNodes[chkIndex];\n let colIndex = n.getAttribute('colIndex');\n let fltValue = n.getAttribute('value'); //filter value (ul tag)\n let fltIndexes = n.getAttribute('indexes'); //selected items (ul tag)\n\n if(o.checked){\n //show all item\n if(chkValue===''){\n if((fltIndexes && fltIndexes!=='')){\n //items indexes\n let indSplit = fltIndexes.split(tf.separator);\n //checked items loop\n for(let u=0; u this.build(colIndex, isExternal)\n );\n this.emitter.off(\n ['select-checklist-options'],\n (tf, colIndex, values)=> this.selectOptions(colIndex, values)\n );\n }\n}\n"
+ "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Arr from '../array';\nimport Str from '../string';\nimport Sort from '../sort';\nimport Event from '../event';\n\nconst SORT_ERROR = 'Filter options for column {0} cannot be sorted in ' +\n '{1} manner.';\n\nexport class CheckList extends Feature{\n\n /**\n * Checklist UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'checkList');\n\n // Configuration object\n let f = tf.config();\n\n this.checkListDiv = []; //checklist container div\n //defines css class for div containing checklist filter\n this.checkListDivCssClass = f.div_checklist_css_class ||\n 'div_checklist';\n //defines css class for checklist filters\n this.checkListCssClass = f.checklist_css_class || 'flt_checklist';\n //defines css class for checklist item (li)\n this.checkListItemCssClass = f.checklist_item_css_class ||\n 'flt_checklist_item';\n //defines css class for selected checklist item (li)\n this.checkListSlcItemCssClass = f.checklist_selected_item_css_class ||\n 'flt_checklist_slc_item';\n //Load on demand text\n this.activateCheckListTxt = f.activate_checklist_text ||\n 'Click to load filter data';\n //defines css class for checklist filters\n this.checkListItemDisabledCssClass =\n f.checklist_item_disabled_css_class ||\n 'flt_checklist_item_disabled';\n this.enableCheckListResetFilter =\n f.enable_checklist_reset_filter===false ? false : true;\n //checklist filter container div\n this.prfxCheckListDiv = 'chkdiv_';\n\n this.isCustom = null;\n this.opts = null;\n this.optsTxt = null;\n this.excludedOpts = null;\n }\n\n onChange(evt){\n let elm = evt.target;\n let tf = this.tf;\n tf.activeFilterId = elm.getAttribute('id');\n tf.activeFlt = Dom.id(tf.activeFilterId);\n tf.filter();\n }\n\n optionClick(evt){\n this.setCheckListValues(evt.target);\n this.onChange(evt);\n }\n\n onCheckListClick(evt){\n let elm = Event.target(evt);\n if(this.tf.loadFltOnDemand && elm.getAttribute('filled') === '0'){\n let ct = elm.getAttribute('ct');\n let div = this.checkListDiv[ct];\n this.build(ct);\n Event.remove(div, 'click', (evt)=> this.onCheckListClick(evt));\n }\n }\n\n /**\n * Initialize checklist filter\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal External filter flag\n * @param {DOMElement} container Dom element containing the filter\n */\n init(colIndex, isExternal, container){\n let tf = this.tf;\n let externalFltTgtId = isExternal ?\n tf.externalFltTgtIds[colIndex] : null;\n\n let divCont = Dom.create('div',\n ['id', this.prfxCheckListDiv+colIndex+'_'+tf.id],\n ['ct', colIndex], ['filled', '0']);\n divCont.className = this.checkListDivCssClass;\n\n //filter is appended in desired element\n if(externalFltTgtId){\n Dom.id(externalFltTgtId).appendChild(divCont);\n tf.externalFltEls.push(divCont);\n } else {\n container.appendChild(divCont);\n }\n\n this.checkListDiv[colIndex] = divCont;\n tf.fltIds.push(tf.prfxFlt+colIndex+'_'+tf.id);\n\n if(!tf.loadFltOnDemand){\n this.build(colIndex);\n } else {\n Event.add(divCont, 'click', (evt)=> this.onCheckListClick(evt));\n divCont.appendChild(Dom.text(this.activateCheckListTxt));\n }\n\n this.emitter.on(\n ['build-checklist-filter'],\n (tf, colIndex, isExternal)=> this.build(colIndex, isExternal)\n );\n\n this.emitter.on(\n ['select-checklist-options'],\n (tf, colIndex, values)=> this.selectOptions(colIndex, values)\n );\n\n this.initialized = true;\n }\n\n /**\n * Build checklist UI\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal Render in external container\n * @param {String} extFltId External container id\n */\n build(colIndex, isExternal=false, extFltId=null){\n let tf = this.tf;\n colIndex = parseInt(colIndex, 10);\n\n this.emitter.emit('before-populating-filter', tf, colIndex);\n\n this.opts = [];\n this.optsTxt = [];\n\n let divFltId = this.prfxCheckListDiv+colIndex+'_'+tf.id;\n if((!Dom.id(divFltId) && !isExternal) ||\n (!Dom.id(extFltId) && isExternal)){\n return;\n }\n\n let flt = !isExternal ? this.checkListDiv[colIndex] : Dom.id(extFltId);\n let ul = Dom.create(\n 'ul', ['id', tf.fltIds[colIndex]], ['colIndex', colIndex]);\n ul.className = this.checkListCssClass;\n Event.add(ul, 'change', (evt)=> this.onChange(evt));\n\n let rows = tf.tbl.rows;\n this.isCustom = tf.isCustomOptions(colIndex);\n\n let activeFlt;\n if(tf.linkedFilters && tf.activeFilterId){\n activeFlt = tf.activeFilterId.split('_')[0];\n activeFlt = activeFlt.split(tf.prfxFlt)[1];\n }\n\n let filteredDataCol = [];\n if(tf.linkedFilters && tf.disableExcludedOptions){\n this.excludedOpts = [];\n }\n\n flt.innerHTML = '';\n\n for(let k=tf.refRow; k this.optionClick(evt));\n }\n ul.appendChild(li);\n\n if(val === ''){\n //item is hidden\n li.style.display = 'none';\n }\n }\n }\n\n /**\n * Add checklist header option\n * @param {Number} colIndex Column index\n * @param {Object} ul Ul element\n */\n addTChecks(colIndex, ul){\n let tf = this.tf;\n let chkCt = 1;\n let li0 = Dom.createCheckItem(\n tf.fltIds[colIndex]+'_0', '', tf.displayAllText);\n li0.className = this.checkListItemCssClass;\n ul.appendChild(li0);\n\n Event.add(li0.check, 'click', (evt)=> this.optionClick(evt));\n\n if(!this.enableCheckListResetFilter){\n li0.style.display = 'none';\n }\n\n if(tf.enableEmptyOption){\n let li1 = Dom.createCheckItem(\n tf.fltIds[colIndex]+'_1', tf.emOperator, tf.emptyText);\n li1.className = this.checkListItemCssClass;\n ul.appendChild(li1);\n Event.add(li1.check, 'click', (evt)=> this.optionClick(evt));\n chkCt++;\n }\n\n if(tf.enableNonEmptyOption){\n let li2 = Dom.createCheckItem(\n tf.fltIds[colIndex]+'_2',\n tf.nmOperator,\n tf.nonEmptyText\n );\n li2.className = this.checkListItemCssClass;\n ul.appendChild(li2);\n Event.add(li2.check, 'click', (evt)=> this.optionClick(evt));\n chkCt++;\n }\n return chkCt;\n }\n\n /**\n * Store checked options in DOM element attribute\n * @param {Object} o checklist option DOM element\n */\n setCheckListValues(o){\n if(!o){\n return;\n }\n let tf = this.tf;\n let chkValue = o.value; //checked item value\n let chkIndex = parseInt(o.id.split('_')[2], 10);\n let filterTag = 'ul', itemTag = 'li';\n let n = o;\n\n //ul tag search\n while(Str.lower(n.nodeName)!==filterTag){\n n = n.parentNode;\n }\n\n let li = n.childNodes[chkIndex];\n let colIndex = n.getAttribute('colIndex');\n let fltValue = n.getAttribute('value'); //filter value (ul tag)\n let fltIndexes = n.getAttribute('indexes'); //selected items (ul tag)\n\n if(o.checked){\n //show all item\n if(chkValue===''){\n if((fltIndexes && fltIndexes!=='')){\n //items indexes\n let indSplit = fltIndexes.split(tf.separator);\n //checked items loop\n for(let u=0; u this.build(colIndex, isExternal)\n );\n this.emitter.off(\n ['select-checklist-options'],\n (tf, colIndex, values)=> this.selectOptions(colIndex, values)\n );\n }\n}\n"
},
{
"kind": "variable",
@@ -4438,7 +4438,7 @@
"longname": "src/modules/checkList.js~CheckList#opts",
"access": null,
"description": null,
- "lineNumber": 214,
+ "lineNumber": 216,
"undocument": true,
"type": {
"types": [
@@ -4455,7 +4455,7 @@
"longname": "src/modules/checkList.js~CheckList#optsTxt",
"access": null,
"description": null,
- "lineNumber": 215,
+ "lineNumber": 217,
"undocument": true,
"type": {
"types": [
@@ -4472,7 +4472,7 @@
"longname": "src/modules/checkList.js~CheckList#addChecks",
"access": null,
"description": "Add checklist options",
- "lineNumber": 278,
+ "lineNumber": 280,
"params": [
{
"nullable": null,
@@ -4506,7 +4506,7 @@
"longname": "src/modules/checkList.js~CheckList#addTChecks",
"access": null,
"description": "Add checklist header option",
- "lineNumber": 311,
+ "lineNumber": 313,
"params": [
{
"nullable": null,
@@ -4545,7 +4545,7 @@
"longname": "src/modules/checkList.js~CheckList#setCheckListValues",
"access": null,
"description": "Store checked options in DOM element attribute",
- "lineNumber": 352,
+ "lineNumber": 354,
"params": [
{
"nullable": null,
@@ -4569,7 +4569,7 @@
"longname": "src/modules/checkList.js~CheckList#selectOptions",
"access": null,
"description": "Select filter options programmatically",
- "lineNumber": 435,
+ "lineNumber": 437,
"params": [
{
"nullable": null,
@@ -4603,7 +4603,7 @@
"longname": "src/modules/checkList.js~CheckList#destroy",
"access": null,
"description": null,
- "lineNumber": 464,
+ "lineNumber": 466,
"undocument": true,
"params": [],
"generator": false
@@ -4883,7 +4883,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Arr from '../array';\nimport Str from '../string';\nimport Sort from '../sort';\nimport Event from '../event';\n\nconst SORT_ERROR = 'Filter options for column {0} cannot be sorted in ' +\n '{1} manner.';\n\nexport class Dropdown extends Feature{\n\n /**\n * Dropdown UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'dropdown');\n\n // Configuration object\n let f = tf.config();\n\n this.enableSlcResetFilter = f.enable_slc_reset_filter===false ?\n false : true;\n //defines empty option text\n this.nonEmptyText = f.non_empty_text || '(Non empty)';\n //IE only, tooltip text appearing on select before it is populated\n this.activateSlcTooltip = f.activate_slc_tooltip ||\n 'Click to activate';\n //tooltip text appearing on multiple select\n this.multipleSlcTooltip = f.multiple_slc_tooltip ||\n 'Use Ctrl key for multiple selections';\n\n this.isCustom = null;\n this.opts = null;\n this.optsTxt = null;\n this.slcInnerHtml = null;\n }\n\n onSlcFocus(e) {\n let elm = Event.target(e);\n let tf = this.tf;\n tf.activeFilterId = elm.getAttribute('id');\n tf.activeFlt = Dom.id(tf.activeFilterId);\n // select is populated when element has focus\n if(tf.loadFltOnDemand && elm.getAttribute('filled') === '0'){\n let ct = elm.getAttribute('ct');\n this.build(ct);\n }\n this.emitter.emit('filter-focus', tf, this);\n }\n\n onSlcChange() {\n if(this.tf.onSlcChange){\n this.tf.filter();\n }\n }\n\n /**\n * Initialize drop-down filter\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal External filter flag\n * @param {DOMElement} container Dom element containing the filter\n */\n init(colIndex, isExternal, container){\n let tf = this.tf;\n let col = tf.getFilterType(colIndex);\n let externalFltTgtId = isExternal ?\n tf.externalFltTgtIds[colIndex] : null;\n\n let slc = Dom.create(tf.fltTypeSlc,\n ['id', tf.prfxFlt+colIndex+'_'+tf.id],\n ['ct', colIndex], ['filled', '0']\n );\n\n if(col === tf.fltTypeMulti){\n slc.multiple = tf.fltTypeMulti;\n slc.title = this.multipleSlcTooltip;\n }\n slc.className = Str.lower(col) === tf.fltTypeSlc ?\n tf.fltCssClass : tf.fltMultiCssClass;\n\n //filter is appended in container element\n if(externalFltTgtId){\n Dom.id(externalFltTgtId).appendChild(slc);\n tf.externalFltEls.push(slc);\n } else {\n container.appendChild(slc);\n }\n\n tf.fltIds.push(slc.id);\n\n if(!tf.loadFltOnDemand){\n this.build(colIndex);\n } else {\n //1st option is created here since build isn't invoked\n let opt0 = Dom.createOpt(tf.displayAllText, '');\n slc.appendChild(opt0);\n }\n\n Event.add(slc, 'change', ()=> this.onSlcChange());\n Event.add(slc, 'focus', (e)=> this.onSlcFocus(e));\n\n this.emitter.on(\n ['build-select-filter'],\n (tf, colIndex, isLinked, isExternal)=>\n this.build(colIndex, isLinked, isExternal)\n );\n this.emitter.on(\n ['select-options'],\n (tf, colIndex, values)=> this.selectOptions(colIndex, values)\n );\n\n this.initialized = true;\n }\n\n /**\n * Build drop-down filter UI\n * @param {Number} colIndex Column index\n * @param {Boolean} isLinked Enable linked refresh behaviour\n * @param {Boolean} isExternal Render in external container\n * @param {String} extSlcId External container id\n */\n build(colIndex, isLinked=false, isExternal=false, extSlcId=null){\n let tf = this.tf;\n colIndex = parseInt(colIndex, 10);\n\n this.emitter.emit('before-populating-filter', tf, colIndex);\n\n this.opts = [];\n this.optsTxt = [];\n this.slcInnerHtml = '';\n\n let slcId = tf.fltIds[colIndex];\n if((!Dom.id(slcId) && !isExternal) ||\n (!Dom.id(extSlcId) && isExternal)){\n return;\n }\n let slc = !isExternal ? Dom.id(slcId) : Dom.id(extSlcId),\n rows = tf.tbl.rows,\n matchCase = tf.matchCase;\n\n //custom select test\n this.isCustom = tf.isCustomOptions(colIndex);\n\n //custom selects text\n let activeFlt;\n if(isLinked && tf.activeFilterId){\n activeFlt = tf.activeFilterId.split('_')[0];\n activeFlt = activeFlt.split(tf.prfxFlt)[1];\n }\n\n let excludedOpts = null,\n filteredDataCol = null;\n if(isLinked && tf.disableExcludedOptions){\n excludedOpts = [];\n filteredDataCol = [];\n }\n\n for(let k=tf.refRow; k {\n // Empty value means clear all selections and first option is the\n // clear all option\n if(values[0] === '' || option.value === ''){\n option.selected = false;\n }\n\n if(option.value !== '' &&\n Arr.has(values, option.value, true)){\n option.selected = true;\n }//if\n });\n }\n\n destroy(){\n this.emitter.off(\n ['build-select-filter'],\n (colIndex, isLinked, isExternal)=>\n this.build(colIndex, isLinked, isExternal)\n );\n this.emitter.off(\n ['select-options'],\n (tf, colIndex, values)=> this.selectOptions(colIndex, values)\n );\n }\n}\n"
+ "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Arr from '../array';\nimport Str from '../string';\nimport Sort from '../sort';\nimport Event from '../event';\n\nconst SORT_ERROR = 'Filter options for column {0} cannot be sorted in ' +\n '{1} manner.';\n\nexport class Dropdown extends Feature{\n\n /**\n * Dropdown UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'dropdown');\n\n // Configuration object\n let f = tf.config();\n\n this.enableSlcResetFilter = f.enable_slc_reset_filter===false ?\n false : true;\n //defines empty option text\n this.nonEmptyText = f.non_empty_text || '(Non empty)';\n //IE only, tooltip text appearing on select before it is populated\n this.activateSlcTooltip = f.activate_slc_tooltip ||\n 'Click to activate';\n //tooltip text appearing on multiple select\n this.multipleSlcTooltip = f.multiple_slc_tooltip ||\n 'Use Ctrl key for multiple selections';\n\n this.isCustom = null;\n this.opts = null;\n this.optsTxt = null;\n this.slcInnerHtml = null;\n }\n\n onSlcFocus(e) {\n let elm = Event.target(e);\n let tf = this.tf;\n tf.activeFilterId = elm.getAttribute('id');\n tf.activeFlt = Dom.id(tf.activeFilterId);\n // select is populated when element has focus\n if(tf.loadFltOnDemand && elm.getAttribute('filled') === '0'){\n let ct = elm.getAttribute('ct');\n this.build(ct);\n }\n this.emitter.emit('filter-focus', tf, this);\n }\n\n onSlcChange() {\n if(this.tf.onSlcChange){\n this.tf.filter();\n }\n }\n\n /**\n * Initialize drop-down filter\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal External filter flag\n * @param {DOMElement} container Dom element containing the filter\n */\n init(colIndex, isExternal, container){\n let tf = this.tf;\n let col = tf.getFilterType(colIndex);\n let externalFltTgtId = isExternal ?\n tf.externalFltTgtIds[colIndex] : null;\n\n let slc = Dom.create(tf.fltTypeSlc,\n ['id', tf.prfxFlt+colIndex+'_'+tf.id],\n ['ct', colIndex], ['filled', '0']\n );\n\n if(col === tf.fltTypeMulti){\n slc.multiple = tf.fltTypeMulti;\n slc.title = this.multipleSlcTooltip;\n }\n slc.className = Str.lower(col) === tf.fltTypeSlc ?\n tf.fltCssClass : tf.fltMultiCssClass;\n\n //filter is appended in container element\n if(externalFltTgtId){\n Dom.id(externalFltTgtId).appendChild(slc);\n tf.externalFltEls.push(slc);\n } else {\n container.appendChild(slc);\n }\n\n tf.fltIds.push(slc.id);\n\n if(!tf.loadFltOnDemand){\n this.build(colIndex);\n } else {\n //1st option is created here since build isn't invoked\n let opt0 = Dom.createOpt(tf.displayAllText, '');\n slc.appendChild(opt0);\n }\n\n Event.add(slc, 'change', ()=> this.onSlcChange());\n Event.add(slc, 'focus', (e)=> this.onSlcFocus(e));\n\n this.emitter.on(\n ['build-select-filter'],\n (tf, colIndex, isLinked, isExternal)=>\n this.build(colIndex, isLinked, isExternal)\n );\n this.emitter.on(\n ['select-options'],\n (tf, colIndex, values)=> this.selectOptions(colIndex, values)\n );\n\n this.initialized = true;\n }\n\n /**\n * Build drop-down filter UI\n * @param {Number} colIndex Column index\n * @param {Boolean} isLinked Enable linked refresh behaviour\n * @param {Boolean} isExternal Render in external container\n * @param {String} extSlcId External container id\n */\n build(colIndex, isLinked=false, isExternal=false, extSlcId=null){\n let tf = this.tf;\n colIndex = parseInt(colIndex, 10);\n\n this.emitter.emit('before-populating-filter', tf, colIndex);\n\n this.opts = [];\n this.optsTxt = [];\n this.slcInnerHtml = '';\n\n let slcId = tf.fltIds[colIndex];\n if((!Dom.id(slcId) && !isExternal) ||\n (!Dom.id(extSlcId) && isExternal)){\n return;\n }\n let slc = !isExternal ? Dom.id(slcId) : Dom.id(extSlcId),\n rows = tf.tbl.rows,\n matchCase = tf.matchCase;\n\n //custom select test\n this.isCustom = tf.isCustomOptions(colIndex);\n\n //custom selects text\n let activeFlt;\n if(isLinked && tf.activeFilterId){\n activeFlt = tf.activeFilterId.split('_')[0];\n activeFlt = activeFlt.split(tf.prfxFlt)[1];\n }\n\n let excludedOpts = null,\n filteredDataCol = null;\n if(isLinked && tf.disableExcludedOptions){\n excludedOpts = [];\n filteredDataCol = [];\n }\n\n for(let k=tf.refRow; k {\n // Empty value means clear all selections and first option is the\n // clear all option\n if(values[0] === '' || option.value === ''){\n option.selected = false;\n }\n\n if(option.value !== '' &&\n Arr.has(values, option.value, true)){\n option.selected = true;\n }//if\n });\n }\n\n destroy(){\n this.emitter.off(\n ['build-select-filter'],\n (colIndex, isLinked, isExternal)=>\n this.build(colIndex, isLinked, isExternal)\n );\n this.emitter.off(\n ['select-options'],\n (tf, colIndex, values)=> this.selectOptions(colIndex, values)\n );\n }\n}\n"
},
{
"kind": "variable",
@@ -5777,7 +5777,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\nimport Event from '../event';\nimport Str from '../string';\n\nexport class GridLayout extends Feature{\n\n /**\n * Grid layout, table with fixed headers\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'gridLayout');\n\n let f = this.config;\n\n //defines grid width\n this.gridWidth = f.grid_width || null;\n //defines grid height\n this.gridHeight = f.grid_height || null;\n //defines css class for main container\n this.gridMainContCssClass = f.grid_cont_css_class || 'grd_Cont';\n //defines css class for div containing table\n this.gridContCssClass = f.grid_tbl_cont_css_class || 'grd_tblCont';\n //defines css class for div containing headers' table\n this.gridHeadContCssClass = f.grid_tblHead_cont_css_class ||\n 'grd_headTblCont';\n //defines css class for div containing rows counter, paging etc.\n this.gridInfDivCssClass = f.grid_inf_grid_css_class || 'grd_inf';\n //defines which row contains column headers\n this.gridHeadRowIndex = f.grid_headers_row_index || 0;\n //array of headers row indexes to be placed in header table\n this.gridHeadRows = f.grid_headers_rows || [0];\n //generate filters in table headers\n this.gridEnableFilters = f.grid_enable_default_filters!==undefined ?\n f.grid_enable_default_filters : true;\n //default col width\n this.gridDefaultColWidth = f.grid_default_col_width || '100px';\n\n this.gridColElms = [];\n\n //div containing grid elements if grid_layout true\n this.prfxMainTblCont = 'gridCont_';\n //div containing table if grid_layout true\n this.prfxTblCont = 'tblCont_';\n //div containing headers table if grid_layout true\n this.prfxHeadTblCont = 'tblHeadCont_';\n //headers' table if grid_layout true\n this.prfxHeadTbl = 'tblHead_';\n //id of td containing the filter if grid_layout true\n this.prfxGridFltTd = '_td_';\n //id of th containing column header if grid_layout true\n this.prfxGridTh = 'tblHeadTh_';\n\n this.sourceTblHtml = tf.tbl.outerHTML;\n\n // filters flag at TF level\n tf.fltGrid = this.gridEnableFilters;\n }\n\n /**\n * Generates a grid with fixed headers\n */\n init(){\n let tf = this.tf;\n let f = this.config;\n let tbl = tf.tbl;\n\n if(this.initialized){\n return;\n }\n\n // Override reference rows indexes\n tf.refRow = Types.isNull(tf.startRow) ? 0 : tf.startRow;\n tf.headersRow = 0;\n tf.filtersRowIndex = 1;\n\n tf.isExternalFlt = true;\n\n // default width of 100px if column widths not set\n if(!tf.hasColWidths){\n tf.colWidths = [];\n for(let k=0; k0){\n tbl.removeChild(thead[0]);\n }\n\n //Headers table style\n this.headTbl.style.tableLayout = 'fixed';\n tbl.style.tableLayout = 'fixed';\n this.headTbl.cellPadding = tbl.cellPadding;\n this.headTbl.cellSpacing = tbl.cellSpacing;\n // this.headTbl.style.width = tbl.style.width;\n\n //content table without headers needs col widths to be reset\n tf.setColWidths(0, this.headTbl);\n\n //Headers container width\n // this.headTblCont.style.width = this.tblCont.clientWidth+'px';\n\n tbl.style.width = '';\n //\n this.headTbl.style.width = tbl.clientWidth + 'px';\n //\n\n //scroll synchronisation\n Event.add(this.tblCont, 'scroll', (evt)=> {\n let elm = Event.target(evt);\n let scrollLeft = elm.scrollLeft;\n this.headTblCont.scrollLeft = scrollLeft;\n //New pointerX calc taking into account scrollLeft\n // if(!o.isPointerXOverwritten){\n // try{\n // o.Evt.pointerX = function(evt){\n // let e = evt || global.event;\n // let bdScrollLeft = tf_StandardBody().scrollLeft +\n // scrollLeft;\n // return (e.pageX + scrollLeft) ||\n // (e.clientX + bdScrollLeft);\n // };\n // o.isPointerXOverwritten = true;\n // } catch(err) {\n // o.isPointerXOverwritten = false;\n // }\n // }\n });\n\n //Configure sort extension if any\n let sort = (f.extensions || []).filter(function(itm){\n return itm.name === 'sort';\n });\n if(sort.length === 1){\n sort[0].async_sort = true;\n sort[0].trigger_ids = sortTriggers;\n }\n\n //Cols generation for all browsers excepted IE<=7\n this.tblHasColTag = Dom.tag(tbl, 'col').length > 0 ? true : false;\n\n //Col elements are enough to keep column widths after sorting and\n //filtering\n let createColTags = function(){\n for(let k=(tf.nbCells-1); k>=0; k--){\n let col = Dom.create('col', ['id', tf.id+'_col_'+k]);\n tbl.insertBefore(col, tbl.firstChild);\n col.style.width = tf.colWidths[k];\n this.gridColElms[k] = col;\n }\n this.tblHasColTag = true;\n };\n\n if(!this.tblHasColTag){\n createColTags.call(this);\n } else {\n let cols = Dom.tag(tbl, 'col');\n for(let ii=0; ii0){\n tbl.removeChild(thead[0]);\n }\n\n //Headers table style\n this.headTbl.style.tableLayout = 'fixed';\n tbl.style.tableLayout = 'fixed';\n this.headTbl.cellPadding = tbl.cellPadding;\n this.headTbl.cellSpacing = tbl.cellSpacing;\n // this.headTbl.style.width = tbl.style.width;\n\n //content table without headers needs col widths to be reset\n tf.setColWidths(this.headTbl);\n\n //Headers container width\n // this.headTblCont.style.width = this.tblCont.clientWidth+'px';\n\n tbl.style.width = '';\n //\n this.headTbl.style.width = tbl.clientWidth + 'px';\n //\n\n //scroll synchronisation\n Event.add(this.tblCont, 'scroll', (evt)=> {\n let elm = Event.target(evt);\n let scrollLeft = elm.scrollLeft;\n this.headTblCont.scrollLeft = scrollLeft;\n //New pointerX calc taking into account scrollLeft\n // if(!o.isPointerXOverwritten){\n // try{\n // o.Evt.pointerX = function(evt){\n // let e = evt || global.event;\n // let bdScrollLeft = tf_StandardBody().scrollLeft +\n // scrollLeft;\n // return (e.pageX + scrollLeft) ||\n // (e.clientX + bdScrollLeft);\n // };\n // o.isPointerXOverwritten = true;\n // } catch(err) {\n // o.isPointerXOverwritten = false;\n // }\n // }\n });\n\n //Configure sort extension if any\n let sort = (f.extensions || []).filter(function(itm){\n return itm.name === 'sort';\n });\n if(sort.length === 1){\n sort[0].async_sort = true;\n sort[0].trigger_ids = sortTriggers;\n }\n\n //Cols generation for all browsers excepted IE<=7\n this.tblHasColTag = Dom.tag(tbl, 'col').length > 0 ? true : false;\n\n //Col elements are enough to keep column widths after sorting and\n //filtering\n let createColTags = function(){\n for(let k=(tf.nbCells-1); k>=0; k--){\n let col = Dom.create('col', ['id', tf.id+'_col_'+k]);\n tbl.insertBefore(col, tbl.firstChild);\n col.style.width = tf.colWidths[k];\n this.gridColElms[k] = col;\n }\n this.tblHasColTag = true;\n };\n\n if(!this.tblHasColTag){\n createColTags.call(this);\n } else {\n let cols = Dom.tag(tbl, 'col');\n for(let ii=0; ii
' +\n 'Learn more
';\n //defines help innerHtml\n this.instrHtml = f.help_instructions_html || null;\n //defines reset button text\n this.btnText = f.help_instructions_btn_text || '?';\n //defines reset button innerHtml\n this.btnHtml = f.help_instructions_btn_html || null;\n //defines css class for help button\n this.btnCssClass = f.help_instructions_btn_css_class || 'helpBtn';\n //defines css class for help container\n this.contCssClass = f.help_instructions_container_css_class ||\n 'helpCont';\n //help button element\n this.btn = null;\n //help content div\n this.cont = null;\n this.defaultHtml = '';\n\n //id prefix for help elements\n this.prfxHelpSpan = 'helpSpan_';\n //id prefix for help elements\n this.prfxHelpDiv = 'helpDiv_';\n\n this.emitter.on(['init-help'], ()=> this.init());\n }\n\n init(){\n if(this.initialized){\n return;\n }\n\n var tf = this.tf;\n\n var helpspan = Dom.create('span', ['id', this.prfxHelpSpan+tf.id]);\n var helpdiv = Dom.create('div', ['id', this.prfxHelpDiv+tf.id]);\n\n //help button is added to defined element\n if(!this.tgtId){\n tf.setToolbar();\n }\n var targetEl = !this.tgtId ? tf.rDiv : Dom.id(this.tgtId);\n targetEl.appendChild(helpspan);\n\n var divContainer = !this.contTgtId ? helpspan : Dom.id(this.contTgtId);\n\n if(!this.btnHtml){\n divContainer.appendChild(helpdiv);\n var helplink = Dom.create('a', ['href', 'javascript:void(0);']);\n helplink.className = this.btnCssClass;\n helplink.appendChild(Dom.text(this.btnText));\n helpspan.appendChild(helplink);\n Event.add(helplink, 'click', () => { this.toggle(); });\n } else {\n helpspan.innerHTML = this.btnHtml;\n var helpEl = helpspan.firstChild;\n Event.add(helpEl, 'click', () => { this.toggle(); });\n divContainer.appendChild(helpdiv);\n }\n\n if(!this.instrHtml){\n helpdiv.innerHTML = this.instrText;\n helpdiv.className = this.contCssClass;\n Event.add(helpdiv, 'dblclick', () => { this.toggle(); });\n } else {\n if(this.contTgtId){\n divContainer.appendChild(helpdiv);\n }\n helpdiv.innerHTML = this.instrHtml;\n if(!this.contTgtId){\n helpdiv.className = this.contCssClass;\n Event.add(helpdiv, 'dblclick', () => { this.toggle(); });\n }\n }\n helpdiv.innerHTML += this.defaultHtml;\n Event.add(helpdiv, 'click', () => { this.toggle(); });\n\n this.cont = helpdiv;\n this.btn = helpspan;\n this.initialized = true;\n }\n\n /**\n * Toggle help pop-up\n */\n toggle(){\n // check only if explicitily set to false as in this case undefined\n // signifies the help feature is enabled by default\n if(this.enabled === false){\n return;\n }\n var divDisplay = this.cont.style.display;\n if(divDisplay === '' || divDisplay === 'none'){\n this.cont.style.display = 'inline';\n } else {\n this.cont.style.display = 'none';\n }\n }\n\n /**\n * Remove help UI\n */\n destroy(){\n if(!this.initialized){\n return;\n }\n Dom.remove(this.btn);\n this.btn = null;\n if(!this.cont){\n return;\n }\n Dom.remove(this.cont);\n this.cont = null;\n this.initialized = false;\n }\n\n}\n" + "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Event from '../event';\n\n\nconst WIKI_URL = 'https://github.com/koalyptus/TableFilter/wiki/' +\n '4.-Filter-operators';\nconst WEBSITE_URL = 'http://koalyptus.github.io/TableFilter/';\n\nexport class Help extends Feature{\n\n /**\n * Help UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'help');\n\n var f = this.config;\n\n //id of custom container element for instructions\n this.tgtId = f.help_instructions_target_id || null;\n //id of custom container element for instructions\n this.contTgtId = f.help_instructions_container_target_id ||\n null;\n //defines help text\n this.instrText = f.help_instructions_text ?\n f.help_instructions_text :\n 'Use the filters above each column to filter and limit table ' +\n 'data. Advanced searches can be performed by using the following ' +\n 'operators:
<, <=, >, ' +\n '>=, =, *, !, {, }, ' +\n '||,&&, [empty], [nonempty], ' +\n 'rgx:
' +\n 'Learn more
';\n //defines help innerHtml\n this.instrHtml = f.help_instructions_html || null;\n //defines reset button text\n this.btnText = f.help_instructions_btn_text || '?';\n //defines reset button innerHtml\n this.btnHtml = f.help_instructions_btn_html || null;\n //defines css class for help button\n this.btnCssClass = f.help_instructions_btn_css_class || 'helpBtn';\n //defines css class for help container\n this.contCssClass = f.help_instructions_container_css_class ||\n 'helpCont';\n //help button element\n this.btn = null;\n //help content div\n this.cont = null;\n this.defaultHtml = '';\n\n //id prefix for help elements\n this.prfxHelpSpan = 'helpSpan_';\n //id prefix for help elements\n this.prfxHelpDiv = 'helpDiv_';\n\n this.emitter.on(['init-help'], ()=> this.init());\n }\n\n init(){\n if(this.initialized){\n return;\n }\n\n var tf = this.tf;\n\n var helpspan = Dom.create('span', ['id', this.prfxHelpSpan+tf.id]);\n var helpdiv = Dom.create('div', ['id', this.prfxHelpDiv+tf.id]);\n\n //help button is added to defined element\n if(!this.tgtId){\n tf.setToolbar();\n }\n var targetEl = !this.tgtId ? tf.rDiv : Dom.id(this.tgtId);\n targetEl.appendChild(helpspan);\n\n var divContainer = !this.contTgtId ? helpspan : Dom.id(this.contTgtId);\n\n if(!this.btnHtml){\n divContainer.appendChild(helpdiv);\n var helplink = Dom.create('a', ['href', 'javascript:void(0);']);\n helplink.className = this.btnCssClass;\n helplink.appendChild(Dom.text(this.btnText));\n helpspan.appendChild(helplink);\n Event.add(helplink, 'click', () => { this.toggle(); });\n } else {\n helpspan.innerHTML = this.btnHtml;\n var helpEl = helpspan.firstChild;\n Event.add(helpEl, 'click', () => { this.toggle(); });\n divContainer.appendChild(helpdiv);\n }\n\n if(!this.instrHtml){\n helpdiv.innerHTML = this.instrText;\n helpdiv.className = this.contCssClass;\n Event.add(helpdiv, 'dblclick', () => { this.toggle(); });\n } else {\n if(this.contTgtId){\n divContainer.appendChild(helpdiv);\n }\n helpdiv.innerHTML = this.instrHtml;\n if(!this.contTgtId){\n helpdiv.className = this.contCssClass;\n Event.add(helpdiv, 'dblclick', () => { this.toggle(); });\n }\n }\n helpdiv.innerHTML += this.defaultHtml;\n Event.add(helpdiv, 'click', () => { this.toggle(); });\n\n this.cont = helpdiv;\n this.btn = helpspan;\n this.initialized = true;\n }\n\n /**\n * Toggle help pop-up\n */\n toggle(){\n // check only if explicitily set to false as in this case undefined\n // signifies the help feature is enabled by default\n if(this.enabled === false){\n return;\n }\n var divDisplay = this.cont.style.display;\n if(divDisplay === '' || divDisplay === 'none'){\n this.cont.style.display = 'inline';\n } else {\n this.cont.style.display = 'none';\n }\n }\n\n /**\n * Remove help UI\n */\n destroy(){\n if(!this.initialized){\n return;\n }\n Dom.remove(this.btn);\n this.btn = null;\n if(!this.cont){\n return;\n }\n Dom.remove(this.cont);\n this.cont = null;\n this.initialized = false;\n }\n\n}\n" }, { "kind": "variable", @@ -7082,7 +7082,7 @@ "access": null, "description": null, "lineNumber": 1, - "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nlet global = window;\n\nexport class Loader extends Feature{\n\n /**\n * Loading message/spinner\n * @param {Object} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'loader');\n\n // TableFilter configuration\n let f = this.config;\n\n //id of container element\n this.loaderTgtId = f.loader_target_id || null;\n //div containing loader\n this.loaderDiv = null;\n //defines loader text\n this.loaderText = f.loader_text || 'Loading...';\n //defines loader innerHtml\n this.loaderHtml = f.loader_html || null;\n //defines css class for loader div\n this.loaderCssClass = f.loader_css_class || 'loader';\n //delay for hiding loader\n this.loaderCloseDelay = 250;\n //callback function before loader is displayed\n this.onShowLoader = Types.isFn(f.on_show_loader) ?\n f.on_show_loader : null;\n //callback function after loader is closed\n this.onHideLoader = Types.isFn(f.on_hide_loader) ?\n f.on_hide_loader : null;\n //loader div\n this.prfxLoader = 'load_';\n }\n\n init() {\n if(this.initialized){\n return;\n }\n\n let tf = this.tf;\n let emitter = this.emitter;\n\n let containerDiv = Dom.create('div', ['id', this.prfxLoader+tf.id]);\n containerDiv.className = this.loaderCssClass;\n\n let targetEl = !this.loaderTgtId ?\n tf.tbl.parentNode : Dom.id(this.loaderTgtId);\n if(!this.loaderTgtId){\n targetEl.insertBefore(containerDiv, tf.tbl);\n } else {\n targetEl.appendChild(containerDiv);\n }\n this.loaderDiv = containerDiv;\n if(!this.loaderHtml){\n this.loaderDiv.appendChild(Dom.text(this.loaderText));\n } else {\n this.loaderDiv.innerHTML = this.loaderHtml;\n }\n\n this.show('none');\n\n // Subscribe to events\n emitter.on([\n 'before-filtering',\n 'before-populating-filter',\n 'before-changing-page',\n 'before-clearing-filters',\n 'before-changing-results-per-page',\n 'before-reset-page',\n 'before-reset-page-length',\n 'before-loading-extensions',\n 'before-loading-themes'\n ],\n ()=> this.show('')\n );\n emitter.on([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'\n ],\n ()=> this.show('none')\n );\n\n this.initialized = true;\n }\n\n show(p) {\n if(!this.isEnabled() /*|| this.loaderDiv.style.display === p*/){\n return;\n }\n\n let displayLoader = () => {\n if(!this.loaderDiv){\n return;\n }\n if(this.onShowLoader && p !== 'none'){\n this.onShowLoader.call(null, this);\n }\n this.loaderDiv.style.display = p;\n if(this.onHideLoader && p === 'none'){\n this.onHideLoader.call(null, this);\n }\n };\n\n let t = p === 'none' ? this.loaderCloseDelay : 1;\n global.setTimeout(displayLoader, t);\n }\n\n destroy() {\n if(!this.initialized){\n return;\n }\n\n let emitter = this.emitter;\n\n Dom.remove(this.loaderDiv);\n this.loaderDiv = null;\n\n // Unsubscribe to events\n emitter.off([\n 'before-filtering',\n 'before-populating-filter',\n 'before-changing-page',\n 'before-clearing-filters',\n 'before-changing-results-per-page',\n 'before-reset-page',\n 'before-reset-page-length',\n 'before-loading-extensions',\n 'before-loading-themes'\n ],\n ()=> this.show('')\n );\n emitter.off([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'\n ],\n ()=> this.show('none')\n );\n\n this.initialized = false;\n }\n}\n" + "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nlet global = window;\n\nexport class Loader extends Feature{\n\n /**\n * Loading message/spinner\n * @param {Object} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'loader');\n\n // TableFilter configuration\n let f = this.config;\n\n //id of container element\n this.loaderTgtId = f.loader_target_id || null;\n //div containing loader\n this.loaderDiv = null;\n //defines loader text\n this.loaderText = f.loader_text || 'Loading...';\n //defines loader innerHtml\n this.loaderHtml = f.loader_html || null;\n //defines css class for loader div\n this.loaderCssClass = f.loader_css_class || 'loader';\n //delay for hiding loader\n this.loaderCloseDelay = 250;\n //callback function before loader is displayed\n this.onShowLoader = Types.isFn(f.on_show_loader) ?\n f.on_show_loader : null;\n //callback function after loader is closed\n this.onHideLoader = Types.isFn(f.on_hide_loader) ?\n f.on_hide_loader : null;\n //loader div\n this.prfxLoader = 'load_';\n }\n\n init() {\n if(this.initialized){\n return;\n }\n\n let tf = this.tf;\n let emitter = this.emitter;\n\n let containerDiv = Dom.create('div', ['id', this.prfxLoader+tf.id]);\n containerDiv.className = this.loaderCssClass;\n\n let targetEl = !this.loaderTgtId ?\n tf.tbl.parentNode : Dom.id(this.loaderTgtId);\n if(!this.loaderTgtId){\n targetEl.insertBefore(containerDiv, tf.tbl);\n } else {\n targetEl.appendChild(containerDiv);\n }\n this.loaderDiv = containerDiv;\n if(!this.loaderHtml){\n this.loaderDiv.appendChild(Dom.text(this.loaderText));\n } else {\n this.loaderDiv.innerHTML = this.loaderHtml;\n }\n\n this.show('none');\n\n // Subscribe to events\n emitter.on([\n 'before-filtering',\n 'before-populating-filter',\n 'before-changing-page',\n 'before-clearing-filters',\n 'before-changing-results-per-page',\n 'before-reset-page',\n 'before-reset-page-length',\n 'before-loading-extensions',\n 'before-loading-themes'],\n ()=> this.show('')\n );\n emitter.on([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'],\n ()=> this.show('none')\n );\n\n this.initialized = true;\n }\n\n show(p) {\n if(!this.isEnabled() /*|| this.loaderDiv.style.display === p*/){\n return;\n }\n\n let displayLoader = () => {\n if(!this.loaderDiv){\n return;\n }\n if(this.onShowLoader && p !== 'none'){\n this.onShowLoader.call(null, this);\n }\n this.loaderDiv.style.display = p;\n if(this.onHideLoader && p === 'none'){\n this.onHideLoader.call(null, this);\n }\n };\n\n let t = p === 'none' ? this.loaderCloseDelay : 1;\n global.setTimeout(displayLoader, t);\n }\n\n destroy() {\n if(!this.initialized){\n return;\n }\n\n let emitter = this.emitter;\n\n Dom.remove(this.loaderDiv);\n this.loaderDiv = null;\n\n // Unsubscribe to events\n emitter.off([\n 'before-filtering',\n 'before-populating-filter',\n 'before-changing-page',\n 'before-clearing-filters',\n 'before-changing-results-per-page',\n 'before-reset-page',\n 'before-reset-page-length',\n 'before-loading-extensions',\n 'before-loading-themes'],\n ()=> this.show('')\n );\n emitter.off([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'],\n ()=> this.show('none')\n );\n\n this.initialized = false;\n }\n}\n" }, { "kind": "variable", @@ -7340,7 +7340,7 @@ "longname": "src/modules/loader.js~Loader#initialized", "access": null, "description": null, - "lineNumber": 96, + "lineNumber": 94, "undocument": true, "type": { "types": [ @@ -7357,7 +7357,7 @@ "longname": "src/modules/loader.js~Loader#show", "access": null, "description": null, - "lineNumber": 99, + "lineNumber": 97, "undocument": true, "params": [ { @@ -7378,7 +7378,7 @@ "longname": "src/modules/loader.js~Loader#destroy", "access": null, "description": null, - "lineNumber": 121, + "lineNumber": 119, "undocument": true, "params": [], "generator": false @@ -7392,7 +7392,7 @@ "longname": "src/modules/loader.js~Loader#loaderDiv", "access": null, "description": null, - "lineNumber": 129, + "lineNumber": 127, "undocument": true, "type": { "types": [ @@ -7409,7 +7409,7 @@ "longname": "src/modules/loader.js~Loader#initialized", "access": null, "description": null, - "lineNumber": 159, + "lineNumber": 155, "undocument": true, "type": { "types": [ @@ -7821,7 +7821,7 @@ "access": null, "description": null, "lineNumber": 1, - "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\nimport Str from '../string';\nimport Event from '../event';\n\nexport class Paging extends Feature{\n\n /**\n * Pagination component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'paging');\n\n // Configuration object\n var f = this.config;\n\n //css class for paging buttons (previous,next,etc.)\n this.btnPageCssClass = f.paging_btn_css_class || 'pgInp';\n //stores paging select element\n this.pagingSlc = null;\n //results per page select element\n this.resultsPerPageSlc = null;\n //id of container element\n this.pagingTgtId = f.paging_target_id || null;\n //defines table paging length\n this.pagingLength = !isNaN(f.paging_length) ? f.paging_length : 10;\n //id of container element\n this.resultsPerPageTgtId = f.results_per_page_target_id || null;\n //css class for paging select element\n this.pgSlcCssClass = f.paging_slc_css_class || 'pgSlc';\n //css class for paging input element\n this.pgInpCssClass = f.paging_inp_css_class || 'pgNbInp';\n //stores results per page text and values\n this.resultsPerPage = f.results_per_page || null;\n //enables/disables results per page drop-down\n this.hasResultsPerPage = Types.isArray(this.resultsPerPage);\n //defines css class for results per page select\n this.resultsSlcCssClass = f.results_slc_css_class || 'rspg';\n //css class for label preceding results per page select\n this.resultsSpanCssClass = f.results_span_css_class || 'rspgSpan';\n //1st row index of current page\n this.startPagingRow = 0;\n //total nb of pages\n this.nbPages = 0;\n //current page nb\n this.currentPageNb = 1;\n //defines next page button text\n this.btnNextPageText = f.btn_next_page_text || '>';\n //defines previous page button text\n this.btnPrevPageText = f.btn_prev_page_text || '<';\n //defines last page button text\n this.btnLastPageText = f.btn_last_page_text || '>|';\n //defines first page button text\n this.btnFirstPageText = f.btn_first_page_text || '|<';\n //defines next page button html\n this.btnNextPageHtml = f.btn_next_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines previous page button html\n this.btnPrevPageHtml = f.btn_prev_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines last page button html\n this.btnFirstPageHtml = f.btn_first_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines previous page button html\n this.btnLastPageHtml = f.btn_last_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines text preceeding page selector drop-down\n this.pageText = f.page_text || ' Page ';\n //defines text after page selector drop-down\n this.ofText = f.of_text || ' of ';\n //css class for span containing tot nb of pages\n this.nbPgSpanCssClass = f.nb_pages_css_class || 'nbpg';\n //enables/disables paging buttons\n this.hasPagingBtns = f.paging_btns===false ? false : true;\n //defines previous page button html\n this.pageSelectorType = f.page_selector_type || tf.fltTypeSlc;\n //calls function before page is changed\n this.onBeforeChangePage = Types.isFn(f.on_before_change_page) ?\n f.on_before_change_page : null;\n //calls function before page is changed\n this.onAfterChangePage = Types.isFn(f.on_after_change_page) ?\n f.on_after_change_page : null;\n\n //pages select\n this.prfxSlcPages = 'slcPages_';\n //results per page select\n this.prfxSlcResults = 'slcResults_';\n //label preciding results per page select\n this.prfxSlcResultsTxt = 'slcResultsTxt_';\n //span containing next page button\n this.prfxBtnNextSpan = 'btnNextSpan_';\n //span containing previous page button\n this.prfxBtnPrevSpan = 'btnPrevSpan_';\n //span containing last page button\n this.prfxBtnLastSpan = 'btnLastSpan_';\n //span containing first page button\n this.prfxBtnFirstSpan = 'btnFirstSpan_';\n //next button\n this.prfxBtnNext = 'btnNext_';\n //previous button\n this.prfxBtnPrev = 'btnPrev_';\n //last button\n this.prfxBtnLast = 'btnLast_';\n //first button\n this.prfxBtnFirst = 'btnFirst_';\n //span for tot nb pages\n this.prfxPgSpan = 'pgspan_';\n //span preceding pages select (contains 'Page')\n this.prfxPgBeforeSpan = 'pgbeforespan_';\n //span following pages select (contains ' of ')\n this.prfxPgAfterSpan = 'pgafterspan_';\n\n var start_row = tf.refRow;\n var nrows = tf.nbRows;\n //calculates page nb\n this.nbPages = Math.ceil((nrows-start_row)/this.pagingLength);\n\n //Paging elements events\n var o = this;\n // Paging DOM events\n this.evt = {\n slcIndex(){\n return (o.pageSelectorType===tf.fltTypeSlc) ?\n o.pagingSlc.options.selectedIndex :\n parseInt(o.pagingSlc.value, 10)-1;\n },\n nbOpts(){\n return (o.pageSelectorType===tf.fltTypeSlc) ?\n parseInt(o.pagingSlc.options.length, 10)-1 :\n (o.nbPages-1);\n },\n next(){\n var nextIndex = o.evt.slcIndex() < o.evt.nbOpts() ?\n o.evt.slcIndex()+1 : 0;\n o.changePage(nextIndex);\n },\n prev(){\n var prevIndex = o.evt.slcIndex()>0 ?\n o.evt.slcIndex()-1 : o.evt.nbOpts();\n o.changePage(prevIndex);\n },\n last(){\n o.changePage(o.evt.nbOpts());\n },\n first(){\n o.changePage(0);\n },\n _detectKey(e){\n var key = Event.keyCode(e);\n if(key===13){\n if(tf.sorted){\n tf.filter();\n o.changePage(o.evt.slcIndex());\n } else{\n o.changePage();\n }\n this.blur();\n }\n },\n slcPagesChange: null,\n nextEvt: null,\n prevEvt: null,\n lastEvt: null,\n firstEvt: null\n };\n }\n\n /**\n * Initialize DOM elements\n */\n init(){\n var slcPages;\n var tf = this.tf;\n var evt = this.evt;\n\n if(this.initialized){\n return;\n }\n\n // Check resultsPerPage is in expected format and initialise the\n // results per page component\n if(this.hasResultsPerPage){\n if(this.resultsPerPage.length<2){\n this.hasResultsPerPage = false;\n } else {\n this.pagingLength = this.resultsPerPage[1][0];\n this.setResultsPerPage();\n }\n }\n\n evt.slcPagesChange = (event) => {\n var slc = event.target;\n this.changePage(slc.selectedIndex);\n };\n\n // Paging drop-down list selector\n if(this.pageSelectorType === tf.fltTypeSlc){\n slcPages = Dom.create(\n tf.fltTypeSlc, ['id', this.prfxSlcPages+tf.id]);\n slcPages.className = this.pgSlcCssClass;\n Event.add(slcPages, 'change', evt.slcPagesChange);\n }\n\n // Paging input selector\n if(this.pageSelectorType === tf.fltTypeInp){\n slcPages = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxSlcPages+tf.id],\n ['value', this.currentPageNb]\n );\n slcPages.className = this.pgInpCssClass;\n Event.add(slcPages, 'keypress', evt._detectKey);\n }\n\n // btns containers\n var btnNextSpan = Dom.create(\n 'span',['id', this.prfxBtnNextSpan+tf.id]);\n var btnPrevSpan = Dom.create(\n 'span',['id', this.prfxBtnPrevSpan+tf.id]);\n var btnLastSpan = Dom.create(\n 'span',['id', this.prfxBtnLastSpan+tf.id]);\n var btnFirstSpan = Dom.create(\n 'span',['id', this.prfxBtnFirstSpan+tf.id]);\n\n if(this.hasPagingBtns){\n // Next button\n if(!this.btnNextPageHtml){\n var btn_next = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxBtnNext+tf.id],\n ['type', 'button'],\n ['value', this.btnNextPageText],\n ['title', 'Next']\n );\n btn_next.className = this.btnPageCssClass;\n Event.add(btn_next, 'click', evt.next);\n btnNextSpan.appendChild(btn_next);\n } else {\n btnNextSpan.innerHTML = this.btnNextPageHtml;\n Event.add(btnNextSpan, 'click', evt.next);\n }\n // Previous button\n if(!this.btnPrevPageHtml){\n var btn_prev = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxBtnPrev+tf.id],\n ['type', 'button'],\n ['value', this.btnPrevPageText],\n ['title', 'Previous']\n );\n btn_prev.className = this.btnPageCssClass;\n Event.add(btn_prev, 'click', evt.prev);\n btnPrevSpan.appendChild(btn_prev);\n } else {\n btnPrevSpan.innerHTML = this.btnPrevPageHtml;\n Event.add(btnPrevSpan, 'click', evt.prev);\n }\n // Last button\n if(!this.btnLastPageHtml){\n var btn_last = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxBtnLast+tf.id],\n ['type', 'button'],\n ['value', this.btnLastPageText],\n ['title', 'Last']\n );\n btn_last.className = this.btnPageCssClass;\n Event.add(btn_last, 'click', evt.last);\n btnLastSpan.appendChild(btn_last);\n } else {\n btnLastSpan.innerHTML = this.btnLastPageHtml;\n Event.add(btnLastSpan, 'click', evt.last);\n }\n // First button\n if(!this.btnFirstPageHtml){\n var btn_first = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxBtnFirst+tf.id],\n ['type', 'button'],\n ['value', this.btnFirstPageText],\n ['title', 'First']\n );\n btn_first.className = this.btnPageCssClass;\n Event.add(btn_first, 'click', evt.first);\n btnFirstSpan.appendChild(btn_first);\n } else {\n btnFirstSpan.innerHTML = this.btnFirstPageHtml;\n Event.add(btnFirstSpan, 'click', evt.first);\n }\n }\n\n // paging elements (buttons+drop-down list) are added to defined element\n if(!this.pagingTgtId){\n tf.setToolbar();\n }\n var targetEl = !this.pagingTgtId ? tf.mDiv : Dom.id(this.pagingTgtId);\n targetEl.appendChild(btnFirstSpan);\n targetEl.appendChild(btnPrevSpan);\n\n var pgBeforeSpan = Dom.create(\n 'span',['id', this.prfxPgBeforeSpan+tf.id] );\n pgBeforeSpan.appendChild( Dom.text(this.pageText) );\n pgBeforeSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgBeforeSpan);\n targetEl.appendChild(slcPages);\n var pgAfterSpan = Dom.create(\n 'span',['id', this.prfxPgAfterSpan+tf.id]);\n pgAfterSpan.appendChild( Dom.text(this.ofText) );\n pgAfterSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgAfterSpan);\n var pgspan = Dom.create( 'span',['id', this.prfxPgSpan+tf.id] );\n pgspan.className = this.nbPgSpanCssClass;\n pgspan.appendChild( Dom.text(' '+this.nbPages+' ') );\n targetEl.appendChild(pgspan);\n targetEl.appendChild(btnNextSpan);\n targetEl.appendChild(btnLastSpan);\n this.pagingSlc = Dom.id(this.prfxSlcPages+tf.id);\n\n if(!tf.rememberGridValues){\n this.setPagingInfo();\n }\n if(!tf.fltGrid){\n tf.validateAllRows();\n this.setPagingInfo(tf.validRowsIndex);\n }\n\n this.emitter.on(['after-filtering'], ()=> this.resetPagingInfo());\n this.emitter.on(['initialized'], ()=> this.resetValues());\n\n this.initialized = true;\n }\n\n /**\n * Reset paging when filters are already instantiated\n * @param {Boolean} filterTable Execute filtering once paging instanciated\n */\n reset(filterTable=false){\n var tf = this.tf;\n if(this.isEnabled()){\n return;\n }\n this.enable();\n this.init();\n\n if(filterTable){\n tf.filter();\n }\n }\n\n /**\n * Reset paging info from scratch after a filtering process\n */\n resetPagingInfo(){\n this.startPagingRow = 0;\n this.currentPageNb = 1;\n this.setPagingInfo(this.tf.validRowsIndex);\n }\n\n /**\n * Calculate number of pages based on valid rows\n * Refresh paging select according to number of pages\n * @param {Array} validRows Collection of valid rows\n */\n setPagingInfo(validRows){\n var tf = this.tf;\n var mdiv = !this.pagingTgtId ? tf.mDiv : Dom.id(this.pagingTgtId);\n var pgspan = Dom.id(this.prfxPgSpan+tf.id);\n\n //store valid rows indexes\n tf.validRowsIndex = validRows || tf.getValidRows(true);\n\n //calculate nb of pages\n this.nbPages = Math.ceil(tf.validRowsIndex.length/this.pagingLength);\n //refresh page nb span\n pgspan.innerHTML = this.nbPages;\n //select clearing shortcut\n if(this.pageSelectorType === tf.fltTypeSlc){\n this.pagingSlc.innerHTML = '';\n }\n\n if(this.nbPages>0){\n mdiv.style.visibility = 'visible';\n if(this.pageSelectorType === tf.fltTypeSlc){\n for(var z=0; z=startPagingRow && h {\n this.changeResultsPerPage();\n ev.target.blur();\n };\n\n var slcR = Dom.create(\n tf.fltTypeSlc, ['id', this.prfxSlcResults+tf.id]);\n slcR.className = this.resultsSlcCssClass;\n var slcRText = this.resultsPerPage[0],\n slcROpts = this.resultsPerPage[1];\n var slcRSpan = Dom.create(\n 'span',['id', this.prfxSlcResultsTxt+tf.id]);\n slcRSpan.className = this.resultsSpanCssClass;\n\n // results per page select is added to external element\n if(!this.resultsPerPageTgtId){\n tf.setToolbar();\n }\n var targetEl = !this.resultsPerPageTgtId ?\n tf.rDiv : Dom.id(this.resultsPerPageTgtId);\n slcRSpan.appendChild(Dom.text(slcRText));\n\n var help = tf.feature('help');\n if(help && help.btn){\n help.btn.parentNode.insertBefore(slcRSpan, help.btn);\n help.btn.parentNode.insertBefore(slcR, help.btn);\n } else {\n targetEl.appendChild(slcRSpan);\n targetEl.appendChild(slcR);\n }\n\n for(var r=0; r=0 && index<=(this.nbPages-1) ){\n if(this.onBeforeChangePage){\n this.onBeforeChangePage.call(null, this, index);\n }\n this.currentPageNb = parseInt(index, 10)+1;\n if(this.pageSelectorType===tf.fltTypeSlc){\n this.pagingSlc.options[index].selected = true;\n } else {\n this.pagingSlc.value = this.currentPageNb;\n }\n\n this.startPagingRow = (this.pageSelectorType === tf.fltTypeSlc) ?\n this.pagingSlc.value : (index*this.pagingLength);\n\n this.groupByPage();\n\n if(this.onAfterChangePage){\n this.onAfterChangePage.call(null, this, index);\n }\n }\n\n this.emitter.emit('after-changing-page', tf, index);\n }\n\n /**\n * Change rows according to page results drop-down\n * TODO: accept a parameter setting the results per page length\n */\n changeResultsPerPage(){\n var tf = this.tf;\n\n if(!this.isEnabled()){\n return;\n }\n\n this.emitter.emit('before-changing-results-per-page', tf);\n\n var slcR = this.resultsPerPageSlc;\n var slcIndex = slcR.selectedIndex;\n var slcPagesSelIndex = (this.pageSelectorType === tf.fltTypeSlc) ?\n this.pagingSlc.selectedIndex :\n parseInt(this.pagingSlc.value-1, 10);\n this.pagingLength = parseInt(slcR.options[slcIndex].value, 10);\n this.startPagingRow = this.pagingLength*slcPagesSelIndex;\n\n if(!isNaN(this.pagingLength)){\n if(this.startPagingRow >= tf.nbFilterableRows){\n this.startPagingRow = (tf.nbFilterableRows-this.pagingLength);\n }\n this.setPagingInfo();\n\n if(this.pageSelectorType === tf.fltTypeSlc){\n var slcIdx =\n (this.pagingSlc.options.length-1<=slcPagesSelIndex) ?\n (this.pagingSlc.options.length-1) : slcPagesSelIndex;\n this.pagingSlc.options[slcIdx].selected = true;\n }\n }\n\n this.emitter.emit('after-changing-results-per-page', tf, slcIndex);\n }\n\n /**\n * Re-set persisted pagination info\n */\n resetValues(){\n var tf = this.tf;\n if(tf.rememberPageLen){\n this.resetPageLength();\n }\n if(tf.rememberPageNb){\n this.resetPage();\n }\n }\n\n /**\n * Re-set page nb at page re-load\n */\n resetPage(){\n var tf = this.tf;\n if(!this.isEnabled()){\n return;\n }\n this.emitter.emit('before-reset-page', tf);\n var pgNb = tf.feature('store').getPageNb();\n if(pgNb !== ''){\n this.changePage((pgNb-1));\n }\n this.emitter.emit('after-reset-page', tf, pgNb);\n }\n\n /**\n * Re-set page length value at page re-load\n */\n resetPageLength(){\n var tf = this.tf;\n if(!this.isEnabled()){\n return;\n }\n this.emitter.emit('before-reset-page-length', tf);\n var pglenIndex = tf.feature('store').getPageLength();\n\n if(pglenIndex!==''){\n this.resultsPerPageSlc.options[pglenIndex].selected = true;\n this.changeResultsPerPage();\n }\n this.emitter.emit('after-reset-page-length', tf, pglenIndex);\n }\n\n /**\n * Remove paging feature\n */\n destroy(){\n var tf = this.tf;\n\n if(!this.initialized){\n return;\n }\n // btns containers\n var btnNextSpan = Dom.id(this.prfxBtnNextSpan+tf.id);\n var btnPrevSpan = Dom.id(this.prfxBtnPrevSpan+tf.id);\n var btnLastSpan = Dom.id(this.prfxBtnLastSpan+tf.id);\n var btnFirstSpan = Dom.id(this.prfxBtnFirstSpan+tf.id);\n //span containing 'Page' text\n var pgBeforeSpan = Dom.id(this.prfxPgBeforeSpan+tf.id);\n //span containing 'of' text\n var pgAfterSpan = Dom.id(this.prfxPgAfterSpan+tf.id);\n //span containing nb of pages\n var pgspan = Dom.id(this.prfxPgSpan+tf.id);\n\n var evt = this.evt;\n\n if(this.pagingSlc){\n if(this.pageSelectorType === tf.fltTypeSlc){\n Event.remove(this.pagingSlc, 'change', evt.slcPagesChange);\n }\n else if(this.pageSelectorType === tf.fltTypeInp){\n Event.remove(this.pagingSlc, 'keypress', evt._detectKey);\n }\n Dom.remove(this.pagingSlc);\n }\n\n if(btnNextSpan){\n Event.remove(btnNextSpan, 'click', evt.next);\n Dom.remove(btnNextSpan);\n }\n\n if(btnPrevSpan){\n Event.remove(btnPrevSpan, 'click', evt.prev);\n Dom.remove(btnPrevSpan);\n }\n\n if(btnLastSpan){\n Event.remove(btnLastSpan, 'click', evt.last);\n Dom.remove(btnLastSpan);\n }\n\n if(btnFirstSpan){\n Event.remove(btnFirstSpan, 'click', evt.first);\n Dom.remove(btnFirstSpan);\n }\n\n if(pgBeforeSpan){\n Dom.remove(pgBeforeSpan);\n }\n\n if(pgAfterSpan){\n Dom.remove(pgAfterSpan);\n }\n\n if(pgspan){\n Dom.remove(pgspan);\n }\n\n if(this.hasResultsPerPage){\n this.removeResultsPerPage();\n }\n\n this.emitter.off(['after-filtering'], ()=> this.resetPagingInfo());\n this.emitter.off(['initialized'], ()=> this.resetValues());\n\n this.pagingSlc = null;\n this.nbPages = 0;\n this.disable();\n this.initialized = false;\n }\n}\n"
+ "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\nimport Str from '../string';\nimport Event from '../event';\n\nexport class Paging extends Feature{\n\n /**\n * Pagination component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'paging');\n\n // Configuration object\n var f = this.config;\n\n //css class for paging buttons (previous,next,etc.)\n this.btnPageCssClass = f.paging_btn_css_class || 'pgInp';\n //stores paging select element\n this.pagingSlc = null;\n //results per page select element\n this.resultsPerPageSlc = null;\n //id of container element\n this.pagingTgtId = f.paging_target_id || null;\n //defines table paging length\n this.pagingLength = !isNaN(f.paging_length) ? f.paging_length : 10;\n //id of container element\n this.resultsPerPageTgtId = f.results_per_page_target_id || null;\n //css class for paging select element\n this.pgSlcCssClass = f.paging_slc_css_class || 'pgSlc';\n //css class for paging input element\n this.pgInpCssClass = f.paging_inp_css_class || 'pgNbInp';\n //stores results per page text and values\n this.resultsPerPage = f.results_per_page || null;\n //enables/disables results per page drop-down\n this.hasResultsPerPage = Types.isArray(this.resultsPerPage);\n //defines css class for results per page select\n this.resultsSlcCssClass = f.results_slc_css_class || 'rspg';\n //css class for label preceding results per page select\n this.resultsSpanCssClass = f.results_span_css_class || 'rspgSpan';\n //1st row index of current page\n this.startPagingRow = 0;\n //total nb of pages\n this.nbPages = 0;\n //current page nb\n this.currentPageNb = 1;\n //defines next page button text\n this.btnNextPageText = f.btn_next_page_text || '>';\n //defines previous page button text\n this.btnPrevPageText = f.btn_prev_page_text || '<';\n //defines last page button text\n this.btnLastPageText = f.btn_last_page_text || '>|';\n //defines first page button text\n this.btnFirstPageText = f.btn_first_page_text || '|<';\n //defines next page button html\n this.btnNextPageHtml = f.btn_next_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines previous page button html\n this.btnPrevPageHtml = f.btn_prev_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines last page button html\n this.btnFirstPageHtml = f.btn_first_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines previous page button html\n this.btnLastPageHtml = f.btn_last_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines text preceeding page selector drop-down\n this.pageText = f.page_text || ' Page ';\n //defines text after page selector drop-down\n this.ofText = f.of_text || ' of ';\n //css class for span containing tot nb of pages\n this.nbPgSpanCssClass = f.nb_pages_css_class || 'nbpg';\n //enables/disables paging buttons\n this.hasPagingBtns = f.paging_btns===false ? false : true;\n //defines previous page button html\n this.pageSelectorType = f.page_selector_type || tf.fltTypeSlc;\n //calls function before page is changed\n this.onBeforeChangePage = Types.isFn(f.on_before_change_page) ?\n f.on_before_change_page : null;\n //calls function before page is changed\n this.onAfterChangePage = Types.isFn(f.on_after_change_page) ?\n f.on_after_change_page : null;\n\n //pages select\n this.prfxSlcPages = 'slcPages_';\n //results per page select\n this.prfxSlcResults = 'slcResults_';\n //label preciding results per page select\n this.prfxSlcResultsTxt = 'slcResultsTxt_';\n //span containing next page button\n this.prfxBtnNextSpan = 'btnNextSpan_';\n //span containing previous page button\n this.prfxBtnPrevSpan = 'btnPrevSpan_';\n //span containing last page button\n this.prfxBtnLastSpan = 'btnLastSpan_';\n //span containing first page button\n this.prfxBtnFirstSpan = 'btnFirstSpan_';\n //next button\n this.prfxBtnNext = 'btnNext_';\n //previous button\n this.prfxBtnPrev = 'btnPrev_';\n //last button\n this.prfxBtnLast = 'btnLast_';\n //first button\n this.prfxBtnFirst = 'btnFirst_';\n //span for tot nb pages\n this.prfxPgSpan = 'pgspan_';\n //span preceding pages select (contains 'Page')\n this.prfxPgBeforeSpan = 'pgbeforespan_';\n //span following pages select (contains ' of ')\n this.prfxPgAfterSpan = 'pgafterspan_';\n\n var start_row = tf.refRow;\n var nrows = tf.nbRows;\n //calculates page nb\n this.nbPages = Math.ceil((nrows-start_row)/this.pagingLength);\n\n //Paging elements events\n var o = this;\n // Paging DOM events\n this.evt = {\n slcIndex(){\n return (o.pageSelectorType===tf.fltTypeSlc) ?\n o.pagingSlc.options.selectedIndex :\n parseInt(o.pagingSlc.value, 10)-1;\n },\n nbOpts(){\n return (o.pageSelectorType===tf.fltTypeSlc) ?\n parseInt(o.pagingSlc.options.length, 10)-1 :\n (o.nbPages-1);\n },\n next(){\n var nextIndex = o.evt.slcIndex() < o.evt.nbOpts() ?\n o.evt.slcIndex()+1 : 0;\n o.changePage(nextIndex);\n },\n prev(){\n var prevIndex = o.evt.slcIndex()>0 ?\n o.evt.slcIndex()-1 : o.evt.nbOpts();\n o.changePage(prevIndex);\n },\n last(){\n o.changePage(o.evt.nbOpts());\n },\n first(){\n o.changePage(0);\n },\n _detectKey(e){\n var key = Event.keyCode(e);\n if(key===13){\n if(tf.sorted){\n tf.filter();\n o.changePage(o.evt.slcIndex());\n } else{\n o.changePage();\n }\n this.blur();\n }\n },\n slcPagesChange: null,\n nextEvt: null,\n prevEvt: null,\n lastEvt: null,\n firstEvt: null\n };\n }\n\n /**\n * Initialize DOM elements\n */\n init(){\n var slcPages;\n var tf = this.tf;\n var evt = this.evt;\n\n if(this.initialized){\n return;\n }\n\n // Check resultsPerPage is in expected format and initialise the\n // results per page component\n if(this.hasResultsPerPage){\n if(this.resultsPerPage.length<2){\n this.hasResultsPerPage = false;\n } else {\n this.pagingLength = this.resultsPerPage[1][0];\n this.setResultsPerPage();\n }\n }\n\n evt.slcPagesChange = (event) => {\n var slc = event.target;\n this.changePage(slc.selectedIndex);\n };\n\n // Paging drop-down list selector\n if(this.pageSelectorType === tf.fltTypeSlc){\n slcPages = Dom.create(\n tf.fltTypeSlc, ['id', this.prfxSlcPages+tf.id]);\n slcPages.className = this.pgSlcCssClass;\n Event.add(slcPages, 'change', evt.slcPagesChange);\n }\n\n // Paging input selector\n if(this.pageSelectorType === tf.fltTypeInp){\n slcPages = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxSlcPages+tf.id],\n ['value', this.currentPageNb]\n );\n slcPages.className = this.pgInpCssClass;\n Event.add(slcPages, 'keypress', evt._detectKey);\n }\n\n // btns containers\n var btnNextSpan = Dom.create(\n 'span',['id', this.prfxBtnNextSpan+tf.id]);\n var btnPrevSpan = Dom.create(\n 'span',['id', this.prfxBtnPrevSpan+tf.id]);\n var btnLastSpan = Dom.create(\n 'span',['id', this.prfxBtnLastSpan+tf.id]);\n var btnFirstSpan = Dom.create(\n 'span',['id', this.prfxBtnFirstSpan+tf.id]);\n\n if(this.hasPagingBtns){\n // Next button\n if(!this.btnNextPageHtml){\n var btn_next = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxBtnNext+tf.id],\n ['type', 'button'],\n ['value', this.btnNextPageText],\n ['title', 'Next']\n );\n btn_next.className = this.btnPageCssClass;\n Event.add(btn_next, 'click', evt.next);\n btnNextSpan.appendChild(btn_next);\n } else {\n btnNextSpan.innerHTML = this.btnNextPageHtml;\n Event.add(btnNextSpan, 'click', evt.next);\n }\n // Previous button\n if(!this.btnPrevPageHtml){\n var btn_prev = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxBtnPrev+tf.id],\n ['type', 'button'],\n ['value', this.btnPrevPageText],\n ['title', 'Previous']\n );\n btn_prev.className = this.btnPageCssClass;\n Event.add(btn_prev, 'click', evt.prev);\n btnPrevSpan.appendChild(btn_prev);\n } else {\n btnPrevSpan.innerHTML = this.btnPrevPageHtml;\n Event.add(btnPrevSpan, 'click', evt.prev);\n }\n // Last button\n if(!this.btnLastPageHtml){\n var btn_last = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxBtnLast+tf.id],\n ['type', 'button'],\n ['value', this.btnLastPageText],\n ['title', 'Last']\n );\n btn_last.className = this.btnPageCssClass;\n Event.add(btn_last, 'click', evt.last);\n btnLastSpan.appendChild(btn_last);\n } else {\n btnLastSpan.innerHTML = this.btnLastPageHtml;\n Event.add(btnLastSpan, 'click', evt.last);\n }\n // First button\n if(!this.btnFirstPageHtml){\n var btn_first = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxBtnFirst+tf.id],\n ['type', 'button'],\n ['value', this.btnFirstPageText],\n ['title', 'First']\n );\n btn_first.className = this.btnPageCssClass;\n Event.add(btn_first, 'click', evt.first);\n btnFirstSpan.appendChild(btn_first);\n } else {\n btnFirstSpan.innerHTML = this.btnFirstPageHtml;\n Event.add(btnFirstSpan, 'click', evt.first);\n }\n }\n\n // paging elements (buttons+drop-down list) are added to defined element\n if(!this.pagingTgtId){\n tf.setToolbar();\n }\n var targetEl = !this.pagingTgtId ? tf.mDiv : Dom.id(this.pagingTgtId);\n targetEl.appendChild(btnFirstSpan);\n targetEl.appendChild(btnPrevSpan);\n\n var pgBeforeSpan = Dom.create(\n 'span',['id', this.prfxPgBeforeSpan+tf.id] );\n pgBeforeSpan.appendChild( Dom.text(this.pageText) );\n pgBeforeSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgBeforeSpan);\n targetEl.appendChild(slcPages);\n var pgAfterSpan = Dom.create(\n 'span',['id', this.prfxPgAfterSpan+tf.id]);\n pgAfterSpan.appendChild( Dom.text(this.ofText) );\n pgAfterSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgAfterSpan);\n var pgspan = Dom.create( 'span',['id', this.prfxPgSpan+tf.id] );\n pgspan.className = this.nbPgSpanCssClass;\n pgspan.appendChild( Dom.text(' '+this.nbPages+' ') );\n targetEl.appendChild(pgspan);\n targetEl.appendChild(btnNextSpan);\n targetEl.appendChild(btnLastSpan);\n this.pagingSlc = Dom.id(this.prfxSlcPages+tf.id);\n\n if(!tf.rememberGridValues){\n this.setPagingInfo();\n }\n if(!tf.fltGrid){\n tf.validateAllRows();\n this.setPagingInfo(tf.validRowsIndex);\n }\n\n this.emitter.on(['after-filtering'], ()=> this.resetPagingInfo());\n this.emitter.on(['initialized'], ()=> this.resetValues());\n\n this.initialized = true;\n }\n\n /**\n * Reset paging when filters are already instantiated\n * @param {Boolean} filterTable Execute filtering once paging instanciated\n */\n reset(filterTable=false){\n var tf = this.tf;\n if(this.isEnabled()){\n return;\n }\n this.enable();\n this.init();\n\n if(filterTable){\n tf.filter();\n }\n }\n\n /**\n * Reset paging info from scratch after a filtering process\n */\n resetPagingInfo(){\n this.startPagingRow = 0;\n this.currentPageNb = 1;\n this.setPagingInfo(this.tf.validRowsIndex);\n }\n\n /**\n * Calculate number of pages based on valid rows\n * Refresh paging select according to number of pages\n * @param {Array} validRows Collection of valid rows\n */\n setPagingInfo(validRows){\n var tf = this.tf;\n var mdiv = !this.pagingTgtId ? tf.mDiv : Dom.id(this.pagingTgtId);\n var pgspan = Dom.id(this.prfxPgSpan+tf.id);\n\n //store valid rows indexes\n tf.validRowsIndex = validRows || tf.getValidRows(true);\n\n //calculate nb of pages\n this.nbPages = Math.ceil(tf.validRowsIndex.length/this.pagingLength);\n //refresh page nb span\n pgspan.innerHTML = this.nbPages;\n //select clearing shortcut\n if(this.pageSelectorType === tf.fltTypeSlc){\n this.pagingSlc.innerHTML = '';\n }\n\n if(this.nbPages>0){\n mdiv.style.visibility = 'visible';\n if(this.pageSelectorType === tf.fltTypeSlc){\n for(var z=0; z=startPagingRow && h {\n this.changeResultsPerPage();\n ev.target.blur();\n };\n\n var slcR = Dom.create(\n tf.fltTypeSlc, ['id', this.prfxSlcResults+tf.id]);\n slcR.className = this.resultsSlcCssClass;\n var slcRText = this.resultsPerPage[0],\n slcROpts = this.resultsPerPage[1];\n var slcRSpan = Dom.create(\n 'span',['id', this.prfxSlcResultsTxt+tf.id]);\n slcRSpan.className = this.resultsSpanCssClass;\n\n // results per page select is added to external element\n if(!this.resultsPerPageTgtId){\n tf.setToolbar();\n }\n var targetEl = !this.resultsPerPageTgtId ?\n tf.rDiv : Dom.id(this.resultsPerPageTgtId);\n slcRSpan.appendChild(Dom.text(slcRText));\n\n var help = tf.feature('help');\n if(help && help.btn){\n help.btn.parentNode.insertBefore(slcRSpan, help.btn);\n help.btn.parentNode.insertBefore(slcR, help.btn);\n } else {\n targetEl.appendChild(slcRSpan);\n targetEl.appendChild(slcR);\n }\n\n for(var r=0; r=0 && index<=(this.nbPages-1) ){\n if(this.onBeforeChangePage){\n this.onBeforeChangePage.call(null, this, index);\n }\n this.currentPageNb = parseInt(index, 10)+1;\n if(this.pageSelectorType===tf.fltTypeSlc){\n this.pagingSlc.options[index].selected = true;\n } else {\n this.pagingSlc.value = this.currentPageNb;\n }\n\n this.startPagingRow = (this.pageSelectorType === tf.fltTypeSlc) ?\n this.pagingSlc.value : (index*this.pagingLength);\n\n this.groupByPage();\n\n if(this.onAfterChangePage){\n this.onAfterChangePage.call(null, this, index);\n }\n }\n\n this.emitter.emit('after-changing-page', tf, index);\n }\n\n /**\n * Change rows according to page results drop-down\n * TODO: accept a parameter setting the results per page length\n */\n changeResultsPerPage(){\n var tf = this.tf;\n\n if(!this.isEnabled()){\n return;\n }\n\n this.emitter.emit('before-changing-results-per-page', tf);\n\n var slcR = this.resultsPerPageSlc;\n var slcIndex = slcR.selectedIndex;\n var slcPagesSelIndex = (this.pageSelectorType === tf.fltTypeSlc) ?\n this.pagingSlc.selectedIndex :\n parseInt(this.pagingSlc.value-1, 10);\n this.pagingLength = parseInt(slcR.options[slcIndex].value, 10);\n this.startPagingRow = this.pagingLength*slcPagesSelIndex;\n\n if(!isNaN(this.pagingLength)){\n if(this.startPagingRow >= tf.nbFilterableRows){\n this.startPagingRow = (tf.nbFilterableRows-this.pagingLength);\n }\n this.setPagingInfo();\n\n if(this.pageSelectorType === tf.fltTypeSlc){\n var slcIdx =\n (this.pagingSlc.options.length-1<=slcPagesSelIndex) ?\n (this.pagingSlc.options.length-1) : slcPagesSelIndex;\n this.pagingSlc.options[slcIdx].selected = true;\n }\n }\n\n this.emitter.emit('after-changing-results-per-page', tf, slcIndex);\n }\n\n /**\n * Re-set persisted pagination info\n */\n resetValues(){\n var tf = this.tf;\n if(tf.rememberPageLen){\n this.resetPageLength();\n }\n if(tf.rememberPageNb){\n this.resetPage();\n }\n }\n\n /**\n * Re-set page nb at page re-load\n */\n resetPage(){\n var tf = this.tf;\n if(!this.isEnabled()){\n return;\n }\n this.emitter.emit('before-reset-page', tf);\n var pgNb = tf.feature('store').getPageNb();\n if(pgNb !== ''){\n this.changePage((pgNb-1));\n }\n this.emitter.emit('after-reset-page', tf, pgNb);\n }\n\n /**\n * Re-set page length value at page re-load\n */\n resetPageLength(){\n var tf = this.tf;\n if(!this.isEnabled()){\n return;\n }\n this.emitter.emit('before-reset-page-length', tf);\n var pglenIndex = tf.feature('store').getPageLength();\n\n if(pglenIndex!==''){\n this.resultsPerPageSlc.options[pglenIndex].selected = true;\n this.changeResultsPerPage();\n }\n this.emitter.emit('after-reset-page-length', tf, pglenIndex);\n }\n\n /**\n * Remove paging feature\n */\n destroy(){\n var tf = this.tf;\n\n if(!this.initialized){\n return;\n }\n // btns containers\n var btnNextSpan = Dom.id(this.prfxBtnNextSpan+tf.id);\n var btnPrevSpan = Dom.id(this.prfxBtnPrevSpan+tf.id);\n var btnLastSpan = Dom.id(this.prfxBtnLastSpan+tf.id);\n var btnFirstSpan = Dom.id(this.prfxBtnFirstSpan+tf.id);\n //span containing 'Page' text\n var pgBeforeSpan = Dom.id(this.prfxPgBeforeSpan+tf.id);\n //span containing 'of' text\n var pgAfterSpan = Dom.id(this.prfxPgAfterSpan+tf.id);\n //span containing nb of pages\n var pgspan = Dom.id(this.prfxPgSpan+tf.id);\n\n var evt = this.evt;\n\n if(this.pagingSlc){\n if(this.pageSelectorType === tf.fltTypeSlc){\n Event.remove(this.pagingSlc, 'change', evt.slcPagesChange);\n }\n else if(this.pageSelectorType === tf.fltTypeInp){\n Event.remove(this.pagingSlc, 'keypress', evt._detectKey);\n }\n Dom.remove(this.pagingSlc);\n }\n\n if(btnNextSpan){\n Event.remove(btnNextSpan, 'click', evt.next);\n Dom.remove(btnNextSpan);\n }\n\n if(btnPrevSpan){\n Event.remove(btnPrevSpan, 'click', evt.prev);\n Dom.remove(btnPrevSpan);\n }\n\n if(btnLastSpan){\n Event.remove(btnLastSpan, 'click', evt.last);\n Dom.remove(btnLastSpan);\n }\n\n if(btnFirstSpan){\n Event.remove(btnFirstSpan, 'click', evt.first);\n Dom.remove(btnFirstSpan);\n }\n\n if(pgBeforeSpan){\n Dom.remove(pgBeforeSpan);\n }\n\n if(pgAfterSpan){\n Dom.remove(pgAfterSpan);\n }\n\n if(pgspan){\n Dom.remove(pgspan);\n }\n\n if(this.hasResultsPerPage){\n this.removeResultsPerPage();\n }\n\n this.emitter.off(['after-filtering'], ()=> this.resetPagingInfo());\n this.emitter.off(['initialized'], ()=> this.resetValues());\n\n this.pagingSlc = null;\n this.nbPages = 0;\n this.disable();\n this.initialized = false;\n }\n}\n"
},
{
"kind": "class",
@@ -9205,7 +9205,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport Types from '../types';\nimport Dom from '../dom';\nimport Event from '../event';\n\nexport class PopupFilter extends Feature{\n\n /**\n * Pop-up filter component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'popupFilters');\n\n // Configuration object\n var f = this.config;\n\n // Enable external filters\n tf.isExternalFlt = true;\n tf.externalFltTgtIds = [];\n\n //filter icon path\n this.popUpImgFlt = f.popup_filters_image ||\n tf.themesPath+'icn_filter.gif';\n //active filter icon path\n this.popUpImgFltActive = f.popup_filters_image_active ||\n tf.themesPath+'icn_filterActive.gif';\n this.popUpImgFltHtml = f.popup_filters_image_html ||\n '';\n //defines css class for popup div containing filter\n this.popUpDivCssClass = f.popup_div_css_class || 'popUpFilter';\n //callback function before popup filtes is opened\n this.onBeforePopUpOpen = Types.isFn(f.on_before_popup_filter_open) ?\n f.on_before_popup_filter_open : null;\n //callback function after popup filtes is opened\n this.onAfterPopUpOpen = Types.isFn(f.on_after_popup_filter_open) ?\n f.on_after_popup_filter_open : null;\n //callback function before popup filtes is closed\n this.onBeforePopUpClose =\n Types.isFn(f.on_before_popup_filter_close) ?\n f.on_before_popup_filter_close : null;\n //callback function after popup filtes is closed\n this.onAfterPopUpClose = Types.isFn(f.on_after_popup_filter_close) ?\n f.on_after_popup_filter_close : null;\n\n //stores filters spans\n this.popUpFltSpans = [];\n //stores filters icons\n this.popUpFltImgs = [];\n //stores filters containers\n this.popUpFltElms = this.popUpFltElmCache || [];\n this.popUpFltAdjustToContainer = true;\n\n //id prefix for pop-up filter span\n this.prfxPopUpSpan = 'popUpSpan_';\n //id prefix for pop-up div containing filter\n this.prfxPopUpDiv = 'popUpDiv_';\n }\n\n onClick(e){\n var evt = e || global.event,\n elm = evt.target.parentNode,\n colIndex = parseInt(elm.getAttribute('ci'), 10);\n\n this.closeAll(colIndex);\n this.toggle(colIndex);\n\n if(this.popUpFltAdjustToContainer){\n var popUpDiv = this.popUpFltElms[colIndex],\n header = this.tf.getHeaderElement(colIndex),\n headerWidth = header.clientWidth * 0.95;\n popUpDiv.style.width = parseInt(headerWidth, 10) + 'px';\n }\n Event.cancel(evt);\n Event.stop(evt);\n }\n\n /**\n * Initialize DOM elements\n */\n init(){\n if(this.initialized){\n return;\n }\n\n var tf = this.tf;\n\n // Override headers row index if no grouped headers\n if(tf.headersRow <= 1){\n tf.headersRow = 0;\n }\n\n for(var i=0; i { this.onClick(evt); });\n this.popUpFltSpans[i] = popUpSpan;\n this.popUpFltImgs[i] = popUpSpan.firstChild;\n }\n\n // subscribe to events\n this.emitter.on(['before-filtering'], ()=> this.buildIcons());\n this.emitter.on(['after-filtering'], ()=> this.closeAll());\n this.emitter.on(['cell-processed'],\n (tf, cellIndex)=> this.buildIcon(cellIndex, true));\n this.emitter.on(['filters-row-inserted'], ()=> this.tf.headersRow++);\n this.emitter.on(['before-filter-init'],\n (tf, colIndex)=> this.build(colIndex));\n\n this.initialized = true;\n }\n\n /**\n * Reset previously destroyed feature\n */\n reset(){\n this.enable();\n this.init();\n this.buildAll();\n }\n\n /**\n * Build all pop-up filters elements\n */\n buildAll(){\n for(var i=0; i Event.stop(evt));\n this.popUpFltElms[colIndex] = popUpDiv;\n }\n\n /**\n * Toogle visibility of specified filter\n * @param {Number} colIndex Column index\n */\n toggle(colIndex){\n var tf = this.tf,\n popUpFltElm = this.popUpFltElms[colIndex];\n\n if(popUpFltElm.style.display === 'none' ||\n popUpFltElm.style.display === ''){\n if(this.onBeforePopUpOpen){\n this.onBeforePopUpOpen.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n popUpFltElm.style.display = 'block';\n if(tf.getFilterType(colIndex) === tf.fltTypeInp){\n var flt = tf.getFilterElement(colIndex);\n if(flt){\n flt.focus();\n }\n }\n if(this.onAfterPopUpOpen){\n this.onAfterPopUpOpen.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n } else {\n if(this.onBeforePopUpClose){\n this.onBeforePopUpClose.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n popUpFltElm.style.display = 'none';\n if(this.onAfterPopUpClose){\n this.onAfterPopUpClose.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n }\n }\n\n /**\n * Close all filters excepted for the specified one if any\n * @param {Number} exceptIdx Column index of the filter to not close\n */\n closeAll(exceptIdx){\n for(var i=0; i this.buildIcons());\n this.emitter.off(['after-filtering'], ()=> this.closeAll());\n this.emitter.off(['cell-processed'],\n (tf, cellIndex)=> this.buildIcon(cellIndex, true));\n this.emitter.off(['filters-row-inserted'], ()=> this.tf.headersRow++);\n this.emitter.off(['before-filter-init'],\n (tf, colIndex)=> this.build(colIndex));\n\n this.initialized = false;\n }\n\n}\n"
+ "content": "import {Feature} from './feature';\nimport Types from '../types';\nimport Dom from '../dom';\nimport Event from '../event';\n\nexport class PopupFilter extends Feature{\n\n /**\n * Pop-up filter component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'popupFilters');\n\n // Configuration object\n var f = this.config;\n\n // Enable external filters\n tf.isExternalFlt = true;\n tf.externalFltTgtIds = [];\n\n //filter icon path\n this.popUpImgFlt = f.popup_filters_image ||\n tf.themesPath+'icn_filter.gif';\n //active filter icon path\n this.popUpImgFltActive = f.popup_filters_image_active ||\n tf.themesPath+'icn_filterActive.gif';\n this.popUpImgFltHtml = f.popup_filters_image_html ||\n '';\n //defines css class for popup div containing filter\n this.popUpDivCssClass = f.popup_div_css_class || 'popUpFilter';\n //callback function before popup filtes is opened\n this.onBeforePopUpOpen = Types.isFn(f.on_before_popup_filter_open) ?\n f.on_before_popup_filter_open : null;\n //callback function after popup filtes is opened\n this.onAfterPopUpOpen = Types.isFn(f.on_after_popup_filter_open) ?\n f.on_after_popup_filter_open : null;\n //callback function before popup filtes is closed\n this.onBeforePopUpClose =\n Types.isFn(f.on_before_popup_filter_close) ?\n f.on_before_popup_filter_close : null;\n //callback function after popup filtes is closed\n this.onAfterPopUpClose = Types.isFn(f.on_after_popup_filter_close) ?\n f.on_after_popup_filter_close : null;\n\n //stores filters spans\n this.popUpFltSpans = [];\n //stores filters icons\n this.popUpFltImgs = [];\n //stores filters containers\n this.popUpFltElms = this.popUpFltElmCache || [];\n this.popUpFltAdjustToContainer = true;\n\n //id prefix for pop-up filter span\n this.prfxPopUpSpan = 'popUpSpan_';\n //id prefix for pop-up div containing filter\n this.prfxPopUpDiv = 'popUpDiv_';\n }\n\n onClick(e){\n var evt = e || global.event,\n elm = evt.target.parentNode,\n colIndex = parseInt(elm.getAttribute('ci'), 10);\n\n this.closeAll(colIndex);\n this.toggle(colIndex);\n\n if(this.popUpFltAdjustToContainer){\n var popUpDiv = this.popUpFltElms[colIndex],\n header = this.tf.getHeaderElement(colIndex),\n headerWidth = header.clientWidth * 0.95;\n popUpDiv.style.width = parseInt(headerWidth, 10) + 'px';\n }\n Event.cancel(evt);\n Event.stop(evt);\n }\n\n /**\n * Initialize DOM elements\n */\n init(){\n if(this.initialized){\n return;\n }\n\n var tf = this.tf;\n\n // Override headers row index if no grouped headers\n if(tf.headersRow <= 1){\n tf.headersRow = 0;\n }\n\n for(var i=0; i { this.onClick(evt); });\n this.popUpFltSpans[i] = popUpSpan;\n this.popUpFltImgs[i] = popUpSpan.firstChild;\n }\n\n // subscribe to events\n this.emitter.on(['before-filtering'], ()=> this.buildIcons());\n this.emitter.on(['after-filtering'], ()=> this.closeAll());\n this.emitter.on(['cell-processed'],\n (tf, cellIndex)=> this.buildIcon(cellIndex, true));\n this.emitter.on(['filters-row-inserted'], ()=> this.tf.headersRow++);\n this.emitter.on(['before-filter-init'],\n (tf, colIndex)=> this.build(colIndex));\n\n this.initialized = true;\n }\n\n /**\n * Reset previously destroyed feature\n */\n reset(){\n this.enable();\n this.init();\n this.buildAll();\n }\n\n /**\n * Build all pop-up filters elements\n */\n buildAll(){\n for(var i=0; i Event.stop(evt));\n this.popUpFltElms[colIndex] = popUpDiv;\n }\n\n /**\n * Toogle visibility of specified filter\n * @param {Number} colIndex Column index\n */\n toggle(colIndex){\n var tf = this.tf,\n popUpFltElm = this.popUpFltElms[colIndex];\n\n if(popUpFltElm.style.display === 'none' ||\n popUpFltElm.style.display === ''){\n if(this.onBeforePopUpOpen){\n this.onBeforePopUpOpen.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n popUpFltElm.style.display = 'block';\n if(tf.getFilterType(colIndex) === tf.fltTypeInp){\n var flt = tf.getFilterElement(colIndex);\n if(flt){\n flt.focus();\n }\n }\n if(this.onAfterPopUpOpen){\n this.onAfterPopUpOpen.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n } else {\n if(this.onBeforePopUpClose){\n this.onBeforePopUpClose.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n popUpFltElm.style.display = 'none';\n if(this.onAfterPopUpClose){\n this.onAfterPopUpClose.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n }\n }\n\n /**\n * Close all filters excepted for the specified one if any\n * @param {Number} exceptIdx Column index of the filter to not close\n */\n closeAll(exceptIdx){\n for(var i=0; i this.buildIcons());\n this.emitter.off(['after-filtering'], ()=> this.closeAll());\n this.emitter.off(['cell-processed'],\n (tf, cellIndex)=> this.buildIcon(cellIndex, true));\n this.emitter.off(['filters-row-inserted'], ()=> this.tf.headersRow++);\n this.emitter.off(['before-filter-init'],\n (tf, colIndex)=> this.build(colIndex));\n\n this.initialized = false;\n }\n\n}\n"
},
{
"kind": "class",
@@ -10212,7 +10212,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nlet global = window;\n\nexport class StatusBar extends Feature{\n\n /**\n * Status bar UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'statusBar');\n\n // Configuration object\n let f = this.config;\n\n //id of custom container element\n this.statusBarTgtId = f.status_bar_target_id || null;\n //element containing status bar label\n this.statusBarDiv = null;\n //status bar\n this.statusBarSpan = null;\n //status bar label\n this.statusBarSpanText = null;\n //defines status bar text\n this.statusBarText = f.status_bar_text || '';\n //defines css class status bar\n this.statusBarCssClass = f.status_bar_css_class || 'status';\n //delay for status bar clearing\n this.statusBarCloseDelay = 250;\n\n //calls function before message is displayed\n this.onBeforeShowMsg = Types.isFn(f.on_before_show_msg) ?\n f.on_before_show_msg : null;\n //calls function after message is displayed\n this.onAfterShowMsg = Types.isFn(f.on_after_show_msg) ?\n f.on_after_show_msg : null;\n\n //status messages\n this.msgFilter = f.msg_filter || 'Filtering data...';\n //populating drop-downs\n this.msgPopulate = f.msg_populate || 'Populating filter...';\n //populating drop-downs\n this.msgPopulateCheckList = f.msg_populate_checklist ||\n 'Populating list...';\n //changing paging page\n this.msgChangePage = f.msg_change_page || 'Collecting paging data...';\n //clearing filters\n this.msgClear = f.msg_clear || 'Clearing filters...';\n //changing nb results/page\n this.msgChangeResults = f.msg_change_results ||\n 'Changing results per page...';\n //re-setting page\n this.msgResetPage = f.msg_reset_page || 'Re-setting page...';\n //re-setting page length\n this.msgResetPageLength = f.msg_reset_page_length ||\n 'Re-setting page length...';\n //table sorting\n this.msgSort = f.msg_sort || 'Sorting data...';\n //extensions loading\n this.msgLoadExtensions = f.msg_load_extensions ||\n 'Loading extensions...';\n //themes loading\n this.msgLoadThemes = f.msg_load_themes || 'Loading theme(s)...';\n\n // status bar div\n this.prfxStatus = 'status_';\n // status bar label\n this.prfxStatusSpan = 'statusSpan_';\n // text preceding status bar label\n this.prfxStatusTxt = 'statusText_';\n }\n\n init(){\n if(this.initialized){\n return;\n }\n\n let tf = this.tf;\n let emitter = this.emitter;\n\n //status bar container\n let statusDiv = Dom.create('div', ['id', this.prfxStatus+tf.id]);\n statusDiv.className = this.statusBarCssClass;\n\n //status bar label\n let statusSpan = Dom.create('span', ['id', this.prfxStatusSpan+tf.id]);\n //preceding text\n let statusSpanText = Dom.create('span',\n ['id', this.prfxStatusTxt+tf.id]);\n statusSpanText.appendChild(Dom.text(this.statusBarText));\n\n // target element container\n if(!this.statusBarTgtId){\n tf.setToolbar();\n }\n let targetEl = (!this.statusBarTgtId) ?\n tf.lDiv : Dom.id(this.statusBarTgtId);\n\n //default container: 'lDiv'\n if(!this.statusBarTgtId){\n statusDiv.appendChild(statusSpanText);\n statusDiv.appendChild(statusSpan);\n targetEl.appendChild(statusDiv);\n } else {\n // custom container, no need to append statusDiv\n targetEl.appendChild(statusSpanText);\n targetEl.appendChild(statusSpan);\n }\n\n this.statusBarDiv = statusDiv;\n this.statusBarSpan = statusSpan;\n this.statusBarSpanText = statusSpanText;\n\n // Subscribe to events\n emitter.on(['before-filtering'], ()=> this.message(this.msgFilter));\n emitter.on(['before-populating-filter'],\n ()=> this.message(this.msgPopulate));\n emitter.on(['before-changing-page'],\n ()=> this.message(this.msgChangePage));\n emitter.on(['before-clearing-filters'], ()=>\n this.message(this.msgClear));\n emitter.on(['before-changing-results-per-page'],\n ()=> this.message(this.msgChangeResults));\n emitter.on(['before-reset-page'], ()=> this.message(this.msgResetPage));\n emitter.on(['before-reset-page-length'],\n ()=> this.message(this.msgResetPageLength));\n emitter.on(['before-loading-extensions'],\n ()=> this.message(this.msgLoadExtensions));\n emitter.on(['before-loading-themes'],\n ()=> this.message(this.msgLoadThemes));\n\n emitter.on([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'\n ],\n ()=> this.message('')\n );\n\n this.initialized = true;\n }\n\n message(t=''){\n if(!this.isEnabled()){\n return;\n }\n\n if(this.onBeforeShowMsg){\n this.onBeforeShowMsg.call(null, this.tf, t);\n }\n\n let d = t==='' ? this.statusBarCloseDelay : 1;\n global.setTimeout(() => {\n if(!this.initialized){\n return;\n }\n this.statusBarSpan.innerHTML = t;\n if(this.onAfterShowMsg){\n this.onAfterShowMsg.call(null, this.tf, t);\n }\n }, d);\n }\n\n destroy(){\n if(!this.initialized){\n return;\n }\n\n let emitter = this.emitter;\n\n this.statusBarDiv.innerHTML = '';\n if(!this.statusBarTgtId){\n Dom.remove(this.statusBarDiv);\n }\n this.statusBarSpan = null;\n this.statusBarSpanText = null;\n this.statusBarDiv = null;\n\n // Unsubscribe to events\n emitter.off(['before-filtering'], ()=> this.message(this.msgFilter));\n emitter.off(['before-populating-filter'],\n ()=> this.message(this.msgPopulate));\n emitter.off(['before-changing-page'],\n ()=> this.message(this.msgChangePage));\n emitter.off(['before-clearing-filters'],\n ()=> this.message(this.msgClear));\n emitter.off(['before-changing-results-per-page'],\n ()=> this.message(this.msgChangeResults));\n emitter.off(['before-reset-page'], ()=>\n this.message(this.msgResetPage));\n emitter.off(['before-reset-page-length'],\n ()=> this.message(this.msgResetPageLength));\n emitter.off(['before-loading-extensions'],\n ()=> this.message(this.msgLoadExtensions));\n emitter.off(['before-loading-themes'],\n ()=> this.message(this.msgLoadThemes));\n\n emitter.off([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'\n ],\n ()=> this.message('')\n );\n\n this.initialized = false;\n }\n\n}\n"
+ "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nlet global = window;\n\nexport class StatusBar extends Feature{\n\n /**\n * Status bar UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'statusBar');\n\n // Configuration object\n let f = this.config;\n\n //id of custom container element\n this.statusBarTgtId = f.status_bar_target_id || null;\n //element containing status bar label\n this.statusBarDiv = null;\n //status bar\n this.statusBarSpan = null;\n //status bar label\n this.statusBarSpanText = null;\n //defines status bar text\n this.statusBarText = f.status_bar_text || '';\n //defines css class status bar\n this.statusBarCssClass = f.status_bar_css_class || 'status';\n //delay for status bar clearing\n this.statusBarCloseDelay = 250;\n\n //calls function before message is displayed\n this.onBeforeShowMsg = Types.isFn(f.on_before_show_msg) ?\n f.on_before_show_msg : null;\n //calls function after message is displayed\n this.onAfterShowMsg = Types.isFn(f.on_after_show_msg) ?\n f.on_after_show_msg : null;\n\n //status messages\n this.msgFilter = f.msg_filter || 'Filtering data...';\n //populating drop-downs\n this.msgPopulate = f.msg_populate || 'Populating filter...';\n //populating drop-downs\n this.msgPopulateCheckList = f.msg_populate_checklist ||\n 'Populating list...';\n //changing paging page\n this.msgChangePage = f.msg_change_page || 'Collecting paging data...';\n //clearing filters\n this.msgClear = f.msg_clear || 'Clearing filters...';\n //changing nb results/page\n this.msgChangeResults = f.msg_change_results ||\n 'Changing results per page...';\n //re-setting page\n this.msgResetPage = f.msg_reset_page || 'Re-setting page...';\n //re-setting page length\n this.msgResetPageLength = f.msg_reset_page_length ||\n 'Re-setting page length...';\n //table sorting\n this.msgSort = f.msg_sort || 'Sorting data...';\n //extensions loading\n this.msgLoadExtensions = f.msg_load_extensions ||\n 'Loading extensions...';\n //themes loading\n this.msgLoadThemes = f.msg_load_themes || 'Loading theme(s)...';\n\n // status bar div\n this.prfxStatus = 'status_';\n // status bar label\n this.prfxStatusSpan = 'statusSpan_';\n // text preceding status bar label\n this.prfxStatusTxt = 'statusText_';\n }\n\n init(){\n if(this.initialized){\n return;\n }\n\n let tf = this.tf;\n let emitter = this.emitter;\n\n //status bar container\n let statusDiv = Dom.create('div', ['id', this.prfxStatus+tf.id]);\n statusDiv.className = this.statusBarCssClass;\n\n //status bar label\n let statusSpan = Dom.create('span', ['id', this.prfxStatusSpan+tf.id]);\n //preceding text\n let statusSpanText = Dom.create('span',\n ['id', this.prfxStatusTxt+tf.id]);\n statusSpanText.appendChild(Dom.text(this.statusBarText));\n\n // target element container\n if(!this.statusBarTgtId){\n tf.setToolbar();\n }\n let targetEl = (!this.statusBarTgtId) ?\n tf.lDiv : Dom.id(this.statusBarTgtId);\n\n //default container: 'lDiv'\n if(!this.statusBarTgtId){\n statusDiv.appendChild(statusSpanText);\n statusDiv.appendChild(statusSpan);\n targetEl.appendChild(statusDiv);\n } else {\n // custom container, no need to append statusDiv\n targetEl.appendChild(statusSpanText);\n targetEl.appendChild(statusSpan);\n }\n\n this.statusBarDiv = statusDiv;\n this.statusBarSpan = statusSpan;\n this.statusBarSpanText = statusSpanText;\n\n // Subscribe to events\n emitter.on(['before-filtering'], ()=> this.message(this.msgFilter));\n emitter.on(['before-populating-filter'],\n ()=> this.message(this.msgPopulate));\n emitter.on(['before-changing-page'],\n ()=> this.message(this.msgChangePage));\n emitter.on(['before-clearing-filters'], ()=>\n this.message(this.msgClear));\n emitter.on(['before-changing-results-per-page'],\n ()=> this.message(this.msgChangeResults));\n emitter.on(['before-reset-page'], ()=> this.message(this.msgResetPage));\n emitter.on(['before-reset-page-length'],\n ()=> this.message(this.msgResetPageLength));\n emitter.on(['before-loading-extensions'],\n ()=> this.message(this.msgLoadExtensions));\n emitter.on(['before-loading-themes'],\n ()=> this.message(this.msgLoadThemes));\n\n emitter.on([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'],\n ()=> this.message('')\n );\n\n this.initialized = true;\n }\n\n message(t=''){\n if(!this.isEnabled()){\n return;\n }\n\n if(this.onBeforeShowMsg){\n this.onBeforeShowMsg.call(null, this.tf, t);\n }\n\n let d = t==='' ? this.statusBarCloseDelay : 1;\n global.setTimeout(() => {\n if(!this.initialized){\n return;\n }\n this.statusBarSpan.innerHTML = t;\n if(this.onAfterShowMsg){\n this.onAfterShowMsg.call(null, this.tf, t);\n }\n }, d);\n }\n\n destroy(){\n if(!this.initialized){\n return;\n }\n\n let emitter = this.emitter;\n\n this.statusBarDiv.innerHTML = '';\n if(!this.statusBarTgtId){\n Dom.remove(this.statusBarDiv);\n }\n this.statusBarSpan = null;\n this.statusBarSpanText = null;\n this.statusBarDiv = null;\n\n // Unsubscribe to events\n emitter.off(['before-filtering'], ()=> this.message(this.msgFilter));\n emitter.off(['before-populating-filter'],\n ()=> this.message(this.msgPopulate));\n emitter.off(['before-changing-page'],\n ()=> this.message(this.msgChangePage));\n emitter.off(['before-clearing-filters'],\n ()=> this.message(this.msgClear));\n emitter.off(['before-changing-results-per-page'],\n ()=> this.message(this.msgChangeResults));\n emitter.off(['before-reset-page'], ()=>\n this.message(this.msgResetPage));\n emitter.off(['before-reset-page-length'],\n ()=> this.message(this.msgResetPageLength));\n emitter.off(['before-loading-extensions'],\n ()=> this.message(this.msgLoadExtensions));\n emitter.off(['before-loading-themes'],\n ()=> this.message(this.msgLoadThemes));\n\n emitter.off([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'],\n ()=> this.message('')\n );\n\n this.initialized = false;\n }\n\n}\n"
},
{
"kind": "variable",
@@ -10742,7 +10742,7 @@
"longname": "src/modules/statusBar.js~StatusBar#initialized",
"access": null,
"description": null,
- "lineNumber": 149,
+ "lineNumber": 148,
"undocument": true,
"type": {
"types": [
@@ -10759,7 +10759,7 @@
"longname": "src/modules/statusBar.js~StatusBar#message",
"access": null,
"description": null,
- "lineNumber": 152,
+ "lineNumber": 151,
"undocument": true,
"params": [
{
@@ -10783,7 +10783,7 @@
"longname": "src/modules/statusBar.js~StatusBar#destroy",
"access": null,
"description": null,
- "lineNumber": 173,
+ "lineNumber": 172,
"undocument": true,
"params": [],
"generator": false
@@ -10797,7 +10797,7 @@
"longname": "src/modules/statusBar.js~StatusBar#statusBarSpan",
"access": null,
"description": null,
- "lineNumber": 184,
+ "lineNumber": 183,
"undocument": true,
"type": {
"types": [
@@ -10814,7 +10814,7 @@
"longname": "src/modules/statusBar.js~StatusBar#statusBarSpanText",
"access": null,
"description": null,
- "lineNumber": 185,
+ "lineNumber": 184,
"undocument": true,
"type": {
"types": [
@@ -10831,7 +10831,7 @@
"longname": "src/modules/statusBar.js~StatusBar#statusBarDiv",
"access": null,
"description": null,
- "lineNumber": 186,
+ "lineNumber": 185,
"undocument": true,
"type": {
"types": [
@@ -10848,7 +10848,7 @@
"longname": "src/modules/statusBar.js~StatusBar#initialized",
"access": null,
"description": null,
- "lineNumber": 221,
+ "lineNumber": 219,
"undocument": true,
"type": {
"types": [
@@ -11185,7 +11185,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import Str from './string';\n\nexport default {\n ignoreCase(a, b){\n let x = Str.lower(a);\n let y = Str.lower(b);\n return ((x < y) ? -1 : ((x > y) ? 1 : 0));\n },\n numSortAsc(a, b){\n return (a - b);\n },\n numSortDesc(a, b){\n return (b - a);\n }\n};\n"
+ "content": "import Str from './string';\n\nexport default {\n ignoreCase(a, b){\n let x = Str.lower(a);\n let y = Str.lower(b);\n return ((x < y) ? -1 : ((x > y) ? 1 : 0));\n },\n numSortAsc(a, b){\n return (a - b);\n },\n numSortDesc(a, b){\n return (b - a);\n }\n};\n"
},
{
"kind": "file",
@@ -11209,7 +11209,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import Event from './event';\nimport Dom from './dom';\nimport Str from './string';\nimport Types from './types';\nimport DateHelper from './date';\nimport Helpers from './helpers';\nimport {Emitter} from './emitter';\n\n// Features\nimport {Store} from './modules/store';\nimport {GridLayout} from './modules/gridLayout';\nimport {Loader} from './modules/loader';\nimport {HighlightKeyword} from './modules/highlightKeywords';\nimport {PopupFilter} from './modules/popupFilter';\nimport {Dropdown} from './modules/dropdown';\nimport {CheckList} from './modules/checkList';\nimport {RowsCounter} from './modules/rowsCounter';\nimport {StatusBar} from './modules/statusBar';\nimport {Paging} from './modules/paging';\nimport {ClearButton} from './modules/clearButton';\nimport {Help} from './modules/help';\nimport {AlternateRows} from './modules/alternateRows';\nimport {NoResults} from './modules/noResults';\n\nlet global = window,\n doc = global.document;\n\nexport class TableFilter {\n\n /**\n * TableFilter object constructor\n * requires `table` or `id` arguments, `row` and `configuration` optional\n * @param {DOMElement} table Table DOM element\n * @param {String} id Table id\n * @param {Number} row index indicating the 1st row\n * @param {Object} configuration object\n */\n constructor(...args) {\n if(args.length === 0){ return; }\n\n this.id = null;\n this.version = '{VERSION}';\n this.year = new Date().getFullYear();\n this.tbl = null;\n this.startRow = null;\n this.refRow = null;\n this.headersRow = null;\n this.cfg = {};\n this.nbFilterableRows = null;\n this.nbRows = null;\n this.nbCells = null;\n this._hasGrid = false;\n\n // TODO: use for-of with babel plug-in\n args.forEach((arg)=> {\n // for (let arg of args) {\n let argtype = typeof arg;\n if(argtype === 'object' && arg && arg.nodeName === 'TABLE'){\n this.tbl = arg;\n this.id = arg.id || `tf_${new Date().getTime()}_`;\n } else if(argtype === 'string'){\n this.id = arg;\n this.tbl = Dom.id(arg);\n } else if(argtype === 'number'){\n this.startRow = arg;\n } else if(argtype === 'object'){\n this.cfg = arg;\n }\n // }\n });\n\n if(!this.tbl || this.tbl.nodeName != 'TABLE' || this.getRowsNb() === 0){\n throw new Error(\n 'Could not instantiate TableFilter: HTML table not found.');\n }\n\n // configuration object\n let f = this.cfg;\n\n this.emitter = new Emitter();\n\n //Start row et cols nb\n this.refRow = this.startRow === null ? 2 : (this.startRow+1);\n try{ this.nbCells = this.getCellsNb(this.refRow); }\n catch(e){ this.nbCells = this.getCellsNb(0); }\n\n //default script base path\n this.basePath = f.base_path || 'tablefilter/';\n\n /*** filter types ***/\n this.fltTypeInp = 'input';\n this.fltTypeSlc = 'select';\n this.fltTypeMulti = 'multiple';\n this.fltTypeCheckList = 'checklist';\n this.fltTypeNone = 'none';\n\n /*** filters' grid properties ***/\n\n //enables/disables filter grid\n this.fltGrid = f.grid === false ? false : true;\n\n //enables/disables grid layout (fixed headers)\n this.gridLayout = Boolean(f.grid_layout);\n\n this.filtersRowIndex = isNaN(f.filters_row_index) ?\n 0 : f.filters_row_index;\n this.headersRow = isNaN(f.headers_row_index) ?\n (this.filtersRowIndex === 0 ? 1 : 0) : f.headers_row_index;\n\n //defines tag of the cells containing filters (td/th)\n this.fltCellTag = f.filters_cell_tag!=='th' ||\n f.filters_cell_tag!=='td' ? 'td' : f.filters_cell_tag;\n\n //stores filters ids\n this.fltIds = [];\n //stores filters DOM elements\n this.fltElms = [];\n //stores valid rows indexes (rows visible upon filtering)\n this.validRowsIndex = [];\n //stores filters row element\n this.fltGridEl = null;\n //container div for paging elements, reset btn etc.\n this.infDiv = null;\n //div for rows counter\n this.lDiv = null;\n //div for reset button and results per page select\n this.rDiv = null;\n //div for paging elements\n this.mDiv = null;\n\n //defines css class for div containing paging elements, rows counter etc\n this.infDivCssClass = f.inf_div_css_class || 'inf';\n //defines css class for left div\n this.lDivCssClass = f.left_div_css_class || 'ldiv';\n //defines css class for right div\n this.rDivCssClass = f.right_div_css_class || 'rdiv';\n //defines css class for mid div\n this.mDivCssClass = f.middle_div_css_class || 'mdiv';\n //table container div css class\n this.contDivCssClass = f.content_div_css_class || 'cont';\n\n /*** filters' grid appearance ***/\n //stylesheet file\n this.stylePath = f.style_path || this.basePath + 'style/';\n this.stylesheet = f.stylesheet || this.stylePath+'tablefilter.css';\n this.stylesheetId = this.id + '_style';\n //defines css class for filters row\n this.fltsRowCssClass = f.flts_row_css_class || 'fltrow';\n //enables/disables icons (paging, reset button)\n this.enableIcons = f.enable_icons===false ? false : true;\n //enables/disbles rows alternating bg colors\n this.alternateRows = Boolean(f.alternate_rows);\n //defines widths of columns\n this.hasColWidths = Types.isArray(f.col_widths);\n this.colWidths = this.hasColWidths ? f.col_widths : null;\n //defines css class for filters\n this.fltCssClass = f.flt_css_class || 'flt';\n //defines css class for multiple selects filters\n this.fltMultiCssClass = f.flt_multi_css_class || 'flt_multi';\n //defines css class for filters\n this.fltSmallCssClass = f.flt_small_css_class || 'flt_s';\n //defines css class for single-filter\n this.singleFltCssClass = f.single_flt_css_class || 'single_flt';\n\n /*** filters' grid behaviours ***/\n //enables/disables enter key\n this.enterKey = f.enter_key===false ? false : true;\n //calls function before filtering starts\n this.onBeforeFilter = Types.isFn(f.on_before_filter) ?\n f.on_before_filter : null;\n //calls function after filtering\n this.onAfterFilter = Types.isFn(f.on_after_filter) ?\n f.on_after_filter : null;\n //enables/disables case sensitivity\n this.caseSensitive = Boolean(f.case_sensitive);\n //has exact match per column\n this.hasExactMatchByCol = Types.isArray(f.columns_exact_match);\n this.exactMatchByCol = this.hasExactMatchByCol ?\n f.columns_exact_match : [];\n //enables/disbles exact match for search\n this.exactMatch = Boolean(f.exact_match);\n //refreshes drop-down lists upon validation\n this.linkedFilters = Boolean(f.linked_filters);\n //wheter excluded options are disabled\n this.disableExcludedOptions = Boolean(f.disable_excluded_options);\n //stores active filter element\n this.activeFlt = null;\n //id of active filter\n this.activeFilterId = null;\n //enables always visible rows\n this.hasVisibleRows = Boolean(f.rows_always_visible);\n //array containing always visible rows\n this.visibleRows = this.hasVisibleRows ? f.rows_always_visible : [];\n //enables/disables external filters generation\n this.isExternalFlt = Boolean(f.external_flt_grid);\n //array containing ids of external elements containing filters\n this.externalFltTgtIds = f.external_flt_grid_ids || [];\n //stores filters elements if isExternalFlt is true\n this.externalFltEls = [];\n //delays any filtering process if loader true\n this.execDelay = !isNaN(f.exec_delay) ? parseInt(f.exec_delay,10) : 100;\n //calls function when filters grid loaded\n this.onFiltersLoaded = Types.isFn(f.on_filters_loaded) ?\n f.on_filters_loaded : null;\n //enables/disables single filter search\n this.singleSearchFlt = Boolean(f.single_filter);\n //calls function after row is validated\n this.onRowValidated = Types.isFn(f.on_row_validated) ?\n f.on_row_validated : null;\n //array defining columns for customCellData event\n this.customCellDataCols = f.custom_cell_data_cols ?\n f.custom_cell_data_cols : [];\n //calls custom function for retrieving cell data\n this.customCellData = Types.isFn(f.custom_cell_data) ?\n f.custom_cell_data : null;\n //input watermark text array\n this.watermark = f.watermark || '';\n this.isWatermarkArray = Types.isArray(this.watermark);\n //id of toolbar container element\n this.toolBarTgtId = f.toolbar_target_id || null;\n //enables/disables help div\n this.help = Types.isUndef(f.help_instructions) ?\n undefined : Boolean(f.help_instructions);\n //popup filters\n this.popupFilters = Boolean(f.popup_filters);\n //active columns color\n this.markActiveColumns = Boolean(f.mark_active_columns);\n //defines css class for active column header\n this.activeColumnsCssClass = f.active_columns_css_class ||\n 'activeHeader';\n //calls function before active column header is marked\n this.onBeforeActiveColumn = Types.isFn(f.on_before_active_column) ?\n f.on_before_active_column : null;\n //calls function after active column header is marked\n this.onAfterActiveColumn = Types.isFn(f.on_after_active_column) ?\n f.on_after_active_column : null;\n\n /*** select filter's customisation and behaviours ***/\n //defines 1st option text\n this.displayAllText = f.display_all_text || 'Clear';\n //enables/disables empty option in combo-box filters\n this.enableEmptyOption = Boolean(f.enable_empty_option);\n //defines empty option text\n this.emptyText = f.empty_text || '(Empty)';\n //enables/disables non empty option in combo-box filters\n this.enableNonEmptyOption = Boolean(f.enable_non_empty_option);\n //defines empty option text\n this.nonEmptyText = f.non_empty_text || '(Non empty)';\n //enables/disables onChange event on combo-box\n this.onSlcChange = f.on_change===false ? false : true;\n //enables/disables select options sorting\n this.sortSlc = f.sort_select===false ? false : true;\n //enables/disables ascending numeric options sorting\n this.isSortNumAsc = Boolean(f.sort_num_asc);\n this.sortNumAsc = this.isSortNumAsc ? f.sort_num_asc : [];\n //enables/disables descending numeric options sorting\n this.isSortNumDesc = Boolean(f.sort_num_desc);\n this.sortNumDesc = this.isSortNumDesc ? f.sort_num_desc : [];\n //Select filters are populated on demand\n this.loadFltOnDemand = Boolean(f.load_filters_on_demand);\n this.hasCustomOptions = Types.isObj(f.custom_options);\n this.customOptions = f.custom_options;\n\n /*** Filter operators ***/\n this.rgxOperator = f.regexp_operator || 'rgx:';\n this.emOperator = f.empty_operator || '[empty]';\n this.nmOperator = f.nonempty_operator || '[nonempty]';\n this.orOperator = f.or_operator || '||';\n this.anOperator = f.and_operator || '&&';\n this.grOperator = f.greater_operator || '>';\n this.lwOperator = f.lower_operator || '<';\n this.leOperator = f.lower_equal_operator || '<=';\n this.geOperator = f.greater_equal_operator || '>=';\n this.dfOperator = f.different_operator || '!';\n this.lkOperator = f.like_operator || '*';\n this.eqOperator = f.equal_operator || '=';\n this.stOperator = f.start_with_operator || '{';\n this.enOperator = f.end_with_operator || '}';\n this.curExp = f.cur_exp || '^[¥£€$]';\n this.separator = f.separator || ',';\n\n /*** rows counter ***/\n //show/hides rows counter\n this.rowsCounter = Boolean(f.rows_counter);\n\n /*** status bar ***/\n //show/hides status bar\n this.statusBar = Boolean(f.status_bar);\n\n /*** loader ***/\n //enables/disables loader/spinner indicator\n this.loader = Boolean(f.loader);\n\n /*** validation - reset buttons/links ***/\n //show/hides filter's validation button\n this.displayBtn = Boolean(f.btn);\n //defines validation button text\n this.btnText = f.btn_text || (!this.enableIcons ? 'Go' : '');\n //defines css class for validation button\n this.btnCssClass = f.btn_css_class ||\n (!this.enableIcons ? 'btnflt' : 'btnflt_icon');\n //show/hides reset link\n this.btnReset = Boolean(f.btn_reset);\n //defines css class for reset button\n this.btnResetCssClass = f.btn_reset_css_class || 'reset';\n //callback function before filters are cleared\n this.onBeforeReset = Types.isFn(f.on_before_reset) ?\n f.on_before_reset : null;\n //callback function after filters are cleared\n this.onAfterReset = Types.isFn(f.on_after_reset) ?\n f.on_after_reset : null;\n\n /*** paging ***/\n //enables/disables table paging\n this.paging = Boolean(f.paging);\n this.nbVisibleRows = 0; //nb visible rows\n this.nbHiddenRows = 0; //nb hidden rows\n\n /*** autofilter on typing ***/\n //enables/disables auto filtering, table is filtered when user stops\n //typing\n this.autoFilter = Boolean(f.auto_filter);\n //onkeyup delay timer (msecs)\n this.autoFilterDelay = !isNaN(f.auto_filter_delay) ?\n f.auto_filter_delay : 900;\n //typing indicator\n this.isUserTyping = null;\n this.autoFilterTimer = null;\n\n /*** keyword highlighting ***/\n //enables/disables keyword highlighting\n this.highlightKeywords = Boolean(f.highlight_keywords);\n\n /*** No results feature ***/\n this.noResults = Types.isObj(f.no_results_message) ||\n Boolean(f.no_results_message);\n\n /*** data types ***/\n //defines default date type (european DMY)\n this.defaultDateType = f.default_date_type || 'DMY';\n //defines default thousands separator\n //US = ',' EU = '.'\n this.thousandsSeparator = f.thousands_separator || ',';\n //defines default decimal separator\n //US & javascript = '.' EU = ','\n this.decimalSeparator = f.decimal_separator || '.';\n //enables number format per column\n this.hasColNbFormat = Types.isArray(f.col_number_format);\n //array containing columns nb formats\n this.colNbFormat = this.hasColNbFormat ? f.col_number_format : null;\n //enables date type per column\n this.hasColDateType = Types.isArray(f.col_date_type);\n //array containing columns date type\n this.colDateType = this.hasColDateType ? f.col_date_type : null;\n\n /*** ids prefixes ***/\n //css class name added to table\n this.prfxTf = 'TF';\n //filters (inputs - selects)\n this.prfxFlt = 'flt';\n //validation button\n this.prfxValButton = 'btn';\n //container div for paging elements, rows counter etc.\n this.prfxInfDiv = 'inf_';\n //left div\n this.prfxLDiv = 'ldiv_';\n //right div\n this.prfxRDiv = 'rdiv_';\n //middle div\n this.prfxMDiv = 'mdiv_';\n //filter values cookie\n this.prfxCookieFltsValues = 'tf_flts_';\n //page nb cookie\n this.prfxCookiePageNb = 'tf_pgnb_';\n //page length cookie\n this.prfxCookiePageLen = 'tf_pglen_';\n\n /*** cookies ***/\n //remembers filters values on page load\n this.rememberGridValues = Boolean(f.remember_grid_values);\n //remembers page nb on page load\n this.rememberPageNb = this.paging && f.remember_page_number;\n //remembers page length on page load\n this.rememberPageLen = this.paging && f.remember_page_length;\n this.hasPersistence = this.rememberGridValues || this.rememberPageNb ||\n this.rememberPageLen;\n\n /*** extensions ***/\n //imports external script\n this.extensions = f.extensions;\n this.hasExtensions = Types.isArray(this.extensions);\n\n /*** themes ***/\n this.enableDefaultTheme = Boolean(f.enable_default_theme);\n //imports themes\n this.hasThemes = (this.enableDefaultTheme || Types.isArray(f.themes));\n this.themes = f.themes || [];\n //themes path\n this.themesPath = f.themes_path || this.stylePath + 'themes/';\n\n // Features registry\n this.Mod = {};\n\n // Extensions registry\n this.ExtRegistry = {};\n\n /*** TF events ***/\n this.Evt = {\n // Detect key\n detectKey(e) {\n if(!this.enterKey){ return; }\n if(e){\n let key = Event.keyCode(e);\n if(key===13){\n this.filter();\n Event.cancel(e);\n Event.stop(e);\n } else {\n this.isUserTyping = true;\n global.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n }\n }\n },\n // if auto-filter on, detect user is typing and filter columns\n onKeyUp(e) {\n if(!this.autoFilter){\n return;\n }\n let key = Event.keyCode(e);\n this.isUserTyping = false;\n\n function filter() {\n /*jshint validthis:true */\n global.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n if(!this.isUserTyping){\n this.filter();\n this.isUserTyping = null;\n }\n }\n\n if(key!==13 && key!==9 && key!==27 && key!==38 && key!==40) {\n if(this.autoFilterTimer === null){\n this.autoFilterTimer = global.setInterval(\n filter.bind(this), this.autoFilterDelay);\n }\n } else {\n global.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n }\n },\n // if auto-filter on, detect user is typing\n onKeyDown() {\n if(!this.autoFilter) { return; }\n this.isUserTyping = true;\n },\n // if auto-filter on, clear interval on filter blur\n onInpBlur() {\n if(this.autoFilter){\n this.isUserTyping = false;\n global.clearInterval(this.autoFilterTimer);\n }\n this.emitter.emit('filter-blur', this);\n },\n // set focused text-box filter as active\n onInpFocus(e) {\n let elm = Event.target(e);\n this.activeFilterId = elm.getAttribute('id');\n this.activeFlt = Dom.id(this.activeFilterId);\n this.emitter.emit('filter-focus', this);\n }\n };\n }\n\n /**\n * Initialise features and layout\n */\n init(){\n if(this._hasGrid){\n return;\n }\n\n let Mod = this.Mod;\n let n = this.singleSearchFlt ? 1 : this.nbCells,\n inpclass;\n\n //loads stylesheet if not imported\n this.import(this.stylesheetId, this.stylesheet, null, 'link');\n\n //loads theme\n if(this.hasThemes){ this.loadThemes(); }\n\n // Instantiate help feature and initialise only if set true\n if(!Mod.help){\n Mod.help = new Help(this);\n }\n if(this.help){\n Mod.help.init();\n }\n\n if(this.hasPersistence){\n if(!Mod.store){\n Mod.store = new Store(this);\n }\n Mod.store.init();\n }\n\n if(this.gridLayout){\n if(!Mod.gridLayout){\n Mod.gridLayout = new GridLayout(this);\n }\n Mod.gridLayout.init();\n }\n\n if(this.loader){\n if(!Mod.loader){\n Mod.loader = new Loader(this);\n }\n Mod.loader.init();\n }\n\n if(this.highlightKeywords){\n Mod.highlightKeyword = new HighlightKeyword(this);\n Mod.highlightKeyword.init();\n }\n\n if(this.popupFilters){\n if(!Mod.popupFilter){\n Mod.popupFilter = new PopupFilter(this);\n }\n Mod.popupFilter.init();\n }\n\n //filters grid is not generated\n if(!this.fltGrid){\n this._initNoFilters();\n } else {\n let fltrow = this._insertFiltersRow();\n\n this.nbFilterableRows = this.getRowsNb();\n this.nbVisibleRows = this.nbFilterableRows;\n this.nbRows = this.tbl.rows.length;\n\n // Generate filters\n for(let i=0; i this.enforceVisibility());\n this.enforceVisibility();\n }\n if(this.rowsCounter){\n Mod.rowsCounter = new RowsCounter(this);\n Mod.rowsCounter.init();\n }\n if(this.statusBar){\n Mod.statusBar = new StatusBar(this);\n Mod.statusBar.init();\n }\n if(this.paging){\n if(!Mod.paging){\n Mod.paging = new Paging(this);\n Mod.paging.init();\n } else{\n Mod.paging.reset();\n }\n }\n if(this.btnReset){\n Mod.clearButton = new ClearButton(this);\n Mod.clearButton.init();\n }\n\n if(this.hasColWidths && !this.gridLayout){\n this.setColWidths();\n }\n if(this.alternateRows){\n Mod.alternateRows = new AlternateRows(this);\n Mod.alternateRows.init();\n }\n if(this.noResults){\n if(!Mod.noResults){\n Mod.noResults = new NoResults(this);\n }\n Mod.noResults.init();\n }\n\n this._hasGrid = true;\n\n if(this.hasPersistence){\n this.resetFilterValues();\n }\n\n //TF css class is added to table\n if(!this.gridLayout){\n Dom.addClass(this.tbl, this.prfxTf);\n }\n\n /* Loads extensions */\n if(this.hasExtensions){\n this.initExtensions();\n }\n\n // Subscribe to events\n if(this.markActiveColumns){\n this.emitter.on(['before-filtering'],\n ()=> this.clearActiveColumns());\n this.emitter.on(['cell-processed'],\n (tf, colIndex)=> this.markActiveColumn(colIndex));\n }\n if(this.linkedFilters){\n this.emitter.on(['after-filtering'], ()=> this.linkFilters());\n }\n\n if(this.onFiltersLoaded){\n this.onFiltersLoaded.call(null, this);\n }\n\n this.initialized = true;\n this.emitter.emit('initialized', this);\n }\n\n /**\n * Insert filters row at initialization\n */\n _insertFiltersRow() {\n if(this.gridLayout){\n return;\n }\n let fltrow;\n\n let thead = Dom.tag(this.tbl, 'thead');\n if(thead.length > 0){\n fltrow = thead[0].insertRow(this.filtersRowIndex);\n } else {\n fltrow = this.tbl.insertRow(this.filtersRowIndex);\n }\n\n // if(this.headersRow > 1 && this.filtersRowIndex <= this.headersRow){\n // this.headersRow++;\n // }\n\n fltrow.className = this.fltsRowCssClass;\n\n if(this.isExternalFlt){\n fltrow.style.display = 'none';\n }\n\n this.emitter.emit('filters-row-inserted', this, fltrow);\n return fltrow;\n }\n\n /**\n * Initialize filtersless table\n */\n _initNoFilters(){\n if(this.fltGrid){\n return;\n }\n this.refRow = this.refRow > 0 ? this.refRow-1 : 0;\n this.nbFilterableRows = this.getRowsNb();\n this.nbVisibleRows = this.nbFilterableRows;\n this.nbRows = this.nbFilterableRows + this.refRow;\n }\n\n /**\n * Build input filter type\n * @param {Number} colIndex Column index\n * @param {String} cssClass Css class applied to filter\n * @param {DOMElement} container Container DOM element\n */\n _buildInputFilter(colIndex, cssClass, container){\n let col = this.getFilterType(colIndex);\n let externalFltTgtId = this.isExternalFlt ?\n this.externalFltTgtIds[colIndex] : null;\n let inptype = col===this.fltTypeInp ? 'text' : 'hidden';\n let inp = Dom.create(this.fltTypeInp,\n ['id', this.prfxFlt+colIndex+'_'+this.id],\n ['type', inptype], ['ct', colIndex]);\n\n if(inptype !== 'hidden' && this.watermark){\n inp.setAttribute('placeholder',\n this.isWatermarkArray ? (this.watermark[colIndex] || '') :\n this.watermark\n );\n }\n inp.className = cssClass || this.fltCssClass;\n Event.add(inp, 'focus', this.Evt.onInpFocus.bind(this));\n\n //filter is appended in custom element\n if(externalFltTgtId){\n Dom.id(externalFltTgtId).appendChild(inp);\n this.externalFltEls.push(inp);\n } else {\n container.appendChild(inp);\n }\n\n this.fltIds.push(inp.id);\n\n Event.add(inp, 'keypress', this.Evt.detectKey.bind(this));\n Event.add(inp, 'keydown', this.Evt.onKeyDown.bind(this));\n Event.add(inp, 'keyup', this.Evt.onKeyUp.bind(this));\n Event.add(inp, 'blur', this.Evt.onInpBlur.bind(this));\n }\n\n /**\n * Build submit button\n * @param {Number} colIndex Column index\n * @param {DOMElement} container Container DOM element\n */\n _buildSubmitButton(colIndex, container){\n let externalFltTgtId = this.isExternalFlt ?\n this.externalFltTgtIds[colIndex] : null;\n let btn = Dom.create(this.fltTypeInp,\n ['id', this.prfxValButton+colIndex+'_'+this.id],\n ['type', 'button'], ['value', this.btnText]);\n btn.className = this.btnCssClass;\n\n //filter is appended in custom element\n if(externalFltTgtId){\n Dom.id(externalFltTgtId).appendChild(btn);\n } else{\n container.appendChild(btn);\n }\n\n Event.add(btn, 'click', ()=> this.filter());\n }\n\n /**\n * Return a feature instance for a given name\n * @param {String} name Name of the feature\n * @return {Object}\n */\n feature(name){\n return this.Mod[name];\n }\n\n /**\n * Initialise all the extensions defined in the configuration object\n */\n initExtensions(){\n let exts = this.extensions;\n // Set config's publicPath dynamically for Webpack...\n __webpack_public_path__ = this.basePath;\n\n this.emitter.emit('before-loading-extensions', this);\n for(let i=0, len=exts.length; i {\n let inst = new mod.default(this, ext);\n inst.init();\n this.ExtRegistry[name] = inst;\n });\n }\n\n /**\n * Get an extension instance\n * @param {String} name Name of the extension\n * @return {Object} Extension instance\n */\n extension(name){\n return this.ExtRegistry[name];\n }\n\n /**\n * Check passed extension name exists\n * @param {String} name Name of the extension\n * @return {Boolean}\n */\n hasExtension(name){\n return !Types.isEmpty(this.ExtRegistry[name]);\n }\n\n /**\n * Destroy all the extensions defined in the configuration object\n */\n destroyExtensions(){\n let exts = this.extensions;\n\n for(let i=0, len=exts.length; i {\n if(val !== ' '){\n this.setFilterValue(idx, val);\n }\n });\n this.filter();\n }\n\n /**\n * Filter the table by retrieving the data from each cell in every single\n * row and comparing it to the search term for current column. A row is\n * hidden when all the search terms are not found in inspected row.\n */\n filter(){\n if(!this.fltGrid || !this._hasGrid){\n return;\n }\n //invoke onbefore callback\n if(this.onBeforeFilter){\n this.onBeforeFilter.call(null, this);\n }\n this.emitter.emit('before-filtering', this);\n\n let row = this.tbl.rows,\n hiddenrows = 0;\n\n this.validRowsIndex = [];\n // search args re-init\n let searchArgs = this.getFiltersValue();\n\n var numCellData, nbFormat;\n var re_le = new RegExp(this.leOperator),\n re_ge = new RegExp(this.geOperator),\n re_l = new RegExp(this.lwOperator),\n re_g = new RegExp(this.grOperator),\n re_d = new RegExp(this.dfOperator),\n re_lk = new RegExp(Str.rgxEsc(this.lkOperator)),\n re_eq = new RegExp(this.eqOperator),\n re_st = new RegExp(this.stOperator),\n re_en = new RegExp(this.enOperator),\n // re_an = new RegExp(this.anOperator),\n // re_cr = new RegExp(this.curExp),\n re_em = this.emOperator,\n re_nm = this.nmOperator,\n re_re = new RegExp(Str.rgxEsc(this.rgxOperator));\n\n //keyword highlighting\n function highlight(str, ok, cell){\n /*jshint validthis:true */\n if(this.highlightKeywords && ok){\n str = str.replace(re_lk, '');\n str = str.replace(re_eq, '');\n str = str.replace(re_st, '');\n str = str.replace(re_en, '');\n let w = str;\n if(re_le.test(str) || re_ge.test(str) || re_l.test(str) ||\n re_g.test(str) || re_d.test(str)){\n w = Dom.getText(cell);\n }\n if(w !== ''){\n this.emitter.emit('highlight-keyword', this, cell, w);\n }\n }\n }\n\n //looks for search argument in current row\n function hasArg(sA, cellData, j){\n /*jshint validthis:true */\n sA = Str.matchCase(sA, this.caseSensitive);\n\n let occurence,\n removeNbFormat = Helpers.removeNbFormat;\n\n //Search arg operator tests\n let hasLO = re_l.test(sA),\n hasLE = re_le.test(sA),\n hasGR = re_g.test(sA),\n hasGE = re_ge.test(sA),\n hasDF = re_d.test(sA),\n hasEQ = re_eq.test(sA),\n hasLK = re_lk.test(sA),\n // hasAN = re_an.test(sA),\n hasST = re_st.test(sA),\n hasEN = re_en.test(sA),\n hasEM = (re_em === sA),\n hasNM = (re_nm === sA),\n hasRE = re_re.test(sA);\n\n //Search arg dates tests\n let isLDate = hasLO &&\n DateHelper.isValid(sA.replace(re_l,''), dtType);\n let isLEDate = hasLE &&\n DateHelper.isValid(sA.replace(re_le,''), dtType);\n let isGDate = hasGR &&\n DateHelper.isValid(sA.replace(re_g,''), dtType);\n let isGEDate = hasGE &&\n DateHelper.isValid(sA.replace(re_ge,''), dtType);\n let isDFDate = hasDF &&\n DateHelper.isValid(sA.replace(re_d,''), dtType);\n let isEQDate = hasEQ &&\n DateHelper.isValid(sA.replace(re_eq,''), dtType);\n\n let dte1, dte2;\n //dates\n if(DateHelper.isValid(cellData, dtType)){\n dte1 = DateHelper.format(cellData, dtType);\n // lower date\n if(isLDate){\n dte2 = DateHelper.format(sA.replace(re_l,''), dtType);\n occurence = dte1 < dte2;\n }\n // lower equal date\n else if(isLEDate){\n dte2 = DateHelper.format(sA.replace(re_le,''), dtType);\n occurence = dte1 <= dte2;\n }\n // greater equal date\n else if(isGEDate){\n dte2 = DateHelper.format(sA.replace(re_ge,''), dtType);\n occurence = dte1 >= dte2;\n }\n // greater date\n else if(isGDate){\n dte2 = DateHelper.format(sA.replace(re_g,''), dtType);\n occurence = dte1 > dte2;\n }\n // different date\n else if(isDFDate){\n dte2 = DateHelper.format(sA.replace(re_d,''), dtType);\n occurence = dte1.toString() != dte2.toString();\n }\n // equal date\n else if(isEQDate){\n dte2 = DateHelper.format(sA.replace(re_eq,''), dtType);\n occurence = dte1.toString() == dte2.toString();\n }\n // searched keyword with * operator doesn't have to be a date\n else if(re_lk.test(sA)){// like date\n occurence = Str.contains(sA.replace(re_lk,''), cellData,\n false, this.caseSensitive);\n }\n else if(DateHelper.isValid(sA,dtType)){\n dte2 = DateHelper.format(sA,dtType);\n occurence = dte1.toString() === dte2.toString();\n }\n //empty\n else if(hasEM){\n occurence = Str.isEmpty(cellData);\n }\n //non-empty\n else if(hasNM){\n occurence = !Str.isEmpty(cellData);\n } else {\n occurence = Str.contains(sA, cellData, this.isExactMatch(j),\n this.caseSensitive);\n }\n }\n\n else{\n //first numbers need to be formated\n if(this.hasColNbFormat && this.colNbFormat[j]){\n numCellData = removeNbFormat(\n cellData, this.colNbFormat[j]);\n nbFormat = this.colNbFormat[j];\n } else {\n if(this.thousandsSeparator === ',' &&\n this.decimalSeparator === '.'){\n numCellData = removeNbFormat(cellData, 'us');\n nbFormat = 'us';\n } else {\n numCellData = removeNbFormat(cellData, 'eu');\n nbFormat = 'eu';\n }\n }\n\n // first checks if there is any operator (<,>,<=,>=,!,*,=,{,},\n // rgx:)\n // lower equal\n if(hasLE){\n occurence = numCellData <= removeNbFormat(\n sA.replace(re_le, ''), nbFormat);\n }\n //greater equal\n else if(hasGE){\n occurence = numCellData >= removeNbFormat(\n sA.replace(re_ge, ''), nbFormat);\n }\n //lower\n else if(hasLO){\n occurence = numCellData < removeNbFormat(\n sA.replace(re_l, ''), nbFormat);\n }\n //greater\n else if(hasGR){\n occurence = numCellData > removeNbFormat(\n sA.replace(re_g, ''), nbFormat);\n }\n //different\n else if(hasDF){\n occurence = Str.contains(sA.replace(re_d, ''), cellData,\n false, this.caseSensitive) ? false : true;\n }\n //like\n else if(hasLK){\n occurence = Str.contains(sA.replace(re_lk, ''), cellData,\n false, this.caseSensitive);\n }\n //equal\n else if(hasEQ){\n occurence = Str.contains(sA.replace(re_eq, ''), cellData,\n true, this.caseSensitive);\n }\n //starts with\n else if(hasST){\n occurence = cellData.indexOf(sA.replace(re_st, '')) === 0 ?\n true : false;\n }\n //ends with\n else if(hasEN){\n let searchArg = sA.replace(re_en, '');\n occurence =\n cellData.lastIndexOf(searchArg, cellData.length-1) ===\n (cellData.length-1)-(searchArg.length-1) &&\n cellData.lastIndexOf(\n searchArg, cellData.length-1) > -1 ? true : false;\n }\n //empty\n else if(hasEM){\n occurence = Str.isEmpty(cellData);\n }\n //non-empty\n else if(hasNM){\n occurence = !Str.isEmpty(cellData);\n }\n //regexp\n else if(hasRE){\n //in case regexp fires an exception\n try{\n //operator is removed\n let srchArg = sA.replace(re_re,'');\n let rgx = new RegExp(srchArg);\n occurence = rgx.test(cellData);\n } catch(e) { occurence = false; }\n } else {\n occurence = Str.contains(sA, cellData, this.isExactMatch(j),\n this.caseSensitive);\n }\n\n }//else\n return occurence;\n }//fn\n\n for(let k=this.refRow; k 1,\n //multiple search parameter operator &&\n sAAndSplit = sA.toString().split(this.anOperator),\n //multiple search && parameter boolean\n hasMultiAndSA = sAAndSplit.length > 1;\n\n //detect operators or array query\n if(Types.isArray(sA) || hasMultiOrSA || hasMultiAndSA){\n let cS,\n s,\n occur = false;\n if(Types.isArray(sA)){\n s = sA;\n } else {\n s = hasMultiOrSA ? sAOrSplit : sAAndSplit;\n }\n // TODO: improve clarity/readability of this block\n for(let w=0, len=s.length; w 0){\n isExludedRow = exclude.indexOf(i) != -1;\n }\n let cell = row[i].cells,\n nchilds = cell.length;\n\n // checks if row has exact cell # and is not excluded\n if(nchilds === this.nbCells && !isExludedRow){\n // this loop retrieves cell data\n for(let j=0; j 0 ? fltValues : '';\n }\n //checklist\n else if(fltColType === this.fltTypeCheckList){\n // TODO: extract a method in checklist module from below\n if(flt.getAttribute('value') !== null){\n fltValues = flt.getAttribute('value');\n //removes last operator ||\n fltValues = fltValues.substr(0, fltValues.length-3);\n //convert || separated values into array\n fltValues = fltValues.split(' ' + this.orOperator + ' ');\n }\n //return empty string if collection is empty\n fltValue = fltValues.length > 0 ? fltValues : '';\n }\n //return an empty string if collection contains a single empty string\n if(Types.isArray(fltValue) && fltValue.length === 1 &&\n fltValue[0] === ''){\n fltValue = '';\n }\n return fltValue;\n }\n\n /**\n * Return the filters' values\n * @return {Array} List of filters' values\n */\n getFiltersValue(){\n if(!this.fltGrid){\n return;\n }\n let searchArgs = [];\n for(let i=0, len=this.fltIds.length; i 0;\n let frag = !tblHasColTag ? doc.createDocumentFragment() : null;\n for(let k=0; k nrows\n if(row <= this.nbRows){\n this.validateRow(row, true);\n }\n }\n }\n\n /**\n * Clear all the filters' values\n */\n clearFilters(){\n if(!this.fltGrid){\n return;\n }\n\n this.emitter.emit('before-clearing-filters', this);\n\n if(this.onBeforeReset){\n this.onBeforeReset.call(null, this, this.getFiltersValue());\n }\n for(let i=0, len=this.fltIds.length; i IE onload event works only for scripts, not for stylesheets\n file.onload = file.onreadystatechange = function(){\n if(!isLoaded &&\n (!this.readyState || this.readyState === 'loaded' ||\n this.readyState === 'complete')){\n isLoaded = true;\n if(typeof callback === 'function'){\n callback.call(null, o);\n }\n }\n };\n file.onerror = function(){\n throw new Error('TF script could not load: ' + filePath);\n };\n head.appendChild(file);\n }\n\n /**\n * Check if table has filters grid\n * @return {Boolean}\n */\n hasGrid(){\n return this._hasGrid;\n }\n\n /**\n * Get list of filter IDs\n * @return {[type]} [description]\n */\n getFiltersId(){\n return this.fltIds || [];\n }\n\n /**\n * Get filtered (valid) rows indexes\n * @param {Boolean} reCalc Force calculation of filtered rows list\n * @return {Array} List of row indexes\n */\n getValidRows(reCalc){\n if(!reCalc){\n return this.validRowsIndex;\n }\n\n this.validRowsIndex = [];\n for(let k=this.refRow; k {\n // for (let arg of args) {\n let argtype = typeof arg;\n if(argtype === 'object' && arg && arg.nodeName === 'TABLE'){\n this.tbl = arg;\n this.id = arg.id || `tf_${new Date().getTime()}_`;\n } else if(argtype === 'string'){\n this.id = arg;\n this.tbl = Dom.id(arg);\n } else if(argtype === 'number'){\n this.startRow = arg;\n } else if(argtype === 'object'){\n this.cfg = arg;\n }\n // }\n });\n\n if(!this.tbl || this.tbl.nodeName != 'TABLE' || this.getRowsNb() === 0){\n throw new Error(\n 'Could not instantiate TableFilter: HTML table not found.');\n }\n\n // configuration object\n let f = this.cfg;\n\n this.emitter = new Emitter();\n\n //Start row et cols nb\n this.refRow = this.startRow === null ? 2 : (this.startRow+1);\n try{ this.nbCells = this.getCellsNb(this.refRow); }\n catch(e){ this.nbCells = this.getCellsNb(0); }\n\n //default script base path\n this.basePath = f.base_path || 'tablefilter/';\n\n /*** filter types ***/\n this.fltTypeInp = 'input';\n this.fltTypeSlc = 'select';\n this.fltTypeMulti = 'multiple';\n this.fltTypeCheckList = 'checklist';\n this.fltTypeNone = 'none';\n\n /*** filters' grid properties ***/\n\n //enables/disables filter grid\n this.fltGrid = f.grid === false ? false : true;\n\n //enables/disables grid layout (fixed headers)\n this.gridLayout = Boolean(f.grid_layout);\n\n this.filtersRowIndex = isNaN(f.filters_row_index) ?\n 0 : f.filters_row_index;\n this.headersRow = isNaN(f.headers_row_index) ?\n (this.filtersRowIndex === 0 ? 1 : 0) : f.headers_row_index;\n\n //defines tag of the cells containing filters (td/th)\n this.fltCellTag = f.filters_cell_tag!=='th' ||\n f.filters_cell_tag!=='td' ? 'td' : f.filters_cell_tag;\n\n //stores filters ids\n this.fltIds = [];\n //stores filters DOM elements\n this.fltElms = [];\n //stores valid rows indexes (rows visible upon filtering)\n this.validRowsIndex = [];\n //stores filters row element\n this.fltGridEl = null;\n //container div for paging elements, reset btn etc.\n this.infDiv = null;\n //div for rows counter\n this.lDiv = null;\n //div for reset button and results per page select\n this.rDiv = null;\n //div for paging elements\n this.mDiv = null;\n\n //defines css class for div containing paging elements, rows counter etc\n this.infDivCssClass = f.inf_div_css_class || 'inf';\n //defines css class for left div\n this.lDivCssClass = f.left_div_css_class || 'ldiv';\n //defines css class for right div\n this.rDivCssClass = f.right_div_css_class || 'rdiv';\n //defines css class for mid div\n this.mDivCssClass = f.middle_div_css_class || 'mdiv';\n //table container div css class\n this.contDivCssClass = f.content_div_css_class || 'cont';\n\n /*** filters' grid appearance ***/\n //stylesheet file\n this.stylePath = f.style_path || this.basePath + 'style/';\n this.stylesheet = f.stylesheet || this.stylePath+'tablefilter.css';\n this.stylesheetId = this.id + '_style';\n //defines css class for filters row\n this.fltsRowCssClass = f.flts_row_css_class || 'fltrow';\n //enables/disables icons (paging, reset button)\n this.enableIcons = f.enable_icons===false ? false : true;\n //enables/disbles rows alternating bg colors\n this.alternateRows = Boolean(f.alternate_rows);\n //defines widths of columns\n this.hasColWidths = Types.isArray(f.col_widths);\n this.colWidths = this.hasColWidths ? f.col_widths : null;\n //defines css class for filters\n this.fltCssClass = f.flt_css_class || 'flt';\n //defines css class for multiple selects filters\n this.fltMultiCssClass = f.flt_multi_css_class || 'flt_multi';\n //defines css class for filters\n this.fltSmallCssClass = f.flt_small_css_class || 'flt_s';\n //defines css class for single-filter\n this.singleFltCssClass = f.single_flt_css_class || 'single_flt';\n\n /*** filters' grid behaviours ***/\n //enables/disables enter key\n this.enterKey = f.enter_key===false ? false : true;\n //calls function before filtering starts\n this.onBeforeFilter = Types.isFn(f.on_before_filter) ?\n f.on_before_filter : null;\n //calls function after filtering\n this.onAfterFilter = Types.isFn(f.on_after_filter) ?\n f.on_after_filter : null;\n //enables/disables case sensitivity\n this.caseSensitive = Boolean(f.case_sensitive);\n //has exact match per column\n this.hasExactMatchByCol = Types.isArray(f.columns_exact_match);\n this.exactMatchByCol = this.hasExactMatchByCol ?\n f.columns_exact_match : [];\n //enables/disbles exact match for search\n this.exactMatch = Boolean(f.exact_match);\n //refreshes drop-down lists upon validation\n this.linkedFilters = Boolean(f.linked_filters);\n //wheter excluded options are disabled\n this.disableExcludedOptions = Boolean(f.disable_excluded_options);\n //stores active filter element\n this.activeFlt = null;\n //id of active filter\n this.activeFilterId = null;\n //enables always visible rows\n this.hasVisibleRows = Boolean(f.rows_always_visible);\n //array containing always visible rows\n this.visibleRows = this.hasVisibleRows ? f.rows_always_visible : [];\n //enables/disables external filters generation\n this.isExternalFlt = Boolean(f.external_flt_grid);\n //array containing ids of external elements containing filters\n this.externalFltTgtIds = f.external_flt_grid_ids || [];\n //stores filters elements if isExternalFlt is true\n this.externalFltEls = [];\n //delays any filtering process if loader true\n this.execDelay = !isNaN(f.exec_delay) ? parseInt(f.exec_delay,10) : 100;\n //calls function when filters grid loaded\n this.onFiltersLoaded = Types.isFn(f.on_filters_loaded) ?\n f.on_filters_loaded : null;\n //enables/disables single filter search\n this.singleSearchFlt = Boolean(f.single_filter);\n //calls function after row is validated\n this.onRowValidated = Types.isFn(f.on_row_validated) ?\n f.on_row_validated : null;\n //array defining columns for customCellData event\n this.customCellDataCols = f.custom_cell_data_cols ?\n f.custom_cell_data_cols : [];\n //calls custom function for retrieving cell data\n this.customCellData = Types.isFn(f.custom_cell_data) ?\n f.custom_cell_data : null;\n //input watermark text array\n this.watermark = f.watermark || '';\n this.isWatermarkArray = Types.isArray(this.watermark);\n //id of toolbar container element\n this.toolBarTgtId = f.toolbar_target_id || null;\n //enables/disables help div\n this.help = Types.isUndef(f.help_instructions) ?\n undefined : Boolean(f.help_instructions);\n //popup filters\n this.popupFilters = Boolean(f.popup_filters);\n //active columns color\n this.markActiveColumns = Boolean(f.mark_active_columns);\n //defines css class for active column header\n this.activeColumnsCssClass = f.active_columns_css_class ||\n 'activeHeader';\n //calls function before active column header is marked\n this.onBeforeActiveColumn = Types.isFn(f.on_before_active_column) ?\n f.on_before_active_column : null;\n //calls function after active column header is marked\n this.onAfterActiveColumn = Types.isFn(f.on_after_active_column) ?\n f.on_after_active_column : null;\n\n /*** select filter's customisation and behaviours ***/\n //defines 1st option text\n this.displayAllText = f.display_all_text || 'Clear';\n //enables/disables empty option in combo-box filters\n this.enableEmptyOption = Boolean(f.enable_empty_option);\n //defines empty option text\n this.emptyText = f.empty_text || '(Empty)';\n //enables/disables non empty option in combo-box filters\n this.enableNonEmptyOption = Boolean(f.enable_non_empty_option);\n //defines empty option text\n this.nonEmptyText = f.non_empty_text || '(Non empty)';\n //enables/disables onChange event on combo-box\n this.onSlcChange = f.on_change===false ? false : true;\n //enables/disables select options sorting\n this.sortSlc = f.sort_select===false ? false : true;\n //enables/disables ascending numeric options sorting\n this.isSortNumAsc = Boolean(f.sort_num_asc);\n this.sortNumAsc = this.isSortNumAsc ? f.sort_num_asc : [];\n //enables/disables descending numeric options sorting\n this.isSortNumDesc = Boolean(f.sort_num_desc);\n this.sortNumDesc = this.isSortNumDesc ? f.sort_num_desc : [];\n //Select filters are populated on demand\n this.loadFltOnDemand = Boolean(f.load_filters_on_demand);\n this.hasCustomOptions = Types.isObj(f.custom_options);\n this.customOptions = f.custom_options;\n\n /*** Filter operators ***/\n this.rgxOperator = f.regexp_operator || 'rgx:';\n this.emOperator = f.empty_operator || '[empty]';\n this.nmOperator = f.nonempty_operator || '[nonempty]';\n this.orOperator = f.or_operator || '||';\n this.anOperator = f.and_operator || '&&';\n this.grOperator = f.greater_operator || '>';\n this.lwOperator = f.lower_operator || '<';\n this.leOperator = f.lower_equal_operator || '<=';\n this.geOperator = f.greater_equal_operator || '>=';\n this.dfOperator = f.different_operator || '!';\n this.lkOperator = f.like_operator || '*';\n this.eqOperator = f.equal_operator || '=';\n this.stOperator = f.start_with_operator || '{';\n this.enOperator = f.end_with_operator || '}';\n this.curExp = f.cur_exp || '^[¥£€$]';\n this.separator = f.separator || ',';\n\n /*** rows counter ***/\n //show/hides rows counter\n this.rowsCounter = Boolean(f.rows_counter);\n\n /*** status bar ***/\n //show/hides status bar\n this.statusBar = Boolean(f.status_bar);\n\n /*** loader ***/\n //enables/disables loader/spinner indicator\n this.loader = Boolean(f.loader);\n\n /*** validation - reset buttons/links ***/\n //show/hides filter's validation button\n this.displayBtn = Boolean(f.btn);\n //defines validation button text\n this.btnText = f.btn_text || (!this.enableIcons ? 'Go' : '');\n //defines css class for validation button\n this.btnCssClass = f.btn_css_class ||\n (!this.enableIcons ? 'btnflt' : 'btnflt_icon');\n //show/hides reset link\n this.btnReset = Boolean(f.btn_reset);\n //defines css class for reset button\n this.btnResetCssClass = f.btn_reset_css_class || 'reset';\n //callback function before filters are cleared\n this.onBeforeReset = Types.isFn(f.on_before_reset) ?\n f.on_before_reset : null;\n //callback function after filters are cleared\n this.onAfterReset = Types.isFn(f.on_after_reset) ?\n f.on_after_reset : null;\n\n /*** paging ***/\n //enables/disables table paging\n this.paging = Boolean(f.paging);\n this.nbVisibleRows = 0; //nb visible rows\n this.nbHiddenRows = 0; //nb hidden rows\n\n /*** autofilter on typing ***/\n //enables/disables auto filtering, table is filtered when user stops\n //typing\n this.autoFilter = Boolean(f.auto_filter);\n //onkeyup delay timer (msecs)\n this.autoFilterDelay = !isNaN(f.auto_filter_delay) ?\n f.auto_filter_delay : 900;\n //typing indicator\n this.isUserTyping = null;\n this.autoFilterTimer = null;\n\n /*** keyword highlighting ***/\n //enables/disables keyword highlighting\n this.highlightKeywords = Boolean(f.highlight_keywords);\n\n /*** No results feature ***/\n this.noResults = Types.isObj(f.no_results_message) ||\n Boolean(f.no_results_message);\n\n /*** data types ***/\n //defines default date type (european DMY)\n this.defaultDateType = f.default_date_type || 'DMY';\n //defines default thousands separator\n //US = ',' EU = '.'\n this.thousandsSeparator = f.thousands_separator || ',';\n //defines default decimal separator\n //US & javascript = '.' EU = ','\n this.decimalSeparator = f.decimal_separator || '.';\n //enables number format per column\n this.hasColNbFormat = Types.isArray(f.col_number_format);\n //array containing columns nb formats\n this.colNbFormat = this.hasColNbFormat ? f.col_number_format : null;\n //enables date type per column\n this.hasColDateType = Types.isArray(f.col_date_type);\n //array containing columns date type\n this.colDateType = this.hasColDateType ? f.col_date_type : null;\n\n /*** ids prefixes ***/\n //css class name added to table\n this.prfxTf = 'TF';\n //filters (inputs - selects)\n this.prfxFlt = 'flt';\n //validation button\n this.prfxValButton = 'btn';\n //container div for paging elements, rows counter etc.\n this.prfxInfDiv = 'inf_';\n //left div\n this.prfxLDiv = 'ldiv_';\n //right div\n this.prfxRDiv = 'rdiv_';\n //middle div\n this.prfxMDiv = 'mdiv_';\n //filter values cookie\n this.prfxCookieFltsValues = 'tf_flts_';\n //page nb cookie\n this.prfxCookiePageNb = 'tf_pgnb_';\n //page length cookie\n this.prfxCookiePageLen = 'tf_pglen_';\n\n /*** cookies ***/\n //remembers filters values on page load\n this.rememberGridValues = Boolean(f.remember_grid_values);\n //remembers page nb on page load\n this.rememberPageNb = this.paging && f.remember_page_number;\n //remembers page length on page load\n this.rememberPageLen = this.paging && f.remember_page_length;\n this.hasPersistence = this.rememberGridValues || this.rememberPageNb ||\n this.rememberPageLen;\n\n /*** extensions ***/\n //imports external script\n this.extensions = f.extensions;\n this.hasExtensions = Types.isArray(this.extensions);\n\n /*** themes ***/\n this.enableDefaultTheme = Boolean(f.enable_default_theme);\n //imports themes\n this.hasThemes = (this.enableDefaultTheme || Types.isArray(f.themes));\n this.themes = f.themes || [];\n //themes path\n this.themesPath = f.themes_path || this.stylePath + 'themes/';\n\n // Features registry\n this.Mod = {};\n\n // Extensions registry\n this.ExtRegistry = {};\n\n /*** TF events ***/\n this.Evt = {\n // Detect key\n detectKey(e) {\n if(!this.enterKey){ return; }\n if(e){\n let key = Event.keyCode(e);\n if(key===13){\n this.filter();\n Event.cancel(e);\n Event.stop(e);\n } else {\n this.isUserTyping = true;\n global.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n }\n }\n },\n // if auto-filter on, detect user is typing and filter columns\n onKeyUp(e) {\n if(!this.autoFilter){\n return;\n }\n let key = Event.keyCode(e);\n this.isUserTyping = false;\n\n function filter() {\n /*jshint validthis:true */\n global.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n if(!this.isUserTyping){\n this.filter();\n this.isUserTyping = null;\n }\n }\n\n if(key!==13 && key!==9 && key!==27 && key!==38 && key!==40) {\n if(this.autoFilterTimer === null){\n this.autoFilterTimer = global.setInterval(\n filter.bind(this), this.autoFilterDelay);\n }\n } else {\n global.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n }\n },\n // if auto-filter on, detect user is typing\n onKeyDown() {\n if(!this.autoFilter) { return; }\n this.isUserTyping = true;\n },\n // if auto-filter on, clear interval on filter blur\n onInpBlur() {\n if(this.autoFilter){\n this.isUserTyping = false;\n global.clearInterval(this.autoFilterTimer);\n }\n this.emitter.emit('filter-blur', this);\n },\n // set focused text-box filter as active\n onInpFocus(e) {\n let elm = Event.target(e);\n this.activeFilterId = elm.getAttribute('id');\n this.activeFlt = Dom.id(this.activeFilterId);\n this.emitter.emit('filter-focus', this);\n }\n };\n }\n\n /**\n * Initialise features and layout\n */\n init(){\n if(this._hasGrid){\n return;\n }\n\n let Mod = this.Mod;\n let n = this.singleSearchFlt ? 1 : this.nbCells,\n inpclass;\n\n //loads stylesheet if not imported\n this.import(this.stylesheetId, this.stylesheet, null, 'link');\n\n //loads theme\n if(this.hasThemes){ this.loadThemes(); }\n\n // Instantiate help feature and initialise only if set true\n if(!Mod.help){\n Mod.help = new Help(this);\n }\n if(this.help){\n Mod.help.init();\n }\n\n if(this.hasPersistence){\n if(!Mod.store){\n Mod.store = new Store(this);\n }\n Mod.store.init();\n }\n\n if(this.gridLayout){\n if(!Mod.gridLayout){\n Mod.gridLayout = new GridLayout(this);\n }\n Mod.gridLayout.init();\n }\n\n if(this.loader){\n if(!Mod.loader){\n Mod.loader = new Loader(this);\n }\n Mod.loader.init();\n }\n\n if(this.highlightKeywords){\n Mod.highlightKeyword = new HighlightKeyword(this);\n Mod.highlightKeyword.init();\n }\n\n if(this.popupFilters){\n if(!Mod.popupFilter){\n Mod.popupFilter = new PopupFilter(this);\n }\n Mod.popupFilter.init();\n }\n\n //filters grid is not generated\n if(!this.fltGrid){\n this._initNoFilters();\n } else {\n let fltrow = this._insertFiltersRow();\n\n this.nbFilterableRows = this.getRowsNb();\n this.nbVisibleRows = this.nbFilterableRows;\n this.nbRows = this.tbl.rows.length;\n\n // Generate filters\n for(let i=0; i this.enforceVisibility());\n this.enforceVisibility();\n }\n if(this.rowsCounter){\n Mod.rowsCounter = new RowsCounter(this);\n Mod.rowsCounter.init();\n }\n if(this.statusBar){\n Mod.statusBar = new StatusBar(this);\n Mod.statusBar.init();\n }\n if(this.paging){\n if(!Mod.paging){\n Mod.paging = new Paging(this);\n Mod.paging.init();\n } else{\n Mod.paging.reset();\n }\n }\n if(this.btnReset){\n Mod.clearButton = new ClearButton(this);\n Mod.clearButton.init();\n }\n\n if(this.hasColWidths && !this.gridLayout){\n this.setColWidths();\n }\n if(this.alternateRows){\n Mod.alternateRows = new AlternateRows(this);\n Mod.alternateRows.init();\n }\n if(this.noResults){\n if(!Mod.noResults){\n Mod.noResults = new NoResults(this);\n }\n Mod.noResults.init();\n }\n\n this._hasGrid = true;\n\n if(this.hasPersistence){\n this.resetFilterValues();\n }\n\n //TF css class is added to table\n if(!this.gridLayout){\n Dom.addClass(this.tbl, this.prfxTf);\n }\n\n /* Loads extensions */\n if(this.hasExtensions){\n this.initExtensions();\n }\n\n // Subscribe to events\n if(this.markActiveColumns){\n this.emitter.on(['before-filtering'],\n ()=> this.clearActiveColumns());\n this.emitter.on(['cell-processed'],\n (tf, colIndex)=> this.markActiveColumn(colIndex));\n }\n if(this.linkedFilters){\n this.emitter.on(['after-filtering'], ()=> this.linkFilters());\n }\n\n if(this.onFiltersLoaded){\n this.onFiltersLoaded.call(null, this);\n }\n\n this.initialized = true;\n this.emitter.emit('initialized', this);\n }\n\n /**\n * Insert filters row at initialization\n */\n _insertFiltersRow() {\n if(this.gridLayout){\n return;\n }\n let fltrow;\n\n let thead = Dom.tag(this.tbl, 'thead');\n if(thead.length > 0){\n fltrow = thead[0].insertRow(this.filtersRowIndex);\n } else {\n fltrow = this.tbl.insertRow(this.filtersRowIndex);\n }\n\n // if(this.headersRow > 1 && this.filtersRowIndex <= this.headersRow){\n // this.headersRow++;\n // }\n\n fltrow.className = this.fltsRowCssClass;\n\n if(this.isExternalFlt){\n fltrow.style.display = 'none';\n }\n\n this.emitter.emit('filters-row-inserted', this, fltrow);\n return fltrow;\n }\n\n /**\n * Initialize filtersless table\n */\n _initNoFilters(){\n if(this.fltGrid){\n return;\n }\n this.refRow = this.refRow > 0 ? this.refRow-1 : 0;\n this.nbFilterableRows = this.getRowsNb();\n this.nbVisibleRows = this.nbFilterableRows;\n this.nbRows = this.nbFilterableRows + this.refRow;\n }\n\n /**\n * Build input filter type\n * @param {Number} colIndex Column index\n * @param {String} cssClass Css class applied to filter\n * @param {DOMElement} container Container DOM element\n */\n _buildInputFilter(colIndex, cssClass, container){\n let col = this.getFilterType(colIndex);\n let externalFltTgtId = this.isExternalFlt ?\n this.externalFltTgtIds[colIndex] : null;\n let inptype = col===this.fltTypeInp ? 'text' : 'hidden';\n let inp = Dom.create(this.fltTypeInp,\n ['id', this.prfxFlt+colIndex+'_'+this.id],\n ['type', inptype], ['ct', colIndex]);\n\n if(inptype !== 'hidden' && this.watermark){\n inp.setAttribute('placeholder',\n this.isWatermarkArray ? (this.watermark[colIndex] || '') :\n this.watermark\n );\n }\n inp.className = cssClass || this.fltCssClass;\n Event.add(inp, 'focus', this.Evt.onInpFocus.bind(this));\n\n //filter is appended in custom element\n if(externalFltTgtId){\n Dom.id(externalFltTgtId).appendChild(inp);\n this.externalFltEls.push(inp);\n } else {\n container.appendChild(inp);\n }\n\n this.fltIds.push(inp.id);\n\n Event.add(inp, 'keypress', this.Evt.detectKey.bind(this));\n Event.add(inp, 'keydown', this.Evt.onKeyDown.bind(this));\n Event.add(inp, 'keyup', this.Evt.onKeyUp.bind(this));\n Event.add(inp, 'blur', this.Evt.onInpBlur.bind(this));\n }\n\n /**\n * Build submit button\n * @param {Number} colIndex Column index\n * @param {DOMElement} container Container DOM element\n */\n _buildSubmitButton(colIndex, container){\n let externalFltTgtId = this.isExternalFlt ?\n this.externalFltTgtIds[colIndex] : null;\n let btn = Dom.create(this.fltTypeInp,\n ['id', this.prfxValButton+colIndex+'_'+this.id],\n ['type', 'button'], ['value', this.btnText]);\n btn.className = this.btnCssClass;\n\n //filter is appended in custom element\n if(externalFltTgtId){\n Dom.id(externalFltTgtId).appendChild(btn);\n } else{\n container.appendChild(btn);\n }\n\n Event.add(btn, 'click', ()=> this.filter());\n }\n\n /**\n * Return a feature instance for a given name\n * @param {String} name Name of the feature\n * @return {Object}\n */\n feature(name){\n return this.Mod[name];\n }\n\n /**\n * Initialise all the extensions defined in the configuration object\n */\n initExtensions(){\n let exts = this.extensions;\n // Set config's publicPath dynamically for Webpack...\n __webpack_public_path__ = this.basePath;\n\n this.emitter.emit('before-loading-extensions', this);\n for(let i=0, len=exts.length; i {\n /* eslint-disable */\n let inst = new mod.default(this, ext);\n /* eslint-enable */\n inst.init();\n this.ExtRegistry[name] = inst;\n });\n }\n\n /**\n * Get an extension instance\n * @param {String} name Name of the extension\n * @return {Object} Extension instance\n */\n extension(name){\n return this.ExtRegistry[name];\n }\n\n /**\n * Check passed extension name exists\n * @param {String} name Name of the extension\n * @return {Boolean}\n */\n hasExtension(name){\n return !Types.isEmpty(this.ExtRegistry[name]);\n }\n\n /**\n * Destroy all the extensions defined in the configuration object\n */\n destroyExtensions(){\n let exts = this.extensions;\n\n for(let i=0, len=exts.length; i {\n if(val !== ' '){\n this.setFilterValue(idx, val);\n }\n });\n this.filter();\n }\n\n /**\n * Filter the table by retrieving the data from each cell in every single\n * row and comparing it to the search term for current column. A row is\n * hidden when all the search terms are not found in inspected row.\n */\n filter(){\n if(!this.fltGrid || !this._hasGrid){\n return;\n }\n //invoke onbefore callback\n if(this.onBeforeFilter){\n this.onBeforeFilter.call(null, this);\n }\n this.emitter.emit('before-filtering', this);\n\n let row = this.tbl.rows,\n hiddenrows = 0;\n\n this.validRowsIndex = [];\n // search args re-init\n let searchArgs = this.getFiltersValue();\n\n var numCellData, nbFormat;\n var re_le = new RegExp(this.leOperator),\n re_ge = new RegExp(this.geOperator),\n re_l = new RegExp(this.lwOperator),\n re_g = new RegExp(this.grOperator),\n re_d = new RegExp(this.dfOperator),\n re_lk = new RegExp(Str.rgxEsc(this.lkOperator)),\n re_eq = new RegExp(this.eqOperator),\n re_st = new RegExp(this.stOperator),\n re_en = new RegExp(this.enOperator),\n // re_an = new RegExp(this.anOperator),\n // re_cr = new RegExp(this.curExp),\n re_em = this.emOperator,\n re_nm = this.nmOperator,\n re_re = new RegExp(Str.rgxEsc(this.rgxOperator));\n\n //keyword highlighting\n function highlight(str, ok, cell){\n /*jshint validthis:true */\n if(this.highlightKeywords && ok){\n str = str.replace(re_lk, '');\n str = str.replace(re_eq, '');\n str = str.replace(re_st, '');\n str = str.replace(re_en, '');\n let w = str;\n if(re_le.test(str) || re_ge.test(str) || re_l.test(str) ||\n re_g.test(str) || re_d.test(str)){\n w = Dom.getText(cell);\n }\n if(w !== ''){\n this.emitter.emit('highlight-keyword', this, cell, w);\n }\n }\n }\n\n //looks for search argument in current row\n function hasArg(sA, cellData, j){\n /*jshint validthis:true */\n sA = Str.matchCase(sA, this.caseSensitive);\n\n let occurence,\n removeNbFormat = Helpers.removeNbFormat;\n\n //Search arg operator tests\n let hasLO = re_l.test(sA),\n hasLE = re_le.test(sA),\n hasGR = re_g.test(sA),\n hasGE = re_ge.test(sA),\n hasDF = re_d.test(sA),\n hasEQ = re_eq.test(sA),\n hasLK = re_lk.test(sA),\n // hasAN = re_an.test(sA),\n hasST = re_st.test(sA),\n hasEN = re_en.test(sA),\n hasEM = (re_em === sA),\n hasNM = (re_nm === sA),\n hasRE = re_re.test(sA);\n\n //Search arg dates tests\n let isLDate = hasLO &&\n DateHelper.isValid(sA.replace(re_l,''), dtType);\n let isLEDate = hasLE &&\n DateHelper.isValid(sA.replace(re_le,''), dtType);\n let isGDate = hasGR &&\n DateHelper.isValid(sA.replace(re_g,''), dtType);\n let isGEDate = hasGE &&\n DateHelper.isValid(sA.replace(re_ge,''), dtType);\n let isDFDate = hasDF &&\n DateHelper.isValid(sA.replace(re_d,''), dtType);\n let isEQDate = hasEQ &&\n DateHelper.isValid(sA.replace(re_eq,''), dtType);\n\n let dte1, dte2;\n //dates\n if(DateHelper.isValid(cellData, dtType)){\n dte1 = DateHelper.format(cellData, dtType);\n // lower date\n if(isLDate){\n dte2 = DateHelper.format(sA.replace(re_l,''), dtType);\n occurence = dte1 < dte2;\n }\n // lower equal date\n else if(isLEDate){\n dte2 = DateHelper.format(sA.replace(re_le,''), dtType);\n occurence = dte1 <= dte2;\n }\n // greater equal date\n else if(isGEDate){\n dte2 = DateHelper.format(sA.replace(re_ge,''), dtType);\n occurence = dte1 >= dte2;\n }\n // greater date\n else if(isGDate){\n dte2 = DateHelper.format(sA.replace(re_g,''), dtType);\n occurence = dte1 > dte2;\n }\n // different date\n else if(isDFDate){\n dte2 = DateHelper.format(sA.replace(re_d,''), dtType);\n occurence = dte1.toString() != dte2.toString();\n }\n // equal date\n else if(isEQDate){\n dte2 = DateHelper.format(sA.replace(re_eq,''), dtType);\n occurence = dte1.toString() == dte2.toString();\n }\n // searched keyword with * operator doesn't have to be a date\n else if(re_lk.test(sA)){// like date\n occurence = Str.contains(sA.replace(re_lk,''), cellData,\n false, this.caseSensitive);\n }\n else if(DateHelper.isValid(sA,dtType)){\n dte2 = DateHelper.format(sA,dtType);\n occurence = dte1.toString() === dte2.toString();\n }\n //empty\n else if(hasEM){\n occurence = Str.isEmpty(cellData);\n }\n //non-empty\n else if(hasNM){\n occurence = !Str.isEmpty(cellData);\n } else {\n occurence = Str.contains(sA, cellData, this.isExactMatch(j),\n this.caseSensitive);\n }\n }\n\n else{\n //first numbers need to be formated\n if(this.hasColNbFormat && this.colNbFormat[j]){\n numCellData = removeNbFormat(\n cellData, this.colNbFormat[j]);\n nbFormat = this.colNbFormat[j];\n } else {\n if(this.thousandsSeparator === ',' &&\n this.decimalSeparator === '.'){\n numCellData = removeNbFormat(cellData, 'us');\n nbFormat = 'us';\n } else {\n numCellData = removeNbFormat(cellData, 'eu');\n nbFormat = 'eu';\n }\n }\n\n // first checks if there is any operator (<,>,<=,>=,!,*,=,{,},\n // rgx:)\n // lower equal\n if(hasLE){\n occurence = numCellData <= removeNbFormat(\n sA.replace(re_le, ''), nbFormat);\n }\n //greater equal\n else if(hasGE){\n occurence = numCellData >= removeNbFormat(\n sA.replace(re_ge, ''), nbFormat);\n }\n //lower\n else if(hasLO){\n occurence = numCellData < removeNbFormat(\n sA.replace(re_l, ''), nbFormat);\n }\n //greater\n else if(hasGR){\n occurence = numCellData > removeNbFormat(\n sA.replace(re_g, ''), nbFormat);\n }\n //different\n else if(hasDF){\n occurence = Str.contains(sA.replace(re_d, ''), cellData,\n false, this.caseSensitive) ? false : true;\n }\n //like\n else if(hasLK){\n occurence = Str.contains(sA.replace(re_lk, ''), cellData,\n false, this.caseSensitive);\n }\n //equal\n else if(hasEQ){\n occurence = Str.contains(sA.replace(re_eq, ''), cellData,\n true, this.caseSensitive);\n }\n //starts with\n else if(hasST){\n occurence = cellData.indexOf(sA.replace(re_st, '')) === 0 ?\n true : false;\n }\n //ends with\n else if(hasEN){\n let searchArg = sA.replace(re_en, '');\n occurence =\n cellData.lastIndexOf(searchArg, cellData.length-1) ===\n (cellData.length-1)-(searchArg.length-1) &&\n cellData.lastIndexOf(\n searchArg, cellData.length-1) > -1 ? true : false;\n }\n //empty\n else if(hasEM){\n occurence = Str.isEmpty(cellData);\n }\n //non-empty\n else if(hasNM){\n occurence = !Str.isEmpty(cellData);\n }\n //regexp\n else if(hasRE){\n //in case regexp fires an exception\n try{\n //operator is removed\n let srchArg = sA.replace(re_re,'');\n let rgx = new RegExp(srchArg);\n occurence = rgx.test(cellData);\n } catch(e) { occurence = false; }\n } else {\n occurence = Str.contains(sA, cellData, this.isExactMatch(j),\n this.caseSensitive);\n }\n\n }//else\n return occurence;\n }//fn\n\n for(let k=this.refRow; k 1,\n //multiple search parameter operator &&\n sAAndSplit = sA.toString().split(this.anOperator),\n //multiple search && parameter boolean\n hasMultiAndSA = sAAndSplit.length > 1;\n\n //detect operators or array query\n if(Types.isArray(sA) || hasMultiOrSA || hasMultiAndSA){\n let cS,\n s,\n occur = false;\n if(Types.isArray(sA)){\n s = sA;\n } else {\n s = hasMultiOrSA ? sAOrSplit : sAAndSplit;\n }\n // TODO: improve clarity/readability of this block\n for(let w=0, len=s.length; w 0){\n isExludedRow = exclude.indexOf(i) != -1;\n }\n let cell = row[i].cells,\n nchilds = cell.length;\n\n // checks if row has exact cell # and is not excluded\n if(nchilds === this.nbCells && !isExludedRow){\n // this loop retrieves cell data\n for(let j=0; j 0 ? fltValues : '';\n }\n //checklist\n else if(fltColType === this.fltTypeCheckList){\n // TODO: extract a method in checklist module from below\n if(flt.getAttribute('value') !== null){\n fltValues = flt.getAttribute('value');\n //removes last operator ||\n fltValues = fltValues.substr(0, fltValues.length-3);\n //convert || separated values into array\n fltValues = fltValues.split(' ' + this.orOperator + ' ');\n }\n //return empty string if collection is empty\n fltValue = fltValues.length > 0 ? fltValues : '';\n }\n //return an empty string if collection contains a single empty string\n if(Types.isArray(fltValue) && fltValue.length === 1 &&\n fltValue[0] === ''){\n fltValue = '';\n }\n return fltValue;\n }\n\n /**\n * Return the filters' values\n * @return {Array} List of filters' values\n */\n getFiltersValue(){\n if(!this.fltGrid){\n return;\n }\n let searchArgs = [];\n for(let i=0, len=this.fltIds.length; i 0;\n let frag = !tblHasColTag ? doc.createDocumentFragment() : null;\n for(let k=0; k nrows\n if(row <= this.nbRows){\n this.validateRow(row, true);\n }\n }\n }\n\n /**\n * Clear all the filters' values\n */\n clearFilters(){\n if(!this.fltGrid){\n return;\n }\n\n this.emitter.emit('before-clearing-filters', this);\n\n if(this.onBeforeReset){\n this.onBeforeReset.call(null, this, this.getFiltersValue());\n }\n for(let i=0, len=this.fltIds.length; i IE onload event works only for scripts, not for stylesheets\n file.onload = file.onreadystatechange = function(){\n if(!isLoaded &&\n (!this.readyState || this.readyState === 'loaded' ||\n this.readyState === 'complete')){\n isLoaded = true;\n if(typeof callback === 'function'){\n callback.call(null, o);\n }\n }\n };\n file.onerror = function(){\n throw new Error('TF script could not load: ' + filePath);\n };\n head.appendChild(file);\n }\n\n /**\n * Check if table has filters grid\n * @return {Boolean}\n */\n hasGrid(){\n return this._hasGrid;\n }\n\n /**\n * Get list of filter IDs\n * @return {[type]} [description]\n */\n getFiltersId(){\n return this.fltIds || [];\n }\n\n /**\n * Get filtered (valid) rows indexes\n * @param {Boolean} reCalc Force calculation of filtered rows list\n * @return {Array} List of row indexes\n */\n getValidRows(reCalc){\n if(!reCalc){\n return this.validRowsIndex;\n }\n\n this.validRowsIndex = [];\n for(let k=this.refRow; k
src/array.js | tablefilter v0.1.14 API Document
+ src/array.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/cookie.js.html b/docs/file/src/cookie.js.html
index 036641c7..bd353261 100644
--- a/docs/file/src/cookie.js.html
+++ b/docs/file/src/cookie.js.html
@@ -3,7 +3,7 @@
src/cookie.js | tablefilter v0.1.14 API Document
+ src/cookie.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/date.js.html b/docs/file/src/date.js.html
index d530bb62..b83c77bc 100644
--- a/docs/file/src/date.js.html
+++ b/docs/file/src/date.js.html
@@ -3,7 +3,7 @@
src/date.js | tablefilter v0.1.14 API Document
+ src/date.js | tablefilter v0.1.15 API Document
@@ -163,33 +163,33 @@ export default {
case 'DDMMMYYYY':
parts = dateStr.replace(/[- \/.]/g,' ').split(' ');
oDate = new Date(y2kDate(parts[2]),mmm2mm(parts[1])-1,parts[0]);
- break;
+ break;
case 'DMY':
- /* jshint ignore:start */
+ /* eslint-disable */
parts = dateStr.replace(
/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/,'$1 $3 $5').split(' ');
oDate = new Date(y2kDate(parts[2]),parts[1]-1,parts[0]);
- /* jshint ignore:end */
- break;
+ /* eslint-enable */
+ break;
case 'MDY':
- /* jshint ignore:start */
+ /* eslint-disable */
parts = dateStr.replace(
/^(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])([- \/.])((\d\d)?\d\d)$/,'$1 $3 $5').split(' ');
oDate = new Date(y2kDate(parts[2]),parts[0]-1,parts[1]);
- /* jshint ignore:end */
- break;
+ /* eslint-enable */
+ break;
case 'YMD':
- /* jshint ignore:start */
+ /* eslint-disable */
parts = dateStr.replace(/^((\d\d)?\d\d)([- \/.])(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])$/,'$1 $4 $6').split(' ');
oDate = new Date(y2kDate(parts[0]),parts[1]-1,parts[2]);
- /* jshint ignore:end */
- break;
+ /* eslint-enable */
+ break;
default: //in case format is not correct
- /* jshint ignore:start */
+ /* eslint-disable */
parts = dateStr.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/,'$1 $3 $5').split(' ');
oDate = new Date(y2kDate(parts[2]),parts[1]-1,parts[0]);
- /* jshint ignore:end */
- break;
+ /* eslint-enable */
+ break;
}
return oDate;
}
@@ -226,11 +226,11 @@ function mmm2mm(mmm){
'nov','dec'
];
for(let m_i=0; m_i < MONTH_NAMES.length; m_i++){
- let month_name = MONTH_NAMES[m_i];
- if (mmm.toLowerCase() === month_name){
- mondigit = m_i+1;
- break;
- }
+ let month_name = MONTH_NAMES[m_i];
+ if (mmm.toLowerCase() === month_name){
+ mondigit = m_i+1;
+ break;
+ }
}
if(mondigit > 11 || mondigit < 23){
mondigit = mondigit - 12;
diff --git a/docs/file/src/dom.js.html b/docs/file/src/dom.js.html
index 0c998970..6ae75eb0 100644
--- a/docs/file/src/dom.js.html
+++ b/docs/file/src/dom.js.html
@@ -3,7 +3,7 @@
src/dom.js | tablefilter v0.1.14 API Document
+ src/dom.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/emitter.js.html b/docs/file/src/emitter.js.html
index 3ba3b0d8..ef134e4b 100644
--- a/docs/file/src/emitter.js.html
+++ b/docs/file/src/emitter.js.html
@@ -3,7 +3,7 @@
src/emitter.js | tablefilter v0.1.14 API Document
+ src/emitter.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/event.js.html b/docs/file/src/event.js.html
index 6180c2d6..3a2e2ab2 100644
--- a/docs/file/src/event.js.html
+++ b/docs/file/src/event.js.html
@@ -3,7 +3,7 @@
src/event.js | tablefilter v0.1.14 API Document
+ src/event.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html b/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html
index 6cd0463c..15178318 100644
--- a/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html
+++ b/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html
@@ -3,7 +3,7 @@
src/extensions/advancedGrid/adapterEzEditTable.js | tablefilter v0.1.14 API Document
+ src/extensions/advancedGrid/adapterEzEditTable.js | tablefilter v0.1.15 API Document
@@ -90,7 +90,7 @@ export default class AdapterEzEditTable {
this.err = 'Failed to instantiate EditTable object.\n"ezEditTable" ' +
'dependency not found.';
// Enable the ezEditTable's scroll into view behaviour if grid layout on
- cfg.scroll_into_view = cfg.scroll_into_view===false ?
+ cfg.scroll_into_view = cfg.scroll_into_view===false ?
false : tf.gridLayout;
this._ezEditTable = null;
@@ -142,7 +142,7 @@ export default class AdapterEzEditTable {
startRow = cfg.startRow || tf.refRow;
}
- cfg.base_path = cfg.base_path || tf.basePath + 'ezEditTable/';
+ cfg.base_path = cfg.base_path || tf.basePath + 'ezEditTable/';
var editable = cfg.editable;
var selectable = cfg.selection;
@@ -163,16 +163,24 @@ export default class AdapterEzEditTable {
//Next valid filtered row needs to be selected
var doSelect = function(nextRowIndex){
if(et.defaultSelection === 'row'){
+ /* eslint-disable */
slc.SelectRowByIndex(nextRowIndex);
+ /* eslint-enable */
} else {
+ /* eslint-disable */
et.ClearSelections();
+ /* eslint-enable */
var cellIndex = selectedElm.cellIndex,
row = tf.tbl.rows[nextRowIndex];
if(et.defaultSelection === 'both'){
+ /* eslint-disable */
slc.SelectRowByIndex(nextRowIndex);
+ /* eslint-enable */
}
if(row){
+ /* eslint-disable */
slc.SelectCell(row.cells[cellIndex]);
+ /* eslint-enable */
}
}
//Table is filtered
@@ -205,7 +213,9 @@ export default class AdapterEzEditTable {
selectedElm.parentNode : selectedElm,
//cell for default_selection = 'both' or 'cell'
cell = selectedElm.nodeName==='TD' ? selectedElm : null,
+ /* eslint-disable */
keyCode = e !== undefined ? et.Event.GetKey(e) : 0,
+ /* eslint-enable */
isRowValid = validIndexes.indexOf(row.rowIndex) !== -1,
nextRowIndex,
paging = tf.feature('paging'),
@@ -314,11 +324,15 @@ export default class AdapterEzEditTable {
var advGrid = paging.tf.extension('advancedGrid');
var et = advGrid._ezEditTable;
var slc = et.Selection;
+ /* eslint-disable */
var row = slc.GetActiveRow();
+ /* eslint-enable */
if(row){
row.scrollIntoView(false);
}
+ /* eslint-disable */
var cell = slc.GetActiveCell();
+ /* eslint-enable */
if(cell){
cell.scrollIntoView(false);
}
@@ -412,8 +426,10 @@ export default class AdapterEzEditTable {
}
try{
+ /* eslint-disable */
this._ezEditTable = new EditTable(tf.id, cfg, startRow);
this._ezEditTable.Init();
+ /* eslint-enable */
} catch(e) { throw new Error(this.err); }
this.initialized = true;
@@ -426,10 +442,14 @@ export default class AdapterEzEditTable {
var ezEditTable = this._ezEditTable;
if(ezEditTable){
if(this.cfg.selection){
+ /* eslint-disable */
ezEditTable.Selection.Set();
+ /* eslint-enable */
}
if(this.cfg.editable){
+ /* eslint-disable */
ezEditTable.Editable.Set();
+ /* eslint-enable */
}
}
}
@@ -440,14 +460,22 @@ export default class AdapterEzEditTable {
toggle(){
var ezEditTable = this._ezEditTable;
if(ezEditTable.editable){
+ /* eslint-disable */
ezEditTable.Editable.Remove();
+ /* eslint-enable */
} else {
+ /* eslint-disable */
ezEditTable.Editable.Set();
+ /* eslint-enable */
}
if(ezEditTable.selection){
+ /* eslint-disable */
ezEditTable.Selection.Remove();
+ /* eslint-enable */
} else {
+ /* eslint-disable */
ezEditTable.Selection.Set();
+ /* eslint-enable */
}
}
@@ -470,11 +498,15 @@ export default class AdapterEzEditTable {
var ezEditTable = this._ezEditTable;
if(ezEditTable){
if(this.cfg.selection){
+ /* eslint-disable */
ezEditTable.Selection.ClearSelections();
ezEditTable.Selection.Remove();
+ /* eslint-enable */
}
if(this.cfg.editable){
+ /* eslint-disable */
ezEditTable.Editable.Remove();
+ /* eslint-enable */
}
}
diff --git a/docs/file/src/extensions/advancedGrid/advancedGrid.js.html b/docs/file/src/extensions/advancedGrid/advancedGrid.js.html
index 992a1e54..9ac07918 100644
--- a/docs/file/src/extensions/advancedGrid/advancedGrid.js.html
+++ b/docs/file/src/extensions/advancedGrid/advancedGrid.js.html
@@ -3,7 +3,7 @@
src/extensions/advancedGrid/advancedGrid.js | tablefilter v0.1.14 API Document
+ src/extensions/advancedGrid/advancedGrid.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/extensions/colOps/colOps.js.html b/docs/file/src/extensions/colOps/colOps.js.html
index d1bea706..a5be662b 100644
--- a/docs/file/src/extensions/colOps/colOps.js.html
+++ b/docs/file/src/extensions/colOps/colOps.js.html
@@ -3,7 +3,7 @@
src/extensions/colOps/colOps.js | tablefilter v0.1.14 API Document
+ src/extensions/colOps/colOps.js | tablefilter v0.1.15 API Document
@@ -193,7 +193,7 @@ export default class ColOps{
mThisCol=-1;
for(var k=0; k<colIndex.length; k++){
- if(colIndex[k] === ucolIndex[ucol]){
+ if(colIndex[k] === ucolIndex[ucol]){
mThisCol++;
opsThisCol[mThisCol]=Str.lower(operation[k]);
decThisCol[mThisCol]=decimalPrecision[k];
@@ -205,25 +205,25 @@ export default class ColOps{
switch(opsThisCol[mThisCol]){
case 'mean':
meanFlag=1;
- break;
+ break;
case 'sum':
sumFlag=1;
- break;
+ break;
case 'min':
minFlag=1;
- break;
+ break;
case 'max':
maxFlag=1;
- break;
+ break;
case 'median':
medFlag=1;
break;
case 'q1':
q1Flag=1;
- break;
+ break;
case 'q3':
q3Flag=1;
- break;
+ break;
}
}
}
@@ -233,8 +233,10 @@ export default class ColOps{
if((q1Flag==1)|| (q3Flag==1) || (medFlag==1)){
if (j<colvalues[ucol].length -1){
for(k=j+1; k<colvalues[ucol].length; k++) {
+ /* eslint-disable */
if(eval(colvalues[ucol][k]) <
eval(colvalues[ucol][j])){
+ /* eslint-enable */
temp = colvalues[ucol][j];
colvalues[ucol][j] = colvalues[ucol][k];
colvalues[ucol][k] = temp;
@@ -307,25 +309,25 @@ export default class ColOps{
switch( opsThisCol[i] ){
case 'mean':
result=meanValue;
- break;
+ break;
case 'sum':
result=sumValue;
- break;
+ break;
case 'min':
result=minValue;
- break;
+ break;
case 'max':
result=maxValue;
- break;
+ break;
case 'median':
result=medValue;
break;
case 'q1':
result=q1Value;
- break;
+ break;
case 'q3':
result=q3Value;
- break;
+ break;
}
var precision = !isNaN(decThisCol[i]) ? decThisCol[i] : 2;
@@ -343,17 +345,17 @@ export default class ColOps{
} else{
Dom.id(labThisCol[i]).innerHTML= result;
}
- break;
+ break;
case 'setvalue':
Dom.id( labThisCol[i] ).value = result;
- break;
+ break;
case 'createtextnode':
var oldnode = Dom.id(labThisCol[i])
.firstChild;
var txtnode = Dom.text(result);
Dom.id(labThisCol[i])
.replaceChild(txtnode, oldnode);
- break;
+ break;
}//switch
}
} else {
diff --git a/docs/file/src/extensions/colsVisibility/colsVisibility.js.html b/docs/file/src/extensions/colsVisibility/colsVisibility.js.html
index 84a76b48..4b62350c 100644
--- a/docs/file/src/extensions/colsVisibility/colsVisibility.js.html
+++ b/docs/file/src/extensions/colsVisibility/colsVisibility.js.html
@@ -3,7 +3,7 @@
src/extensions/colsVisibility/colsVisibility.js | tablefilter v0.1.14 API Document
+ src/extensions/colsVisibility/colsVisibility.js | tablefilter v0.1.15 API Document
@@ -125,7 +125,7 @@ export default class ColsVisibility{
//span containing show/hide cols button
this.prfx = 'colVis_';
//defines css class span containing show/hide cols
- this.spanCssClass = f.span_css_class || 'colVisSpan';
+ this.spanCssClass = f.span_css_class || 'colVisSpan';
this.prfxCont = this.prfx + 'Cont_';
//defines css class div containing show/hide cols
this.contCssClass = f.cont_css_class || 'colVisCont';
diff --git a/docs/file/src/extensions/filtersVisibility/filtersVisibility.js.html b/docs/file/src/extensions/filtersVisibility/filtersVisibility.js.html
index fa88571e..771f117b 100644
--- a/docs/file/src/extensions/filtersVisibility/filtersVisibility.js.html
+++ b/docs/file/src/extensions/filtersVisibility/filtersVisibility.js.html
@@ -3,7 +3,7 @@
src/extensions/filtersVisibility/filtersVisibility.js | tablefilter v0.1.14 API Document
+ src/extensions/filtersVisibility/filtersVisibility.js | tablefilter v0.1.15 API Document
@@ -102,7 +102,7 @@ export default class FiltersVisibility{
this.defaultText = 'Toggle filters';
//id of container element
- this.targetId = f.target_id || null;
+ this.targetId = f.target_id || null;
//enables/disables expand/collapse icon
this.enableIcon = f.enable_icon===false ? false : true;
this.btnText = f.btn_text || '';
@@ -111,7 +111,7 @@ export default class FiltersVisibility{
this.collapseBtnHtml = this.enableIcon ?
this.icnCollapseHtml + this.btnText :
this.btnText || this.defaultText;
- this.expandBtnHtml = this.enableIcon ?
+ this.expandBtnHtml = this.enableIcon ?
this.icnExpandHtml + this.btnText :
this.btnText || this.defaultText;
diff --git a/docs/file/src/extensions/sort/adapterSortabletable.js.html b/docs/file/src/extensions/sort/adapterSortabletable.js.html
index 467d4582..50a7f844 100644
--- a/docs/file/src/extensions/sort/adapterSortabletable.js.html
+++ b/docs/file/src/extensions/sort/adapterSortabletable.js.html
@@ -3,7 +3,7 @@
src/extensions/sort/adapterSortabletable.js | tablefilter v0.1.14 API Document
+ src/extensions/sort/adapterSortabletable.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/extensions/sort/sort.js.html b/docs/file/src/extensions/sort/sort.js.html
index 9839fe8a..f082dda9 100644
--- a/docs/file/src/extensions/sort/sort.js.html
+++ b/docs/file/src/extensions/sort/sort.js.html
@@ -3,7 +3,7 @@
src/extensions/sort/sort.js | tablefilter v0.1.14 API Document
+ src/extensions/sort/sort.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/helpers.js.html b/docs/file/src/helpers.js.html
index 5c9eb3cf..e2072670 100644
--- a/docs/file/src/helpers.js.html
+++ b/docs/file/src/helpers.js.html
@@ -3,7 +3,7 @@
src/helpers.js | tablefilter v0.1.14 API Document
+ src/helpers.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/modules/alternateRows.js.html b/docs/file/src/modules/alternateRows.js.html
index 28afea9d..26a0aae3 100644
--- a/docs/file/src/modules/alternateRows.js.html
+++ b/docs/file/src/modules/alternateRows.js.html
@@ -3,7 +3,7 @@
src/modules/alternateRows.js | tablefilter v0.1.14 API Document
+ src/modules/alternateRows.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/modules/checkList.js.html b/docs/file/src/modules/checkList.js.html
index 33e37a97..fb0f90fa 100644
--- a/docs/file/src/modules/checkList.js.html
+++ b/docs/file/src/modules/checkList.js.html
@@ -3,7 +3,7 @@
src/modules/checkList.js | tablefilter v0.1.14 API Document
+ src/modules/checkList.js | tablefilter v0.1.15 API Document
@@ -231,6 +231,8 @@ export class CheckList extends Feature{
this.excludedOpts = [];
}
+ flt.innerHTML = '';
+
for(let k=tf.refRow; k<tf.nbRows; k++){
// always visible rows don't need to appear on selects as always
// valid
diff --git a/docs/file/src/modules/clearButton.js.html b/docs/file/src/modules/clearButton.js.html
index f5774385..987335a4 100644
--- a/docs/file/src/modules/clearButton.js.html
+++ b/docs/file/src/modules/clearButton.js.html
@@ -3,7 +3,7 @@
src/modules/clearButton.js | tablefilter v0.1.14 API Document
+ src/modules/clearButton.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/modules/dropdown.js.html b/docs/file/src/modules/dropdown.js.html
index 2fba0cc4..aea04309 100644
--- a/docs/file/src/modules/dropdown.js.html
+++ b/docs/file/src/modules/dropdown.js.html
@@ -3,7 +3,7 @@
src/modules/dropdown.js | tablefilter v0.1.14 API Document
+ src/modules/dropdown.js | tablefilter v0.1.15 API Document
@@ -95,7 +95,7 @@ export class Dropdown extends Feature{
//defines empty option text
this.nonEmptyText = f.non_empty_text || '(Non empty)';
//IE only, tooltip text appearing on select before it is populated
- this.activateSlcTooltip = f.activate_slc_tooltip ||
+ this.activateSlcTooltip = f.activate_slc_tooltip ||
'Click to activate';
//tooltip text appearing on multiple select
this.multipleSlcTooltip = f.multiple_slc_tooltip ||
@@ -253,7 +253,7 @@ export class Dropdown extends Feature{
(tf.paging && (!tf.validRowsIndex ||
(tf.validRowsIndex &&
tf.validRowsIndex.indexOf(k) != -1)) &&
- ((activeFlt===undefined || activeFlt==colIndex) ||
+ ((activeFlt===undefined || activeFlt==colIndex) ||
(activeFlt!=colIndex &&
tf.validRowsIndex.indexOf(k) != -1 ))) ))){
let cell_data = tf.getCellData(cell[j]),
diff --git a/docs/file/src/modules/feature.js.html b/docs/file/src/modules/feature.js.html
index 655eb438..83ee7213 100644
--- a/docs/file/src/modules/feature.js.html
+++ b/docs/file/src/modules/feature.js.html
@@ -3,7 +3,7 @@
src/modules/feature.js | tablefilter v0.1.14 API Document
+ src/modules/feature.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/modules/gridLayout.js.html b/docs/file/src/modules/gridLayout.js.html
index be218088..f5484a02 100644
--- a/docs/file/src/modules/gridLayout.js.html
+++ b/docs/file/src/modules/gridLayout.js.html
@@ -3,7 +3,7 @@
src/modules/gridLayout.js | tablefilter v0.1.14 API Document
+ src/modules/gridLayout.js | tablefilter v0.1.15 API Document
@@ -165,7 +165,7 @@ export class GridLayout extends Feature{
}
tf.hasColWidths = true;
}
- tf.setColWidths(this.gridHeadRowIndex);
+ tf.setColWidths();
let tblW;//initial table width
if(tbl.width !== ''){
@@ -282,7 +282,7 @@ export class GridLayout extends Feature{
// this.headTbl.style.width = tbl.style.width;
//content table without headers needs col widths to be reset
- tf.setColWidths(0, this.headTbl);
+ tf.setColWidths(this.headTbl);
//Headers container width
// this.headTblCont.style.width = this.tblCont.clientWidth+'px';
diff --git a/docs/file/src/modules/help.js.html b/docs/file/src/modules/help.js.html
index c0fe3240..53a30c3d 100644
--- a/docs/file/src/modules/help.js.html
+++ b/docs/file/src/modules/help.js.html
@@ -3,7 +3,7 @@
src/modules/help.js | tablefilter v0.1.14 API Document
+ src/modules/help.js | tablefilter v0.1.15 API Document
@@ -94,7 +94,7 @@ export class Help extends Feature{
this.contTgtId = f.help_instructions_container_target_id ||
null;
//defines help text
- this.instrText = f.help_instructions_text ?
+ this.instrText = f.help_instructions_text ?
f.help_instructions_text :
'Use the filters above each column to filter and limit table ' +
'data. Advanced searches can be performed by using the following ' +
diff --git a/docs/file/src/modules/highlightKeywords.js.html b/docs/file/src/modules/highlightKeywords.js.html
index 9eef5fe6..05170f05 100644
--- a/docs/file/src/modules/highlightKeywords.js.html
+++ b/docs/file/src/modules/highlightKeywords.js.html
@@ -3,7 +3,7 @@
src/modules/highlightKeywords.js | tablefilter v0.1.14 API Document
+ src/modules/highlightKeywords.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/modules/loader.js.html b/docs/file/src/modules/loader.js.html
index fbb39cec..259c5aec 100644
--- a/docs/file/src/modules/loader.js.html
+++ b/docs/file/src/modules/loader.js.html
@@ -3,7 +3,7 @@
src/modules/loader.js | tablefilter v0.1.14 API Document
+ src/modules/loader.js | tablefilter v0.1.15 API Document
@@ -137,29 +137,27 @@ export class Loader extends Feature{
// Subscribe to events
emitter.on([
- 'before-filtering',
- 'before-populating-filter',
- 'before-changing-page',
- 'before-clearing-filters',
- 'before-changing-results-per-page',
- 'before-reset-page',
- 'before-reset-page-length',
- 'before-loading-extensions',
- 'before-loading-themes'
- ],
+ 'before-filtering',
+ 'before-populating-filter',
+ 'before-changing-page',
+ 'before-clearing-filters',
+ 'before-changing-results-per-page',
+ 'before-reset-page',
+ 'before-reset-page-length',
+ 'before-loading-extensions',
+ 'before-loading-themes'],
()=> this.show('')
);
emitter.on([
- 'after-filtering',
- 'after-populating-filter',
- 'after-changing-page',
- 'after-clearing-filters',
- 'after-changing-results-per-page',
- 'after-reset-page',
- 'after-reset-page-length',
- 'after-loading-extensions',
- 'after-loading-themes'
- ],
+ 'after-filtering',
+ 'after-populating-filter',
+ 'after-changing-page',
+ 'after-clearing-filters',
+ 'after-changing-results-per-page',
+ 'after-reset-page',
+ 'after-reset-page-length',
+ 'after-loading-extensions',
+ 'after-loading-themes'],
()=> this.show('none')
);
@@ -200,29 +198,27 @@ export class Loader extends Feature{
// Unsubscribe to events
emitter.off([
- 'before-filtering',
- 'before-populating-filter',
- 'before-changing-page',
- 'before-clearing-filters',
- 'before-changing-results-per-page',
- 'before-reset-page',
- 'before-reset-page-length',
- 'before-loading-extensions',
- 'before-loading-themes'
- ],
+ 'before-filtering',
+ 'before-populating-filter',
+ 'before-changing-page',
+ 'before-clearing-filters',
+ 'before-changing-results-per-page',
+ 'before-reset-page',
+ 'before-reset-page-length',
+ 'before-loading-extensions',
+ 'before-loading-themes'],
()=> this.show('')
);
emitter.off([
- 'after-filtering',
- 'after-populating-filter',
- 'after-changing-page',
- 'after-clearing-filters',
- 'after-changing-results-per-page',
- 'after-reset-page',
- 'after-reset-page-length',
- 'after-loading-extensions',
- 'after-loading-themes'
- ],
+ 'after-filtering',
+ 'after-populating-filter',
+ 'after-changing-page',
+ 'after-clearing-filters',
+ 'after-changing-results-per-page',
+ 'after-reset-page',
+ 'after-reset-page-length',
+ 'after-loading-extensions',
+ 'after-loading-themes'],
()=> this.show('none')
);
diff --git a/docs/file/src/modules/noResults.js.html b/docs/file/src/modules/noResults.js.html
index 248ae923..d6746d24 100644
--- a/docs/file/src/modules/noResults.js.html
+++ b/docs/file/src/modules/noResults.js.html
@@ -3,7 +3,7 @@
src/modules/noResults.js | tablefilter v0.1.14 API Document
+ src/modules/noResults.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/modules/paging.js.html b/docs/file/src/modules/paging.js.html
index 69b05fb6..5c36a8b0 100644
--- a/docs/file/src/modules/paging.js.html
+++ b/docs/file/src/modules/paging.js.html
@@ -3,7 +3,7 @@
src/modules/paging.js | tablefilter v0.1.14 API Document
+ src/modules/paging.js | tablefilter v0.1.15 API Document
@@ -540,19 +540,19 @@ export class Paging extends Feature{
switch(Str.lower(cmd)){
case 'next':
btnEvt.next();
- break;
+ break;
case 'previous':
btnEvt.prev();
- break;
+ break;
case 'last':
btnEvt.last();
- break;
+ break;
case 'first':
btnEvt.first();
- break;
+ break;
default:
btnEvt.next();
- break;
+ break;
}
}
else if(cmdtype === 'number'){
diff --git a/docs/file/src/modules/popupFilter.js.html b/docs/file/src/modules/popupFilter.js.html
index b1a56aa8..b8229016 100644
--- a/docs/file/src/modules/popupFilter.js.html
+++ b/docs/file/src/modules/popupFilter.js.html
@@ -3,7 +3,7 @@
src/modules/popupFilter.js | tablefilter v0.1.14 API Document
+ src/modules/popupFilter.js | tablefilter v0.1.15 API Document
@@ -139,7 +139,7 @@ export class PopupFilter extends Feature{
var popUpDiv = this.popUpFltElms[colIndex],
header = this.tf.getHeaderElement(colIndex),
headerWidth = header.clientWidth * 0.95;
- popUpDiv.style.width = parseInt(headerWidth, 10) + 'px';
+ popUpDiv.style.width = parseInt(headerWidth, 10) + 'px';
}
Event.cancel(evt);
Event.stop(evt);
diff --git a/docs/file/src/modules/rowsCounter.js.html b/docs/file/src/modules/rowsCounter.js.html
index 187bdfe6..28dd3a89 100644
--- a/docs/file/src/modules/rowsCounter.js.html
+++ b/docs/file/src/modules/rowsCounter.js.html
@@ -3,7 +3,7 @@
src/modules/rowsCounter.js | tablefilter v0.1.14 API Document
+ src/modules/rowsCounter.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/modules/statusBar.js.html b/docs/file/src/modules/statusBar.js.html
index 4febde54..2c2ec649 100644
--- a/docs/file/src/modules/statusBar.js.html
+++ b/docs/file/src/modules/statusBar.js.html
@@ -3,7 +3,7 @@
src/modules/statusBar.js | tablefilter v0.1.14 API Document
+ src/modules/statusBar.js | tablefilter v0.1.15 API Document
@@ -99,7 +99,7 @@ export class StatusBar extends Feature{
//defines css class status bar
this.statusBarCssClass = f.status_bar_css_class || 'status';
//delay for status bar clearing
- this.statusBarCloseDelay = 250;
+ this.statusBarCloseDelay = 250;
//calls function before message is displayed
this.onBeforeShowMsg = Types.isFn(f.on_before_show_msg) ?
@@ -203,16 +203,15 @@ export class StatusBar extends Feature{
()=> this.message(this.msgLoadThemes));
emitter.on([
- 'after-filtering',
- 'after-populating-filter',
- 'after-changing-page',
- 'after-clearing-filters',
- 'after-changing-results-per-page',
- 'after-reset-page',
- 'after-reset-page-length',
- 'after-loading-extensions',
- 'after-loading-themes'
- ],
+ 'after-filtering',
+ 'after-populating-filter',
+ 'after-changing-page',
+ 'after-clearing-filters',
+ 'after-changing-results-per-page',
+ 'after-reset-page',
+ 'after-reset-page-length',
+ 'after-loading-extensions',
+ 'after-loading-themes'],
()=> this.message('')
);
@@ -275,16 +274,15 @@ export class StatusBar extends Feature{
()=> this.message(this.msgLoadThemes));
emitter.off([
- 'after-filtering',
- 'after-populating-filter',
- 'after-changing-page',
- 'after-clearing-filters',
- 'after-changing-results-per-page',
- 'after-reset-page',
- 'after-reset-page-length',
- 'after-loading-extensions',
- 'after-loading-themes'
- ],
+ 'after-filtering',
+ 'after-populating-filter',
+ 'after-changing-page',
+ 'after-clearing-filters',
+ 'after-changing-results-per-page',
+ 'after-reset-page',
+ 'after-reset-page-length',
+ 'after-loading-extensions',
+ 'after-loading-themes'],
()=> this.message('')
);
diff --git a/docs/file/src/modules/store.js.html b/docs/file/src/modules/store.js.html
index fdd4e15d..a74dfb7b 100644
--- a/docs/file/src/modules/store.js.html
+++ b/docs/file/src/modules/store.js.html
@@ -3,7 +3,7 @@
src/modules/store.js | tablefilter v0.1.14 API Document
+ src/modules/store.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/sort.js.html b/docs/file/src/sort.js.html
index 77a59472..3b328411 100644
--- a/docs/file/src/sort.js.html
+++ b/docs/file/src/sort.js.html
@@ -3,7 +3,7 @@
src/sort.js | tablefilter v0.1.14 API Document
+ src/sort.js | tablefilter v0.1.15 API Document
@@ -71,7 +71,7 @@
src/cookie.js
@@ -98,15 +98,15 @@
-
-
+
src/date.js
-
-
-
+
-
+
src/dom.js
@@ -114,7 +114,7 @@
-
-
+
src/emitter.js
@@ -122,7 +122,7 @@
83 %5/6
-
+
src/event.js
@@ -130,15 +130,15 @@
-
-
+
src/extensions/advancedGrid/adapterEzEditTable.js
AdapterEzEditTable
29 %5/17
-
-
-
+
+
+
src/extensions/advancedGrid/advancedGrid.js
@@ -146,31 +146,31 @@
-
-
+
src/extensions/colOps/colOps.js
ColOps
22 %2/9
-
-
-
+
+
+
src/extensions/colsVisibility/colsVisibility.js
ColsVisibility
17 %10/58
-
+
-
+
src/extensions/filtersVisibility/filtersVisibility.js
FiltersVisibility
15 %5/33
-
+
-
+
src/extensions/sort/adapterSortabletable.js
@@ -178,7 +178,7 @@
10 %3/28
-
+
src/extensions/sort/sort.js
@@ -186,7 +186,7 @@
-
-
+
src/helpers.js
@@ -194,7 +194,7 @@
-
-
+
src/modules/alternateRows.js
@@ -202,15 +202,15 @@
54 %6/11
-
+
src/modules/checkList.js
CheckList
26 %7/26
-
-
-
+
+
+
src/modules/clearButton.js
@@ -218,15 +218,15 @@
25 %3/12
-
+
src/modules/dropdown.js
Dropdown
31 %6/19
-
+
-
+
src/modules/feature.js
@@ -234,23 +234,23 @@
0 %0/14
-
+
src/modules/gridLayout.js
GridLayout
10 %3/28
-
+
-
+
src/modules/help.js
Help
15 %3/19
-
+
-
+
src/modules/highlightKeywords.js
@@ -258,15 +258,15 @@
36 %4/11
-
+
src/modules/loader.js
Loader
6 %1/15
-
-
-
+
+
+
src/modules/noResults.js
@@ -274,23 +274,23 @@
5 %1/20
-
+
src/modules/paging.js
Paging
25 %16/63
-
+
-
+
src/modules/popupFilter.js
PopupFilter
35 %10/28
-
+
-
+
src/modules/rowsCounter.js
@@ -298,15 +298,15 @@
5 %1/18
-
+
src/modules/statusBar.js
StatusBar
3 %1/29
-
-
-
+
+
+
src/modules/store.js
@@ -314,15 +314,15 @@
47 %8/17
-
+
src/sort.js
-
-
-
+
-
+
src/string.js
@@ -330,23 +330,23 @@
-
-
+
src/tablefilter.js
TableFilter
33 %75/222
-
-
-
+
+
+
src/types.js
-
-
-
+
-
+
table or id arguments, row and <
- source
+ source
@@ -6389,7 +6389,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -6429,7 +6429,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -6469,7 +6469,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -6589,7 +6589,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -6629,7 +6629,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -9839,7 +9839,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -9879,7 +9879,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -12490,7 +12490,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -12531,7 +12531,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -12572,7 +12572,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -12623,7 +12623,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -12664,7 +12664,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -12705,7 +12705,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -12746,7 +12746,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -12883,7 +12883,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -12926,7 +12926,7 @@ hidden when all the search terms are not found in inspected row.
- source
+ source
@@ -12994,7 +12994,7 @@ hidden when all the search terms are not found in inspected row.
- source
+ source
@@ -13063,7 +13063,7 @@ hidden when all the search terms are not found in inspected row.
- source
+ source
@@ -13153,7 +13153,7 @@ hidden when all the search terms are not found in inspected row.
- source
+ source
@@ -13222,7 +13222,7 @@ custom options values and texts
- source
+ source
@@ -13290,7 +13290,7 @@ custom options values and texts
- source
+ source
@@ -13359,7 +13359,7 @@ custom options values and texts
- source
+ source
@@ -13427,7 +13427,7 @@ custom options values and texts
- source
+ source
@@ -13496,7 +13496,7 @@ custom options values and texts
- source
+ source
@@ -13547,7 +13547,7 @@ custom options values and texts
- source
+ source
@@ -13627,7 +13627,7 @@ custom options values and texts
- source
+ source
@@ -13704,7 +13704,7 @@ custom options values and texts
- source
+ source
@@ -13782,7 +13782,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -13834,7 +13834,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -13885,7 +13885,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -13937,7 +13937,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -14005,7 +14005,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -14056,7 +14056,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -14125,7 +14125,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -14176,7 +14176,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -14245,7 +14245,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -14315,7 +14315,7 @@ defined
- source
+ source
@@ -14367,7 +14367,7 @@ row)
- source
+ source
@@ -14436,7 +14436,7 @@ row)
- source
+ source
@@ -14516,7 +14516,7 @@ row)
- source
+ source
@@ -14585,7 +14585,7 @@ row)
- source
+ source
@@ -14653,7 +14653,7 @@ row)
- source
+ source
@@ -14704,7 +14704,7 @@ row)
- source
+ source
@@ -14865,7 +14865,7 @@ row)
- source
+ source
@@ -14933,7 +14933,7 @@ row)
- source
+ source
@@ -15002,7 +15002,7 @@ row)
- source
+ source
@@ -15077,7 +15077,7 @@ row)
- source
+ source
@@ -15177,7 +15177,7 @@ row)
- source
+ source
@@ -15218,7 +15218,7 @@ row)
- source
+ source
@@ -15276,7 +15276,7 @@ row)
- source
+ source
@@ -15317,7 +15317,7 @@ row)
- source
+ source
@@ -15358,7 +15358,7 @@ row)
- source
+ source
@@ -15395,11 +15395,11 @@ row)
- setColWidths(rowIndex: Number, tbl: Element)
+ setColWidths(tbl: Element)
- source
+ source
@@ -15420,13 +15420,6 @@ row)
Optional row index to apply the widths to
-' +\n 'Learn more
';\n //defines help innerHtml\n this.instrHtml = f.help_instructions_html || null;\n //defines reset button text\n this.btnText = f.help_instructions_btn_text || '?';\n //defines reset button innerHtml\n this.btnHtml = f.help_instructions_btn_html || null;\n //defines css class for help button\n this.btnCssClass = f.help_instructions_btn_css_class || 'helpBtn';\n //defines css class for help container\n this.contCssClass = f.help_instructions_container_css_class ||\n 'helpCont';\n //help button element\n this.btn = null;\n //help content div\n this.cont = null;\n this.defaultHtml = '';\n\n //id prefix for help elements\n this.prfxHelpSpan = 'helpSpan_';\n //id prefix for help elements\n this.prfxHelpDiv = 'helpDiv_';\n\n this.emitter.on(['init-help'], ()=> this.init());\n }\n\n init(){\n if(this.initialized){\n return;\n }\n\n var tf = this.tf;\n\n var helpspan = Dom.create('span', ['id', this.prfxHelpSpan+tf.id]);\n var helpdiv = Dom.create('div', ['id', this.prfxHelpDiv+tf.id]);\n\n //help button is added to defined element\n if(!this.tgtId){\n tf.setToolbar();\n }\n var targetEl = !this.tgtId ? tf.rDiv : Dom.id(this.tgtId);\n targetEl.appendChild(helpspan);\n\n var divContainer = !this.contTgtId ? helpspan : Dom.id(this.contTgtId);\n\n if(!this.btnHtml){\n divContainer.appendChild(helpdiv);\n var helplink = Dom.create('a', ['href', 'javascript:void(0);']);\n helplink.className = this.btnCssClass;\n helplink.appendChild(Dom.text(this.btnText));\n helpspan.appendChild(helplink);\n Event.add(helplink, 'click', () => { this.toggle(); });\n } else {\n helpspan.innerHTML = this.btnHtml;\n var helpEl = helpspan.firstChild;\n Event.add(helpEl, 'click', () => { this.toggle(); });\n divContainer.appendChild(helpdiv);\n }\n\n if(!this.instrHtml){\n helpdiv.innerHTML = this.instrText;\n helpdiv.className = this.contCssClass;\n Event.add(helpdiv, 'dblclick', () => { this.toggle(); });\n } else {\n if(this.contTgtId){\n divContainer.appendChild(helpdiv);\n }\n helpdiv.innerHTML = this.instrHtml;\n if(!this.contTgtId){\n helpdiv.className = this.contCssClass;\n Event.add(helpdiv, 'dblclick', () => { this.toggle(); });\n }\n }\n helpdiv.innerHTML += this.defaultHtml;\n Event.add(helpdiv, 'click', () => { this.toggle(); });\n\n this.cont = helpdiv;\n this.btn = helpspan;\n this.initialized = true;\n }\n\n /**\n * Toggle help pop-up\n */\n toggle(){\n // check only if explicitily set to false as in this case undefined\n // signifies the help feature is enabled by default\n if(this.enabled === false){\n return;\n }\n var divDisplay = this.cont.style.display;\n if(divDisplay === '' || divDisplay === 'none'){\n this.cont.style.display = 'inline';\n } else {\n this.cont.style.display = 'none';\n }\n }\n\n /**\n * Remove help UI\n */\n destroy(){\n if(!this.initialized){\n return;\n }\n Dom.remove(this.btn);\n this.btn = null;\n if(!this.cont){\n return;\n }\n Dom.remove(this.cont);\n this.cont = null;\n this.initialized = false;\n }\n\n}\n" + "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Event from '../event';\n\n\nconst WIKI_URL = 'https://github.com/koalyptus/TableFilter/wiki/' +\n '4.-Filter-operators';\nconst WEBSITE_URL = 'http://koalyptus.github.io/TableFilter/';\n\nexport class Help extends Feature{\n\n /**\n * Help UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'help');\n\n var f = this.config;\n\n //id of custom container element for instructions\n this.tgtId = f.help_instructions_target_id || null;\n //id of custom container element for instructions\n this.contTgtId = f.help_instructions_container_target_id ||\n null;\n //defines help text\n this.instrText = f.help_instructions_text ?\n f.help_instructions_text :\n 'Use the filters above each column to filter and limit table ' +\n 'data. Advanced searches can be performed by using the following ' +\n 'operators:
<, <=, >, ' +\n '>=, =, *, !, {, }, ' +\n '||,&&, [empty], [nonempty], ' +\n 'rgx:
' +\n 'Learn more
';\n //defines help innerHtml\n this.instrHtml = f.help_instructions_html || null;\n //defines reset button text\n this.btnText = f.help_instructions_btn_text || '?';\n //defines reset button innerHtml\n this.btnHtml = f.help_instructions_btn_html || null;\n //defines css class for help button\n this.btnCssClass = f.help_instructions_btn_css_class || 'helpBtn';\n //defines css class for help container\n this.contCssClass = f.help_instructions_container_css_class ||\n 'helpCont';\n //help button element\n this.btn = null;\n //help content div\n this.cont = null;\n this.defaultHtml = '';\n\n //id prefix for help elements\n this.prfxHelpSpan = 'helpSpan_';\n //id prefix for help elements\n this.prfxHelpDiv = 'helpDiv_';\n\n this.emitter.on(['init-help'], ()=> this.init());\n }\n\n init(){\n if(this.initialized){\n return;\n }\n\n var tf = this.tf;\n\n var helpspan = Dom.create('span', ['id', this.prfxHelpSpan+tf.id]);\n var helpdiv = Dom.create('div', ['id', this.prfxHelpDiv+tf.id]);\n\n //help button is added to defined element\n if(!this.tgtId){\n tf.setToolbar();\n }\n var targetEl = !this.tgtId ? tf.rDiv : Dom.id(this.tgtId);\n targetEl.appendChild(helpspan);\n\n var divContainer = !this.contTgtId ? helpspan : Dom.id(this.contTgtId);\n\n if(!this.btnHtml){\n divContainer.appendChild(helpdiv);\n var helplink = Dom.create('a', ['href', 'javascript:void(0);']);\n helplink.className = this.btnCssClass;\n helplink.appendChild(Dom.text(this.btnText));\n helpspan.appendChild(helplink);\n Event.add(helplink, 'click', () => { this.toggle(); });\n } else {\n helpspan.innerHTML = this.btnHtml;\n var helpEl = helpspan.firstChild;\n Event.add(helpEl, 'click', () => { this.toggle(); });\n divContainer.appendChild(helpdiv);\n }\n\n if(!this.instrHtml){\n helpdiv.innerHTML = this.instrText;\n helpdiv.className = this.contCssClass;\n Event.add(helpdiv, 'dblclick', () => { this.toggle(); });\n } else {\n if(this.contTgtId){\n divContainer.appendChild(helpdiv);\n }\n helpdiv.innerHTML = this.instrHtml;\n if(!this.contTgtId){\n helpdiv.className = this.contCssClass;\n Event.add(helpdiv, 'dblclick', () => { this.toggle(); });\n }\n }\n helpdiv.innerHTML += this.defaultHtml;\n Event.add(helpdiv, 'click', () => { this.toggle(); });\n\n this.cont = helpdiv;\n this.btn = helpspan;\n this.initialized = true;\n }\n\n /**\n * Toggle help pop-up\n */\n toggle(){\n // check only if explicitily set to false as in this case undefined\n // signifies the help feature is enabled by default\n if(this.enabled === false){\n return;\n }\n var divDisplay = this.cont.style.display;\n if(divDisplay === '' || divDisplay === 'none'){\n this.cont.style.display = 'inline';\n } else {\n this.cont.style.display = 'none';\n }\n }\n\n /**\n * Remove help UI\n */\n destroy(){\n if(!this.initialized){\n return;\n }\n Dom.remove(this.btn);\n this.btn = null;\n if(!this.cont){\n return;\n }\n Dom.remove(this.cont);\n this.cont = null;\n this.initialized = false;\n }\n\n}\n" }, { "kind": "variable", @@ -7082,7 +7082,7 @@ "access": null, "description": null, "lineNumber": 1, - "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nlet global = window;\n\nexport class Loader extends Feature{\n\n /**\n * Loading message/spinner\n * @param {Object} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'loader');\n\n // TableFilter configuration\n let f = this.config;\n\n //id of container element\n this.loaderTgtId = f.loader_target_id || null;\n //div containing loader\n this.loaderDiv = null;\n //defines loader text\n this.loaderText = f.loader_text || 'Loading...';\n //defines loader innerHtml\n this.loaderHtml = f.loader_html || null;\n //defines css class for loader div\n this.loaderCssClass = f.loader_css_class || 'loader';\n //delay for hiding loader\n this.loaderCloseDelay = 250;\n //callback function before loader is displayed\n this.onShowLoader = Types.isFn(f.on_show_loader) ?\n f.on_show_loader : null;\n //callback function after loader is closed\n this.onHideLoader = Types.isFn(f.on_hide_loader) ?\n f.on_hide_loader : null;\n //loader div\n this.prfxLoader = 'load_';\n }\n\n init() {\n if(this.initialized){\n return;\n }\n\n let tf = this.tf;\n let emitter = this.emitter;\n\n let containerDiv = Dom.create('div', ['id', this.prfxLoader+tf.id]);\n containerDiv.className = this.loaderCssClass;\n\n let targetEl = !this.loaderTgtId ?\n tf.tbl.parentNode : Dom.id(this.loaderTgtId);\n if(!this.loaderTgtId){\n targetEl.insertBefore(containerDiv, tf.tbl);\n } else {\n targetEl.appendChild(containerDiv);\n }\n this.loaderDiv = containerDiv;\n if(!this.loaderHtml){\n this.loaderDiv.appendChild(Dom.text(this.loaderText));\n } else {\n this.loaderDiv.innerHTML = this.loaderHtml;\n }\n\n this.show('none');\n\n // Subscribe to events\n emitter.on([\n 'before-filtering',\n 'before-populating-filter',\n 'before-changing-page',\n 'before-clearing-filters',\n 'before-changing-results-per-page',\n 'before-reset-page',\n 'before-reset-page-length',\n 'before-loading-extensions',\n 'before-loading-themes'\n ],\n ()=> this.show('')\n );\n emitter.on([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'\n ],\n ()=> this.show('none')\n );\n\n this.initialized = true;\n }\n\n show(p) {\n if(!this.isEnabled() /*|| this.loaderDiv.style.display === p*/){\n return;\n }\n\n let displayLoader = () => {\n if(!this.loaderDiv){\n return;\n }\n if(this.onShowLoader && p !== 'none'){\n this.onShowLoader.call(null, this);\n }\n this.loaderDiv.style.display = p;\n if(this.onHideLoader && p === 'none'){\n this.onHideLoader.call(null, this);\n }\n };\n\n let t = p === 'none' ? this.loaderCloseDelay : 1;\n global.setTimeout(displayLoader, t);\n }\n\n destroy() {\n if(!this.initialized){\n return;\n }\n\n let emitter = this.emitter;\n\n Dom.remove(this.loaderDiv);\n this.loaderDiv = null;\n\n // Unsubscribe to events\n emitter.off([\n 'before-filtering',\n 'before-populating-filter',\n 'before-changing-page',\n 'before-clearing-filters',\n 'before-changing-results-per-page',\n 'before-reset-page',\n 'before-reset-page-length',\n 'before-loading-extensions',\n 'before-loading-themes'\n ],\n ()=> this.show('')\n );\n emitter.off([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'\n ],\n ()=> this.show('none')\n );\n\n this.initialized = false;\n }\n}\n" + "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nlet global = window;\n\nexport class Loader extends Feature{\n\n /**\n * Loading message/spinner\n * @param {Object} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'loader');\n\n // TableFilter configuration\n let f = this.config;\n\n //id of container element\n this.loaderTgtId = f.loader_target_id || null;\n //div containing loader\n this.loaderDiv = null;\n //defines loader text\n this.loaderText = f.loader_text || 'Loading...';\n //defines loader innerHtml\n this.loaderHtml = f.loader_html || null;\n //defines css class for loader div\n this.loaderCssClass = f.loader_css_class || 'loader';\n //delay for hiding loader\n this.loaderCloseDelay = 250;\n //callback function before loader is displayed\n this.onShowLoader = Types.isFn(f.on_show_loader) ?\n f.on_show_loader : null;\n //callback function after loader is closed\n this.onHideLoader = Types.isFn(f.on_hide_loader) ?\n f.on_hide_loader : null;\n //loader div\n this.prfxLoader = 'load_';\n }\n\n init() {\n if(this.initialized){\n return;\n }\n\n let tf = this.tf;\n let emitter = this.emitter;\n\n let containerDiv = Dom.create('div', ['id', this.prfxLoader+tf.id]);\n containerDiv.className = this.loaderCssClass;\n\n let targetEl = !this.loaderTgtId ?\n tf.tbl.parentNode : Dom.id(this.loaderTgtId);\n if(!this.loaderTgtId){\n targetEl.insertBefore(containerDiv, tf.tbl);\n } else {\n targetEl.appendChild(containerDiv);\n }\n this.loaderDiv = containerDiv;\n if(!this.loaderHtml){\n this.loaderDiv.appendChild(Dom.text(this.loaderText));\n } else {\n this.loaderDiv.innerHTML = this.loaderHtml;\n }\n\n this.show('none');\n\n // Subscribe to events\n emitter.on([\n 'before-filtering',\n 'before-populating-filter',\n 'before-changing-page',\n 'before-clearing-filters',\n 'before-changing-results-per-page',\n 'before-reset-page',\n 'before-reset-page-length',\n 'before-loading-extensions',\n 'before-loading-themes'],\n ()=> this.show('')\n );\n emitter.on([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'],\n ()=> this.show('none')\n );\n\n this.initialized = true;\n }\n\n show(p) {\n if(!this.isEnabled() /*|| this.loaderDiv.style.display === p*/){\n return;\n }\n\n let displayLoader = () => {\n if(!this.loaderDiv){\n return;\n }\n if(this.onShowLoader && p !== 'none'){\n this.onShowLoader.call(null, this);\n }\n this.loaderDiv.style.display = p;\n if(this.onHideLoader && p === 'none'){\n this.onHideLoader.call(null, this);\n }\n };\n\n let t = p === 'none' ? this.loaderCloseDelay : 1;\n global.setTimeout(displayLoader, t);\n }\n\n destroy() {\n if(!this.initialized){\n return;\n }\n\n let emitter = this.emitter;\n\n Dom.remove(this.loaderDiv);\n this.loaderDiv = null;\n\n // Unsubscribe to events\n emitter.off([\n 'before-filtering',\n 'before-populating-filter',\n 'before-changing-page',\n 'before-clearing-filters',\n 'before-changing-results-per-page',\n 'before-reset-page',\n 'before-reset-page-length',\n 'before-loading-extensions',\n 'before-loading-themes'],\n ()=> this.show('')\n );\n emitter.off([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'],\n ()=> this.show('none')\n );\n\n this.initialized = false;\n }\n}\n" }, { "kind": "variable", @@ -7340,7 +7340,7 @@ "longname": "src/modules/loader.js~Loader#initialized", "access": null, "description": null, - "lineNumber": 96, + "lineNumber": 94, "undocument": true, "type": { "types": [ @@ -7357,7 +7357,7 @@ "longname": "src/modules/loader.js~Loader#show", "access": null, "description": null, - "lineNumber": 99, + "lineNumber": 97, "undocument": true, "params": [ { @@ -7378,7 +7378,7 @@ "longname": "src/modules/loader.js~Loader#destroy", "access": null, "description": null, - "lineNumber": 121, + "lineNumber": 119, "undocument": true, "params": [], "generator": false @@ -7392,7 +7392,7 @@ "longname": "src/modules/loader.js~Loader#loaderDiv", "access": null, "description": null, - "lineNumber": 129, + "lineNumber": 127, "undocument": true, "type": { "types": [ @@ -7409,7 +7409,7 @@ "longname": "src/modules/loader.js~Loader#initialized", "access": null, "description": null, - "lineNumber": 159, + "lineNumber": 155, "undocument": true, "type": { "types": [ @@ -7821,7 +7821,7 @@ "access": null, "description": null, "lineNumber": 1, - "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\nimport Str from '../string';\nimport Event from '../event';\n\nexport class Paging extends Feature{\n\n /**\n * Pagination component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'paging');\n\n // Configuration object\n var f = this.config;\n\n //css class for paging buttons (previous,next,etc.)\n this.btnPageCssClass = f.paging_btn_css_class || 'pgInp';\n //stores paging select element\n this.pagingSlc = null;\n //results per page select element\n this.resultsPerPageSlc = null;\n //id of container element\n this.pagingTgtId = f.paging_target_id || null;\n //defines table paging length\n this.pagingLength = !isNaN(f.paging_length) ? f.paging_length : 10;\n //id of container element\n this.resultsPerPageTgtId = f.results_per_page_target_id || null;\n //css class for paging select element\n this.pgSlcCssClass = f.paging_slc_css_class || 'pgSlc';\n //css class for paging input element\n this.pgInpCssClass = f.paging_inp_css_class || 'pgNbInp';\n //stores results per page text and values\n this.resultsPerPage = f.results_per_page || null;\n //enables/disables results per page drop-down\n this.hasResultsPerPage = Types.isArray(this.resultsPerPage);\n //defines css class for results per page select\n this.resultsSlcCssClass = f.results_slc_css_class || 'rspg';\n //css class for label preceding results per page select\n this.resultsSpanCssClass = f.results_span_css_class || 'rspgSpan';\n //1st row index of current page\n this.startPagingRow = 0;\n //total nb of pages\n this.nbPages = 0;\n //current page nb\n this.currentPageNb = 1;\n //defines next page button text\n this.btnNextPageText = f.btn_next_page_text || '>';\n //defines previous page button text\n this.btnPrevPageText = f.btn_prev_page_text || '<';\n //defines last page button text\n this.btnLastPageText = f.btn_last_page_text || '>|';\n //defines first page button text\n this.btnFirstPageText = f.btn_first_page_text || '|<';\n //defines next page button html\n this.btnNextPageHtml = f.btn_next_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines previous page button html\n this.btnPrevPageHtml = f.btn_prev_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines last page button html\n this.btnFirstPageHtml = f.btn_first_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines previous page button html\n this.btnLastPageHtml = f.btn_last_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines text preceeding page selector drop-down\n this.pageText = f.page_text || ' Page ';\n //defines text after page selector drop-down\n this.ofText = f.of_text || ' of ';\n //css class for span containing tot nb of pages\n this.nbPgSpanCssClass = f.nb_pages_css_class || 'nbpg';\n //enables/disables paging buttons\n this.hasPagingBtns = f.paging_btns===false ? false : true;\n //defines previous page button html\n this.pageSelectorType = f.page_selector_type || tf.fltTypeSlc;\n //calls function before page is changed\n this.onBeforeChangePage = Types.isFn(f.on_before_change_page) ?\n f.on_before_change_page : null;\n //calls function before page is changed\n this.onAfterChangePage = Types.isFn(f.on_after_change_page) ?\n f.on_after_change_page : null;\n\n //pages select\n this.prfxSlcPages = 'slcPages_';\n //results per page select\n this.prfxSlcResults = 'slcResults_';\n //label preciding results per page select\n this.prfxSlcResultsTxt = 'slcResultsTxt_';\n //span containing next page button\n this.prfxBtnNextSpan = 'btnNextSpan_';\n //span containing previous page button\n this.prfxBtnPrevSpan = 'btnPrevSpan_';\n //span containing last page button\n this.prfxBtnLastSpan = 'btnLastSpan_';\n //span containing first page button\n this.prfxBtnFirstSpan = 'btnFirstSpan_';\n //next button\n this.prfxBtnNext = 'btnNext_';\n //previous button\n this.prfxBtnPrev = 'btnPrev_';\n //last button\n this.prfxBtnLast = 'btnLast_';\n //first button\n this.prfxBtnFirst = 'btnFirst_';\n //span for tot nb pages\n this.prfxPgSpan = 'pgspan_';\n //span preceding pages select (contains 'Page')\n this.prfxPgBeforeSpan = 'pgbeforespan_';\n //span following pages select (contains ' of ')\n this.prfxPgAfterSpan = 'pgafterspan_';\n\n var start_row = tf.refRow;\n var nrows = tf.nbRows;\n //calculates page nb\n this.nbPages = Math.ceil((nrows-start_row)/this.pagingLength);\n\n //Paging elements events\n var o = this;\n // Paging DOM events\n this.evt = {\n slcIndex(){\n return (o.pageSelectorType===tf.fltTypeSlc) ?\n o.pagingSlc.options.selectedIndex :\n parseInt(o.pagingSlc.value, 10)-1;\n },\n nbOpts(){\n return (o.pageSelectorType===tf.fltTypeSlc) ?\n parseInt(o.pagingSlc.options.length, 10)-1 :\n (o.nbPages-1);\n },\n next(){\n var nextIndex = o.evt.slcIndex() < o.evt.nbOpts() ?\n o.evt.slcIndex()+1 : 0;\n o.changePage(nextIndex);\n },\n prev(){\n var prevIndex = o.evt.slcIndex()>0 ?\n o.evt.slcIndex()-1 : o.evt.nbOpts();\n o.changePage(prevIndex);\n },\n last(){\n o.changePage(o.evt.nbOpts());\n },\n first(){\n o.changePage(0);\n },\n _detectKey(e){\n var key = Event.keyCode(e);\n if(key===13){\n if(tf.sorted){\n tf.filter();\n o.changePage(o.evt.slcIndex());\n } else{\n o.changePage();\n }\n this.blur();\n }\n },\n slcPagesChange: null,\n nextEvt: null,\n prevEvt: null,\n lastEvt: null,\n firstEvt: null\n };\n }\n\n /**\n * Initialize DOM elements\n */\n init(){\n var slcPages;\n var tf = this.tf;\n var evt = this.evt;\n\n if(this.initialized){\n return;\n }\n\n // Check resultsPerPage is in expected format and initialise the\n // results per page component\n if(this.hasResultsPerPage){\n if(this.resultsPerPage.length<2){\n this.hasResultsPerPage = false;\n } else {\n this.pagingLength = this.resultsPerPage[1][0];\n this.setResultsPerPage();\n }\n }\n\n evt.slcPagesChange = (event) => {\n var slc = event.target;\n this.changePage(slc.selectedIndex);\n };\n\n // Paging drop-down list selector\n if(this.pageSelectorType === tf.fltTypeSlc){\n slcPages = Dom.create(\n tf.fltTypeSlc, ['id', this.prfxSlcPages+tf.id]);\n slcPages.className = this.pgSlcCssClass;\n Event.add(slcPages, 'change', evt.slcPagesChange);\n }\n\n // Paging input selector\n if(this.pageSelectorType === tf.fltTypeInp){\n slcPages = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxSlcPages+tf.id],\n ['value', this.currentPageNb]\n );\n slcPages.className = this.pgInpCssClass;\n Event.add(slcPages, 'keypress', evt._detectKey);\n }\n\n // btns containers\n var btnNextSpan = Dom.create(\n 'span',['id', this.prfxBtnNextSpan+tf.id]);\n var btnPrevSpan = Dom.create(\n 'span',['id', this.prfxBtnPrevSpan+tf.id]);\n var btnLastSpan = Dom.create(\n 'span',['id', this.prfxBtnLastSpan+tf.id]);\n var btnFirstSpan = Dom.create(\n 'span',['id', this.prfxBtnFirstSpan+tf.id]);\n\n if(this.hasPagingBtns){\n // Next button\n if(!this.btnNextPageHtml){\n var btn_next = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxBtnNext+tf.id],\n ['type', 'button'],\n ['value', this.btnNextPageText],\n ['title', 'Next']\n );\n btn_next.className = this.btnPageCssClass;\n Event.add(btn_next, 'click', evt.next);\n btnNextSpan.appendChild(btn_next);\n } else {\n btnNextSpan.innerHTML = this.btnNextPageHtml;\n Event.add(btnNextSpan, 'click', evt.next);\n }\n // Previous button\n if(!this.btnPrevPageHtml){\n var btn_prev = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxBtnPrev+tf.id],\n ['type', 'button'],\n ['value', this.btnPrevPageText],\n ['title', 'Previous']\n );\n btn_prev.className = this.btnPageCssClass;\n Event.add(btn_prev, 'click', evt.prev);\n btnPrevSpan.appendChild(btn_prev);\n } else {\n btnPrevSpan.innerHTML = this.btnPrevPageHtml;\n Event.add(btnPrevSpan, 'click', evt.prev);\n }\n // Last button\n if(!this.btnLastPageHtml){\n var btn_last = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxBtnLast+tf.id],\n ['type', 'button'],\n ['value', this.btnLastPageText],\n ['title', 'Last']\n );\n btn_last.className = this.btnPageCssClass;\n Event.add(btn_last, 'click', evt.last);\n btnLastSpan.appendChild(btn_last);\n } else {\n btnLastSpan.innerHTML = this.btnLastPageHtml;\n Event.add(btnLastSpan, 'click', evt.last);\n }\n // First button\n if(!this.btnFirstPageHtml){\n var btn_first = Dom.create(\n tf.fltTypeInp,\n ['id', this.prfxBtnFirst+tf.id],\n ['type', 'button'],\n ['value', this.btnFirstPageText],\n ['title', 'First']\n );\n btn_first.className = this.btnPageCssClass;\n Event.add(btn_first, 'click', evt.first);\n btnFirstSpan.appendChild(btn_first);\n } else {\n btnFirstSpan.innerHTML = this.btnFirstPageHtml;\n Event.add(btnFirstSpan, 'click', evt.first);\n }\n }\n\n // paging elements (buttons+drop-down list) are added to defined element\n if(!this.pagingTgtId){\n tf.setToolbar();\n }\n var targetEl = !this.pagingTgtId ? tf.mDiv : Dom.id(this.pagingTgtId);\n targetEl.appendChild(btnFirstSpan);\n targetEl.appendChild(btnPrevSpan);\n\n var pgBeforeSpan = Dom.create(\n 'span',['id', this.prfxPgBeforeSpan+tf.id] );\n pgBeforeSpan.appendChild( Dom.text(this.pageText) );\n pgBeforeSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgBeforeSpan);\n targetEl.appendChild(slcPages);\n var pgAfterSpan = Dom.create(\n 'span',['id', this.prfxPgAfterSpan+tf.id]);\n pgAfterSpan.appendChild( Dom.text(this.ofText) );\n pgAfterSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgAfterSpan);\n var pgspan = Dom.create( 'span',['id', this.prfxPgSpan+tf.id] );\n pgspan.className = this.nbPgSpanCssClass;\n pgspan.appendChild( Dom.text(' '+this.nbPages+' ') );\n targetEl.appendChild(pgspan);\n targetEl.appendChild(btnNextSpan);\n targetEl.appendChild(btnLastSpan);\n this.pagingSlc = Dom.id(this.prfxSlcPages+tf.id);\n\n if(!tf.rememberGridValues){\n this.setPagingInfo();\n }\n if(!tf.fltGrid){\n tf.validateAllRows();\n this.setPagingInfo(tf.validRowsIndex);\n }\n\n this.emitter.on(['after-filtering'], ()=> this.resetPagingInfo());\n this.emitter.on(['initialized'], ()=> this.resetValues());\n\n this.initialized = true;\n }\n\n /**\n * Reset paging when filters are already instantiated\n * @param {Boolean} filterTable Execute filtering once paging instanciated\n */\n reset(filterTable=false){\n var tf = this.tf;\n if(this.isEnabled()){\n return;\n }\n this.enable();\n this.init();\n\n if(filterTable){\n tf.filter();\n }\n }\n\n /**\n * Reset paging info from scratch after a filtering process\n */\n resetPagingInfo(){\n this.startPagingRow = 0;\n this.currentPageNb = 1;\n this.setPagingInfo(this.tf.validRowsIndex);\n }\n\n /**\n * Calculate number of pages based on valid rows\n * Refresh paging select according to number of pages\n * @param {Array} validRows Collection of valid rows\n */\n setPagingInfo(validRows){\n var tf = this.tf;\n var mdiv = !this.pagingTgtId ? tf.mDiv : Dom.id(this.pagingTgtId);\n var pgspan = Dom.id(this.prfxPgSpan+tf.id);\n\n //store valid rows indexes\n tf.validRowsIndex = validRows || tf.getValidRows(true);\n\n //calculate nb of pages\n this.nbPages = Math.ceil(tf.validRowsIndex.length/this.pagingLength);\n //refresh page nb span\n pgspan.innerHTML = this.nbPages;\n //select clearing shortcut\n if(this.pageSelectorType === tf.fltTypeSlc){\n this.pagingSlc.innerHTML = '';\n }\n\n if(this.nbPages>0){\n mdiv.style.visibility = 'visible';\n if(this.pageSelectorType === tf.fltTypeSlc){\n for(var z=0; z
import Str from './string';
export default {
- ignoreCase(a, b){
+ ignoreCase(a, b){
let x = Str.lower(a);
let y = Str.lower(b);
return ((x < y) ? -1 : ((x > y) ? 1 : 0));
diff --git a/docs/file/src/string.js.html b/docs/file/src/string.js.html
index 286f42ec..0cfc5793 100644
--- a/docs/file/src/string.js.html
+++ b/docs/file/src/string.js.html
@@ -3,7 +3,7 @@
src/string.js | tablefilter v0.1.14 API Document
+ src/string.js | tablefilter v0.1.15 API Document
diff --git a/docs/file/src/tablefilter.js.html b/docs/file/src/tablefilter.js.html
index a2dd5f17..73662ec3 100644
--- a/docs/file/src/tablefilter.js.html
+++ b/docs/file/src/tablefilter.js.html
@@ -3,7 +3,7 @@
src/tablefilter.js | tablefilter v0.1.14 API Document
+ src/tablefilter.js | tablefilter v0.1.15 API Document
@@ -203,7 +203,7 @@ export class TableFilter {
//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';
+ 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
@@ -679,7 +679,7 @@ export class TableFilter {
Mod.paging = new Paging(this);
Mod.paging.init();
} else{
- Mod.paging.reset();
+ Mod.paging.reset();
}
}
if(this.btnReset){
@@ -891,7 +891,9 @@ export class TableFilter {
// Require pattern for Webpack
require(['./' + modulePath], (mod)=> {
+ /* eslint-disable */
let inst = new mod.default(this, ext);
+ /* eslint-enable */
inst.init();
this.ExtRegistry[name] = inst;
});
@@ -1485,12 +1487,12 @@ export class TableFilter {
//multiple search parameter operator ||
let sAOrSplit = sA.toString().split(this.orOperator),
- //multiple search || parameter boolean
- hasMultiOrSA = sAOrSplit.length > 1,
- //multiple search parameter operator &&
- sAAndSplit = sA.toString().split(this.anOperator),
- //multiple search && parameter boolean
- hasMultiAndSA = sAAndSplit.length > 1;
+ //multiple search || parameter boolean
+ hasMultiOrSA = sAOrSplit.length > 1,
+ //multiple search parameter operator &&
+ sAAndSplit = sA.toString().split(this.anOperator),
+ //multiple search && parameter boolean
+ hasMultiAndSA = sAAndSplit.length > 1;
//detect operators or array query
if(Types.isArray(sA) || hasMultiOrSA || hasMultiAndSA){
@@ -1854,7 +1856,7 @@ export class TableFilter {
if(Types.isUndef(colIndex)){
return [];
}
- let data = this.getFilteredData(),
+ let data = this.getFilteredData(),
colData = [];
if(includeHeaders){
colData.push(this.getHeadersText()[colIndex]);
@@ -1984,25 +1986,17 @@ export class TableFilter {
/**
* Set them columns' widths as per configuration
- * @param {Number} rowIndex Optional row index to apply the widths to
* @param {Element} tbl DOM element
*/
- setColWidths(rowIndex, tbl){
+ setColWidths(tbl){
if(!this.hasColWidths){
return;
}
tbl = tbl || this.tbl;
- let rIndex;
- if(rowIndex === undefined){
- rIndex = tbl.rows[0].style.display!='none' ? 0 : 1;
- } else{
- rIndex = rowIndex;
- }
setWidths.call(this);
function setWidths(){
- /*jshint validthis:true */
let nbCols = this.nbCells;
let colWidths = this.colWidths;
let colTags = Dom.tag(tbl, 'col');
@@ -2121,18 +2115,17 @@ export class TableFilter {
slcA2.indexOf(slcIndex[i]) != -1)) ||
slcSelectedValue === this.displayAllText ){
- if(slcA3.indexOf(slcIndex[i]) != -1){
- this.Mod.checkList.checkListDiv[slcIndex[i]].innerHTML = '';
- } else {
- curSlc.innerHTML = '';
- }
+ // if(slcA3.indexOf(slcIndex[i]) != -1){
+ // this.Mod.checkList.checkListDiv[slcIndex[i]].innerHTML = '';
+ // } else {
+ // curSlc.innerHTML = '';
+ // }
//1st option needs to be inserted
if(this.loadFltOnDemand) {
let opt0 = Dom.createOpt(this.displayAllText, '');
- if(curSlc){
- curSlc.appendChild(opt0);
- }
+ curSlc.innerHTML = '';
+ curSlc.appendChild(opt0);
}
if(slcA3.indexOf(slcIndex[i]) != -1){
diff --git a/docs/file/src/types.js.html b/docs/file/src/types.js.html
index 344bcd7f..8413e469 100644
--- a/docs/file/src/types.js.html
+++ b/docs/file/src/types.js.html
@@ -3,7 +3,7 @@
src/types.js | tablefilter v0.1.14 API Document
+ src/types.js | tablefilter v0.1.15 API Document
@@ -118,7 +118,7 @@ export default {
* @return {Boolean}
*/
isUndef(o){
- return o === UNDEFINED;
+ return o === UNDEFINED;
},
/**
diff --git a/docs/identifiers.html b/docs/identifiers.html
index 0bee5a8b..3f11d5a9 100644
--- a/docs/identifiers.html
+++ b/docs/identifiers.html
@@ -3,7 +3,7 @@
Index | tablefilter v0.1.14 API Document
+ Index | tablefilter v0.1.15 API Document
diff --git a/docs/index.html b/docs/index.html
index 526687b4..15bfc635 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,7 +3,7 @@
tablefilter v0.1.14 API Document
+ tablefilter v0.1.15 API Document
diff --git a/docs/source.html b/docs/source.html
index 6a6e0548..57671956 100644
--- a/docs/source.html
+++ b/docs/source.html
@@ -3,7 +3,7 @@
Source | tablefilter v0.1.14 API Document
+ Source | tablefilter v0.1.15 API Document
@@ -90,7 +90,7 @@
-
-
+