-
+
public
class
- | source
+ | source
import {State} from 'tablefilter/src/modules/state.js'import {State} from 'tablefilter/src/modules/state.js'
@@ -146,6 +148,56 @@ cookie
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
@@ -171,6 +223,31 @@ cookie
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
@@ -438,6 +515,31 @@ cookie
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
@@ -531,6 +633,32 @@ cookie
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
@@ -956,7 +1084,7 @@ cookie
- source
+ source
@@ -1006,6 +1134,86 @@ cookie
+
+
StatusBar | tablefilter v0.2.8 API Document
+ StatusBar | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/class/src/modules/storage.js~Storage.html b/docs/class/src/modules/storage.js~Storage.html
new file mode 100644
index 00000000..28c58a10
--- /dev/null
+++ b/docs/class/src/modules/storage.js~Storage.html
@@ -0,0 +1,1138 @@
+
+
+
+
+ Storage | tablefilter v0.2.9 API Document
+
+
+
+
+
+
+
+
+
+
+ Home
+
+ Reference
+ Source
+
+ Repository
+
+
+
+
+Store | tablefilter v0.2.8 API Document
+ Store | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/class/src/tablefilter.js~TableFilter.html b/docs/class/src/tablefilter.js~TableFilter.html
index 420b5284..465a6954 100644
--- a/docs/class/src/tablefilter.js~TableFilter.html
+++ b/docs/class/src/tablefilter.js~TableFilter.html
@@ -3,7 +3,7 @@
TableFilter | tablefilter v0.2.8 API Document
+ TableFilter | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
@@ -4372,6 +4374,32 @@ requires
+
+
+
+
+
+
+
+
+
+ public
+
+
+
@@ -4801,7 +4829,7 @@ custom options values and texts
@@ -12697,6 +12725,64 @@ requires
public
@@ -12790,7 +12876,7 @@ requires
@@ -13636,7 +13722,7 @@ custom options values and texts
-
@@ -13698,7 +13784,7 @@ custom options values and texts
- source
+ source
@@ -13835,7 +13921,7 @@ custom options values and texts
- source
+ source
@@ -14121,7 +14207,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -14173,7 +14259,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -14276,7 +14362,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -14344,7 +14430,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -14395,7 +14481,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -14464,7 +14550,7 @@ Note: hidden filters are also returned
- source
+ source
@@ -14654,7 +14740,7 @@ defined
- source
+ source
@@ -14855,7 +14941,7 @@ row)
- source
+ source
@@ -14992,7 +15078,7 @@ row)
- source
+ source
@@ -15043,7 +15129,7 @@ row)
- source
+ source
@@ -15272,7 +15358,7 @@ row)
- source
+ source
@@ -15341,7 +15427,7 @@ row)
- source
+ source
@@ -15416,7 +15502,7 @@ row)
- source
+ source
diff --git a/docs/coverage.json b/docs/coverage.json
index 3656f1c2..80f1dfac 100644
--- a/docs/coverage.json
+++ b/docs/coverage.json
@@ -1,7 +1,7 @@
{
- "coverage": "26.18%",
- "expectCount": 741,
- "actualCount": 194,
+ "coverage": "26.86%",
+ "expectCount": 763,
+ "actualCount": 205,
"files": {
"src/extensions/advancedGrid/adapterEzEditTable.js": {
"expectCount": 17,
@@ -197,8 +197,8 @@
]
},
"src/tablefilter.js": {
- "expectCount": 227,
- "actualCount": 78,
+ "expectCount": 228,
+ "actualCount": 79,
"undocumentLines": [
411,
408,
@@ -628,21 +628,25 @@
]
},
"src/modules/state.js": {
- "expectCount": 21,
- "actualCount": 9,
+ "expectCount": 26,
+ "actualCount": 10,
"undocumentLines": [
- 27,
- 33,
- 61,
- 35,
- 40,
- 34,
- 39,
- 29,
+ 36,
31,
- 30,
- 38,
- 37
+ 27,
+ 29,
+ 39,
+ 71,
+ 41,
+ 46,
+ 40,
+ 45,
+ 33,
+ 35,
+ 34,
+ 44,
+ 43,
+ 68
]
},
"src/modules/statusBar.js": {
@@ -679,6 +683,19 @@
20
]
},
+ "src/modules/storage.js": {
+ "expectCount": 16,
+ "actualCount": 9,
+ "undocumentLines": [
+ 32,
+ 31,
+ 30,
+ 29,
+ 9,
+ 27,
+ 28
+ ]
+ },
"src/modules/store.js": {
"expectCount": 17,
"actualCount": 8,
diff --git a/docs/dump.json b/docs/dump.json
index 60966e5f..1cf92df7 100644
--- a/docs/dump.json
+++ b/docs/dump.json
@@ -6703,7 +6703,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import Event from '../event';\n\nconst global = window;\nconst JSON = global.JSON;\nconst location = global.location;\nconst decodeURIComponent = global.decodeURIComponent;\n\nexport const hasHashChange = () => {\n var docMode = global.documentMode;\n return ('onhashchange' in global) && (docMode === undefined || docMode > 7);\n};\n\n/**\n * Manages the URL hash reflecting the features state to be persisted\n *\n * @export\n * @class Hash\n */\nexport class Hash {\n\n /**\n * Creates an instance of Hash\n *\n * @param {State} state Instance of State\n */\n constructor(state) {\n this.state = state;\n this.lastHash = null;\n this.emitter = state.emitter;\n }\n\n /**\n * Initializes the Hash object\n */\n init() {\n if (!hasHashChange()) {\n return;\n }\n\n this.lastHash = location.hash;\n\n this.emitter.on(['state-changed'], (tf, state) => this.update(state));\n this.emitter.on(['initialized'], () => this.sync());\n Event.add(global, 'hashchange', () => this.sync());\n }\n\n /**\n * Updates the URL hash based on a state change\n *\n * @param {State} state Instance of State\n */\n update(state) {\n let hash = `#${JSON.stringify(state)}`;\n if (this.lastHash === hash) {\n return;\n }\n\n location.hash = hash;\n this.lastHash = hash;\n }\n\n /**\n * Converts a URL hash into a state JSON object\n *\n * @param {String} hash URL hash fragment\n * @returns {Object} JSON object\n */\n parse(hash) {\n if (hash.indexOf('#') === -1) {\n return null;\n }\n hash = hash.substr(1);\n return JSON.parse(decodeURIComponent(hash));\n }\n\n /**\n * Applies current hash state to features\n */\n sync() {\n let state = this.parse(location.hash);\n if (!state) {\n return;\n }\n\n // To prevent state to react to features changes, state is temporarily\n // disabled\n this.state.disable();\n // State is overriden with hash state object\n this.state.override(state);\n // New hash state is applied to features\n this.state.sync();\n // State is re-enabled\n this.state.enable();\n }\n\n /**\n * Destroy Hash instance\n */\n destroy() {\n this.emitter.off(['state-changed'], (tf, state) => this.update(state));\n this.emitter.off(['initialized'], () => this.sync());\n Event.remove(global, 'hashchange', () => this.sync());\n\n this.state = null;\n this.lastHash = null;\n this.emitter = null;\n }\n}\n"
+ "content": "import Event from '../event';\n\nconst global = window;\nconst JSON = global.JSON;\nconst location = global.location;\nconst decodeURIComponent = global.decodeURIComponent;\n\nexport const hasHashChange = () => {\n var docMode = global.documentMode;\n return ('onhashchange' in global) && (docMode === undefined || docMode > 7);\n};\n\n/**\n * Manages the URL hash reflecting the features state to be persisted\n *\n * @export\n * @class Hash\n */\nexport class Hash {\n\n /**\n * Creates an instance of Hash\n *\n * @param {State} state Instance of State\n */\n constructor(state) {\n this.state = state;\n this.lastHash = null;\n this.emitter = state.emitter;\n }\n\n /**\n * Initializes the Hash object\n */\n init() {\n if (!hasHashChange()) {\n return;\n }\n\n this.lastHash = location.hash;\n\n this.emitter.on(['state-changed'], (tf, state) => this.update(state));\n this.emitter.on(['initialized'], () => this.sync());\n Event.add(global, 'hashchange', () => this.sync());\n }\n\n /**\n * Updates the URL hash based on a state change\n *\n * @param {State} state Instance of State\n */\n update(state) {\n let hash = `#${JSON.stringify(state)}`;\n if (this.lastHash === hash) {\n return;\n }\n\n location.hash = hash;\n this.lastHash = hash;\n }\n\n /**\n * Converts a URL hash into a state JSON object\n *\n * @param {String} hash URL hash fragment\n * @returns {Object} JSON object\n */\n parse(hash) {\n if (hash.indexOf('#') === -1) {\n return null;\n }\n hash = hash.substr(1);\n return JSON.parse(decodeURIComponent(hash));\n }\n\n /**\n * Applies current hash state to features\n */\n sync() {\n let state = this.parse(location.hash);\n if (!state) {\n return;\n }\n // override current state with persisted one and sync features\n this.state.overrideAndSync(state);\n }\n\n /**\n * Release Hash event subscriptions and clear fields\n */\n destroy() {\n this.emitter.off(['state-changed'], (tf, state) => this.update(state));\n this.emitter.off(['initialized'], () => this.sync());\n Event.remove(global, 'hashchange', () => this.sync());\n\n this.state = null;\n this.lastHash = null;\n this.emitter = null;\n }\n}\n"
},
{
"__docId__": 348,
@@ -7052,8 +7052,8 @@
"memberof": "src/modules/hash.js~Hash",
"longname": "src/modules/hash.js~Hash#destroy",
"access": null,
- "description": "Destroy Hash instance",
- "lineNumber": 99,
+ "description": "Release Hash event subscriptions and clear fields",
+ "lineNumber": 91,
"params": [],
"generator": false
},
@@ -7067,7 +7067,7 @@
"longname": "src/modules/hash.js~Hash#state",
"access": null,
"description": null,
- "lineNumber": 104,
+ "lineNumber": 96,
"undocument": true,
"type": {
"types": [
@@ -7085,7 +7085,7 @@
"longname": "src/modules/hash.js~Hash#lastHash",
"access": null,
"description": null,
- "lineNumber": 105,
+ "lineNumber": 97,
"undocument": true,
"type": {
"types": [
@@ -7103,7 +7103,7 @@
"longname": "src/modules/hash.js~Hash#emitter",
"access": null,
"description": null,
- "lineNumber": 106,
+ "lineNumber": 98,
"undocument": true,
"type": {
"types": [
@@ -11174,7 +11174,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport {Hash} from './hash';\nimport Str from '../string';\nimport Types from '../types';\n\n/**\n * Reflects the state of features to be persisted via hash, localStorage or\n * cookie\n *\n * @export\n * @class State\n * @extends {Feature}\n */\nexport class State extends Feature {\n\n /**\n * Creates an instance of State\n *\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'state');\n\n let cfg = this.config.state;\n\n // hash enabled by default if state setting is simply set true\n this.enableHash = (cfg.types && cfg.types.indexOf('hash') !== -1) ||\n tf.state === true;\n this.persistFilters = cfg.filters === false ? false : true;\n this.persistPageNumber = Boolean(cfg.page_number);\n this.persistPageLength = Boolean(cfg.page_length);\n\n this.hash = null;\n this.pageNb = null;\n this.pageLength = null;\n\n this.state = {};\n this.prfxCol = 'col_';\n this.pageNbKey = 'page';\n this.pageLengthKey = 'page_length';\n }\n\n /**\n * Initializes the State object\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n this.emitter.on(['after-filtering'], () => this.update());\n this.emitter.on(['after-page-change'],\n (tf, pageNb) => this.updatePage(pageNb));\n this.emitter.on(['after-page-length-change'],\n (tf, index) => this.updatePageLength(index));\n\n if (this.enableHash) {\n this.hash = new Hash(this);\n this.hash.init();\n }\n this.initialized = true;\n }\n\n\n /**\n * Update state field based on current features state\n */\n update() {\n if (!this.isEnabled()) {\n return;\n }\n let tf = this.tf;\n\n if (this.persistFilters) {\n let filterValues = tf.getFiltersValue();\n\n filterValues.forEach((val, idx) => {\n let key = `${this.prfxCol}${idx}`;\n\n if (Types.isString(val) && Str.isEmpty(val)) {\n if (this.state.hasOwnProperty(key)) {\n this.state[key] = undefined;\n }\n } else {\n this.state[key] = this.state[key] || {};\n this.state[key].flt = val;\n }\n\n });\n }\n\n if (this.persistPageNumber) {\n if (Types.isNull(this.pageNb)) {\n this.state[this.pageNbKey] = undefined;\n } else {\n this.state[this.pageNbKey] = this.pageNb;\n }\n }\n\n if (this.persistPageLength) {\n if (Types.isNull(this.pageLength)) {\n this.state[this.pageLengthKey] = undefined;\n } else {\n this.state[this.pageLengthKey] = this.pageLength;\n }\n }\n\n this.emitter.emit('state-changed', tf, this.state);\n }\n\n /**\n * Refresh page number field on page number change\n *\n * @param pageNb Current page number\n */\n updatePage(pageNb) {\n this.pageNb = pageNb;\n this.update();\n }\n\n /**\n * Refresh page length field on page length change\n *\n * @param pageLength Current page length value\n */\n updatePageLength(pageLength) {\n this.pageLength = pageLength;\n this.update();\n }\n\n /**\n * Override state field\n *\n * @param state State object\n */\n override(state) {\n this.state = state;\n }\n\n /**\n * Apply current features state\n */\n sync() {\n let state = this.state;\n let tf = this.tf;\n\n if (this.persistFilters) {\n Object.keys(state).forEach((key) => {\n if (key.indexOf(this.prfxCol) !== -1) {\n let colIdx = parseInt(key.replace(this.prfxCol, ''), 10);\n let val = state[key].flt;\n tf.setFilterValue(colIdx, val);\n }\n });\n\n tf.filter();\n }\n\n if (this.persistPageNumber) {\n let pageNumber = state[this.pageNbKey];\n this.emitter.emit('change-page', this.tf, pageNumber);\n }\n\n if (this.persistPageLength) {\n let pageLength = state[this.pageLengthKey];\n this.emitter.emit('change-page-results', this.tf, pageLength);\n }\n }\n\n /**\n * Destroy State instance\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n this.state = {};\n\n this.emitter.off(['after-filtering'], () => this.update());\n this.emitter.off(['after-page-change'],\n (tf, pageNb) => this.updatePage(pageNb));\n this.emitter.off(['after-page-length-change'],\n (tf, index) => this.updatePageLength(index));\n\n if (this.enableHash) {\n this.hash.destroy();\n this.hash = null;\n }\n\n this.initialized = false;\n }\n}\n"
+ "content": "import {Feature} from './feature';\nimport {Hash} from './hash';\nimport {Storage} from './storage';\nimport Str from '../string';\nimport Types from '../types';\n\n/**\n * Reflects the state of features to be persisted via hash, localStorage or\n * cookie\n *\n * @export\n * @class State\n * @extends {Feature}\n */\nexport class State extends Feature {\n\n /**\n * Creates an instance of State\n *\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'state');\n\n let cfg = this.config.state;\n\n this.enableHash = cfg === true ||\n (Types.isObj(cfg.types) && cfg.types.indexOf('hash') !== -1);\n this.enableLocalStorage = Types.isObj(cfg.types) &&\n cfg.types.indexOf('local_storage') !== -1;\n this.enableCookie = Types.isObj(cfg.types) &&\n cfg.types.indexOf('cookie') !== -1;\n this.persistFilters = cfg.filters === false ? false : true;\n this.persistPageNumber = Boolean(cfg.page_number);\n this.persistPageLength = Boolean(cfg.page_length);\n this.cookieDuration = !isNaN(cfg.cookie_duration) ?\n parseInt(cfg.cookie_duration, 10) : 87600;\n\n this.hash = null;\n this.pageNb = null;\n this.pageLength = null;\n\n this.state = {};\n this.prfxCol = 'col_';\n this.pageNbKey = 'page';\n this.pageLengthKey = 'page_length';\n }\n\n /**\n * Initializes the State object\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n this.emitter.on(['after-filtering'], () => this.update());\n this.emitter.on(['after-page-change'],\n (tf, pageNb) => this.updatePage(pageNb));\n this.emitter.on(['after-page-length-change'],\n (tf, index) => this.updatePageLength(index));\n\n if (this.enableHash) {\n this.hash = new Hash(this);\n this.hash.init();\n }\n if (this.enableLocalStorage || this.enableCookie) {\n this.storage = new Storage(this);\n this.storage.init();\n }\n this.initialized = true;\n }\n\n\n /**\n * Update state field based on current features state\n */\n update() {\n if (!this.isEnabled()) {\n return;\n }\n let tf = this.tf;\n\n if (this.persistFilters) {\n let filterValues = tf.getFiltersValue();\n\n filterValues.forEach((val, idx) => {\n let key = `${this.prfxCol}${idx}`;\n\n if (Types.isString(val) && Str.isEmpty(val)) {\n if (this.state.hasOwnProperty(key)) {\n this.state[key] = undefined;\n }\n } else {\n this.state[key] = this.state[key] || {};\n this.state[key].flt = val;\n }\n\n });\n }\n\n if (this.persistPageNumber) {\n if (Types.isNull(this.pageNb)) {\n this.state[this.pageNbKey] = undefined;\n } else {\n this.state[this.pageNbKey] = this.pageNb;\n }\n }\n\n if (this.persistPageLength) {\n if (Types.isNull(this.pageLength)) {\n this.state[this.pageLengthKey] = undefined;\n } else {\n this.state[this.pageLengthKey] = this.pageLength;\n }\n }\n\n this.emitter.emit('state-changed', tf, this.state);\n }\n\n /**\n * Refresh page number field on page number change\n *\n * @param pageNb Current page number\n */\n updatePage(pageNb) {\n this.pageNb = pageNb;\n this.update();\n }\n\n /**\n * Refresh page length field on page length change\n *\n * @param pageLength Current page length value\n */\n updatePageLength(pageLength) {\n this.pageLength = pageLength;\n this.update();\n }\n\n /**\n * Override state field\n *\n * @param state State object\n */\n override(state) {\n this.state = state;\n }\n\n /**\n * Apply current features state\n */\n sync() {\n let state = this.state;\n let tf = this.tf;\n\n if (this.persistFilters) {\n Object.keys(state).forEach((key) => {\n if (key.indexOf(this.prfxCol) !== -1) {\n let colIdx = parseInt(key.replace(this.prfxCol, ''), 10);\n let val = state[key].flt;\n tf.setFilterValue(colIdx, val);\n }\n });\n\n tf.filter();\n }\n\n if (this.persistPageNumber) {\n let pageNumber = state[this.pageNbKey];\n this.emitter.emit('change-page', this.tf, pageNumber);\n }\n\n if (this.persistPageLength) {\n let pageLength = state[this.pageLengthKey];\n this.emitter.emit('change-page-results', this.tf, pageLength);\n }\n }\n\n /**\n * Override current state with passed one and sync features\n *\n * @param state State object\n */\n overrideAndSync(state) {\n // To prevent state to react to features changes, state is temporarily\n // disabled\n this.disable();\n // State is overriden with passed state object\n this.override(state);\n // New hash state is applied to features\n this.sync();\n // State is re-enabled\n this.enable();\n }\n\n /**\n * Destroy State instance\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n this.state = {};\n\n this.emitter.off(['after-filtering'], () => this.update());\n this.emitter.off(['after-page-change'],\n (tf, pageNb) => this.updatePage(pageNb));\n this.emitter.off(['after-page-length-change'],\n (tf, index) => this.updatePageLength(index));\n\n if (this.enableHash) {\n this.hash.destroy();\n this.hash = null;\n }\n\n if (this.enableLocalStorage || this.enableCookie) {\n this.storage.destroy();\n this.storage = null;\n }\n\n this.initialized = false;\n }\n}\n"
},
{
"__docId__": 590,
@@ -11189,7 +11189,7 @@
"importPath": "tablefilter/src/modules/state.js",
"importStyle": "{State}",
"description": "Reflects the state of features to be persisted via hash, localStorage or\ncookie",
- "lineNumber": 14,
+ "lineNumber": 15,
"unknown": [
{
"tagName": "@export",
@@ -11215,7 +11215,7 @@
"longname": "src/modules/state.js~State#constructor",
"access": null,
"description": "Creates an instance of State",
- "lineNumber": 21,
+ "lineNumber": 22,
"params": [
{
"nullable": null,
@@ -11253,9 +11253,9 @@
"kind": "member",
"static": false,
"variation": null,
- "name": "persistFilters",
+ "name": "enableLocalStorage",
"memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#persistFilters",
+ "longname": "src/modules/state.js~State#enableLocalStorage",
"access": null,
"description": null,
"lineNumber": 29,
@@ -11271,12 +11271,12 @@
"kind": "member",
"static": false,
"variation": null,
- "name": "persistPageNumber",
+ "name": "enableCookie",
"memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#persistPageNumber",
+ "longname": "src/modules/state.js~State#enableCookie",
"access": null,
"description": null,
- "lineNumber": 30,
+ "lineNumber": 31,
"undocument": true,
"type": {
"types": [
@@ -11289,12 +11289,12 @@
"kind": "member",
"static": false,
"variation": null,
- "name": "persistPageLength",
+ "name": "persistFilters",
"memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#persistPageLength",
+ "longname": "src/modules/state.js~State#persistFilters",
"access": null,
"description": null,
- "lineNumber": 31,
+ "lineNumber": 33,
"undocument": true,
"type": {
"types": [
@@ -11307,12 +11307,12 @@
"kind": "member",
"static": false,
"variation": null,
- "name": "hash",
+ "name": "persistPageNumber",
"memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#hash",
+ "longname": "src/modules/state.js~State#persistPageNumber",
"access": null,
"description": null,
- "lineNumber": 33,
+ "lineNumber": 34,
"undocument": true,
"type": {
"types": [
@@ -11325,12 +11325,12 @@
"kind": "member",
"static": false,
"variation": null,
- "name": "pageNb",
+ "name": "persistPageLength",
"memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#pageNb",
+ "longname": "src/modules/state.js~State#persistPageLength",
"access": null,
"description": null,
- "lineNumber": 34,
+ "lineNumber": 35,
"undocument": true,
"type": {
"types": [
@@ -11343,12 +11343,12 @@
"kind": "member",
"static": false,
"variation": null,
- "name": "pageLength",
+ "name": "cookieDuration",
"memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#pageLength",
+ "longname": "src/modules/state.js~State#cookieDuration",
"access": null,
"description": null,
- "lineNumber": 35,
+ "lineNumber": 36,
"undocument": true,
"type": {
"types": [
@@ -11361,12 +11361,12 @@
"kind": "member",
"static": false,
"variation": null,
- "name": "state",
+ "name": "hash",
"memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#state",
+ "longname": "src/modules/state.js~State#hash",
"access": null,
"description": null,
- "lineNumber": 37,
+ "lineNumber": 39,
"undocument": true,
"type": {
"types": [
@@ -11379,102 +11379,106 @@
"kind": "member",
"static": false,
"variation": null,
- "name": "prfxCol",
+ "name": "pageNb",
"memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#prfxCol",
- "access": null,
- "description": null,
- "lineNumber": 38,
- "undocument": true,
- "type": {
- "types": [
- "string"
- ]
- }
- },
- {
- "__docId__": 601,
- "kind": "member",
- "static": false,
- "variation": null,
- "name": "pageNbKey",
- "memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#pageNbKey",
- "access": null,
- "description": null,
- "lineNumber": 39,
- "undocument": true,
- "type": {
- "types": [
- "string"
- ]
- }
- },
- {
- "__docId__": 602,
- "kind": "member",
- "static": false,
- "variation": null,
- "name": "pageLengthKey",
- "memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#pageLengthKey",
+ "longname": "src/modules/state.js~State#pageNb",
"access": null,
"description": null,
"lineNumber": 40,
"undocument": true,
- "type": {
- "types": [
- "string"
- ]
- }
- },
- {
- "__docId__": 603,
- "kind": "method",
- "static": false,
- "variation": null,
- "name": "init",
- "memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#init",
- "access": null,
- "description": "Initializes the State object",
- "lineNumber": 46,
- "params": [],
- "generator": false
- },
- {
- "__docId__": 604,
- "kind": "member",
- "static": false,
- "variation": null,
- "name": "hash",
- "memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#hash",
- "access": null,
- "description": null,
- "lineNumber": 58,
- "undocument": true,
"type": {
"types": [
"*"
]
}
},
+ {
+ "__docId__": 601,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "pageLength",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#pageLength",
+ "access": null,
+ "description": null,
+ "lineNumber": 41,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 602,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "state",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#state",
+ "access": null,
+ "description": null,
+ "lineNumber": 43,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 603,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "prfxCol",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#prfxCol",
+ "access": null,
+ "description": null,
+ "lineNumber": 44,
+ "undocument": true,
+ "type": {
+ "types": [
+ "string"
+ ]
+ }
+ },
+ {
+ "__docId__": 604,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "pageNbKey",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#pageNbKey",
+ "access": null,
+ "description": null,
+ "lineNumber": 45,
+ "undocument": true,
+ "type": {
+ "types": [
+ "string"
+ ]
+ }
+ },
{
"__docId__": 605,
"kind": "member",
"static": false,
"variation": null,
- "name": "initialized",
+ "name": "pageLengthKey",
"memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#initialized",
+ "longname": "src/modules/state.js~State#pageLengthKey",
"access": null,
"description": null,
- "lineNumber": 61,
+ "lineNumber": 46,
"undocument": true,
"type": {
"types": [
- "boolean"
+ "string"
]
}
},
@@ -11483,17 +11487,85 @@
"kind": "method",
"static": false,
"variation": null,
- "name": "update",
+ "name": "init",
"memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#update",
+ "longname": "src/modules/state.js~State#init",
"access": null,
- "description": "Update state field based on current features state",
- "lineNumber": 68,
+ "description": "Initializes the State object",
+ "lineNumber": 52,
"params": [],
"generator": false
},
{
"__docId__": 607,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "hash",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#hash",
+ "access": null,
+ "description": null,
+ "lineNumber": 64,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 608,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "storage",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#storage",
+ "access": null,
+ "description": null,
+ "lineNumber": 68,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 609,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "initialized",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#initialized",
+ "access": null,
+ "description": null,
+ "lineNumber": 71,
+ "undocument": true,
+ "type": {
+ "types": [
+ "boolean"
+ ]
+ }
+ },
+ {
+ "__docId__": 610,
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "update",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#update",
+ "access": null,
+ "description": "Update state field based on current features state",
+ "lineNumber": 78,
+ "params": [],
+ "generator": false
+ },
+ {
+ "__docId__": 611,
"kind": "method",
"static": false,
"variation": null,
@@ -11502,7 +11574,7 @@
"longname": "src/modules/state.js~State#updatePage",
"access": null,
"description": "Refresh page number field on page number change",
- "lineNumber": 116,
+ "lineNumber": 126,
"params": [
{
"nullable": null,
@@ -11518,7 +11590,7 @@
"generator": false
},
{
- "__docId__": 608,
+ "__docId__": 612,
"kind": "member",
"static": false,
"variation": null,
@@ -11527,7 +11599,7 @@
"longname": "src/modules/state.js~State#pageNb",
"access": null,
"description": null,
- "lineNumber": 117,
+ "lineNumber": 127,
"undocument": true,
"type": {
"types": [
@@ -11536,7 +11608,7 @@
}
},
{
- "__docId__": 609,
+ "__docId__": 613,
"kind": "method",
"static": false,
"variation": null,
@@ -11545,7 +11617,7 @@
"longname": "src/modules/state.js~State#updatePageLength",
"access": null,
"description": "Refresh page length field on page length change",
- "lineNumber": 126,
+ "lineNumber": 136,
"params": [
{
"nullable": null,
@@ -11561,7 +11633,7 @@
"generator": false
},
{
- "__docId__": 610,
+ "__docId__": 614,
"kind": "member",
"static": false,
"variation": null,
@@ -11570,7 +11642,7 @@
"longname": "src/modules/state.js~State#pageLength",
"access": null,
"description": null,
- "lineNumber": 127,
+ "lineNumber": 137,
"undocument": true,
"type": {
"types": [
@@ -11579,7 +11651,7 @@
}
},
{
- "__docId__": 611,
+ "__docId__": 615,
"kind": "method",
"static": false,
"variation": null,
@@ -11588,7 +11660,7 @@
"longname": "src/modules/state.js~State#override",
"access": null,
"description": "Override state field",
- "lineNumber": 136,
+ "lineNumber": 146,
"params": [
{
"nullable": null,
@@ -11603,81 +11675,17 @@
],
"generator": false
},
- {
- "__docId__": 612,
- "kind": "member",
- "static": false,
- "variation": null,
- "name": "state",
- "memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#state",
- "access": null,
- "description": null,
- "lineNumber": 137,
- "undocument": true,
- "type": {
- "types": [
- "*"
- ]
- }
- },
- {
- "__docId__": 613,
- "kind": "method",
- "static": false,
- "variation": null,
- "name": "sync",
- "memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#sync",
- "access": null,
- "description": "Apply current features state",
- "lineNumber": 143,
- "params": [],
- "generator": false
- },
- {
- "__docId__": 614,
- "kind": "method",
- "static": false,
- "variation": null,
- "name": "destroy",
- "memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#destroy",
- "access": null,
- "description": "Destroy State instance",
- "lineNumber": 173,
- "params": [],
- "generator": false
- },
- {
- "__docId__": 615,
- "kind": "member",
- "static": false,
- "variation": null,
- "name": "state",
- "memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#state",
- "access": null,
- "description": null,
- "lineNumber": 178,
- "undocument": true,
- "type": {
- "types": [
- "*"
- ]
- }
- },
{
"__docId__": 616,
"kind": "member",
"static": false,
"variation": null,
- "name": "hash",
+ "name": "state",
"memberof": "src/modules/state.js~State",
- "longname": "src/modules/state.js~State#hash",
+ "longname": "src/modules/state.js~State#state",
"access": null,
"description": null,
- "lineNumber": 188,
+ "lineNumber": 147,
"undocument": true,
"type": {
"types": [
@@ -11687,6 +11695,113 @@
},
{
"__docId__": 617,
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "sync",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#sync",
+ "access": null,
+ "description": "Apply current features state",
+ "lineNumber": 153,
+ "params": [],
+ "generator": false
+ },
+ {
+ "__docId__": 618,
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "overrideAndSync",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#overrideAndSync",
+ "access": null,
+ "description": "Override current state with passed one and sync features",
+ "lineNumber": 185,
+ "params": [
+ {
+ "nullable": null,
+ "types": [
+ "*"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "state",
+ "description": "State object"
+ }
+ ],
+ "generator": false
+ },
+ {
+ "__docId__": 619,
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "destroy",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#destroy",
+ "access": null,
+ "description": "Destroy State instance",
+ "lineNumber": 200,
+ "params": [],
+ "generator": false
+ },
+ {
+ "__docId__": 620,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "state",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#state",
+ "access": null,
+ "description": null,
+ "lineNumber": 205,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 621,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "hash",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#hash",
+ "access": null,
+ "description": null,
+ "lineNumber": 215,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 622,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "storage",
+ "memberof": "src/modules/state.js~State",
+ "longname": "src/modules/state.js~State#storage",
+ "access": null,
+ "description": null,
+ "lineNumber": 220,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 623,
"kind": "member",
"static": false,
"variation": null,
@@ -11695,7 +11810,7 @@
"longname": "src/modules/state.js~State#initialized",
"access": null,
"description": null,
- "lineNumber": 191,
+ "lineNumber": 223,
"undocument": true,
"type": {
"types": [
@@ -11704,7 +11819,7 @@
}
},
{
- "__docId__": 618,
+ "__docId__": 624,
"kind": "file",
"static": true,
"variation": null,
@@ -11717,7 +11832,7 @@
"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-page-change'],\n ()=> this.message(this.msgChangePage));\n emitter.on(['before-clearing-filters'], ()=>\n this.message(this.msgClear));\n emitter.on(['before-page-length-change'],\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-page-change',\n 'after-clearing-filters',\n 'after-page-length-change',\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-page-change'],\n ()=> this.message(this.msgChangePage));\n emitter.off(['before-clearing-filters'],\n ()=> this.message(this.msgClear));\n emitter.off(['before-page-length-change'],\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-page-change',\n 'after-clearing-filters',\n 'after-page-length-change',\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"
},
{
- "__docId__": 619,
+ "__docId__": 625,
"kind": "variable",
"static": true,
"variation": null,
@@ -11738,7 +11853,7 @@
}
},
{
- "__docId__": 620,
+ "__docId__": 626,
"kind": "class",
"static": true,
"variation": null,
@@ -11758,7 +11873,7 @@
]
},
{
- "__docId__": 621,
+ "__docId__": 627,
"kind": "constructor",
"static": false,
"variation": null,
@@ -11783,7 +11898,7 @@
"generator": false
},
{
- "__docId__": 622,
+ "__docId__": 628,
"kind": "member",
"static": false,
"variation": null,
@@ -11801,7 +11916,7 @@
}
},
{
- "__docId__": 623,
+ "__docId__": 629,
"kind": "member",
"static": false,
"variation": null,
@@ -11819,7 +11934,7 @@
}
},
{
- "__docId__": 624,
+ "__docId__": 630,
"kind": "member",
"static": false,
"variation": null,
@@ -11837,7 +11952,7 @@
}
},
{
- "__docId__": 625,
+ "__docId__": 631,
"kind": "member",
"static": false,
"variation": null,
@@ -11855,7 +11970,7 @@
}
},
{
- "__docId__": 626,
+ "__docId__": 632,
"kind": "member",
"static": false,
"variation": null,
@@ -11873,7 +11988,7 @@
}
},
{
- "__docId__": 627,
+ "__docId__": 633,
"kind": "member",
"static": false,
"variation": null,
@@ -11891,7 +12006,7 @@
}
},
{
- "__docId__": 628,
+ "__docId__": 634,
"kind": "member",
"static": false,
"variation": null,
@@ -11909,7 +12024,7 @@
}
},
{
- "__docId__": 629,
+ "__docId__": 635,
"kind": "member",
"static": false,
"variation": null,
@@ -11927,7 +12042,7 @@
}
},
{
- "__docId__": 630,
+ "__docId__": 636,
"kind": "member",
"static": false,
"variation": null,
@@ -11945,7 +12060,7 @@
}
},
{
- "__docId__": 631,
+ "__docId__": 637,
"kind": "member",
"static": false,
"variation": null,
@@ -11963,7 +12078,7 @@
}
},
{
- "__docId__": 632,
+ "__docId__": 638,
"kind": "member",
"static": false,
"variation": null,
@@ -11981,7 +12096,7 @@
}
},
{
- "__docId__": 633,
+ "__docId__": 639,
"kind": "member",
"static": false,
"variation": null,
@@ -11999,7 +12114,7 @@
}
},
{
- "__docId__": 634,
+ "__docId__": 640,
"kind": "member",
"static": false,
"variation": null,
@@ -12017,7 +12132,7 @@
}
},
{
- "__docId__": 635,
+ "__docId__": 641,
"kind": "member",
"static": false,
"variation": null,
@@ -12035,7 +12150,7 @@
}
},
{
- "__docId__": 636,
+ "__docId__": 642,
"kind": "member",
"static": false,
"variation": null,
@@ -12053,7 +12168,7 @@
}
},
{
- "__docId__": 637,
+ "__docId__": 643,
"kind": "member",
"static": false,
"variation": null,
@@ -12071,7 +12186,7 @@
}
},
{
- "__docId__": 638,
+ "__docId__": 644,
"kind": "member",
"static": false,
"variation": null,
@@ -12089,7 +12204,7 @@
}
},
{
- "__docId__": 639,
+ "__docId__": 645,
"kind": "member",
"static": false,
"variation": null,
@@ -12107,7 +12222,7 @@
}
},
{
- "__docId__": 640,
+ "__docId__": 646,
"kind": "member",
"static": false,
"variation": null,
@@ -12125,7 +12240,7 @@
}
},
{
- "__docId__": 641,
+ "__docId__": 647,
"kind": "member",
"static": false,
"variation": null,
@@ -12143,7 +12258,7 @@
}
},
{
- "__docId__": 642,
+ "__docId__": 648,
"kind": "member",
"static": false,
"variation": null,
@@ -12161,7 +12276,7 @@
}
},
{
- "__docId__": 643,
+ "__docId__": 649,
"kind": "member",
"static": false,
"variation": null,
@@ -12179,7 +12294,7 @@
}
},
{
- "__docId__": 644,
+ "__docId__": 650,
"kind": "member",
"static": false,
"variation": null,
@@ -12197,7 +12312,7 @@
}
},
{
- "__docId__": 645,
+ "__docId__": 651,
"kind": "method",
"static": false,
"variation": null,
@@ -12212,7 +12327,7 @@
"generator": false
},
{
- "__docId__": 646,
+ "__docId__": 652,
"kind": "member",
"static": false,
"variation": null,
@@ -12230,7 +12345,7 @@
}
},
{
- "__docId__": 647,
+ "__docId__": 653,
"kind": "member",
"static": false,
"variation": null,
@@ -12248,7 +12363,7 @@
}
},
{
- "__docId__": 648,
+ "__docId__": 654,
"kind": "member",
"static": false,
"variation": null,
@@ -12266,7 +12381,7 @@
}
},
{
- "__docId__": 649,
+ "__docId__": 655,
"kind": "member",
"static": false,
"variation": null,
@@ -12284,7 +12399,7 @@
}
},
{
- "__docId__": 650,
+ "__docId__": 656,
"kind": "method",
"static": false,
"variation": null,
@@ -12309,7 +12424,7 @@
"generator": false
},
{
- "__docId__": 651,
+ "__docId__": 657,
"kind": "method",
"static": false,
"variation": null,
@@ -12324,7 +12439,7 @@
"generator": false
},
{
- "__docId__": 652,
+ "__docId__": 658,
"kind": "member",
"static": false,
"variation": null,
@@ -12342,7 +12457,7 @@
}
},
{
- "__docId__": 653,
+ "__docId__": 659,
"kind": "member",
"static": false,
"variation": null,
@@ -12360,7 +12475,7 @@
}
},
{
- "__docId__": 654,
+ "__docId__": 660,
"kind": "member",
"static": false,
"variation": null,
@@ -12378,7 +12493,7 @@
}
},
{
- "__docId__": 655,
+ "__docId__": 661,
"kind": "member",
"static": false,
"variation": null,
@@ -12396,7 +12511,457 @@
}
},
{
- "__docId__": 656,
+ "__docId__": 662,
+ "kind": "file",
+ "static": true,
+ "variation": null,
+ "name": "src/modules/storage.js",
+ "memberof": null,
+ "longname": "src/modules/storage.js",
+ "access": null,
+ "description": null,
+ "lineNumber": 2,
+ "content": "\nimport Cookie from '../cookie';\n\nconst global = window;\nconst JSON = global.JSON;\nconst localStorage = global.localStorage;\nconst location = global.location;\n\nexport const hasStorage = () => {\n return 'Storage' in global;\n};\n\n/**\n * Stores the features state in browser's local storage or cookie\n *\n * @export\n * @class Storage\n */\nexport class Storage {\n\n /**\n * Creates an instance of Storage\n *\n * @param {State} state Instance of State\n */\n constructor(state) {\n this.state = state;\n this.tf = state.tf;\n this.enableLocalStorage = state.enableLocalStorage && hasStorage();\n this.enableCookie = state.enableCookie && !this.enableLocalStorage;\n this.emitter = state.emitter;\n this.duration = state.cookieDuration;\n }\n\n\n /**\n * Initializes the Storage object\n */\n init() {\n this.emitter.on(['state-changed'], (tf, state) => this.save(state));\n this.emitter.on(['initialized'], () => this.sync());\n }\n\n /**\n * Persists the features state on state changes\n *\n * @param {State} state Instance of State\n */\n save(state) {\n if (this.enableLocalStorage) {\n localStorage[this.getKey()] = JSON.stringify(state);\n } else {\n Cookie.write(this.getKey(), JSON.stringify(state), this.duration);\n }\n }\n\n /**\n * Turns stored string into a State JSON object\n *\n * @returns {Object} JSON object\n */\n retrieve() {\n let state = null;\n if (this.enableLocalStorage) {\n state = localStorage[this.getKey()];\n } else {\n state = Cookie.read(this.getKey());\n }\n\n if (!state) {\n return null;\n }\n return JSON.parse(state);\n }\n\n /**\n * Removes persisted state from storage\n */\n remove() {\n if (this.enableLocalStorage) {\n localStorage.removeItem(this.getKey());\n } else {\n Cookie.remove(this.getKey());\n }\n }\n\n /**\n * Applies persisted state to features\n */\n sync() {\n let state = this.retrieve();\n if (!state) {\n return;\n }\n // override current state with persisted one and sync features\n this.state.overrideAndSync(state);\n }\n\n /**\n * Returns the storage key\n *\n * @returns {String} Key\n */\n getKey() {\n return JSON.stringify({\n key: `${this.tf.prfxTf}_${this.tf.id}`,\n path: location.pathname\n });\n }\n\n /**\n * Release Storage event subscriptions and clear fields\n */\n destroy() {\n this.emitter.off(['state-changed'], (tf, state) => this.save(state));\n this.emitter.off(['initialized'], () => this.sync());\n\n this.remove();\n\n this.state = null;\n this.emitter = null;\n }\n}\n"
+ },
+ {
+ "__docId__": 663,
+ "kind": "variable",
+ "static": true,
+ "variation": null,
+ "name": "global",
+ "memberof": "src/modules/storage.js",
+ "longname": "src/modules/storage.js~global",
+ "access": null,
+ "export": false,
+ "importPath": "tablefilter/src/modules/storage.js",
+ "importStyle": null,
+ "description": null,
+ "lineNumber": 4,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 664,
+ "kind": "variable",
+ "static": true,
+ "variation": null,
+ "name": "JSON",
+ "memberof": "src/modules/storage.js",
+ "longname": "src/modules/storage.js~JSON",
+ "access": null,
+ "export": false,
+ "importPath": "tablefilter/src/modules/storage.js",
+ "importStyle": null,
+ "description": null,
+ "lineNumber": 5,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 665,
+ "kind": "variable",
+ "static": true,
+ "variation": null,
+ "name": "localStorage",
+ "memberof": "src/modules/storage.js",
+ "longname": "src/modules/storage.js~localStorage",
+ "access": null,
+ "export": false,
+ "importPath": "tablefilter/src/modules/storage.js",
+ "importStyle": null,
+ "description": null,
+ "lineNumber": 6,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 666,
+ "kind": "variable",
+ "static": true,
+ "variation": null,
+ "name": "location",
+ "memberof": "src/modules/storage.js",
+ "longname": "src/modules/storage.js~location",
+ "access": null,
+ "export": false,
+ "importPath": "tablefilter/src/modules/storage.js",
+ "importStyle": null,
+ "description": null,
+ "lineNumber": 7,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 667,
+ "kind": "variable",
+ "static": true,
+ "variation": null,
+ "name": "hasStorage",
+ "memberof": "src/modules/storage.js",
+ "longname": "src/modules/storage.js~hasStorage",
+ "access": null,
+ "export": true,
+ "importPath": "tablefilter/src/modules/storage.js",
+ "importStyle": "{hasStorage}",
+ "description": null,
+ "lineNumber": 9,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 668,
+ "kind": "class",
+ "static": true,
+ "variation": null,
+ "name": "Storage",
+ "memberof": "src/modules/storage.js",
+ "longname": "src/modules/storage.js~Storage",
+ "access": null,
+ "export": true,
+ "importPath": "tablefilter/src/modules/storage.js",
+ "importStyle": "{Storage}",
+ "description": "Stores the features state in browser's local storage or cookie",
+ "lineNumber": 19,
+ "unknown": [
+ {
+ "tagName": "@export",
+ "tagValue": ""
+ },
+ {
+ "tagName": "@class",
+ "tagValue": "Storage"
+ }
+ ],
+ "interface": false
+ },
+ {
+ "__docId__": 669,
+ "kind": "constructor",
+ "static": false,
+ "variation": null,
+ "name": "constructor",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#constructor",
+ "access": null,
+ "description": "Creates an instance of Storage",
+ "lineNumber": 26,
+ "params": [
+ {
+ "nullable": null,
+ "types": [
+ "State"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "state",
+ "description": "Instance of State"
+ }
+ ],
+ "generator": false
+ },
+ {
+ "__docId__": 670,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "state",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#state",
+ "access": null,
+ "description": null,
+ "lineNumber": 27,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 671,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "tf",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#tf",
+ "access": null,
+ "description": null,
+ "lineNumber": 28,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 672,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "enableLocalStorage",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#enableLocalStorage",
+ "access": null,
+ "description": null,
+ "lineNumber": 29,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 673,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "enableCookie",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#enableCookie",
+ "access": null,
+ "description": null,
+ "lineNumber": 30,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 674,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "emitter",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#emitter",
+ "access": null,
+ "description": null,
+ "lineNumber": 31,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 675,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "duration",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#duration",
+ "access": null,
+ "description": null,
+ "lineNumber": 32,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 676,
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "init",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#init",
+ "access": null,
+ "description": "Initializes the Storage object",
+ "lineNumber": 39,
+ "params": [],
+ "generator": false
+ },
+ {
+ "__docId__": 677,
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "save",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#save",
+ "access": null,
+ "description": "Persists the features state on state changes",
+ "lineNumber": 49,
+ "params": [
+ {
+ "nullable": null,
+ "types": [
+ "State"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "state",
+ "description": "Instance of State"
+ }
+ ],
+ "generator": false
+ },
+ {
+ "__docId__": 678,
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "retrieve",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#retrieve",
+ "access": null,
+ "description": "Turns stored string into a State JSON object",
+ "lineNumber": 62,
+ "unknown": [
+ {
+ "tagName": "@returns",
+ "tagValue": "{Object} JSON object"
+ }
+ ],
+ "params": [],
+ "return": {
+ "nullable": null,
+ "types": [
+ "Object"
+ ],
+ "spread": false,
+ "description": "JSON object"
+ },
+ "generator": false
+ },
+ {
+ "__docId__": 679,
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "remove",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#remove",
+ "access": null,
+ "description": "Removes persisted state from storage",
+ "lineNumber": 79,
+ "params": [],
+ "generator": false
+ },
+ {
+ "__docId__": 680,
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "sync",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#sync",
+ "access": null,
+ "description": "Applies persisted state to features",
+ "lineNumber": 90,
+ "params": [],
+ "generator": false
+ },
+ {
+ "__docId__": 681,
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "getKey",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#getKey",
+ "access": null,
+ "description": "Returns the storage key",
+ "lineNumber": 104,
+ "unknown": [
+ {
+ "tagName": "@returns",
+ "tagValue": "{String} Key"
+ }
+ ],
+ "params": [],
+ "return": {
+ "nullable": null,
+ "types": [
+ "String"
+ ],
+ "spread": false,
+ "description": "Key"
+ },
+ "generator": false
+ },
+ {
+ "__docId__": 682,
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "destroy",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#destroy",
+ "access": null,
+ "description": "Release Storage event subscriptions and clear fields",
+ "lineNumber": 114,
+ "params": [],
+ "generator": false
+ },
+ {
+ "__docId__": 683,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "state",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#state",
+ "access": null,
+ "description": null,
+ "lineNumber": 120,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 684,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "emitter",
+ "memberof": "src/modules/storage.js~Storage",
+ "longname": "src/modules/storage.js~Storage#emitter",
+ "access": null,
+ "description": null,
+ "lineNumber": 121,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 685,
"kind": "file",
"static": true,
"variation": null,
@@ -12409,7 +12974,7 @@
"content": "import Cookie from '../cookie';\nimport Types from '../types';\n\nexport class Store{\n\n /**\n * Store, persistence manager\n * @param {Object} tf TableFilter instance\n *\n * TODO: use localStorage and fallback to cookie persistence\n */\n constructor(tf){\n let f = tf.config();\n\n //cookie storing filter values\n this.fltsValuesCookie = tf.prfxCookieFltsValues + tf.id;\n //cookie storing page nb\n this.pgNbCookie = tf.prfxCookiePageNb + tf.id;\n //cookie storing page length\n this.pgLenCookie = tf.prfxCookiePageLen + tf.id;\n\n this.duration = !isNaN(f.set_cookie_duration) ?\n parseInt(f.set_cookie_duration, 10) : 100000;\n\n this.tf = tf;\n this.emitter = tf.emitter;\n }\n\n init(){\n this.emitter.on(['after-filtering'], ()=> this.saveFilterValues());\n this.emitter.on(['after-clearing-filters'], ()=> this.clearCookies());\n this.emitter.on(['after-page-change'],\n (tf, index)=> this.savePageNb(index));\n this.emitter.on(['after-page-length-change'],\n (tf, index)=> this.savePageLength(index));\n }\n\n /**\n * Store filters' values in cookie\n */\n saveFilterValues(){\n let tf = this.tf;\n let fltValues = [];\n\n if(!tf.rememberGridValues){\n return;\n }\n\n //store filters' values\n for(let i=0; i this.saveFilterValues());\n this.emitter.off(['after-clearing-filters'], ()=> this.clearCookies());\n this.emitter.off(['after-page-change'],\n (tf, index)=> this.savePageNb(index));\n this.emitter.off(['after-page-length-change'],\n (tf, index)=> this.savePageLength(index));\n }\n}\n"
},
{
- "__docId__": 657,
+ "__docId__": 686,
"kind": "class",
"static": true,
"variation": null,
@@ -12426,7 +12991,7 @@
"interface": false
},
{
- "__docId__": 658,
+ "__docId__": 687,
"kind": "constructor",
"static": false,
"variation": null,
@@ -12451,7 +13016,7 @@
"generator": false
},
{
- "__docId__": 659,
+ "__docId__": 688,
"kind": "member",
"static": false,
"variation": null,
@@ -12469,7 +13034,7 @@
}
},
{
- "__docId__": 660,
+ "__docId__": 689,
"kind": "member",
"static": false,
"variation": null,
@@ -12487,7 +13052,7 @@
}
},
{
- "__docId__": 661,
+ "__docId__": 690,
"kind": "member",
"static": false,
"variation": null,
@@ -12505,7 +13070,7 @@
}
},
{
- "__docId__": 662,
+ "__docId__": 691,
"kind": "member",
"static": false,
"variation": null,
@@ -12523,7 +13088,7 @@
}
},
{
- "__docId__": 663,
+ "__docId__": 692,
"kind": "member",
"static": false,
"variation": null,
@@ -12541,7 +13106,7 @@
}
},
{
- "__docId__": 664,
+ "__docId__": 693,
"kind": "member",
"static": false,
"variation": null,
@@ -12559,7 +13124,7 @@
}
},
{
- "__docId__": 665,
+ "__docId__": 694,
"kind": "method",
"static": false,
"variation": null,
@@ -12574,7 +13139,7 @@
"generator": false
},
{
- "__docId__": 666,
+ "__docId__": 695,
"kind": "method",
"static": false,
"variation": null,
@@ -12588,7 +13153,7 @@
"generator": false
},
{
- "__docId__": 667,
+ "__docId__": 696,
"kind": "method",
"static": false,
"variation": null,
@@ -12610,7 +13175,7 @@
"generator": false
},
{
- "__docId__": 668,
+ "__docId__": 697,
"kind": "method",
"static": false,
"variation": null,
@@ -12635,7 +13200,7 @@
"generator": false
},
{
- "__docId__": 669,
+ "__docId__": 698,
"kind": "method",
"static": false,
"variation": null,
@@ -12657,7 +13222,7 @@
"generator": false
},
{
- "__docId__": 670,
+ "__docId__": 699,
"kind": "method",
"static": false,
"variation": null,
@@ -12682,7 +13247,7 @@
"generator": false
},
{
- "__docId__": 671,
+ "__docId__": 700,
"kind": "method",
"static": false,
"variation": null,
@@ -12704,7 +13269,7 @@
"generator": false
},
{
- "__docId__": 672,
+ "__docId__": 701,
"kind": "method",
"static": false,
"variation": null,
@@ -12718,7 +13283,7 @@
"generator": false
},
{
- "__docId__": 673,
+ "__docId__": 702,
"kind": "method",
"static": false,
"variation": null,
@@ -12733,7 +13298,7 @@
"generator": false
},
{
- "__docId__": 674,
+ "__docId__": 703,
"kind": "file",
"static": true,
"variation": null,
@@ -12746,7 +13311,7 @@
"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"
},
{
- "__docId__": 675,
+ "__docId__": 704,
"kind": "file",
"static": true,
"variation": null,
@@ -12759,7 +13324,7 @@
"content": "/**\n * String utilities\n */\n\nexport default {\n\n lower(text){\n return text.toLowerCase();\n },\n\n upper(text){\n return text.toUpperCase();\n },\n\n trim(text){\n if (text.trim){\n return text.trim();\n }\n return text.replace(/^\\s*|\\s*$/g, '');\n },\n\n isEmpty(text){\n return this.trim(text) === '';\n },\n\n rgxEsc(text){\n let chars = /[-\\/\\\\^$*+?.()|[\\]{}]/g;\n let escMatch = '\\\\$&';\n return String(text).replace(chars, escMatch);\n },\n\n matchCase(text, caseSensitive){\n if(!caseSensitive){\n return this.lower(text);\n }\n return text;\n },\n\n /**\n * Checks if passed data contains the searched term\n * @param {String} term Searched term\n * @param {String} data Data string\n * @param {Boolean} exactMatch Exact match\n * @param {Boolean} caseSensitive Case sensitive\n * @return {Boolean}\n */\n contains(term, data, exactMatch=false, caseSensitive=false){\n // Improved by Cedric Wartel (cwl) automatic exact match for selects and\n // special characters are now filtered\n let regexp,\n modifier = caseSensitive ? 'g' : 'gi';\n if(exactMatch){\n regexp = new RegExp(\n '(^\\\\s*)'+ this.rgxEsc(term) +'(\\\\s*$)', modifier);\n } else {\n regexp = new RegExp(this.rgxEsc(term), modifier);\n }\n return regexp.test(data);\n }\n\n};\n"
},
{
- "__docId__": 676,
+ "__docId__": 705,
"kind": "file",
"static": true,
"variation": null,
@@ -12769,10 +13334,10 @@
"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';\nimport {State} from './modules/state';\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 //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 // stateful\n this.state = Types.isObj(f.state) || Boolean(f.state);\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 this.prfxResponsive = 'resp';\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 //responsive table\n this.responsive = Boolean(f.responsive);\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 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.emitter.emit('filter-focus', this, elm);\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){\n this.loadThemes();\n }\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.state){\n if(!Mod.state){\n Mod.state = new State(this);\n }\n Mod.state.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.setActiveFilterId(filter.id));\n\n }//if this.fltGrid\n\n /* Features */\n if(this.hasVisibleRows){\n this.emitter.on(['after-filtering'], ()=> 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 if(this.responsive){\n Dom.addClass(this.tbl, this.prfxResponsive);\n }\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 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 {\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 //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 // stateful\n this.state = Types.isObj(f.state) || Boolean(f.state);\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 this.prfxResponsive = 'resp';\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 //responsive table\n this.responsive = Boolean(f.responsive);\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 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.emitter.emit('filter-focus', this, elm);\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){\n this.loadThemes();\n }\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.state){\n if(!Mod.state){\n Mod.state = new State(this);\n }\n Mod.state.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.setActiveFilterId(filter.id));\n\n }//if this.fltGrid\n\n /* Features */\n if(this.hasVisibleRows){\n this.emitter.on(['after-filtering'], ()=> 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 if(this.responsive){\n Dom.addClass(this.tbl, this.prfxResponsive);\n }\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 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.2.8 API Document
+ src/array.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/cookie.js.html b/docs/file/src/cookie.js.html
index f52e4fe4..304f3144 100644
--- a/docs/file/src/cookie.js.html
+++ b/docs/file/src/cookie.js.html
@@ -3,7 +3,7 @@
src/cookie.js | tablefilter v0.2.8 API Document
+ src/cookie.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/date.js.html b/docs/file/src/date.js.html
index ef68a9fa..ea0fdc1d 100644
--- a/docs/file/src/date.js.html
+++ b/docs/file/src/date.js.html
@@ -3,7 +3,7 @@
src/date.js | tablefilter v0.2.8 API Document
+ src/date.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/dom.js.html b/docs/file/src/dom.js.html
index 9ee77bd5..3d74d413 100644
--- a/docs/file/src/dom.js.html
+++ b/docs/file/src/dom.js.html
@@ -3,7 +3,7 @@
src/dom.js | tablefilter v0.2.8 API Document
+ src/dom.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/emitter.js.html b/docs/file/src/emitter.js.html
index c42d6363..78cc6b5f 100644
--- a/docs/file/src/emitter.js.html
+++ b/docs/file/src/emitter.js.html
@@ -3,7 +3,7 @@
src/emitter.js | tablefilter v0.2.8 API Document
+ src/emitter.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/event.js.html b/docs/file/src/event.js.html
index c15baa02..31daecb2 100644
--- a/docs/file/src/event.js.html
+++ b/docs/file/src/event.js.html
@@ -3,7 +3,7 @@
src/event.js | tablefilter v0.2.8 API Document
+ src/event.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html b/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html
index 6bfdf462..e370289d 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.2.8 API Document
+ src/extensions/advancedGrid/adapterEzEditTable.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/extensions/advancedGrid/advancedGrid.js.html b/docs/file/src/extensions/advancedGrid/advancedGrid.js.html
index 7e916e9f..48311679 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.2.8 API Document
+ src/extensions/advancedGrid/advancedGrid.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/extensions/colOps/colOps.js.html b/docs/file/src/extensions/colOps/colOps.js.html
index 5da55cd2..95690661 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.2.8 API Document
+ src/extensions/colOps/colOps.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/extensions/colsVisibility/colsVisibility.js.html b/docs/file/src/extensions/colsVisibility/colsVisibility.js.html
index c2a44dc9..b63de1e9 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.2.8 API Document
+ src/extensions/colsVisibility/colsVisibility.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/extensions/filtersVisibility/filtersVisibility.js.html b/docs/file/src/extensions/filtersVisibility/filtersVisibility.js.html
index 79a28e62..a14b2ccd 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.2.8 API Document
+ src/extensions/filtersVisibility/filtersVisibility.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/extensions/sort/adapterSortabletable.js.html b/docs/file/src/extensions/sort/adapterSortabletable.js.html
index a605b510..6cf56115 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.2.8 API Document
+ src/extensions/sort/adapterSortabletable.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/extensions/sort/sort.js.html b/docs/file/src/extensions/sort/sort.js.html
index 96612be6..9771f3cc 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.2.8 API Document
+ src/extensions/sort/sort.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/helpers.js.html b/docs/file/src/helpers.js.html
index 718cdbb0..e8623ade 100644
--- a/docs/file/src/helpers.js.html
+++ b/docs/file/src/helpers.js.html
@@ -3,7 +3,7 @@
src/helpers.js | tablefilter v0.2.8 API Document
+ src/helpers.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/alternateRows.js.html b/docs/file/src/modules/alternateRows.js.html
index 8350dc4a..fea55511 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.2.8 API Document
+ src/modules/alternateRows.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/checkList.js.html b/docs/file/src/modules/checkList.js.html
index 59e715f8..b0290771 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.2.8 API Document
+ src/modules/checkList.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/clearButton.js.html b/docs/file/src/modules/clearButton.js.html
index 9e5de6b6..60a7efa6 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.2.8 API Document
+ src/modules/clearButton.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/dropdown.js.html b/docs/file/src/modules/dropdown.js.html
index ac3dfee2..3bb0479a 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.2.8 API Document
+ src/modules/dropdown.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/feature.js.html b/docs/file/src/modules/feature.js.html
index 649dc30e..e9160d0e 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.2.8 API Document
+ src/modules/feature.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/gridLayout.js.html b/docs/file/src/modules/gridLayout.js.html
index 655ba13e..0e948132 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.2.8 API Document
+ src/modules/gridLayout.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/hash.js.html b/docs/file/src/modules/hash.js.html
index dab676b2..b445e1bf 100644
--- a/docs/file/src/modules/hash.js.html
+++ b/docs/file/src/modules/hash.js.html
@@ -3,7 +3,7 @@
src/modules/hash.js | tablefilter v0.2.8 API Document
+ src/modules/hash.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
@@ -145,20 +147,12 @@ export class Hash {
if (!state) {
return;
}
-
- // To prevent state to react to features changes, state is temporarily
- // disabled
- this.state.disable();
- // State is overriden with hash state object
- this.state.override(state);
- // New hash state is applied to features
- this.state.sync();
- // State is re-enabled
- this.state.enable();
+ // override current state with persisted one and sync features
+ this.state.overrideAndSync(state);
}
/**
- * Destroy Hash instance
+ * Release Hash event subscriptions and clear fields
*/
destroy() {
this.emitter.off(['state-changed'], (tf, state) => this.update(state));
diff --git a/docs/file/src/modules/help.js.html b/docs/file/src/modules/help.js.html
index 286ffbaa..a9acb916 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.2.8 API Document
+ src/modules/help.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/highlightKeywords.js.html b/docs/file/src/modules/highlightKeywords.js.html
index b4fa7fd9..c1898826 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.2.8 API Document
+ src/modules/highlightKeywords.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/loader.js.html b/docs/file/src/modules/loader.js.html
index 8f00acdb..fa612ab3 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.2.8 API Document
+ src/modules/loader.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/noResults.js.html b/docs/file/src/modules/noResults.js.html
index 72640c94..7260ca3e 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.2.8 API Document
+ src/modules/noResults.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/paging.js.html b/docs/file/src/modules/paging.js.html
index 9cc18f99..31b42822 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.2.8 API Document
+ src/modules/paging.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/popupFilter.js.html b/docs/file/src/modules/popupFilter.js.html
index 22be0225..37a1fa2b 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.2.8 API Document
+ src/modules/popupFilter.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/rowsCounter.js.html b/docs/file/src/modules/rowsCounter.js.html
index af734070..097a2c8a 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.2.8 API Document
+ src/modules/rowsCounter.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/modules/state.js.html b/docs/file/src/modules/state.js.html
index 9b3e991b..be62ff72 100644
--- a/docs/file/src/modules/state.js.html
+++ b/docs/file/src/modules/state.js.html
@@ -3,7 +3,7 @@
src/modules/state.js | tablefilter v0.2.8 API Document
+ src/modules/state.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
@@ -64,6 +66,7 @@
diff --git a/docs/file/src/modules/storage.js.html b/docs/file/src/modules/storage.js.html
new file mode 100644
index 00000000..e39790dc
--- /dev/null
+++ b/docs/file/src/modules/storage.js.html
@@ -0,0 +1,206 @@
+
+
+
+
+ src/modules/storage.js | tablefilter v0.2.9 API Document
+
+
+
+
+
+
+
+
+
+
+ Home
+
+ Reference
+ Source
+
+ Repository
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/file/src/modules/store.js.html b/docs/file/src/modules/store.js.html
index 1257a665..05bc7d85 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.2.8 API Document
+ src/modules/store.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/sort.js.html b/docs/file/src/sort.js.html
index 84b9d65e..d167bd7c 100644
--- a/docs/file/src/sort.js.html
+++ b/docs/file/src/sort.js.html
@@ -3,7 +3,7 @@
src/sort.js | tablefilter v0.2.8 API Document
+ src/sort.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/string.js.html b/docs/file/src/string.js.html
index 0ed6739a..1ecf957e 100644
--- a/docs/file/src/string.js.html
+++ b/docs/file/src/string.js.html
@@ -3,7 +3,7 @@
src/string.js | tablefilter v0.2.8 API Document
+ src/string.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/file/src/tablefilter.js.html b/docs/file/src/tablefilter.js.html
index 6113e8a5..51c3d841 100644
--- a/docs/file/src/tablefilter.js.html
+++ b/docs/file/src/tablefilter.js.html
@@ -3,7 +3,7 @@
src/tablefilter.js | tablefilter v0.2.8 API Document
+ src/tablefilter.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
@@ -1698,7 +1700,7 @@ export class TableFilter {
}
/**
- * Return the ID of the filter of a specified column
+ * Return the ID of a specified column's filter
* @param {Number} index Column's index
* @return {String} ID of the filter element
*/
@@ -2128,6 +2130,17 @@ export class TableFilter {
return parseInt(idx, 10);
}
+ /**
+ * Make specified column's filter active
+ * @param colIndex Index of a column
+ */
+ activateFilter(colIndex){
+ if(Types.isUndef(colIndex)){
+ return;
+ }
+ this.setActiveFilterId(this.getFilterId(colIndex));
+ }
+
/**
* Refresh the filters subject to linking ('select', 'multiple',
* 'checklist' type)
@@ -2143,10 +2156,10 @@ export class TableFilter {
slcIndex = slcIndex.concat(slcA3);
let activeIdx = this.getColumnIndexFromFilterId(this.activeFilterId);
- let slcSelectedValue;
+
for(let i=0, len=slcIndex.length; i<len; i++){
let curSlc = Dom.id(this.fltIds[slcIndex[i]]);
- slcSelectedValue = this.getFilterValue(slcIndex[i]);
+ let slcSelectedValue = this.getFilterValue(slcIndex[i]);
// Welcome to cyclomatic complexity hell :)
// TODO: simplify/refactor if statement
diff --git a/docs/file/src/types.js.html b/docs/file/src/types.js.html
index 048a6d4c..45d973b5 100644
--- a/docs/file/src/types.js.html
+++ b/docs/file/src/types.js.html
@@ -3,7 +3,7 @@
src/types.js | tablefilter v0.2.8 API Document
+ src/types.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/identifiers.html b/docs/identifiers.html
index 71cb7d0c..5836240e 100644
--- a/docs/identifiers.html
+++ b/docs/identifiers.html
@@ -3,7 +3,7 @@
Index | tablefilter v0.2.8 API Document
+ Index | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
@@ -626,6 +628,32 @@ cookie
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
@@ -702,6 +730,31 @@ cookie
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/index.html b/docs/index.html
index 5a32aed4..9678ae4f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,7 +3,7 @@
tablefilter v0.2.8 API Document
+ tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
diff --git a/docs/package.json b/docs/package.json
index 5fab8caf..38ae9f3b 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,6 +1,6 @@
{
"name": "tablefilter",
- "version": "0.2.8",
+ "version": "0.2.9",
"description": "A Javascript library making HTML tables filterable and a bit more",
"license": "MIT",
"author": {
diff --git a/docs/script/search_index.js b/docs/script/search_index.js
index e9b84afd..ffb640c4 100644
--- a/docs/script/search_index.js
+++ b/docs/script/search_index.js
@@ -131,6 +131,12 @@ window.esdocSearchIndex = [
"StatusBar tablefilter/src/modules/statusBar.js",
"class"
],
+ [
+ "tablefilter/src/modules/storage.js~storage",
+ "class/src/modules/storage.js~Storage.html",
+ "Storage tablefilter/src/modules/storage.js",
+ "class"
+ ],
[
"tablefilter/src/modules/store.js~store",
"class/src/modules/store.js~Store.html",
@@ -149,6 +155,12 @@ window.esdocSearchIndex = [
"hasHashChange tablefilter/src/modules/hash.js",
"variable"
],
+ [
+ "tablefilter/src/modules/storage.js~hasstorage",
+ "variable/index.html#static-variable-hasStorage",
+ "hasStorage tablefilter/src/modules/storage.js",
+ "variable"
+ ],
[
"builtinexternal/ecmascriptexternal.js~array",
"external/index.html",
@@ -3215,18 +3227,36 @@ window.esdocSearchIndex = [
"src/modules/state.js~State#constructor",
"method"
],
+ [
+ "src/modules/state.js~state#cookieduration",
+ "class/src/modules/state.js~State.html#instance-member-cookieDuration",
+ "src/modules/state.js~State#cookieDuration",
+ "member"
+ ],
[
"src/modules/state.js~state#destroy",
"class/src/modules/state.js~State.html#instance-method-destroy",
"src/modules/state.js~State#destroy",
"method"
],
+ [
+ "src/modules/state.js~state#enablecookie",
+ "class/src/modules/state.js~State.html#instance-member-enableCookie",
+ "src/modules/state.js~State#enableCookie",
+ "member"
+ ],
[
"src/modules/state.js~state#enablehash",
"class/src/modules/state.js~State.html#instance-member-enableHash",
"src/modules/state.js~State#enableHash",
"member"
],
+ [
+ "src/modules/state.js~state#enablelocalstorage",
+ "class/src/modules/state.js~State.html#instance-member-enableLocalStorage",
+ "src/modules/state.js~State#enableLocalStorage",
+ "member"
+ ],
[
"src/modules/state.js~state#hash",
"class/src/modules/state.js~State.html#instance-member-hash",
@@ -3251,6 +3281,12 @@ window.esdocSearchIndex = [
"src/modules/state.js~State#override",
"method"
],
+ [
+ "src/modules/state.js~state#overrideandsync",
+ "class/src/modules/state.js~State.html#instance-method-overrideAndSync",
+ "src/modules/state.js~State#overrideAndSync",
+ "method"
+ ],
[
"src/modules/state.js~state#pagelength",
"class/src/modules/state.js~State.html#instance-member-pageLength",
@@ -3305,6 +3341,12 @@ window.esdocSearchIndex = [
"src/modules/state.js~State#state",
"member"
],
+ [
+ "src/modules/state.js~state#storage",
+ "class/src/modules/state.js~State.html#instance-member-storage",
+ "src/modules/state.js~State#storage",
+ "member"
+ ],
[
"src/modules/state.js~state#sync",
"class/src/modules/state.js~State.html#instance-method-sync",
@@ -3503,6 +3545,96 @@ window.esdocSearchIndex = [
"src/modules/statusBar.js~StatusBar#statusBarTgtId",
"member"
],
+ [
+ "src/modules/storage.js",
+ "file/src/modules/storage.js.html",
+ "src/modules/storage.js",
+ "file"
+ ],
+ [
+ "src/modules/storage.js~storage#constructor",
+ "class/src/modules/storage.js~Storage.html#instance-constructor-constructor",
+ "src/modules/storage.js~Storage#constructor",
+ "method"
+ ],
+ [
+ "src/modules/storage.js~storage#destroy",
+ "class/src/modules/storage.js~Storage.html#instance-method-destroy",
+ "src/modules/storage.js~Storage#destroy",
+ "method"
+ ],
+ [
+ "src/modules/storage.js~storage#duration",
+ "class/src/modules/storage.js~Storage.html#instance-member-duration",
+ "src/modules/storage.js~Storage#duration",
+ "member"
+ ],
+ [
+ "src/modules/storage.js~storage#emitter",
+ "class/src/modules/storage.js~Storage.html#instance-member-emitter",
+ "src/modules/storage.js~Storage#emitter",
+ "member"
+ ],
+ [
+ "src/modules/storage.js~storage#enablecookie",
+ "class/src/modules/storage.js~Storage.html#instance-member-enableCookie",
+ "src/modules/storage.js~Storage#enableCookie",
+ "member"
+ ],
+ [
+ "src/modules/storage.js~storage#enablelocalstorage",
+ "class/src/modules/storage.js~Storage.html#instance-member-enableLocalStorage",
+ "src/modules/storage.js~Storage#enableLocalStorage",
+ "member"
+ ],
+ [
+ "src/modules/storage.js~storage#getkey",
+ "class/src/modules/storage.js~Storage.html#instance-method-getKey",
+ "src/modules/storage.js~Storage#getKey",
+ "method"
+ ],
+ [
+ "src/modules/storage.js~storage#init",
+ "class/src/modules/storage.js~Storage.html#instance-method-init",
+ "src/modules/storage.js~Storage#init",
+ "method"
+ ],
+ [
+ "src/modules/storage.js~storage#remove",
+ "class/src/modules/storage.js~Storage.html#instance-method-remove",
+ "src/modules/storage.js~Storage#remove",
+ "method"
+ ],
+ [
+ "src/modules/storage.js~storage#retrieve",
+ "class/src/modules/storage.js~Storage.html#instance-method-retrieve",
+ "src/modules/storage.js~Storage#retrieve",
+ "method"
+ ],
+ [
+ "src/modules/storage.js~storage#save",
+ "class/src/modules/storage.js~Storage.html#instance-method-save",
+ "src/modules/storage.js~Storage#save",
+ "method"
+ ],
+ [
+ "src/modules/storage.js~storage#state",
+ "class/src/modules/storage.js~Storage.html#instance-member-state",
+ "src/modules/storage.js~Storage#state",
+ "member"
+ ],
+ [
+ "src/modules/storage.js~storage#sync",
+ "class/src/modules/storage.js~Storage.html#instance-method-sync",
+ "src/modules/storage.js~Storage#sync",
+ "method"
+ ],
+ [
+ "src/modules/storage.js~storage#tf",
+ "class/src/modules/storage.js~Storage.html#instance-member-tf",
+ "src/modules/storage.js~Storage#tf",
+ "member"
+ ],
[
"src/modules/store.js",
"file/src/modules/store.js.html",
@@ -3641,6 +3773,12 @@ window.esdocSearchIndex = [
"src/tablefilter.js~TableFilter#Mod",
"member"
],
+ [
+ "src/tablefilter.js~tablefilter#activatefilter",
+ "class/src/tablefilter.js~TableFilter.html#instance-method-activateFilter",
+ "src/tablefilter.js~TableFilter#activateFilter",
+ "method"
+ ],
[
"src/tablefilter.js~tablefilter#activecolumnscssclass",
"class/src/tablefilter.js~TableFilter.html#instance-member-activeColumnsCssClass",
diff --git a/docs/source.html b/docs/source.html
index de620c48..7eda5ea6 100644
--- a/docs/source.html
+++ b/docs/source.html
@@ -3,7 +3,7 @@
+
+ + cookieDuration: * +
+
+
+
+
+
+
+
+ + enableCookie: * +
+
+
+
+
+
+
+
+ + enableLocalStorage: * +
+
+
+
+
+
+
+
+ + storage: * +
+
+
+
+
+
+
+
+ + overrideAndSync(state: *) +
+
+
+
+
+
+ Override current state with passed one and sync features
+Public Members
+
+
++ public + + + + + cookieDuration: * + + + + source + +
+ + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public + + + + + enableCookie: * + + + + source + +
+ + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+public @@ -1045,6 +1253,46 @@ cookie +
+
+ public + + + + + enableLocalStorage: * + + + + source + +
+ + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -1057,7 +1305,7 @@ cookie - source + source
@@ -1097,7 +1345,7 @@ cookie - source + source @@ -1137,7 +1385,7 @@ cookie - source + source @@ -1177,7 +1425,7 @@ cookie - source + source @@ -1217,7 +1465,7 @@ cookie - source + source @@ -1257,7 +1505,7 @@ cookie - source + source @@ -1297,7 +1545,7 @@ cookie - source + source @@ -1337,7 +1585,7 @@ cookie - source + source @@ -1377,7 +1625,7 @@ cookie - source + source @@ -1417,7 +1665,7 @@ cookie - source + source @@ -1457,7 +1705,47 @@ cookie - source + source + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
++ public + + + + + storage: * + + + + source
@@ -1500,7 +1788,7 @@ cookie - source + source @@ -1541,7 +1829,7 @@ cookie - source + source @@ -1582,7 +1870,7 @@ cookie - source + source @@ -1628,6 +1916,64 @@ cookie +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public + + + + + overrideAndSync(state: *) + + + + source + +
+ + + + +Override current state with passed one and sync features
+
+
+
+
+
+Params:
+| Name | Type | Attribute | Description |
| state | +* | ++ | State object + |
+
@@ -1640,7 +1986,7 @@ cookie - source + source
@@ -1681,7 +2027,7 @@ cookie - source + source @@ -1722,7 +2068,7 @@ cookie - source + source @@ -1780,7 +2126,7 @@ cookie - source + source diff --git a/docs/class/src/modules/statusBar.js~StatusBar.html b/docs/class/src/modules/statusBar.js~StatusBar.html index bc3a784d..15455b15 100644 --- a/docs/class/src/modules/statusBar.js~StatusBar.html +++ b/docs/class/src/modules/statusBar.js~StatusBar.html @@ -3,7 +3,7 @@
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/class/src/modules/store.js~Store.html b/docs/class/src/modules/store.js~Store.html
index 3b554471..ecd63834 100644
--- a/docs/class/src/modules/store.js~Store.html
+++ b/docs/class/src/modules/store.js~Store.html
@@ -3,7 +3,7 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+Storage
+ + + + + + + + + + + + + + + +Stores the features state in browser's local storage or cookie
+Constructor Summary
| Public Constructor | ||
| + public + + + + + | +
+
+
+ + constructor(state: State) + +
+
+
+
+ Creates an instance of Storage + |
+ + + + | +
Member Summary
| Public Members | ||
| + public + + + + + | +
+
+
+ + duration: * + +
+
+
+
+
+ |
+ + + + | +
| + public + + + + + | +
+
+
+ + emitter: * + +
+
+
+
+
+ |
+ + + + | +
| + public + + + + + | +
+
+
+ + enableCookie: * + +
+
+
+
+
+ |
+ + + + | +
| + public + + + + + | +
+
+
+ + enableLocalStorage: * + +
+
+
+
+
+ |
+ + + + | +
| + public + + + + + | +
+
+
+ + state: * + +
+
+
+
+
+ |
+ + + + | +
| + public + + + + + | +
+
+
+ + tf: * + +
+
+
+
+
+ |
+ + + + | +
Method Summary
| Public Methods | ||
| + public + + + + + | +
+
+
+ + destroy() + +
+
+
+
+ Release Storage event subscriptions and clear fields + |
+ + + + | +
| + public + + + + + | +
+
+
+
+
+
+ Returns the storage key + |
+ + + + | +
| + public + + + + + | +
+
+
+ + init() + +
+
+
+
+ Initializes the Storage object + |
+ + + + | +
| + public + + + + + | +
+
+
+ + remove() + +
+
+
+
+ Removes persisted state from storage + |
+ + + + | +
| + public + + + + + | +
+
+
+
+
+
+ Turns stored string into a State JSON object + |
+ + + + | +
| + public + + + + + | +
+
+
+
+
+
+ Persists the features state on state changes + |
+ + + + | +
| + public + + + + + | +
+
+
+ + sync() + +
+
+
+
+ Applies persisted state to features + |
+ + + + | +
Public Constructors
+ + +Public Members
+ +
+
++ public + + + + + duration: * + + + + source + +
+ + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
++ public + + + + + emitter: * + + + + source + +
+ + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
++ public + + + + + enableCookie: * + + + + source + +
+ + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
++ public + + + + + enableLocalStorage: * + + + + source + +
+ + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
++ public + + + + + state: * + + + + source + +
+ + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
++ public + + + + + tf: * + + + + source + +
+ + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Public Methods
+ +
+
+
+
+
+
++ public + + + + + destroy() + + + + source + +
+ + + + +Release Storage event subscriptions and clear fields
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
++ public + + + + + getKey(): String + + + + source + +
+ + + + +Returns the storage key
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
++ public + + + + + init() + + + + source + +
+ + + + +Initializes the Storage object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
++ public + + + + + remove() + + + + source + +
+ + + + +Removes persisted state from storage
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
++ public + + + + + retrieve(): Object + + + + source + +
+ + + + +Turns stored string into a State JSON object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
++ public + + + + + save(state: State) + + + + source + +
+ + + + +Persists the features state on state changes
+
+
+
+
+
+Params:
+| Name | Type | Attribute | Description |
| state | +State | ++ | Instance of State + |
+
+
+
+
+
+
++ public + + + + + sync() + + + + source + +
+ + + + +Applies persisted state to features
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+table or id arguments, row and <
+
+
+
+ + activateFilter(colIndex: *) +
+
+
+
+
+
+ Make specified column's filter active
+
-
Return the ID of the filter of a specified column
+Return the ID of a specified column's filter
table or id arguments, row and <
Public Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public + + + + + activateFilter(colIndex: *) + + + + source + +
+ + + + +Make specified column's filter active
+
+
+
+
+
+Params:
+| Name | Type | Attribute | Description |
| colIndex | +* | ++ | Index of a column + |
+
public
@@ -12790,7 +12876,7 @@ requires table or id arguments, row and <
- source
+ source
@@ -13636,7 +13722,7 @@ custom options values and texts
- Return the ID of the filter of a specified column
+Return the ID of a specified column's filter
src/modules/state.js
import {Feature} from './feature';
import {Hash} from './hash';
+import {Storage} from './storage';
import Str from '../string';
import Types from '../types';
@@ -87,12 +90,17 @@ export class State extends Feature {
let cfg = this.config.state;
- // hash enabled by default if state setting is simply set true
- this.enableHash = (cfg.types && cfg.types.indexOf('hash') !== -1) ||
- tf.state === true;
+ this.enableHash = cfg === true ||
+ (Types.isObj(cfg.types) && cfg.types.indexOf('hash') !== -1);
+ this.enableLocalStorage = Types.isObj(cfg.types) &&
+ cfg.types.indexOf('local_storage') !== -1;
+ this.enableCookie = Types.isObj(cfg.types) &&
+ cfg.types.indexOf('cookie') !== -1;
this.persistFilters = cfg.filters === false ? false : true;
this.persistPageNumber = Boolean(cfg.page_number);
this.persistPageLength = Boolean(cfg.page_length);
+ this.cookieDuration = !isNaN(cfg.cookie_duration) ?
+ parseInt(cfg.cookie_duration, 10) : 87600;
this.hash = null;
this.pageNb = null;
@@ -122,6 +130,10 @@ export class State extends Feature {
this.hash = new Hash(this);
this.hash.init();
}
+ if (this.enableLocalStorage || this.enableCookie) {
+ this.storage = new Storage(this);
+ this.storage.init();
+ }
this.initialized = true;
}
@@ -231,6 +243,23 @@ export class State extends Feature {
}
}
+ /**
+ * Override current state with passed one and sync features
+ *
+ * @param state State object
+ */
+ overrideAndSync(state) {
+ // To prevent state to react to features changes, state is temporarily
+ // disabled
+ this.disable();
+ // State is overriden with passed state object
+ this.override(state);
+ // New hash state is applied to features
+ this.sync();
+ // State is re-enabled
+ this.enable();
+ }
+
/**
* Destroy State instance
*/
@@ -252,6 +281,11 @@ export class State extends Feature {
this.hash = null;
}
+ if (this.enableLocalStorage || this.enableCookie) {
+ this.storage.destroy();
+ this.storage = null;
+ }
+
this.initialized = false;
}
}
diff --git a/docs/file/src/modules/statusBar.js.html b/docs/file/src/modules/statusBar.js.html
index 02588b8d..c470be6d 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.2.8 API Document
+ src/modules/statusBar.js | tablefilter v0.2.9 API Document
@@ -55,8 +55,10 @@
CRowsCounter
CState
CStatusBar
+CStorage
CStore
VhasHashChange
+VhasStorage
+
+
+
+
+
+
+
+
+ src/modules/storage.js
+
+import Cookie from '../cookie';
+
+const global = window;
+const JSON = global.JSON;
+const localStorage = global.localStorage;
+const location = global.location;
+
+export const hasStorage = () => {
+ return 'Storage' in global;
+};
+
+/**
+ * Stores the features state in browser's local storage or cookie
+ *
+ * @export
+ * @class Storage
+ */
+export class Storage {
+
+ /**
+ * Creates an instance of Storage
+ *
+ * @param {State} state Instance of State
+ */
+ constructor(state) {
+ this.state = state;
+ this.tf = state.tf;
+ this.enableLocalStorage = state.enableLocalStorage && hasStorage();
+ this.enableCookie = state.enableCookie && !this.enableLocalStorage;
+ this.emitter = state.emitter;
+ this.duration = state.cookieDuration;
+ }
+
+
+ /**
+ * Initializes the Storage object
+ */
+ init() {
+ this.emitter.on(['state-changed'], (tf, state) => this.save(state));
+ this.emitter.on(['initialized'], () => this.sync());
+ }
+
+ /**
+ * Persists the features state on state changes
+ *
+ * @param {State} state Instance of State
+ */
+ save(state) {
+ if (this.enableLocalStorage) {
+ localStorage[this.getKey()] = JSON.stringify(state);
+ } else {
+ Cookie.write(this.getKey(), JSON.stringify(state), this.duration);
+ }
+ }
+
+ /**
+ * Turns stored string into a State JSON object
+ *
+ * @returns {Object} JSON object
+ */
+ retrieve() {
+ let state = null;
+ if (this.enableLocalStorage) {
+ state = localStorage[this.getKey()];
+ } else {
+ state = Cookie.read(this.getKey());
+ }
+
+ if (!state) {
+ return null;
+ }
+ return JSON.parse(state);
+ }
+
+ /**
+ * Removes persisted state from storage
+ */
+ remove() {
+ if (this.enableLocalStorage) {
+ localStorage.removeItem(this.getKey());
+ } else {
+ Cookie.remove(this.getKey());
+ }
+ }
+
+ /**
+ * Applies persisted state to features
+ */
+ sync() {
+ let state = this.retrieve();
+ if (!state) {
+ return;
+ }
+ // override current state with persisted one and sync features
+ this.state.overrideAndSync(state);
+ }
+
+ /**
+ * Returns the storage key
+ *
+ * @returns {String} Key
+ */
+ getKey() {
+ return JSON.stringify({
+ key: `${this.tf.prfxTf}_${this.tf.id}`,
+ path: location.pathname
+ });
+ }
+
+ /**
+ * Release Storage event subscriptions and clear fields
+ */
+ destroy() {
+ this.emitter.off(['state-changed'], (tf, state) => this.save(state));
+ this.emitter.off(['initialized'], () => this.sync());
+
+ this.remove();
+
+ this.state = null;
+ this.emitter = null;
+ }
+}
+
+
+ + Storage +
+
+
+
+
+
+ Stores the features state in browser's local storage or cookie
+
+
+ + hasStorage: * +
+
+
+
+
+
+ 