diff --git a/docs/class/src/modules/paging.js~Paging.html b/docs/class/src/modules/paging.js~Paging.html
index 3a8ca660..58c020da 100644
--- a/docs/class/src/modules/paging.js~Paging.html
+++ b/docs/class/src/modules/paging.js~Paging.html
@@ -3,7 +3,7 @@
-
Change the page asynchronously according to passed index
+
Change the page according to passed index
@@ -1343,8 +1344,8 @@
-
Change rows asynchronously according to page results
-
+
Change rows according to page results drop-down
+
@@ -1519,13 +1520,13 @@
-
Re-set asynchronously page nb at page re-load
+
Re-set page nb at page re-load
@@ -1545,13 +1546,65 @@
-
Re-set asynchronously page length at page re-load
+
Re-set page length value at page re-load
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
Reset paging info from scratch after a filtering process
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
Re-set persisted pagination info
@@ -2240,7 +2293,7 @@
- source source
@@ -3563,14 +3616,14 @@
- source source
- Change the page asynchronously according to passed index
+
Change the page according to passed index
@@ -3621,14 +3674,15 @@
- source source
-
Change rows asynchronously according to page results
+
Change rows according to page results drop-down
+TODO: accept a parameter setting the results per page length
@@ -3662,7 +3716,7 @@
- source source
@@ -3703,7 +3757,7 @@
- source source
@@ -3755,7 +3809,7 @@
- source source
@@ -3854,7 +3908,7 @@
- source source
@@ -3895,7 +3949,7 @@
- source source
@@ -3949,23 +4003,39 @@
-
resetPage ()
+
resetPage (name: * )
- source source
-
Re-set asynchronously page nb at page re-load
+
Re-set page nb at page re-load
-
+
+
Params:
+
+
+ Name Type Attribute Description
+
+
+
+ name
+ *
+
+
+
@@ -3990,18 +4060,116 @@
-
resetPageLength ()
+
resetPageLength (name: * )
- source source
-
Re-set asynchronously page length at page re-load
+
Re-set page length value at page re-load
+
+
+
+
+
+
Params:
+
+
+ Name Type Attribute Description
+
+
+
+ name
+ *
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ resetPagingInfo ()
+
+
+
+ source
+
+
+
+
+
+
Reset paging info from scratch after a filtering process
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ resetValues ()
+
+
+
+ source
+
+
+
+
+
+
Re-set persisted pagination info
@@ -4035,7 +4203,7 @@
- source source
@@ -4094,7 +4262,7 @@
- source source
@@ -4153,7 +4321,7 @@ Refresh paging select according to number of pages
- source source
diff --git a/docs/class/src/modules/popupFilter.js~PopupFilter.html b/docs/class/src/modules/popupFilter.js~PopupFilter.html
index fe9dc579..d64d656a 100644
--- a/docs/class/src/modules/popupFilter.js~PopupFilter.html
+++ b/docs/class/src/modules/popupFilter.js~PopupFilter.html
@@ -3,7 +3,7 @@
-
PopupFilter | tablefilter v0.0.23 API Document
+
PopupFilter | tablefilter v0.1.9 API Document
@@ -39,6 +39,7 @@
ColOps ColsVisibility Dropdown
+
Emitter Feature FiltersVisibility GridLayout
@@ -619,7 +620,7 @@
-
Build specified icon
+
Apply specified icon state
@@ -891,7 +892,7 @@
- source source
@@ -1171,7 +1172,7 @@
- source source
@@ -1534,7 +1535,7 @@
- source source
@@ -1599,7 +1600,7 @@
- source source
@@ -1640,14 +1641,14 @@
- source source
-
Build specified icon
+
Apply specified icon state
@@ -1705,7 +1706,7 @@
- source source
@@ -1746,7 +1747,7 @@
- source source
@@ -1804,7 +1805,7 @@
- source source
@@ -1942,7 +1943,7 @@
- source source
@@ -1983,7 +1984,7 @@
- source source
diff --git a/docs/class/src/modules/rowsCounter.js~RowsCounter.html b/docs/class/src/modules/rowsCounter.js~RowsCounter.html
index 89fb9ee2..975894da 100644
--- a/docs/class/src/modules/rowsCounter.js~RowsCounter.html
+++ b/docs/class/src/modules/rowsCounter.js~RowsCounter.html
@@ -3,7 +3,7 @@
-
RowsCounter | tablefilter v0.0.23 API Document
+
RowsCounter | tablefilter v0.1.9 API Document
@@ -39,6 +39,7 @@
ColOps ColsVisibility Dropdown
+
Emitter Feature FiltersVisibility GridLayout
@@ -672,7 +673,7 @@
- source source
@@ -1155,7 +1156,7 @@
- source source
@@ -1235,7 +1236,7 @@
- source source
diff --git a/docs/class/src/modules/statusBar.js~StatusBar.html b/docs/class/src/modules/statusBar.js~StatusBar.html
index b3464a44..ca723295 100644
--- a/docs/class/src/modules/statusBar.js~StatusBar.html
+++ b/docs/class/src/modules/statusBar.js~StatusBar.html
@@ -3,7 +3,7 @@
-
StatusBar | tablefilter v0.0.23 API Document
+
StatusBar | tablefilter v0.1.9 API Document
@@ -39,6 +39,7 @@
ColOps ColsVisibility Dropdown
+
Emitter Feature FiltersVisibility GridLayout
@@ -174,6 +175,281 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
@@ -632,7 +908,447 @@
- source source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ msgChangePage : *
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ msgChangeResults : *
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ msgClear : *
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ msgFilter : *
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ msgLoadExtensions : *
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ msgLoadThemes : *
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ msgPopulate : *
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ msgPopulateCheckList : *
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ msgResetPage : *
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ msgResetPageLength : *
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ msgSort : *
+
+
+
+ source
@@ -752,7 +1468,7 @@
- source source
@@ -792,7 +1508,7 @@
- source source
@@ -832,7 +1548,7 @@
- source source
@@ -1155,7 +1871,7 @@
- source source
@@ -1195,7 +1911,7 @@
- source source
@@ -1235,7 +1951,7 @@
- source source
diff --git a/docs/class/src/modules/store.js~Store.html b/docs/class/src/modules/store.js~Store.html
index a5bcb2c4..9a582b5d 100644
--- a/docs/class/src/modules/store.js~Store.html
+++ b/docs/class/src/modules/store.js~Store.html
@@ -3,7 +3,7 @@
-
Store | tablefilter v0.0.23 API Document
+
Store | tablefilter v0.1.9 API Document
@@ -39,6 +39,7 @@
ColOps ColsVisibility Dropdown
+
Emitter Feature FiltersVisibility GridLayout
@@ -67,13 +68,13 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
@@ -206,6 +232,57 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
@@ -284,6 +361,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
@@ -377,7 +479,7 @@
- source source
@@ -439,7 +541,47 @@
- source source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ emitter : *
+
+
+
+ source
@@ -479,7 +621,7 @@
- source source
@@ -511,6 +653,87 @@
Public Methods
+
+
+ public
+
+
+
+
+ clearCookies ()
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ destroy ()
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ init ()
+
+
+
+ source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -726,7 +989,7 @@
- source source
@@ -784,7 +1047,7 @@
- source source
@@ -842,7 +1105,7 @@
- source source
diff --git a/docs/class/src/tablefilter.js~TableFilter.html b/docs/class/src/tablefilter.js~TableFilter.html
index de228dec..d048af86 100644
--- a/docs/class/src/tablefilter.js~TableFilter.html
+++ b/docs/class/src/tablefilter.js~TableFilter.html
@@ -3,7 +3,7 @@
-
TableFilter | tablefilter v0.0.23 API Document
+
TableFilter | tablefilter v0.1.9 API Document
@@ -39,6 +39,7 @@
ColOps ColsVisibility Dropdown
+
Emitter Feature FiltersVisibility GridLayout
@@ -67,13 +68,13 @@
@@ -1129,6 +1130,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
@@ -2109,32 +2135,6 @@
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
@@ -2341,7 +2341,7 @@
@@ -2366,7 +2366,7 @@
@@ -2812,307 +2812,6 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
@@ -4002,7 +3701,8 @@
@@ -4702,58 +4402,6 @@
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
Re-apply the features/behaviour concerned by filtering/paging operation
-
-
-
-
-
-
-
-
-
- public
-
-
-
@@ -4791,7 +4439,8 @@
-
+
Clear all the filters' values
+
@@ -4972,7 +4621,8 @@
-
+
Filter the table by retrieving the data from each cell in every single
+
@@ -5049,7 +4699,7 @@
-
Return the data of a specified colum
+
Return the data of a specified column
@@ -5724,7 +5374,7 @@
-
Initialise filtering grid bar behaviours and layout
+
Initialise features and layout
@@ -5906,7 +5556,34 @@
+
Load themes defined in the configuration object
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+
+
+
+
+
Mark currently filtered column
+
@@ -5983,7 +5660,8 @@
-
+
Reset persisted filter values
+
@@ -6028,7 +5706,7 @@
@@ -6141,7 +5819,7 @@
- source source
@@ -6224,7 +5902,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6265,7 +5943,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6305,7 +5983,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6345,7 +6023,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6385,7 +6063,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6425,7 +6103,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6465,7 +6143,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6505,7 +6183,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6545,7 +6223,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6586,7 +6264,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6626,7 +6304,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6666,7 +6344,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6706,7 +6384,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6746,7 +6424,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6786,7 +6464,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6826,7 +6504,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6866,7 +6544,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6906,7 +6584,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6946,7 +6624,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -6986,7 +6664,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7026,7 +6704,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7066,7 +6744,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7106,7 +6784,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7146,7 +6824,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7186,7 +6864,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7226,7 +6904,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7266,7 +6944,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7306,7 +6984,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7346,7 +7024,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7386,7 +7064,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7426,7 +7104,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7466,7 +7144,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7506,7 +7184,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7546,7 +7224,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7587,7 +7265,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7627,7 +7305,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7667,7 +7345,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7708,7 +7386,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7749,7 +7427,47 @@ requires
table or
id arguments,
row and <
- source source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ emitter : *
+
+
+
+ source
@@ -7789,7 +7507,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7829,7 +7547,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7869,7 +7587,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7910,7 +7628,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7950,7 +7668,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -7990,7 +7708,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8030,7 +7748,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8071,7 +7789,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8111,7 +7829,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8151,7 +7869,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8191,7 +7909,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8231,7 +7949,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8272,7 +7990,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8312,7 +8030,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8352,7 +8070,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8392,7 +8110,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8432,7 +8150,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8472,7 +8190,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8512,7 +8230,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8553,7 +8271,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8593,7 +8311,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8633,7 +8351,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8673,7 +8391,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8713,7 +8431,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8753,7 +8471,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8794,7 +8512,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8834,7 +8552,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8874,7 +8592,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8914,7 +8632,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8954,7 +8672,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -8994,7 +8712,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9034,7 +8752,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9074,7 +8792,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9114,7 +8832,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9154,7 +8872,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9194,7 +8912,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9234,7 +8952,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9274,7 +8992,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9314,7 +9032,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9342,47 +9060,6 @@ requires
table or
id arguments,
row and <
-
-
- public
-
-
-
-
- hasStoredValues : boolean
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -9395,7 +9072,7 @@ requires table or id arguments, row and <
- source source
@@ -9435,7 +9112,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9475,7 +9152,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9515,7 +9192,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9555,7 +9232,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9596,7 +9273,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9636,7 +9313,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9676,7 +9353,47 @@ requires
table or
id arguments,
row and <
- source source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
+
+ initialized : boolean
+
+
+
+ source
@@ -9716,47 +9433,7 @@ requires
table or
id arguments,
row and <
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- isFirstLoad : boolean
-
-
-
- source source
@@ -9796,7 +9473,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9836,7 +9513,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9876,7 +9553,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9916,7 +9593,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9956,7 +9633,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -9996,7 +9673,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -10036,7 +9713,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -10076,7 +9753,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -10116,7 +9793,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -10156,7 +9833,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -10196,7 +9873,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -10237,7 +9914,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -10277,7 +9954,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -10317,7 +9994,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -10357,7 +10034,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -10397,7 +10074,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -10437,488 +10114,7 @@ requires
table or
id arguments,
row and <
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- msgChangePage : *
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- msgChangeResults : *
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- msgClear : *
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- msgFilter : *
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- msgLoadExtensions : *
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- msgLoadThemes : *
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- msgPopulate : *
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- msgPopulateCheckList : *
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- msgResetPage : *
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- msgResetPageLength : *
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- msgResetValues : *
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- msgSort : *
-
-
-
- source source
@@ -10958,7 +10154,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -10998,7 +10194,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11038,7 +10234,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11078,7 +10274,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11118,7 +10314,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11158,7 +10354,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11198,7 +10394,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11239,7 +10435,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11279,7 +10475,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11319,7 +10515,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11359,7 +10555,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11399,7 +10595,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11439,7 +10635,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11479,7 +10675,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11519,7 +10715,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11559,7 +10755,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11599,7 +10795,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11639,7 +10835,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11679,7 +10875,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11720,7 +10916,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11760,7 +10956,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11800,7 +10996,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11840,7 +11036,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11880,7 +11076,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11920,7 +11116,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -11960,7 +11156,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12000,7 +11196,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12040,7 +11236,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12080,7 +11276,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12120,7 +11316,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12160,7 +11356,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12201,7 +11397,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12241,7 +11437,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12281,7 +11477,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12321,7 +11517,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12361,14 +11557,15 @@ requires
table or
id arguments,
row and <
- source source
-
+
@@ -12401,7 +11598,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12441,7 +11638,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12481,7 +11678,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12522,7 +11719,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12563,7 +11760,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12603,7 +11800,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12643,7 +11840,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12683,7 +11880,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12723,7 +11920,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12763,7 +11960,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12803,7 +12000,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12843,7 +12040,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12883,7 +12080,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12923,7 +12120,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -12964,7 +12161,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13005,7 +12202,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13045,7 +12242,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13085,7 +12282,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13125,7 +12322,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13165,7 +12362,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13205,7 +12402,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13245,7 +12442,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13285,7 +12482,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13325,7 +12522,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13365,7 +12562,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13405,7 +12602,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13445,7 +12642,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13477,113 +12674,6 @@ requires
table or
id arguments,
row and <
Public Methods
-
-
- public
-
-
-
-
- EvtManager (evt: String Object
-
-
-
- source
-
-
-
-
-
-
-
-
-
-
-
Params:
-
-
- Name Type Attribute Description
-
-
-
- evt
- String Event name
-
-
- cfg
- Object Config object
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
- applyProps ()
-
-
-
- source
-
-
-
-
-
-
Re-apply the features/behaviour concerned by filtering/paging operation
-
NOTE: this will disappear whenever custom events in place
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
public
@@ -13595,7 +12685,7 @@ requires table or id arguments, row and <
- source source
@@ -13636,14 +12726,15 @@ requires
table or
id arguments,
row and <
- source source
-
+
Clear all the filters' values
+
@@ -13676,7 +12767,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13727,7 +12818,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13768,7 +12859,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13809,7 +12900,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13850,7 +12941,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13919,7 +13010,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -13987,14 +13078,17 @@ requires
table or
id arguments,
row and <
- source source
-
+
Filter the table by retrieving the data from each cell in every single
+row and comparing it to the search term for current column. A row is
+hidden when all the search terms are not found in inspected row.
+
@@ -14027,7 +13121,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -14095,7 +13189,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -14164,14 +13258,14 @@ requires
table or
id arguments,
row and <
- source source
-
Return the data of a specified colum
+
Return the data of a specified column
@@ -14254,7 +13348,7 @@ requires
table or
id arguments,
row and <
- source source
@@ -14323,7 +13417,7 @@ custom options values and texts
- source source
@@ -14391,7 +13485,7 @@ custom options values and texts
- source source
@@ -14460,7 +13554,7 @@ custom options values and texts
- source source
@@ -14528,7 +13622,7 @@ custom options values and texts
- source source
@@ -14597,7 +13691,7 @@ custom options values and texts
- source source
@@ -14648,7 +13742,7 @@ custom options values and texts
- source source
@@ -14728,7 +13822,7 @@ custom options values and texts
- source source
@@ -14805,7 +13899,7 @@ custom options values and texts
- source source
@@ -14883,7 +13977,7 @@ Note: hidden filters are also returned
- source source
@@ -14935,7 +14029,7 @@ Note: hidden filters are also returned
- source source
@@ -14986,7 +14080,7 @@ Note: hidden filters are also returned
- source source
@@ -15038,7 +14132,7 @@ Note: hidden filters are also returned
- source source
@@ -15106,7 +14200,7 @@ Note: hidden filters are also returned
- source source
@@ -15157,7 +14251,7 @@ Note: hidden filters are also returned
- source source
@@ -15226,7 +14320,7 @@ Note: hidden filters are also returned
- source source
@@ -15277,7 +14371,7 @@ Note: hidden filters are also returned
- source source
@@ -15346,7 +14440,7 @@ Note: hidden filters are also returned
- source source
@@ -15416,7 +14510,7 @@ defined
- source source
@@ -15468,7 +14562,7 @@ row)
- source source
@@ -15537,7 +14631,7 @@ row)
- source source
@@ -15617,7 +14711,7 @@ row)
- source source
@@ -15686,7 +14780,7 @@ row)
- source source
@@ -15754,7 +14848,7 @@ row)
- source source
@@ -15805,7 +14899,7 @@ row)
- source source
@@ -15884,15 +14978,14 @@ row)
- source source
-
Initialise filtering grid bar behaviours and layout
-
TODO: decompose in smaller methods
+
Initialise features and layout
@@ -15926,7 +15019,7 @@ row)
- source source
@@ -15967,7 +15060,7 @@ row)
- source source
@@ -16035,7 +15128,7 @@ row)
- source source
@@ -16104,7 +15197,7 @@ row)
- source source
@@ -16179,7 +15272,7 @@ row)
- source source
@@ -16221,7 +15314,7 @@ row)
- source source
@@ -16279,14 +15372,15 @@ row)
- source source
-
+
Load themes defined in the configuration object
+
@@ -16307,6 +15401,64 @@ row)
+
+
+
+ public
+
+
+
+
+ markActiveColumn (colIndex: Number
+
+
+
+ source
+
+
+
+
+
+
Mark currently filtered column
+
+
+
+
+
+
Params:
+
+
+ Name Type Attribute Description
+
+
+
+ colIndex
+ Number Column index
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -16319,7 +15471,7 @@ row)
- source source
@@ -16360,7 +15512,7 @@ row)
- source source
@@ -16401,14 +15553,15 @@ row)
- source source
-
+
Reset persisted filter values
+
@@ -16441,7 +15594,7 @@ row)
- source source
@@ -16502,11 +15655,11 @@ row)
-
setFilterValue (index: Number String
+
setFilterValue (index: Number String or Array )
- source source
@@ -16535,7 +15688,7 @@ row)
searcharg
- String String or Array Search term
- source source
@@ -16612,7 +15765,7 @@ row)
- source source
@@ -16653,7 +15806,7 @@ row)
- source source
diff --git a/docs/coverage.json b/docs/coverage.json
index c72a4a1d..e25a38a3 100644
--- a/docs/coverage.json
+++ b/docs/coverage.json
@@ -1,23 +1,23 @@
{
- "coverage": "23.55%",
- "expectCount": 675,
- "actualCount": 159,
+ "coverage": "24.85%",
+ "expectCount": 704,
+ "actualCount": 175,
"files": {
"src/extensions/advancedGrid/adapterEzEditTable.js": {
- "expectCount": 15,
- "actualCount": 4
+ "expectCount": 17,
+ "actualCount": 5
},
"src/extensions/sort/adapterSortabletable.js": {
- "expectCount": 27,
+ "expectCount": 28,
"actualCount": 3
},
"src/modules/alternateRows.js": {
- "expectCount": 9,
- "actualCount": 5
+ "expectCount": 11,
+ "actualCount": 6
},
"src/modules/checkList.js": {
- "expectCount": 22,
- "actualCount": 5
+ "expectCount": 26,
+ "actualCount": 7
},
"src/modules/clearButton.js": {
"expectCount": 12,
@@ -32,15 +32,19 @@
"actualCount": 10
},
"src/modules/dropdown.js": {
- "expectCount": 15,
- "actualCount": 4
+ "expectCount": 20,
+ "actualCount": 6
+ },
+ "src/emitter.js": {
+ "expectCount": 6,
+ "actualCount": 5
},
"src/tablefilter.js": {
- "expectCount": 238,
- "actualCount": 73
+ "expectCount": 225,
+ "actualCount": 75
},
"src/modules/feature.js": {
- "expectCount": 13,
+ "expectCount": 14,
"actualCount": 0
},
"src/extensions/filtersVisibility/filtersVisibility.js": {
@@ -56,7 +60,7 @@
"actualCount": 3
},
"src/modules/highlightKeywords.js": {
- "expectCount": 8,
+ "expectCount": 11,
"actualCount": 4
},
"src/modules/loader.js": {
@@ -64,12 +68,12 @@
"actualCount": 1
},
"src/modules/noResults.js": {
- "expectCount": 19,
+ "expectCount": 20,
"actualCount": 1
},
"src/modules/paging.js": {
- "expectCount": 61,
- "actualCount": 14
+ "expectCount": 63,
+ "actualCount": 16
},
"src/modules/popupFilter.js": {
"expectCount": 28,
@@ -80,12 +84,12 @@
"actualCount": 1
},
"src/modules/statusBar.js": {
- "expectCount": 18,
+ "expectCount": 29,
"actualCount": 1
},
"src/modules/store.js": {
- "expectCount": 10,
- "actualCount": 7
+ "expectCount": 14,
+ "actualCount": 8
}
}
}
\ No newline at end of file
diff --git a/docs/dump.json b/docs/dump.json
index 931828f9..870dfbeb 100644
--- a/docs/dump.json
+++ b/docs/dump.json
@@ -127,6 +127,158 @@
},
"generator": false
},
+ {
+ "kind": "file",
+ "static": true,
+ "variation": null,
+ "name": "src/emitter.js",
+ "memberof": null,
+ "longname": "src/emitter.js",
+ "access": null,
+ "description": null,
+ "lineNumber": 4,
+ "content": "/**\n * Event emitter class\n */\nexport class Emitter {\n constructor() {\n /**\n * Events object\n * @type {Object}\n */\n this.events = {};\n }\n\n /**\n * Subscribe to an event\n * @param {Array} evts Collection of event names\n * @param {Function} fn Function invoked when event is emitted\n */\n on(evts, fn) {\n evts.forEach((evt)=> {\n this.events[evt] = this.events[evt] || [];\n this.events[evt].push(fn);\n });\n }\n\n /**\n * Unsubscribe to an event\n * @param {Array} evts Collection of event names\n * @param {Function} fn Function invoked when event is emitted\n */\n off(evts, fn) {\n evts.forEach((evt)=> {\n if(evt in this.events) {\n this.events[evt].splice(this.events[evt].indexOf(fn), 1);\n }\n });\n }\n\n /**\n * Emit an event\n * @param {String} evt Event name followed by any other argument passed to\n * the invoked function\n */\n emit(evt /*, args...*/) {\n if(evt in this.events) {\n for(let i = 0; i < this.events[evt].length; i++) {\n this.events[evt][i].apply(this, [].slice.call(arguments, 1));\n }\n }\n }\n}\n"
+ },
+ {
+ "kind": "class",
+ "static": true,
+ "variation": null,
+ "name": "Emitter",
+ "memberof": "src/emitter.js",
+ "longname": "src/emitter.js~Emitter",
+ "access": null,
+ "export": true,
+ "importPath": "tablefilter/src/emitter.js",
+ "importStyle": "{Emitter}",
+ "description": "Event emitter class",
+ "lineNumber": 4,
+ "interface": false
+ },
+ {
+ "kind": "constructor",
+ "static": false,
+ "variation": null,
+ "name": "constructor",
+ "memberof": "src/emitter.js~Emitter",
+ "longname": "src/emitter.js~Emitter#constructor",
+ "access": null,
+ "description": null,
+ "lineNumber": 5,
+ "undocument": true,
+ "params": [],
+ "generator": false
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "events",
+ "memberof": "src/emitter.js~Emitter",
+ "longname": "src/emitter.js~Emitter#events",
+ "access": null,
+ "description": "Events object",
+ "lineNumber": 10,
+ "type": {
+ "nullable": null,
+ "types": [
+ "Object"
+ ],
+ "spread": false,
+ "description": null
+ }
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "on",
+ "memberof": "src/emitter.js~Emitter",
+ "longname": "src/emitter.js~Emitter#on",
+ "access": null,
+ "description": "Subscribe to an event",
+ "lineNumber": 18,
+ "params": [
+ {
+ "nullable": null,
+ "types": [
+ "Array"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "evts",
+ "description": "Collection of event names"
+ },
+ {
+ "nullable": null,
+ "types": [
+ "Function"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "fn",
+ "description": "Function invoked when event is emitted"
+ }
+ ],
+ "generator": false
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "off",
+ "memberof": "src/emitter.js~Emitter",
+ "longname": "src/emitter.js~Emitter#off",
+ "access": null,
+ "description": "Unsubscribe to an event",
+ "lineNumber": 30,
+ "params": [
+ {
+ "nullable": null,
+ "types": [
+ "Array"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "evts",
+ "description": "Collection of event names"
+ },
+ {
+ "nullable": null,
+ "types": [
+ "Function"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "fn",
+ "description": "Function invoked when event is emitted"
+ }
+ ],
+ "generator": false
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "emit",
+ "memberof": "src/emitter.js~Emitter",
+ "longname": "src/emitter.js~Emitter#emit",
+ "access": null,
+ "description": "Emit an event",
+ "lineNumber": 43,
+ "params": [
+ {
+ "nullable": null,
+ "types": [
+ "String"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "evt",
+ "description": "Event name followed by any other argument passed to\nthe invoked function"
+ }
+ ],
+ "generator": false
+ },
{
"kind": "file",
"static": true,
@@ -149,7 +301,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import Dom from '../../dom';\n\nexport default class AdapterEzEditTable {\n /**\n * Adapter module for ezEditTable, an external library providing advanced\n * grid features (selection and edition):\n * http://codecanyon.net/item/ezedittable-enhance-html-tables/2425123?ref=koalyptus\n *\n * @param {Object} tf TableFilter instance\n */\n constructor(tf, cfg){\n // ezEditTable config\n this.initialized = false;\n this.desc = cfg.description || 'ezEditTable adapter';\n this.filename = cfg.filename || 'ezEditTable.js';\n this.vendorPath = cfg.vendor_path;\n this.loadStylesheet = Boolean(cfg.load_stylesheet);\n this.stylesheet = cfg.stylesheet || this.vendorPath + 'ezEditTable.css';\n this.stylesheetName = cfg.stylesheet_name || 'ezEditTableCss';\n this.err = 'Failed to instantiate EditTable object.\\n\"ezEditTable\" ' +\n 'dependency not found.';\n // Enable the ezEditTable's scroll into view behaviour if grid layout on\n cfg.scroll_into_view = cfg.scroll_into_view===false ?\n false : tf.gridLayout;\n\n this._ezEditTable = null;\n this.cfg = cfg;\n this.tf = tf;\n }\n\n /**\n * Conditionally load ezEditTable library and set advanced grid\n * @return {[type]} [description]\n */\n init(){\n var tf = this.tf;\n if(window.EditTable){\n this._setAdvancedGrid();\n } else {\n var path = this.vendorPath + this.filename;\n tf.import(this.filename, path, ()=> { this._setAdvancedGrid(); });\n }\n if(this.loadStylesheet && !tf.isImported(this.stylesheet, 'link')){\n tf.import(this.stylesheetName, this.stylesheet, null, 'link');\n }\n }\n\n /**\n * Instantiate ezEditTable component for advanced grid features\n */\n _setAdvancedGrid(){\n var tf = this.tf;\n\n //start row for EditTable constructor needs to be calculated\n var startRow,\n cfg = this.cfg,\n thead = Dom.tag(tf.tbl, 'thead');\n\n //if thead exists and startRow not specified, startRow is calculated\n //automatically by EditTable\n if(thead.length > 0 && !cfg.startRow){\n startRow = undefined;\n }\n //otherwise startRow config property if any or TableFilter refRow\n else{\n startRow = cfg.startRow || tf.refRow;\n }\n\n cfg.base_path = cfg.base_path || tf.basePath + 'ezEditTable/';\n var editable = cfg.editable;\n var selectable = cfg.selection;\n\n if(selectable){\n cfg.default_selection = cfg.default_selection || 'row';\n }\n //CSS Styles\n cfg.active_cell_css = cfg.active_cell_css || 'ezETSelectedCell';\n\n var _lastValidRowIndex = 0;\n var _lastRowIndex = 0;\n\n if(selectable){\n //Row navigation needs to be calculated according to TableFilter's\n //validRowsIndex array\n var onAfterSelection = function(et, selectedElm, e){\n var slc = et.Selection;\n //Next valid filtered row needs to be selected\n var doSelect = function(nextRowIndex){\n if(et.defaultSelection === 'row'){\n slc.SelectRowByIndex(nextRowIndex);\n } else {\n et.ClearSelections();\n var cellIndex = selectedElm.cellIndex,\n row = tf.tbl.rows[nextRowIndex];\n if(et.defaultSelection === 'both'){\n slc.SelectRowByIndex(nextRowIndex);\n }\n if(row){\n slc.SelectCell(row.cells[cellIndex]);\n }\n }\n //Table is filtered\n if(tf.validRowsIndex.length !== tf.getRowsNb()){\n var r = tf.tbl.rows[nextRowIndex];\n if(r){\n r.scrollIntoView(false);\n }\n if(cell){\n if(cell.cellIndex === (tf.getCellsNb()-1) &&\n tf.gridLayout){\n tf.tblCont.scrollLeft = 100000000;\n }\n else if(cell.cellIndex===0 && tf.gridLayout){\n tf.tblCont.scrollLeft = 0;\n } else {\n cell.scrollIntoView(false);\n }\n }\n }\n };\n\n //table is not filtered\n if(!tf.validRowsIndex){\n return;\n }\n var validIndexes = tf.validRowsIndex,\n validIdxLen = validIndexes.length,\n row = et.defaultSelection !== 'row' ?\n selectedElm.parentNode : selectedElm,\n //cell for default_selection = 'both' or 'cell'\n cell = selectedElm.nodeName==='TD' ? selectedElm : null,\n keyCode = e !== undefined ? et.Event.GetKey(e) : 0,\n isRowValid = validIndexes.indexOf(row.rowIndex) !== -1,\n nextRowIndex,\n paging = tf.feature('paging'),\n //pgup/pgdown keys\n d = (keyCode === 34 || keyCode === 33 ?\n (paging && paging.pagingLength || et.nbRowsPerPage) :1);\n\n //If next row is not valid, next valid filtered row needs to be\n //calculated\n if(!isRowValid){\n //Selection direction up/down\n if(row.rowIndex>_lastRowIndex){\n //last row\n if(row.rowIndex >= validIndexes[validIdxLen-1]){\n nextRowIndex = validIndexes[validIdxLen-1];\n } else {\n var calcRowIndex = (_lastValidRowIndex + d);\n if(calcRowIndex > (validIdxLen-1)){\n nextRowIndex = validIndexes[validIdxLen-1];\n } else {\n nextRowIndex = validIndexes[calcRowIndex];\n }\n }\n } else{\n //first row\n if(row.rowIndex <= validIndexes[0]){\n nextRowIndex = validIndexes[0];\n } else {\n var v = validIndexes[_lastValidRowIndex - d];\n nextRowIndex = v ? v : validIndexes[0];\n }\n }\n _lastRowIndex = row.rowIndex;\n doSelect(nextRowIndex);\n } else {\n //If filtered row is valid, special calculation for\n //pgup/pgdown keys\n if(keyCode!==34 && keyCode!==33){\n _lastValidRowIndex = validIndexes.indexOf(row.rowIndex);\n _lastRowIndex = row.rowIndex;\n } else {\n if(keyCode === 34){ //pgdown\n //last row\n if((_lastValidRowIndex + d) <= (validIdxLen-1)){\n nextRowIndex = validIndexes[\n _lastValidRowIndex + d];\n } else {\n nextRowIndex = [validIdxLen-1];\n }\n } else { //pgup\n //first row\n if((_lastValidRowIndex - d) <= validIndexes[0]){\n nextRowIndex = validIndexes[0];\n } else {\n nextRowIndex = validIndexes[\n _lastValidRowIndex - d];\n }\n }\n _lastRowIndex = nextRowIndex;\n _lastValidRowIndex = validIndexes.indexOf(nextRowIndex);\n doSelect(nextRowIndex);\n }\n }\n };\n\n //Page navigation has to be enforced whenever selected row is out of\n //the current page range\n var onBeforeSelection = function(et, selectedElm){\n var row = et.defaultSelection !== 'row' ?\n selectedElm.parentNode : selectedElm;\n if(tf.paging){\n if(tf.feature('paging').nbPages > 1){\n var paging = tf.feature('paging');\n //page length is re-assigned in case it has changed\n et.nbRowsPerPage = paging.pagingLength;\n var validIndexes = tf.validRowsIndex,\n validIdxLen = validIndexes.length,\n pagingEndRow = parseInt(paging.startPagingRow, 10) +\n parseInt(paging.pagingLength, 10);\n var rowIndex = row.rowIndex;\n\n if((rowIndex === validIndexes[validIdxLen-1]) &&\n paging.currentPageNb!==paging.nbPages){\n paging.setPage('last');\n }\n else if((rowIndex == validIndexes[0]) &&\n paging.currentPageNb!==1){\n paging.setPage('first');\n }\n else if(rowIndex > validIndexes[pagingEndRow-1] &&\n rowIndex < validIndexes[validIdxLen-1]){\n paging.setPage('next');\n }\n else if(\n rowIndex < validIndexes[paging.startPagingRow] &&\n rowIndex > validIndexes[0]){\n paging.setPage('previous');\n }\n }\n }\n };\n\n //Selected row needs to be visible when paging is activated\n if(tf.paging){\n tf.feature('paging').onAfterChangePage = function(paging){\n var advGrid = paging.tf.extension('advancedGrid');\n var et = advGrid._ezEditTable;\n var slc = et.Selection;\n var row = slc.GetActiveRow();\n if(row){\n row.scrollIntoView(false);\n }\n var cell = slc.GetActiveCell();\n if(cell){\n cell.scrollIntoView(false);\n }\n };\n }\n\n //Rows navigation when rows are filtered is performed with the\n //EditTable row selection callback events\n if(cfg.default_selection==='row'){\n var fnB = cfg.on_before_selected_row;\n cfg.on_before_selected_row = function(){\n onBeforeSelection(arguments[0], arguments[1], arguments[2]);\n if(fnB){\n fnB.call(\n null, arguments[0], arguments[1], arguments[2]);\n }\n };\n var fnA = cfg.on_after_selected_row;\n cfg.on_after_selected_row = function(){\n onAfterSelection(arguments[0], arguments[1], arguments[2]);\n if(fnA){\n fnA.call(\n null, arguments[0], arguments[1], arguments[2]);\n }\n };\n } else {\n var fnD = cfg.on_before_selected_cell;\n cfg.on_before_selected_cell = function(){\n onBeforeSelection(arguments[0], arguments[1], arguments[2]);\n if(fnD){\n fnD.call(\n null, arguments[0], arguments[1], arguments[2]);\n }\n };\n var fnC = cfg.on_after_selected_cell;\n cfg.on_after_selected_cell = function(){\n onAfterSelection(arguments[0], arguments[1], arguments[2]);\n if(fnC){\n fnC.call(\n null, arguments[0], arguments[1], arguments[2]);\n }\n };\n }\n }\n if(editable){\n //Added or removed rows, TF rows number needs to be re-calculated\n var fnE = cfg.on_added_dom_row;\n cfg.on_added_dom_row = function(){\n tf.nbFilterableRows++;\n if(!tf.paging){\n tf.feature('rowsCounter').refresh();\n } else {\n tf.nbRows++;\n tf.nbVisibleRows++;\n tf.nbFilterableRows++;\n tf.paging=false;\n tf.feature('paging').destroy();\n tf.feature('paging').reset();\n }\n if(tf.alternateRows){\n tf.feature('alternateRows').init();\n }\n if(fnE){\n fnE.call(null, arguments[0], arguments[1], arguments[2]);\n }\n };\n if(cfg.actions && cfg.actions['delete']){\n var fnF = cfg.actions['delete'].on_after_submit;\n cfg.actions['delete'].on_after_submit = function(){\n tf.nbFilterableRows--;\n if(!tf.paging){\n tf.feature('rowsCounter').refresh();\n } else {\n tf.nbRows--;\n tf.nbVisibleRows--;\n tf.nbFilterableRows--;\n tf.paging=false;\n tf.feature('paging').destroy();\n tf.feature('paging').reset(false);\n }\n if(tf.alternateRows){\n tf.feature('alternateRows').init();\n }\n if(fnF){\n fnF.call(null, arguments[0], arguments[1]);\n }\n };\n }\n }\n\n try{\n this._ezEditTable = new EditTable(tf.id, cfg, startRow);\n this._ezEditTable.Init();\n } catch(e) { throw new Error(this.err); }\n\n this.initialized = true;\n }\n\n /**\n * Reset advanced grid when previously removed\n */\n reset(){\n var ezEditTable = this._ezEditTable;\n if(ezEditTable){\n if(this.cfg.selection){\n ezEditTable.Selection.Set();\n }\n if(this.cfg.editable){\n ezEditTable.Editable.Set();\n }\n }\n }\n\n /**\n * Remove advanced grid\n */\n destroy(){\n var ezEditTable = this._ezEditTable;\n if(ezEditTable){\n if(this.cfg.selection){\n ezEditTable.Selection.ClearSelections();\n ezEditTable.Selection.Remove();\n }\n if(this.cfg.editable){\n ezEditTable.Editable.Remove();\n }\n }\n this.initialized = false;\n }\n}\n"
+ "content": "import Dom from '../../dom';\n\nexport default class AdapterEzEditTable {\n /**\n * Adapter module for ezEditTable, an external library providing advanced\n * grid features (selection and edition):\n * http://codecanyon.net/item/ezedittable-enhance-html-tables/2425123?ref=koalyptus\n *\n * @param {Object} tf TableFilter instance\n */\n constructor(tf, cfg){\n // ezEditTable config\n this.initialized = false;\n this.desc = cfg.description || 'ezEditTable adapter';\n this.filename = cfg.filename || 'ezEditTable.js';\n this.vendorPath = cfg.vendor_path;\n this.loadStylesheet = Boolean(cfg.load_stylesheet);\n this.stylesheet = cfg.stylesheet || this.vendorPath + 'ezEditTable.css';\n this.stylesheetName = cfg.stylesheet_name || 'ezEditTableCss';\n this.err = 'Failed to instantiate EditTable object.\\n\"ezEditTable\" ' +\n 'dependency not found.';\n // Enable the ezEditTable's scroll into view behaviour if grid layout on\n cfg.scroll_into_view = cfg.scroll_into_view===false ?\n false : tf.gridLayout;\n\n this._ezEditTable = null;\n this.cfg = cfg;\n this.tf = tf;\n this.emitter = tf.emitter;\n }\n\n /**\n * Conditionally load ezEditTable library and set advanced grid\n * @return {[type]} [description]\n */\n init(){\n var tf = this.tf;\n if(window.EditTable){\n this._setAdvancedGrid();\n } else {\n var path = this.vendorPath + this.filename;\n tf.import(this.filename, path, ()=> { this._setAdvancedGrid(); });\n }\n if(this.loadStylesheet && !tf.isImported(this.stylesheet, 'link')){\n tf.import(this.stylesheetName, this.stylesheet, null, 'link');\n }\n\n // TODO: hack to prevent ezEditTable enter key event hijaking.\n // Needs to be fixed in the vendor's library\n this.emitter.on(['filter-focus', 'filter-blur'],\n ()=> this._toggleForInputFilter());\n }\n\n /**\n * Instantiate ezEditTable component for advanced grid features\n */\n _setAdvancedGrid(){\n var tf = this.tf;\n\n //start row for EditTable constructor needs to be calculated\n var startRow,\n cfg = this.cfg,\n thead = Dom.tag(tf.tbl, 'thead');\n\n //if thead exists and startRow not specified, startRow is calculated\n //automatically by EditTable\n if(thead.length > 0 && !cfg.startRow){\n startRow = undefined;\n }\n //otherwise startRow config property if any or TableFilter refRow\n else{\n startRow = cfg.startRow || tf.refRow;\n }\n\n cfg.base_path = cfg.base_path || tf.basePath + 'ezEditTable/';\n var editable = cfg.editable;\n var selectable = cfg.selection;\n\n if(selectable){\n cfg.default_selection = cfg.default_selection || 'row';\n }\n //CSS Styles\n cfg.active_cell_css = cfg.active_cell_css || 'ezETSelectedCell';\n\n var _lastValidRowIndex = 0;\n var _lastRowIndex = 0;\n\n if(selectable){\n //Row navigation needs to be calculated according to TableFilter's\n //validRowsIndex array\n var onAfterSelection = function(et, selectedElm, e){\n var slc = et.Selection;\n //Next valid filtered row needs to be selected\n var doSelect = function(nextRowIndex){\n if(et.defaultSelection === 'row'){\n slc.SelectRowByIndex(nextRowIndex);\n } else {\n et.ClearSelections();\n var cellIndex = selectedElm.cellIndex,\n row = tf.tbl.rows[nextRowIndex];\n if(et.defaultSelection === 'both'){\n slc.SelectRowByIndex(nextRowIndex);\n }\n if(row){\n slc.SelectCell(row.cells[cellIndex]);\n }\n }\n //Table is filtered\n if(tf.validRowsIndex.length !== tf.getRowsNb()){\n var r = tf.tbl.rows[nextRowIndex];\n if(r){\n r.scrollIntoView(false);\n }\n if(cell){\n if(cell.cellIndex === (tf.getCellsNb()-1) &&\n tf.gridLayout){\n tf.tblCont.scrollLeft = 100000000;\n }\n else if(cell.cellIndex===0 && tf.gridLayout){\n tf.tblCont.scrollLeft = 0;\n } else {\n cell.scrollIntoView(false);\n }\n }\n }\n };\n\n //table is not filtered\n if(!tf.validRowsIndex){\n return;\n }\n var validIndexes = tf.validRowsIndex,\n validIdxLen = validIndexes.length,\n row = et.defaultSelection !== 'row' ?\n selectedElm.parentNode : selectedElm,\n //cell for default_selection = 'both' or 'cell'\n cell = selectedElm.nodeName==='TD' ? selectedElm : null,\n keyCode = e !== undefined ? et.Event.GetKey(e) : 0,\n isRowValid = validIndexes.indexOf(row.rowIndex) !== -1,\n nextRowIndex,\n paging = tf.feature('paging'),\n //pgup/pgdown keys\n d = (keyCode === 34 || keyCode === 33 ?\n (paging && paging.pagingLength || et.nbRowsPerPage) :1);\n\n //If next row is not valid, next valid filtered row needs to be\n //calculated\n if(!isRowValid){\n //Selection direction up/down\n if(row.rowIndex>_lastRowIndex){\n //last row\n if(row.rowIndex >= validIndexes[validIdxLen-1]){\n nextRowIndex = validIndexes[validIdxLen-1];\n } else {\n var calcRowIndex = (_lastValidRowIndex + d);\n if(calcRowIndex > (validIdxLen-1)){\n nextRowIndex = validIndexes[validIdxLen-1];\n } else {\n nextRowIndex = validIndexes[calcRowIndex];\n }\n }\n } else{\n //first row\n if(row.rowIndex <= validIndexes[0]){\n nextRowIndex = validIndexes[0];\n } else {\n var v = validIndexes[_lastValidRowIndex - d];\n nextRowIndex = v ? v : validIndexes[0];\n }\n }\n _lastRowIndex = row.rowIndex;\n doSelect(nextRowIndex);\n } else {\n //If filtered row is valid, special calculation for\n //pgup/pgdown keys\n if(keyCode!==34 && keyCode!==33){\n _lastValidRowIndex = validIndexes.indexOf(row.rowIndex);\n _lastRowIndex = row.rowIndex;\n } else {\n if(keyCode === 34){ //pgdown\n //last row\n if((_lastValidRowIndex + d) <= (validIdxLen-1)){\n nextRowIndex = validIndexes[\n _lastValidRowIndex + d];\n } else {\n nextRowIndex = [validIdxLen-1];\n }\n } else { //pgup\n //first row\n if((_lastValidRowIndex - d) <= validIndexes[0]){\n nextRowIndex = validIndexes[0];\n } else {\n nextRowIndex = validIndexes[\n _lastValidRowIndex - d];\n }\n }\n _lastRowIndex = nextRowIndex;\n _lastValidRowIndex = validIndexes.indexOf(nextRowIndex);\n doSelect(nextRowIndex);\n }\n }\n };\n\n //Page navigation has to be enforced whenever selected row is out of\n //the current page range\n var onBeforeSelection = function(et, selectedElm){\n var row = et.defaultSelection !== 'row' ?\n selectedElm.parentNode : selectedElm;\n if(tf.paging){\n if(tf.feature('paging').nbPages > 1){\n var paging = tf.feature('paging');\n //page length is re-assigned in case it has changed\n et.nbRowsPerPage = paging.pagingLength;\n var validIndexes = tf.validRowsIndex,\n validIdxLen = validIndexes.length,\n pagingEndRow = parseInt(paging.startPagingRow, 10) +\n parseInt(paging.pagingLength, 10);\n var rowIndex = row.rowIndex;\n\n if((rowIndex === validIndexes[validIdxLen-1]) &&\n paging.currentPageNb!==paging.nbPages){\n paging.setPage('last');\n }\n else if((rowIndex == validIndexes[0]) &&\n paging.currentPageNb!==1){\n paging.setPage('first');\n }\n else if(rowIndex > validIndexes[pagingEndRow-1] &&\n rowIndex < validIndexes[validIdxLen-1]){\n paging.setPage('next');\n }\n else if(\n rowIndex < validIndexes[paging.startPagingRow] &&\n rowIndex > validIndexes[0]){\n paging.setPage('previous');\n }\n }\n }\n };\n\n //Selected row needs to be visible when paging is activated\n if(tf.paging){\n tf.feature('paging').onAfterChangePage = function(paging){\n var advGrid = paging.tf.extension('advancedGrid');\n var et = advGrid._ezEditTable;\n var slc = et.Selection;\n var row = slc.GetActiveRow();\n if(row){\n row.scrollIntoView(false);\n }\n var cell = slc.GetActiveCell();\n if(cell){\n cell.scrollIntoView(false);\n }\n };\n }\n\n //Rows navigation when rows are filtered is performed with the\n //EditTable row selection callback events\n if(cfg.default_selection==='row'){\n var fnB = cfg.on_before_selected_row;\n cfg.on_before_selected_row = function(){\n onBeforeSelection(arguments[0], arguments[1], arguments[2]);\n if(fnB){\n fnB.call(\n null, arguments[0], arguments[1], arguments[2]);\n }\n };\n var fnA = cfg.on_after_selected_row;\n cfg.on_after_selected_row = function(){\n onAfterSelection(arguments[0], arguments[1], arguments[2]);\n if(fnA){\n fnA.call(\n null, arguments[0], arguments[1], arguments[2]);\n }\n };\n } else {\n var fnD = cfg.on_before_selected_cell;\n cfg.on_before_selected_cell = function(){\n onBeforeSelection(arguments[0], arguments[1], arguments[2]);\n if(fnD){\n fnD.call(\n null, arguments[0], arguments[1], arguments[2]);\n }\n };\n var fnC = cfg.on_after_selected_cell;\n cfg.on_after_selected_cell = function(){\n onAfterSelection(arguments[0], arguments[1], arguments[2]);\n if(fnC){\n fnC.call(\n null, arguments[0], arguments[1], arguments[2]);\n }\n };\n }\n }\n if(editable){\n //Added or removed rows, TF rows number needs to be re-calculated\n var fnE = cfg.on_added_dom_row;\n cfg.on_added_dom_row = function(){\n tf.nbFilterableRows++;\n if(!tf.paging){\n tf.emitter.emit('rows-changed', tf, this);\n //tf.feature('rowsCounter').refresh();\n } else {\n tf.nbRows++;\n tf.nbVisibleRows++;\n tf.nbFilterableRows++;\n tf.paging=false;\n tf.feature('paging').destroy();\n tf.feature('paging').reset();\n }\n if(tf.alternateRows){\n tf.feature('alternateRows').init();\n }\n if(fnE){\n fnE.call(null, arguments[0], arguments[1], arguments[2]);\n }\n };\n if(cfg.actions && cfg.actions['delete']){\n var fnF = cfg.actions['delete'].on_after_submit;\n cfg.actions['delete'].on_after_submit = function(){\n tf.nbFilterableRows--;\n if(!tf.paging){\n // tf.feature('rowsCounter').refresh();\n tf.emitter.emit('rows-changed', tf, this);\n } else {\n tf.nbRows--;\n tf.nbVisibleRows--;\n tf.nbFilterableRows--;\n tf.paging=false;\n tf.feature('paging').destroy();\n tf.feature('paging').reset(false);\n }\n if(tf.alternateRows){\n tf.feature('alternateRows').init();\n }\n if(fnF){\n fnF.call(null, arguments[0], arguments[1]);\n }\n };\n }\n }\n\n try{\n this._ezEditTable = new EditTable(tf.id, cfg, startRow);\n this._ezEditTable.Init();\n } catch(e) { throw new Error(this.err); }\n\n this.initialized = true;\n }\n\n /**\n * Reset advanced grid when previously removed\n */\n reset(){\n var ezEditTable = this._ezEditTable;\n if(ezEditTable){\n if(this.cfg.selection){\n ezEditTable.Selection.Set();\n }\n if(this.cfg.editable){\n ezEditTable.Editable.Set();\n }\n }\n }\n\n /**\n * Toggle behaviour\n */\n toggle(){\n var ezEditTable = this._ezEditTable;\n if(ezEditTable.editable){\n ezEditTable.Editable.Remove();\n } else {\n ezEditTable.Editable.Set();\n }\n if(ezEditTable.selection){\n ezEditTable.Selection.Remove();\n } else {\n ezEditTable.Selection.Set();\n }\n }\n\n _toggleForInputFilter(){\n var tf = this.tf;\n if(!tf.activeFlt){\n return;\n }\n var colIndex = tf.activeFlt.getAttribute('ct');\n var filterType = tf.getFilterType(colIndex);\n if(filterType === tf.fltTypeInp){\n this.toggle();\n }\n }\n\n /**\n * Remove advanced grid\n */\n destroy(){\n var ezEditTable = this._ezEditTable;\n if(ezEditTable){\n if(this.cfg.selection){\n ezEditTable.Selection.ClearSelections();\n ezEditTable.Selection.Remove();\n }\n if(this.cfg.editable){\n ezEditTable.Editable.Remove();\n }\n }\n\n this.emitter.off(['filter-focus', 'filter-blur'],\n ()=> this._toggleForInputFilter());\n this.initialized = false;\n }\n}\n"
},
{
"kind": "class",
@@ -378,6 +530,23 @@
]
}
},
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "emitter",
+ "memberof": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable",
+ "longname": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#emitter",
+ "access": null,
+ "description": null,
+ "lineNumber": 29,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
{
"kind": "method",
"static": false,
@@ -387,7 +556,7 @@
"longname": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#init",
"access": null,
"description": "Conditionally load ezEditTable library and set advanced grid",
- "lineNumber": 35,
+ "lineNumber": 36,
"params": [],
"return": {
"nullable": null,
@@ -408,7 +577,7 @@
"longname": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#_setAdvancedGrid",
"access": null,
"description": "Instantiate ezEditTable component for advanced grid features",
- "lineNumber": 51,
+ "lineNumber": 57,
"params": [],
"generator": false
},
@@ -421,7 +590,7 @@
"longname": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#_ezEditTable",
"access": null,
"description": null,
- "lineNumber": 337,
+ "lineNumber": 345,
"undocument": true,
"type": {
"types": [
@@ -438,7 +607,7 @@
"longname": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#initialized",
"access": null,
"description": null,
- "lineNumber": 341,
+ "lineNumber": 349,
"undocument": true,
"type": {
"types": [
@@ -455,7 +624,34 @@
"longname": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#reset",
"access": null,
"description": "Reset advanced grid when previously removed",
- "lineNumber": 347,
+ "lineNumber": 355,
+ "params": [],
+ "generator": false
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "toggle",
+ "memberof": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable",
+ "longname": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#toggle",
+ "access": null,
+ "description": "Toggle behaviour",
+ "lineNumber": 370,
+ "params": [],
+ "generator": false
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "_toggleForInputFilter",
+ "memberof": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable",
+ "longname": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#_toggleForInputFilter",
+ "access": null,
+ "description": null,
+ "lineNumber": 384,
+ "undocument": true,
"params": [],
"generator": false
},
@@ -468,7 +664,7 @@
"longname": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#destroy",
"access": null,
"description": "Remove advanced grid",
- "lineNumber": 362,
+ "lineNumber": 399,
"params": [],
"generator": false
},
@@ -481,7 +677,7 @@
"longname": "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#initialized",
"access": null,
"description": null,
- "lineNumber": 373,
+ "lineNumber": 413,
"undocument": true,
"type": {
"types": [
@@ -511,7 +707,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import Dom from '../../dom';\nimport Str from '../../string';\nimport Types from '../../types';\n\nexport default class ColOps{\n\n /**\n * Column calculations\n * @param {Object} tf TableFilter instance\n */\n constructor(tf, opts) {\n\n //calls function before col operation\n this.onBeforeOperation = Types.isFn(opts.on_before_operation) ?\n opts.on_before_operation : null;\n //calls function after col operation\n this.onAfterOperation = Types.isFn(opts.on_after_operation) ?\n opts.on_after_operation : null;\n\n this.opts = opts;\n this.tf = tf;\n }\n\n init(){\n this.calc();\n }\n\n /**\n * Calculates columns' values\n * Configuration options are stored in 'opts' property\n * - 'id' contains ids of elements showing result (array)\n * - 'col' contains the columns' indexes (array)\n * - 'operation' contains operation type (array, values: 'sum', 'mean',\n * 'min', 'max', 'median', 'q1', 'q3')\n * - 'write_method' array defines which method to use for displaying the\n * result (innerHTML, setValue, createTextNode) - default: 'innerHTML'\n * - 'tot_row_index' defines in which row results are displayed\n * (integers array)\n *\n * - changes made by Nuovella:\n * (1) optimized the routine (now it will only process each column once),\n * (2) added calculations for the median, lower and upper quartile.\n */\n calc() {\n var tf = this.tf;\n if(!tf.isFirstLoad && !tf.hasGrid()){\n return;\n }\n\n if(this.onBeforeOperation){\n this.onBeforeOperation.call(null, tf);\n }\n\n var opts = this.opts,\n labelId = opts.id,\n colIndex = opts.col,\n operation = opts.operation,\n outputType = opts.write_method,\n totRowIndex = opts.tot_row_index,\n excludeRow = opts.exclude_row,\n decimalPrecision = Types.isUndef(opts.decimal_precision) ?\n 2 : opts.decimal_precision;\n\n //nuovella: determine unique list of columns to operate on\n var ucolIndex = [],\n ucolMax = 0;\n ucolIndex[ucolMax] = colIndex[0];\n\n for(var ii=1; ii maxValue ?\n parseFloat( cvalue ): maxValue;\n }\n }\n }\n }//for j\n if(meanFlag===1){\n meanValue = sumValue/nbvalues;\n }\n if(medFlag===1){\n var aux = 0;\n if(nbvalues%2 === 1){\n aux = Math.floor(nbvalues/2);\n medValue = theList[aux];\n } else{\n medValue =\n (theList[nbvalues/2] + theList[((nbvalues/2)-1)])/2;\n }\n }\n var posa;\n if(q1Flag===1){\n posa=0.0;\n posa = Math.floor(nbvalues/4);\n if(4*posa == nbvalues){\n q1Value = (theList[posa-1] + theList[posa])/2;\n } else {\n q1Value = theList[posa];\n }\n }\n if (q3Flag===1){\n posa=0.0;\n var posb=0.0;\n posa = Math.floor(nbvalues/4);\n if (4*posa === nbvalues){\n posb = 3*posa;\n q3Value = (theList[posb] + theList[posb-1])/2;\n } else {\n q3Value = theList[nbvalues-posa-1];\n }\n }\n\n for(var i=0; i<=mThisCol; i++){\n switch( opsThisCol[i] ){\n case 'mean':\n result=meanValue;\n break;\n case 'sum':\n result=sumValue;\n break;\n case 'min':\n result=minValue;\n break;\n case 'max':\n result=maxValue;\n break;\n case 'median':\n result=medValue;\n break;\n case 'q1':\n result=q1Value;\n break;\n case 'q3':\n result=q3Value;\n break;\n }\n\n var precision = !isNaN(decThisCol[i]) ? decThisCol[i] : 2;\n\n //if outputType is defined\n if(oTypeThisCol && result){\n result = result.toFixed( precision );\n\n if(Dom.id(labThisCol[i])){\n switch( Str.lower(oTypeThisCol) ){\n case 'innerhtml':\n if (isNaN(result) || !isFinite(result) ||\n nbvalues===0){\n Dom.id(labThisCol[i]).innerHTML = '.';\n } else{\n Dom.id(labThisCol[i]).innerHTML= result;\n }\n break;\n case 'setvalue':\n Dom.id( labThisCol[i] ).value = result;\n break;\n case 'createtextnode':\n var oldnode = Dom.id(labThisCol[i])\n .firstChild;\n var txtnode = Dom.text(result);\n Dom.id(labThisCol[i])\n .replaceChild(txtnode, oldnode);\n break;\n }//switch\n }\n } else {\n try{\n if(isNaN(result) || !isFinite(result) ||\n nbvalues===0){\n Dom.id(labThisCol[i]).innerHTML = '.';\n } else {\n Dom.id(labThisCol[i]).innerHTML =\n result.toFixed(precision);\n }\n } catch(e) {}//catch\n }//else\n }//for i\n\n // row(s) with result are always visible\n var totRow = totRowIndex && totRowIndex[ucol] ?\n rows[totRowIndex[ucol]] : null;\n if(totRow){\n totRow.style.display = '';\n }\n }//for ucol\n }//if typeof\n\n if(this.onAfterOperation){\n this.onAfterOperation.call(null, tf);\n }\n }\n\n destroy(){}\n\n}\n"
+ "content": "import Dom from '../../dom';\nimport Str from '../../string';\nimport Types from '../../types';\n\nexport default class ColOps{\n\n /**\n * Column calculations\n * @param {Object} tf TableFilter instance\n */\n constructor(tf, opts) {\n\n //calls function before col operation\n this.onBeforeOperation = Types.isFn(opts.on_before_operation) ?\n opts.on_before_operation : null;\n //calls function after col operation\n this.onAfterOperation = Types.isFn(opts.on_after_operation) ?\n opts.on_after_operation : null;\n\n this.opts = opts;\n this.tf = tf;\n }\n\n init(){\n // subscribe to events\n this.tf.emitter.on(['after-filtering'], ()=> this.calc());\n\n this.calc();\n }\n\n /**\n * Calculates columns' values\n * Configuration options are stored in 'opts' property\n * - 'id' contains ids of elements showing result (array)\n * - 'col' contains the columns' indexes (array)\n * - 'operation' contains operation type (array, values: 'sum', 'mean',\n * 'min', 'max', 'median', 'q1', 'q3')\n * - 'write_method' array defines which method to use for displaying the\n * result (innerHTML, setValue, createTextNode) - default: 'innerHTML'\n * - 'tot_row_index' defines in which row results are displayed\n * (integers array)\n *\n * - changes made by Nuovella:\n * (1) optimized the routine (now it will only process each column once),\n * (2) added calculations for the median, lower and upper quartile.\n */\n calc() {\n var tf = this.tf;\n if(!tf.hasGrid()){\n return;\n }\n\n if(this.onBeforeOperation){\n this.onBeforeOperation.call(null, tf);\n }\n\n var opts = this.opts,\n labelId = opts.id,\n colIndex = opts.col,\n operation = opts.operation,\n outputType = opts.write_method,\n totRowIndex = opts.tot_row_index,\n excludeRow = opts.exclude_row,\n decimalPrecision = Types.isUndef(opts.decimal_precision) ?\n 2 : opts.decimal_precision;\n\n //nuovella: determine unique list of columns to operate on\n var ucolIndex = [],\n ucolMax = 0;\n ucolIndex[ucolMax] = colIndex[0];\n\n for(var ii=1; ii maxValue ?\n parseFloat( cvalue ): maxValue;\n }\n }\n }\n }//for j\n if(meanFlag===1){\n meanValue = sumValue/nbvalues;\n }\n if(medFlag===1){\n var aux = 0;\n if(nbvalues%2 === 1){\n aux = Math.floor(nbvalues/2);\n medValue = theList[aux];\n } else{\n medValue =\n (theList[nbvalues/2] + theList[((nbvalues/2)-1)])/2;\n }\n }\n var posa;\n if(q1Flag===1){\n posa=0.0;\n posa = Math.floor(nbvalues/4);\n if(4*posa == nbvalues){\n q1Value = (theList[posa-1] + theList[posa])/2;\n } else {\n q1Value = theList[posa];\n }\n }\n if (q3Flag===1){\n posa=0.0;\n var posb=0.0;\n posa = Math.floor(nbvalues/4);\n if (4*posa === nbvalues){\n posb = 3*posa;\n q3Value = (theList[posb] + theList[posb-1])/2;\n } else {\n q3Value = theList[nbvalues-posa-1];\n }\n }\n\n for(var i=0; i<=mThisCol; i++){\n switch( opsThisCol[i] ){\n case 'mean':\n result=meanValue;\n break;\n case 'sum':\n result=sumValue;\n break;\n case 'min':\n result=minValue;\n break;\n case 'max':\n result=maxValue;\n break;\n case 'median':\n result=medValue;\n break;\n case 'q1':\n result=q1Value;\n break;\n case 'q3':\n result=q3Value;\n break;\n }\n\n var precision = !isNaN(decThisCol[i]) ? decThisCol[i] : 2;\n\n //if outputType is defined\n if(oTypeThisCol && result){\n result = result.toFixed( precision );\n\n if(Dom.id(labThisCol[i])){\n switch( Str.lower(oTypeThisCol) ){\n case 'innerhtml':\n if (isNaN(result) || !isFinite(result) ||\n nbvalues===0){\n Dom.id(labThisCol[i]).innerHTML = '.';\n } else{\n Dom.id(labThisCol[i]).innerHTML= result;\n }\n break;\n case 'setvalue':\n Dom.id( labThisCol[i] ).value = result;\n break;\n case 'createtextnode':\n var oldnode = Dom.id(labThisCol[i])\n .firstChild;\n var txtnode = Dom.text(result);\n Dom.id(labThisCol[i])\n .replaceChild(txtnode, oldnode);\n break;\n }//switch\n }\n } else {\n try{\n if(isNaN(result) || !isFinite(result) ||\n nbvalues===0){\n Dom.id(labThisCol[i]).innerHTML = '.';\n } else {\n Dom.id(labThisCol[i]).innerHTML =\n result.toFixed(precision);\n }\n } catch(e) {}//catch\n }//else\n }//for i\n\n // row(s) with result are always visible\n var totRow = totRowIndex && totRowIndex[ucol] ?\n rows[totRowIndex[ucol]] : null;\n if(totRow){\n totRow.style.display = '';\n }\n }//for ucol\n }//if typeof\n\n if(this.onAfterOperation){\n this.onAfterOperation.call(null, tf);\n }\n }\n\n destroy(){\n // unsubscribe to events\n this.tf.emitter.off(['after-filtering'], ()=> this.calc());\n }\n\n}\n"
},
{
"kind": "class",
@@ -644,7 +840,7 @@
"longname": "src/extensions/colOps/colOps.js~ColOps#calc",
"access": null,
"description": "Calculates columns' values\nConfiguration options are stored in 'opts' property\n- 'id' contains ids of elements showing result (array)\n- 'col' contains the columns' indexes (array)\n- 'operation' contains operation type (array, values: 'sum', 'mean',\n 'min', 'max', 'median', 'q1', 'q3')\n- 'write_method' array defines which method to use for displaying the\n result (innerHTML, setValue, createTextNode) - default: 'innerHTML'\n- 'tot_row_index' defines in which row results are displayed\n (integers array)\n\n- changes made by Nuovella:\n(1) optimized the routine (now it will only process each column once),\n(2) added calculations for the median, lower and upper quartile.",
- "lineNumber": 44,
+ "lineNumber": 47,
"params": [],
"generator": false
},
@@ -657,7 +853,7 @@
"longname": "src/extensions/colOps/colOps.js~ColOps#destroy",
"access": null,
"description": null,
- "lineNumber": 313,
+ "lineNumber": 316,
"undocument": true,
"params": [],
"generator": false
@@ -2613,7 +2809,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import Types from '../../types';\nimport Dom from '../../dom';\nimport Event from '../../event';\nimport DateHelper from '../../date';\nimport Helpers from '../../helpers';\n\nexport default class AdapterSortableTable{\n\n /**\n * SortableTable Adapter module\n * @param {Object} tf TableFilter instance\n */\n constructor(tf, opts){\n this.initialized = false;\n this.name = opts.name;\n this.desc = opts.description || 'Sortable table';\n\n //indicates if tables was sorted\n this.sorted = false;\n\n this.sortTypes = Types.isArray(opts.types) ? opts.types : [];\n this.sortColAtStart = Types.isArray(opts.sort_col_at_start) ?\n opts.sort_col_at_start : null;\n this.asyncSort = Boolean(opts.async_sort);\n this.triggerIds = Types.isArray(opts.trigger_ids) ?\n opts.trigger_ids : [];\n\n // edit .sort-arrow.descending / .sort-arrow.ascending in\n // tablefilter.css to reflect any path change\n this.imgPath = opts.images_path || tf.themesPath;\n this.imgBlank = opts.image_blank || 'blank.png';\n this.imgClassName = opts.image_class_name || 'sort-arrow';\n this.imgAscClassName = opts.image_asc_class_name || 'ascending';\n this.imgDescClassName = opts.image_desc_class_name ||'descending';\n //cell attribute storing custom key\n this.customKey = opts.custom_key || 'data-tf-sortKey';\n\n // callback invoked after sort is loaded and instanciated\n this.onSortLoaded = Types.isFn(opts.on_sort_loaded) ?\n opts.on_sort_loaded : null;\n // callback invoked before table is sorted\n this.onBeforeSort = Types.isFn(opts.on_before_sort) ?\n opts.on_before_sort : null;\n // callback invoked after table is sorted\n this.onAfterSort = Types.isFn(opts.on_after_sort) ?\n opts.on_after_sort : null;\n\n this.tf = tf;\n }\n\n init(){\n let tf = this.tf;\n let adpt = this;\n\n // SortableTable class sanity check (sortabletable.js)\n if(Types.isUndef(SortableTable)){\n throw new Error('SortableTable class not found.');\n }\n\n this.overrideSortableTable();\n this.setSortTypes();\n\n //Column sort at start\n let sortColAtStart = adpt.sortColAtStart;\n if(sortColAtStart){\n this.stt.sort(sortColAtStart[0], sortColAtStart[1]);\n }\n\n if(this.onSortLoaded){\n this.onSortLoaded.call(null, tf, this);\n }\n\n /*** SortableTable callbacks ***/\n this.stt.onbeforesort = function(){\n if(adpt.onBeforeSort){\n adpt.onBeforeSort.call(null, tf, adpt.stt.sortColumn);\n }\n\n /*** sort behaviour for paging ***/\n if(tf.paging){\n tf.feature('paging').disable();\n }\n };\n\n this.stt.onsort = function(){\n adpt.sorted = true;\n\n //rows alternating bg issue\n // TODO: move into AlternateRows component\n if(tf.alternateRows){\n let rows = tf.tbl.rows, c = 0;\n\n let setClass = function(row, i, removeOnly){\n if(Types.isUndef(removeOnly)){\n removeOnly = false;\n }\n let altRows = tf.feature('alternateRows'),\n oddCls = altRows.oddCss,\n evenCls = altRows.evenCss;\n Dom.removeClass(row, oddCls);\n Dom.removeClass(row, evenCls);\n\n if(!removeOnly){\n Dom.addClass(row, i % 2 ? oddCls : evenCls);\n }\n };\n\n for (let i = tf.refRow; i < tf.nbRows; i++){\n let isRowValid = rows[i].getAttribute('validRow');\n if(tf.paging && rows[i].style.display === ''){\n setClass(rows[i], c);\n c++;\n } else {\n if((isRowValid==='true' || isRowValid===null) &&\n rows[i].style.display === ''){\n setClass(rows[i], c);\n c++;\n } else {\n setClass(rows[i], c, true);\n }\n }\n }\n }\n //sort behaviour for paging\n if(tf.paging){\n let paginator = tf.feature('paging');\n // recalculate valid rows index as sorting may have change it\n tf.getValidRows(true);\n paginator.enable();\n paginator.setPage(paginator.getPage());\n }\n\n if(adpt.onAfterSort){\n adpt.onAfterSort.call(null, tf, adpt.stt.sortColumn);\n }\n };\n\n this.initialized = true;\n }\n\n /**\n * Sort specified column\n * @param {Number} colIdx Column index\n * @param {Boolean} desc Optional: descending manner\n */\n sortByColumnIndex(colIdx, desc){\n this.stt.sort(colIdx, desc);\n }\n\n overrideSortableTable(){\n let adpt = this,\n tf = this.tf;\n\n /**\n * Overrides headerOnclick method in order to handle th event\n * @param {Object} e [description]\n */\n SortableTable.prototype.headerOnclick = function(evt){\n if(!adpt.initialized){\n return;\n }\n\n // find Header element\n let el = evt.target || evt.srcElement;\n\n while(el.tagName !== 'TD' && el.tagName !== 'TH'){\n el = el.parentNode;\n }\n\n this.sort(\n SortableTable.msie ?\n SortableTable.getCellIndex(el) : el.cellIndex\n );\n };\n\n /**\n * Overrides getCellIndex IE returns wrong cellIndex when columns are\n * hidden\n * @param {Object} oTd TD element\n * @return {Number} Cell index\n */\n SortableTable.getCellIndex = function(oTd){\n let cells = oTd.parentNode.cells,\n l = cells.length, i;\n for (i = 0; cells[i] != oTd && i < l; i++){}\n return i;\n };\n\n /**\n * Overrides initHeader in order to handle filters row position\n * @param {Array} oSortTypes\n */\n SortableTable.prototype.initHeader = function(oSortTypes){\n let stt = this;\n if (!stt.tHead){\n if(tf.gridLayout){\n stt.tHead = tf.feature('gridLayout').headTbl.tHead;\n } else {\n return;\n }\n }\n\n stt.headersRow = tf.headersRow;\n let cells = stt.tHead.rows[stt.headersRow].cells;\n stt.sortTypes = oSortTypes || [];\n let l = cells.length;\n let img, c;\n\n for (let i = 0; i < l; i++) {\n c = cells[i];\n if (stt.sortTypes[i] !== null && stt.sortTypes[i] !== 'None'){\n c.style.cursor = 'pointer';\n img = Dom.create('img',\n ['src', adpt.imgPath + adpt.imgBlank]);\n c.appendChild(img);\n if (stt.sortTypes[i] !== null){\n c.setAttribute( '_sortType', stt.sortTypes[i]);\n }\n Event.add(c, 'click', stt._headerOnclick);\n } else {\n c.setAttribute('_sortType', oSortTypes[i]);\n c._sortType = 'None';\n }\n }\n stt.updateHeaderArrows();\n };\n\n /**\n * Overrides updateHeaderArrows in order to handle arrows indicators\n */\n SortableTable.prototype.updateHeaderArrows = function(){\n let stt = this;\n let cells, l, img;\n\n // external headers\n if(adpt.asyncSort && adpt.triggerIds.length > 0){\n let triggers = adpt.triggerIds;\n cells = [];\n l = triggers.length;\n for(let j=0; j 0){\n let triggers = this.triggerIds;\n for(let j=0; j {\n let elm = evt.target;\n if(!this.tf.sort){\n return;\n }\n this.stt.asyncSort(triggers.indexOf(elm.id));\n });\n trigger.setAttribute('_sortType', _sortTypes[j]);\n }\n }\n }\n }\n\n /**\n * Destroy sort\n */\n destroy(){\n let tf = this.tf;\n this.sorted = false;\n this.initialized = false;\n this.stt.destroy();\n\n let ids = tf.getFiltersId();\n for (let idx = 0; idx < ids.length; idx++){\n let header = tf.getHeaderElement(idx);\n let img = Dom.tag(header, 'img');\n\n if(img.length === 1){\n header.removeChild(img[0]);\n }\n }\n }\n\n}\n\n//Converters\nfunction usNumberConverter(s){\n return Helpers.removeNbFormat(s, 'us');\n}\nfunction euNumberConverter(s){\n return Helpers.removeNbFormat(s, 'eu');\n}\nfunction dateConverter(s, format){\n return DateHelper.format(s, format);\n}\nfunction dmyDateConverter(s){\n return dateConverter(s, 'DMY');\n}\nfunction mdyDateConverter(s){\n return dateConverter(s, 'MDY');\n}\nfunction ymdDateConverter(s){\n return dateConverter(s, 'YMD');\n}\nfunction ddmmmyyyyDateConverter(s){\n return dateConverter(s, 'DDMMMYYYY');\n}\n\nfunction ipAddress(value){\n let vals = value.split('.');\n for (let x in vals) {\n let val = vals[x];\n while (3 > val.length){\n val = '0'+val;\n }\n vals[x] = val;\n }\n return vals.join('.');\n}\n\nfunction sortIP(a,b){\n let aa = ipAddress(a.value.toLowerCase());\n let bb = ipAddress(b.value.toLowerCase());\n if (aa==bb){\n return 0;\n } else if (aa 0){\n let triggers = adpt.triggerIds;\n cells = [];\n l = triggers.length;\n for(let j=0; j 0){\n let triggers = this.triggerIds;\n for(let j=0; j {\n let elm = evt.target;\n if(!this.tf.sort){\n return;\n }\n this.stt.asyncSort(triggers.indexOf(elm.id));\n });\n trigger.setAttribute('_sortType', _sortTypes[j]);\n }\n }\n }\n }\n\n /**\n * Destroy sort\n */\n destroy(){\n let tf = this.tf;\n this.sorted = false;\n this.initialized = false;\n this.stt.destroy();\n\n let ids = tf.getFiltersId();\n for (let idx = 0; idx < ids.length; idx++){\n let header = tf.getHeaderElement(idx);\n let img = Dom.tag(header, 'img');\n\n if(img.length === 1){\n header.removeChild(img[0]);\n }\n }\n }\n\n}\n\n//Converters\nfunction usNumberConverter(s){\n return Helpers.removeNbFormat(s, 'us');\n}\nfunction euNumberConverter(s){\n return Helpers.removeNbFormat(s, 'eu');\n}\nfunction dateConverter(s, format){\n return DateHelper.format(s, format);\n}\nfunction dmyDateConverter(s){\n return dateConverter(s, 'DMY');\n}\nfunction mdyDateConverter(s){\n return dateConverter(s, 'MDY');\n}\nfunction ymdDateConverter(s){\n return dateConverter(s, 'YMD');\n}\nfunction ddmmmyyyyDateConverter(s){\n return dateConverter(s, 'DDMMMYYYY');\n}\n\nfunction ipAddress(value){\n let vals = value.split('.');\n for (let x in vals) {\n let val = vals[x];\n while (3 > val.length){\n val = '0'+val;\n }\n vals[x] = val;\n }\n return vals.join('.');\n}\n\nfunction sortIP(a,b){\n let aa = ipAddress(a.value.toLowerCase());\n let bb = ipAddress(b.value.toLowerCase());\n if (aa==bb){\n return 0;\n } else if (aa\n this.processRow(rowIndex, arrIndex, isValid));\n this.emitter.on(['column-sorted'], ()=> this.processAll());\n\n this.initialized = true;\n }\n\n processAll() {\n if(!this.isEnabled()){\n return;\n }\n var tf = this.tf;\n var validRowsIndex = tf.getValidRows(true);\n var noValidRowsIndex = validRowsIndex.length === 0;\n //1st index\n var beginIndex = noValidRowsIndex ? tf.refRow : 0;\n // nb indexes\n var indexLen = noValidRowsIndex ?\n tf.nbFilterableRows+beginIndex :\n validRowsIndex.length;\n var idx = 0;\n\n //alternates bg color\n for(var j=beginIndex; j\n this.processRow(rowIndex, arrIndex, isValid));\n this.emitter.off(['column-sorted'], ()=> this.processAll());\n\n this.initialized = false;\n }\n\n}\n"
},
{
"kind": "class",
@@ -3540,7 +3753,7 @@
"longname": "src/modules/alternateRows.js~AlternateRows#initialized",
"access": null,
"description": null,
- "lineNumber": 45,
+ "lineNumber": 36,
"undocument": true,
"type": {
"types": [
@@ -3548,6 +3761,54 @@
]
}
},
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "processAll",
+ "memberof": "src/modules/alternateRows.js~AlternateRows",
+ "longname": "src/modules/alternateRows.js~AlternateRows#processAll",
+ "access": null,
+ "description": null,
+ "lineNumber": 39,
+ "undocument": true,
+ "params": [],
+ "generator": false
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "processRow",
+ "memberof": "src/modules/alternateRows.js~AlternateRows",
+ "longname": "src/modules/alternateRows.js~AlternateRows#processRow",
+ "access": null,
+ "description": "Set/remove row background based on row validation",
+ "lineNumber": 67,
+ "params": [
+ {
+ "nullable": null,
+ "types": [
+ "Number"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "rowIdx",
+ "description": "Row index"
+ },
+ {
+ "nullable": null,
+ "types": [
+ "Boolean"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "isValid",
+ "description": "Valid row flag"
+ }
+ ],
+ "generator": false
+ },
{
"kind": "method",
"static": false,
@@ -3557,7 +3818,7 @@
"longname": "src/modules/alternateRows.js~AlternateRows#setRowBg",
"access": null,
"description": "Sets row background color",
- "lineNumber": 54,
+ "lineNumber": 81,
"params": [
{
"nullable": null,
@@ -3591,7 +3852,7 @@
"longname": "src/modules/alternateRows.js~AlternateRows#removeRowBg",
"access": null,
"description": "Removes row background color",
- "lineNumber": 72,
+ "lineNumber": 99,
"params": [
{
"nullable": null,
@@ -3615,7 +3876,7 @@
"longname": "src/modules/alternateRows.js~AlternateRows#destroy",
"access": null,
"description": "Removes all alternating backgrounds",
- "lineNumber": 84,
+ "lineNumber": 111,
"params": [],
"generator": false
},
@@ -3628,7 +3889,7 @@
"longname": "src/modules/alternateRows.js~AlternateRows#initialized",
"access": null,
"description": null,
- "lineNumber": 91,
+ "lineNumber": 125,
"undocument": true,
"type": {
"types": [
@@ -3646,7 +3907,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import Dom from '../dom';\nimport Arr from '../array';\nimport Str from '../string';\nimport Sort from '../sort';\nimport Event from '../event';\n\nexport class CheckList{\n\n /**\n * Checklist UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n // Configuration object\n var f = tf.config();\n\n this.checkListDiv = []; //checklist container div\n //defines css class for div containing checklist filter\n this.checkListDivCssClass = f.div_checklist_css_class ||\n 'div_checklist';\n //defines css class for checklist filters\n this.checkListCssClass = f.checklist_css_class || 'flt_checklist';\n //defines css class for checklist item (li)\n this.checkListItemCssClass = f.checklist_item_css_class ||\n 'flt_checklist_item';\n //defines css class for selected checklist item (li)\n this.checkListSlcItemCssClass = f.checklist_selected_item_css_class ||\n 'flt_checklist_slc_item';\n //Load on demand text\n this.activateCheckListTxt = f.activate_checklist_text ||\n 'Click to load filter data';\n //defines css class for checklist filters\n this.checkListItemDisabledCssClass =\n f.checklist_item_disabled_css_class ||\n 'flt_checklist_item_disabled';\n this.enableCheckListResetFilter =\n f.enable_checklist_reset_filter===false ? false : true;\n //checklist filter container div\n this.prfxCheckListDiv = 'chkdiv_';\n\n this.isCustom = null;\n this.opts = null;\n this.optsTxt = null;\n this.excludedOpts = null;\n\n this.tf = tf;\n }\n\n // TODO: move event here\n onChange(evt){\n let elm = evt.target;\n this.tf.activeFilterId = elm.getAttribute('id');\n this.tf.activeFlt = Dom.id(this.tf.activeFilterId);\n this.tf.Evt.onSlcChange.call(this.tf, evt);\n }\n\n optionClick(evt){\n this.setCheckListValues(evt.target);\n this.onChange(evt);\n }\n\n /**\n * Build checklist UI asynchronously\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal Render in external container\n * @param {String} extFltId External container id\n */\n build(colIndex, isExternal, extFltId){\n var tf = this.tf;\n tf.EvtManager(\n tf.Evt.name.checklist,\n { slcIndex:colIndex, slcExternal:isExternal, slcId:extFltId }\n );\n }\n\n /**\n * Build checklist UI\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal Render in external container\n * @param {String} extFltId External container id\n */\n _build(colIndex, isExternal=false, extFltId=null){\n var tf = this.tf;\n colIndex = parseInt(colIndex, 10);\n\n this.opts = [];\n this.optsTxt = [];\n\n var divFltId = this.prfxCheckListDiv+colIndex+'_'+tf.id;\n if((!Dom.id(divFltId) && !isExternal) ||\n (!Dom.id(extFltId) && isExternal)){\n return;\n }\n\n var flt = !isExternal ? this.checkListDiv[colIndex] : Dom.id(extFltId);\n var ul = Dom.create(\n 'ul', ['id', tf.fltIds[colIndex]], ['colIndex', colIndex]);\n ul.className = this.checkListCssClass;\n Event.add(ul, 'change', (evt) => { this.onChange(evt); });\n\n var rows = tf.tbl.rows;\n this.isCustom = tf.isCustomOptions(colIndex);\n\n var activeFlt;\n if(tf.linkedFilters && tf.activeFilterId){\n activeFlt = tf.activeFilterId.split('_')[0];\n activeFlt = activeFlt.split(tf.prfxFlt)[1];\n }\n\n var filteredDataCol = [];\n if(tf.linkedFilters && tf.disableExcludedOptions){\n this.excludedOpts = [];\n }\n\n for(var k=tf.refRow; k 0){\n if(tf.hasCustomSlcOptions &&\n tf.customSlcOptions.cols.indexOf(colIndex) != -1){\n fltArr.push(tmpVal);\n } else {\n fltArr = tmpVal.split(' '+tf.orOperator+' ');\n }\n }\n\n for(var y=0; y { this.optionClick(evt); });\n }\n ul.appendChild(li);\n\n if(val===''){\n //item is hidden\n li.style.display = 'none';\n }\n\n /*** remember grid values ***/\n if(tf.rememberGridValues){\n if((tf.hasCustomSlcOptions &&\n tf.customSlcOptions.cols.indexOf(colIndex) != -1 &&\n fltArr.toString().indexOf(val) != -1) ||\n Arr.has(fltArr,\n Str.matchCase(val, tf.matchCase), tf.matchCase)){\n li.check.checked = true;\n this.setCheckListValues(li.check);\n }\n }\n }\n }\n\n /**\n * Add checklist header option\n * @param {Number} colIndex Column index\n * @param {Object} ul Ul element\n */\n addTChecks(colIndex, ul){\n var tf = this.tf;\n var chkCt = 1;\n var li0 = Dom.createCheckItem(\n tf.fltIds[colIndex]+'_0', '', tf.displayAllText);\n li0.className = this.checkListItemCssClass;\n ul.appendChild(li0);\n\n Event.add(li0.check, 'click', (evt) => {\n this.optionClick(evt);\n });\n\n if(!this.enableCheckListResetFilter){\n li0.style.display = 'none';\n }\n\n if(tf.enableEmptyOption){\n var li1 = Dom.createCheckItem(\n tf.fltIds[colIndex]+'_1', tf.emOperator, tf.emptyText);\n li1.className = this.checkListItemCssClass;\n ul.appendChild(li1);\n Event.add(li1.check, 'click', (evt) => {\n this.optionClick(evt);\n });\n chkCt++;\n }\n\n if(tf.enableNonEmptyOption){\n var li2 = Dom.createCheckItem(\n tf.fltIds[colIndex]+'_2',\n tf.nmOperator,\n tf.nonEmptyText\n );\n li2.className = this.checkListItemCssClass;\n ul.appendChild(li2);\n Event.add(li2.check, 'click', (evt) => {\n this.optionClick(evt);\n });\n chkCt++;\n }\n return chkCt;\n }\n\n /**\n * Store checked options in DOM element attribute\n * @param {Object} o checklist option DOM element\n */\n setCheckListValues(o){\n if(!o){\n return;\n }\n var tf = this.tf;\n var chkValue = o.value; //checked item value\n var chkIndex = parseInt(o.id.split('_')[2], 10);\n var filterTag = 'ul', itemTag = 'li';\n var n = o;\n\n //ul tag search\n while(Str.lower(n.nodeName)!==filterTag){\n n = n.parentNode;\n }\n\n var li = n.childNodes[chkIndex];\n var colIndex = n.getAttribute('colIndex');\n var fltValue = n.getAttribute('value'); //filter value (ul tag)\n var fltIndexes = n.getAttribute('indexes'); //selected items (ul tag)\n\n if(o.checked){\n //show all item\n if(chkValue===''){\n if((fltIndexes && fltIndexes!=='')){\n //items indexes\n var indSplit = fltIndexes.split(tf.separator);\n //checked items loop\n for(var u=0; u this.onCheckListClick(evt));\n }\n }\n\n /**\n * Initialize checklist filter\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal External filter flag\n * @param {DOMElement} container Dom element containing the filter\n */\n init(colIndex, isExternal, container){\n let tf = this.tf;\n let externalFltTgtId = isExternal ?\n tf.externalFltTgtIds[colIndex] : null;\n\n let divCont = Dom.create('div',\n ['id', this.prfxCheckListDiv+colIndex+'_'+tf.id],\n ['ct', colIndex], ['filled', '0']);\n divCont.className = this.checkListDivCssClass;\n\n //filter is appended in desired element\n if(externalFltTgtId){\n Dom.id(externalFltTgtId).appendChild(divCont);\n tf.externalFltEls.push(divCont);\n } else {\n container.appendChild(divCont);\n }\n\n this.checkListDiv[colIndex] = divCont;\n tf.fltIds.push(tf.prfxFlt+colIndex+'_'+tf.id);\n\n if(!tf.loadFltOnDemand){\n this.build(colIndex);\n } else {\n Event.add(divCont, 'click', (evt)=> this.onCheckListClick(evt));\n divCont.appendChild(Dom.text(this.activateCheckListTxt));\n }\n\n this.emitter.on(\n ['build-checklist-filter'],\n (tf, colIndex, isExternal)=> this.build(colIndex, isExternal)\n );\n\n this.emitter.on(\n ['select-checklist-options'],\n (tf, colIndex, values)=> this.selectOptions(colIndex, values)\n );\n\n this.initialized = true;\n }\n\n /**\n * Build checklist UI\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal Render in external container\n * @param {String} extFltId External container id\n */\n build(colIndex, isExternal=false, extFltId=null){\n let tf = this.tf;\n colIndex = parseInt(colIndex, 10);\n\n this.emitter.emit('before-populating-filter', tf, colIndex);\n\n this.opts = [];\n this.optsTxt = [];\n\n let divFltId = this.prfxCheckListDiv+colIndex+'_'+tf.id;\n if((!Dom.id(divFltId) && !isExternal) ||\n (!Dom.id(extFltId) && isExternal)){\n return;\n }\n\n let flt = !isExternal ? this.checkListDiv[colIndex] : Dom.id(extFltId);\n let ul = Dom.create(\n 'ul', ['id', tf.fltIds[colIndex]], ['colIndex', colIndex]);\n ul.className = this.checkListCssClass;\n Event.add(ul, 'change', (evt)=> this.onChange(evt));\n\n let rows = tf.tbl.rows;\n this.isCustom = tf.isCustomOptions(colIndex);\n\n let activeFlt;\n if(tf.linkedFilters && tf.activeFilterId){\n activeFlt = tf.activeFilterId.split('_')[0];\n activeFlt = activeFlt.split(tf.prfxFlt)[1];\n }\n\n let filteredDataCol = [];\n if(tf.linkedFilters && tf.disableExcludedOptions){\n this.excludedOpts = [];\n }\n\n for(let k=tf.refRow; k this.optionClick(evt));\n }\n ul.appendChild(li);\n\n if(val === ''){\n //item is hidden\n li.style.display = 'none';\n }\n }\n }\n\n /**\n * Add checklist header option\n * @param {Number} colIndex Column index\n * @param {Object} ul Ul element\n */\n addTChecks(colIndex, ul){\n let tf = this.tf;\n let chkCt = 1;\n let li0 = Dom.createCheckItem(\n tf.fltIds[colIndex]+'_0', '', tf.displayAllText);\n li0.className = this.checkListItemCssClass;\n ul.appendChild(li0);\n\n Event.add(li0.check, 'click', (evt)=> this.optionClick(evt));\n\n if(!this.enableCheckListResetFilter){\n li0.style.display = 'none';\n }\n\n if(tf.enableEmptyOption){\n let li1 = Dom.createCheckItem(\n tf.fltIds[colIndex]+'_1', tf.emOperator, tf.emptyText);\n li1.className = this.checkListItemCssClass;\n ul.appendChild(li1);\n Event.add(li1.check, 'click', (evt)=> this.optionClick(evt));\n chkCt++;\n }\n\n if(tf.enableNonEmptyOption){\n let li2 = Dom.createCheckItem(\n tf.fltIds[colIndex]+'_2',\n tf.nmOperator,\n tf.nonEmptyText\n );\n li2.className = this.checkListItemCssClass;\n ul.appendChild(li2);\n Event.add(li2.check, 'click', (evt)=> this.optionClick(evt));\n chkCt++;\n }\n return chkCt;\n }\n\n /**\n * Store checked options in DOM element attribute\n * @param {Object} o checklist option DOM element\n */\n setCheckListValues(o){\n if(!o){\n return;\n }\n let tf = this.tf;\n let chkValue = o.value; //checked item value\n let chkIndex = parseInt(o.id.split('_')[2], 10);\n let filterTag = 'ul', itemTag = 'li';\n let n = o;\n\n //ul tag search\n while(Str.lower(n.nodeName)!==filterTag){\n n = n.parentNode;\n }\n\n let li = n.childNodes[chkIndex];\n let colIndex = n.getAttribute('colIndex');\n let fltValue = n.getAttribute('value'); //filter value (ul tag)\n let fltIndexes = n.getAttribute('indexes'); //selected items (ul tag)\n\n if(o.checked){\n //show all item\n if(chkValue===''){\n if((fltIndexes && fltIndexes!=='')){\n //items indexes\n let indSplit = fltIndexes.split(tf.separator);\n //checked items loop\n for(let u=0; u this.build(colIndex, isExternal)\n );\n this.emitter.off(\n ['select-checklist-options'],\n (tf, colIndex, values)=> this.selectOptions(colIndex, values)\n );\n }\n}\n"
},
{
"kind": "class",
@@ -3660,9 +3921,12 @@
"importPath": "tablefilter/src/modules/checkList.js",
"importStyle": "{CheckList}",
"description": null,
- "lineNumber": 7,
+ "lineNumber": 8,
"undocument": true,
- "interface": false
+ "interface": false,
+ "extends": [
+ "src/modules/feature~Feature"
+ ]
},
{
"kind": "constructor",
@@ -3673,7 +3937,7 @@
"longname": "src/modules/checkList.js~CheckList#constructor",
"access": null,
"description": "Checklist UI component",
- "lineNumber": 13,
+ "lineNumber": 14,
"params": [
{
"nullable": null,
@@ -3697,7 +3961,7 @@
"longname": "src/modules/checkList.js~CheckList#checkListDiv",
"access": null,
"description": null,
- "lineNumber": 17,
+ "lineNumber": 20,
"undocument": true,
"type": {
"types": [
@@ -3714,7 +3978,7 @@
"longname": "src/modules/checkList.js~CheckList#checkListDivCssClass",
"access": null,
"description": null,
- "lineNumber": 19,
+ "lineNumber": 22,
"undocument": true,
"type": {
"types": [
@@ -3731,7 +3995,7 @@
"longname": "src/modules/checkList.js~CheckList#checkListCssClass",
"access": null,
"description": null,
- "lineNumber": 22,
+ "lineNumber": 25,
"undocument": true,
"type": {
"types": [
@@ -3748,7 +4012,7 @@
"longname": "src/modules/checkList.js~CheckList#checkListItemCssClass",
"access": null,
"description": null,
- "lineNumber": 24,
+ "lineNumber": 27,
"undocument": true,
"type": {
"types": [
@@ -3765,7 +4029,7 @@
"longname": "src/modules/checkList.js~CheckList#checkListSlcItemCssClass",
"access": null,
"description": null,
- "lineNumber": 27,
+ "lineNumber": 30,
"undocument": true,
"type": {
"types": [
@@ -3782,7 +4046,7 @@
"longname": "src/modules/checkList.js~CheckList#activateCheckListTxt",
"access": null,
"description": null,
- "lineNumber": 30,
+ "lineNumber": 33,
"undocument": true,
"type": {
"types": [
@@ -3799,7 +4063,7 @@
"longname": "src/modules/checkList.js~CheckList#checkListItemDisabledCssClass",
"access": null,
"description": null,
- "lineNumber": 33,
+ "lineNumber": 36,
"undocument": true,
"type": {
"types": [
@@ -3816,7 +4080,7 @@
"longname": "src/modules/checkList.js~CheckList#enableCheckListResetFilter",
"access": null,
"description": null,
- "lineNumber": 36,
+ "lineNumber": 39,
"undocument": true,
"type": {
"types": [
@@ -3833,7 +4097,7 @@
"longname": "src/modules/checkList.js~CheckList#prfxCheckListDiv",
"access": null,
"description": null,
- "lineNumber": 39,
+ "lineNumber": 42,
"undocument": true,
"type": {
"types": [
@@ -3850,7 +4114,7 @@
"longname": "src/modules/checkList.js~CheckList#isCustom",
"access": null,
"description": null,
- "lineNumber": 41,
+ "lineNumber": 44,
"undocument": true,
"type": {
"types": [
@@ -3867,7 +4131,7 @@
"longname": "src/modules/checkList.js~CheckList#opts",
"access": null,
"description": null,
- "lineNumber": 42,
+ "lineNumber": 45,
"undocument": true,
"type": {
"types": [
@@ -3884,7 +4148,7 @@
"longname": "src/modules/checkList.js~CheckList#optsTxt",
"access": null,
"description": null,
- "lineNumber": 43,
+ "lineNumber": 46,
"undocument": true,
"type": {
"types": [
@@ -3901,24 +4165,7 @@
"longname": "src/modules/checkList.js~CheckList#excludedOpts",
"access": null,
"description": null,
- "lineNumber": 44,
- "undocument": true,
- "type": {
- "types": [
- "*"
- ]
- }
- },
- {
- "kind": "member",
- "static": false,
- "variation": null,
- "name": "tf",
- "memberof": "src/modules/checkList.js~CheckList",
- "longname": "src/modules/checkList.js~CheckList#tf",
- "access": null,
- "description": null,
- "lineNumber": 46,
+ "lineNumber": 47,
"undocument": true,
"type": {
"types": [
@@ -3956,7 +4203,7 @@
"longname": "src/modules/checkList.js~CheckList#optionClick",
"access": null,
"description": null,
- "lineNumber": 57,
+ "lineNumber": 58,
"undocument": true,
"params": [
{
@@ -3972,12 +4219,33 @@
"kind": "method",
"static": false,
"variation": null,
- "name": "build",
+ "name": "onCheckListClick",
"memberof": "src/modules/checkList.js~CheckList",
- "longname": "src/modules/checkList.js~CheckList#build",
+ "longname": "src/modules/checkList.js~CheckList#onCheckListClick",
"access": null,
- "description": "Build checklist UI asynchronously",
- "lineNumber": 68,
+ "description": null,
+ "lineNumber": 63,
+ "undocument": true,
+ "params": [
+ {
+ "name": "evt",
+ "types": [
+ "*"
+ ]
+ }
+ ],
+ "generator": false
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "init",
+ "memberof": "src/modules/checkList.js~CheckList",
+ "longname": "src/modules/checkList.js~CheckList#init",
+ "access": null,
+ "description": "Initialize checklist filter",
+ "lineNumber": 79,
"params": [
{
"nullable": null,
@@ -3997,31 +4265,48 @@
"spread": false,
"optional": false,
"name": "isExternal",
- "description": "Render in external container"
+ "description": "External filter flag"
},
{
"nullable": null,
"types": [
- "String"
+ "DOMElement"
],
"spread": false,
"optional": false,
- "name": "extFltId",
- "description": "External container id"
+ "name": "container",
+ "description": "Dom element containing the filter"
}
],
"generator": false
},
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "initialized",
+ "memberof": "src/modules/checkList.js~CheckList",
+ "longname": "src/modules/checkList.js~CheckList#initialized",
+ "access": null,
+ "description": null,
+ "lineNumber": 117,
+ "undocument": true,
+ "type": {
+ "types": [
+ "boolean"
+ ]
+ }
+ },
{
"kind": "method",
"static": false,
"variation": null,
- "name": "_build",
+ "name": "build",
"memberof": "src/modules/checkList.js~CheckList",
- "longname": "src/modules/checkList.js~CheckList#_build",
+ "longname": "src/modules/checkList.js~CheckList#build",
"access": null,
"description": "Build checklist UI",
- "lineNumber": 82,
+ "lineNumber": 126,
"params": [
{
"nullable": null,
@@ -4065,7 +4350,7 @@
"longname": "src/modules/checkList.js~CheckList#opts",
"access": null,
"description": null,
- "lineNumber": 86,
+ "lineNumber": 132,
"undocument": true,
"type": {
"types": [
@@ -4082,7 +4367,7 @@
"longname": "src/modules/checkList.js~CheckList#optsTxt",
"access": null,
"description": null,
- "lineNumber": 87,
+ "lineNumber": 133,
"undocument": true,
"type": {
"types": [
@@ -4099,7 +4384,7 @@
"longname": "src/modules/checkList.js~CheckList#isCustom",
"access": null,
"description": null,
- "lineNumber": 102,
+ "lineNumber": 148,
"undocument": true,
"type": {
"types": [
@@ -4116,7 +4401,7 @@
"longname": "src/modules/checkList.js~CheckList#excludedOpts",
"access": null,
"description": null,
- "lineNumber": 112,
+ "lineNumber": 158,
"undocument": true,
"type": {
"types": [
@@ -4133,7 +4418,7 @@
"longname": "src/modules/checkList.js~CheckList#opts",
"access": null,
"description": null,
- "lineNumber": 166,
+ "lineNumber": 211,
"undocument": true,
"type": {
"types": [
@@ -4150,7 +4435,7 @@
"longname": "src/modules/checkList.js~CheckList#optsTxt",
"access": null,
"description": null,
- "lineNumber": 167,
+ "lineNumber": 212,
"undocument": true,
"type": {
"types": [
@@ -4167,7 +4452,7 @@
"longname": "src/modules/checkList.js~CheckList#addChecks",
"access": null,
"description": "Add checklist options",
- "lineNumber": 237,
+ "lineNumber": 284,
"params": [
{
"nullable": null,
@@ -4201,7 +4486,7 @@
"longname": "src/modules/checkList.js~CheckList#addTChecks",
"access": null,
"description": "Add checklist header option",
- "lineNumber": 295,
+ "lineNumber": 317,
"params": [
{
"nullable": null,
@@ -4240,7 +4525,7 @@
"longname": "src/modules/checkList.js~CheckList#setCheckListValues",
"access": null,
"description": "Store checked options in DOM element attribute",
- "lineNumber": 342,
+ "lineNumber": 358,
"params": [
{
"nullable": null,
@@ -4255,6 +4540,54 @@
],
"generator": false
},
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "selectOptions",
+ "memberof": "src/modules/checkList.js~CheckList",
+ "longname": "src/modules/checkList.js~CheckList#selectOptions",
+ "access": null,
+ "description": "Select filter options programmatically",
+ "lineNumber": 441,
+ "params": [
+ {
+ "nullable": null,
+ "types": [
+ "Number"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "colIndex",
+ "description": "Column index"
+ },
+ {
+ "nullable": null,
+ "types": [
+ "Array"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "values",
+ "description": "Array of option values to select"
+ }
+ ],
+ "generator": false
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "destroy",
+ "memberof": "src/modules/checkList.js~CheckList",
+ "longname": "src/modules/checkList.js~CheckList#destroy",
+ "access": null,
+ "description": null,
+ "lineNumber": 470,
+ "undocument": true,
+ "params": [],
+ "generator": false
+ },
{
"kind": "file",
"static": true,
@@ -4530,7 +4863,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import Dom from '../dom';\nimport Arr from '../array';\nimport Str from '../string';\nimport Sort from '../sort';\n\nexport class Dropdown{\n\n /**\n * Dropdown UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n // Configuration object\n var f = tf.config();\n\n this.enableSlcResetFilter = f.enable_slc_reset_filter===false ?\n false : true;\n //defines empty option text\n this.nonEmptyText = f.non_empty_text || '(Non empty)';\n //sets select filling method: 'innerHTML' or 'createElement'\n this.slcFillingMethod = f.slc_filling_method || 'createElement';\n //IE only, tooltip text appearing on select before it is populated\n this.activateSlcTooltip = f.activate_slc_tooltip ||\n 'Click to activate';\n //tooltip text appearing on multiple select\n this.multipleSlcTooltip = f.multiple_slc_tooltip ||\n 'Use Ctrl key for multiple selections';\n\n this.isCustom = null;\n this.opts = null;\n this.optsTxt = null;\n this.slcInnerHtml = null;\n\n this.tf = tf;\n }\n\n /**\n * Build drop-down filter UI asynchronously\n * @param {Number} colIndex Column index\n * @param {Boolean} isLinked Enable linked refresh behaviour\n * @param {Boolean} isExternal Render in external container\n * @param {String} extSlcId External container id\n */\n build(colIndex, isLinked, isExternal, extSlcId){\n var tf = this.tf;\n tf.EvtManager(\n tf.Evt.name.dropdown,\n {\n slcIndex: colIndex,\n slcRefreshed: isLinked,\n slcExternal: isExternal,\n slcId: extSlcId\n }\n );\n }\n\n /**\n * Build drop-down filter UI\n * @param {Number} colIndex Column index\n * @param {Boolean} isLinked Enable linked refresh behaviour\n * @param {Boolean} isExternal Render in external container\n * @param {String} extSlcId External container id\n */\n _build(colIndex, isLinked=false, isExternal=false, extSlcId=null){\n var tf = this.tf;\n colIndex = parseInt(colIndex, 10);\n\n this.opts = [];\n this.optsTxt = [];\n this.slcInnerHtml = '';\n\n var slcId = tf.fltIds[colIndex];\n if((!Dom.id(slcId) && !isExternal) ||\n (!Dom.id(extSlcId) && isExternal)){\n return;\n }\n var slc = !isExternal ? Dom.id(slcId) : Dom.id(extSlcId),\n rows = tf.tbl.rows,\n matchCase = tf.matchCase;\n\n //custom select test\n this.isCustom = tf.isCustomOptions(colIndex);\n\n //custom selects text\n var activeFlt;\n if(isLinked && tf.activeFilterId){\n activeFlt = tf.activeFilterId.split('_')[0];\n activeFlt = activeFlt.split(tf.prfxFlt)[1];\n }\n\n /*** remember grid values ***/\n var fltsValues = [], fltArr = [];\n if(tf.rememberGridValues){\n fltsValues =\n tf.feature('store').getFilterValues(tf.fltsValuesCookie);\n if(fltsValues && !Str.isEmpty(fltsValues.toString())){\n if(this.isCustom){\n fltArr.push(fltsValues[colIndex]);\n } else {\n fltArr = fltsValues[colIndex].split(' '+tf.orOperator+' ');\n }\n }\n }\n\n var excludedOpts = null,\n filteredDataCol = null;\n if(isLinked && tf.disableExcludedOptions){\n excludedOpts = [];\n filteredDataCol = [];\n }\n\n for(var k=tf.refRow; k' +\n lbl+'';\n } else {\n var opt;\n //fill select on demand\n if(tf.loadFltOnDemand && slcValue===this.opts[y] &&\n tf.getFilterType(colIndex) === tf.fltTypeSlc){\n opt = Dom.createOpt(lbl, val, true);\n } else {\n if(tf.getFilterType(colIndex) !== tf.fltTypeMulti){\n opt = Dom.createOpt(\n lbl,\n val,\n (fltsValues[colIndex]!==' ' &&\n val===fltsValues[colIndex]) ? true : false\n );\n } else {\n opt = Dom.createOpt(\n lbl,\n val,\n (Arr.has(fltArr,\n Str.matchCase(this.opts[y], tf.matchCase),\n tf.matchCase) ||\n fltArr.toString().indexOf(val)!== -1) ?\n true : false\n );\n }\n }\n if(isDisabled){\n opt.disabled = true;\n }\n slc.appendChild(opt);\n }\n }// for y\n\n if(fillMethod === 'innerhtml'){\n slc.innerHTML += this.slcInnerHtml;\n }\n slc.setAttribute('filled', '1');\n }\n\n /**\n * Add drop-down header option\n * @param {Object} slc Select DOM element\n */\n addFirstOption(slc){\n var tf = this.tf,\n fillMethod = Str.lower(this.slcFillingMethod);\n\n if(fillMethod === 'innerhtml'){\n this.slcInnerHtml += ''+ tf.displayAllText +\n ' ';\n }\n else {\n var opt0 = Dom.createOpt(\n (!this.enableSlcResetFilter ? '' : tf.displayAllText),'');\n if(!this.enableSlcResetFilter){\n opt0.style.display = 'none';\n }\n slc.appendChild(opt0);\n if(tf.enableEmptyOption){\n var opt1 = Dom.createOpt(tf.emptyText, tf.emOperator);\n slc.appendChild(opt1);\n }\n if(tf.enableNonEmptyOption){\n var opt2 = Dom.createOpt(tf.nonEmptyText, tf.nmOperator);\n slc.appendChild(opt2);\n }\n }\n return slc;\n }\n\n}\n"
+ "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Arr from '../array';\nimport Str from '../string';\nimport Sort from '../sort';\nimport Event from '../event';\n\nexport class Dropdown extends Feature{\n\n /**\n * Dropdown UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'dropdown');\n\n // Configuration object\n let f = tf.config();\n\n this.enableSlcResetFilter = f.enable_slc_reset_filter===false ?\n false : true;\n //defines empty option text\n this.nonEmptyText = f.non_empty_text || '(Non empty)';\n //sets select filling method: 'innerHTML' or 'createElement'\n this.slcFillingMethod = f.slc_filling_method || 'createElement';\n //IE only, tooltip text appearing on select before it is populated\n this.activateSlcTooltip = f.activate_slc_tooltip ||\n 'Click to activate';\n //tooltip text appearing on multiple select\n this.multipleSlcTooltip = f.multiple_slc_tooltip ||\n 'Use Ctrl key for multiple selections';\n\n this.isCustom = null;\n this.opts = null;\n this.optsTxt = null;\n this.slcInnerHtml = null;\n }\n\n onSlcFocus(e) {\n let elm = Event.target(e);\n let tf = this.tf;\n tf.activeFilterId = elm.getAttribute('id');\n tf.activeFlt = Dom.id(tf.activeFilterId);\n // select is populated when element has focus\n if(tf.loadFltOnDemand && elm.getAttribute('filled') === '0'){\n let ct = elm.getAttribute('ct');\n this.build(ct);\n }\n this.emitter.emit('filter-focus', tf, this);\n }\n\n onSlcChange() {\n if(this.tf.onSlcChange){\n this.tf.filter();\n }\n }\n\n /**\n * Initialize drop-down filter\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal External filter flag\n * @param {DOMElement} container Dom element containing the filter\n */\n init(colIndex, isExternal, container){\n let tf = this.tf;\n let col = tf.getFilterType(colIndex);\n let externalFltTgtId = isExternal ?\n tf.externalFltTgtIds[colIndex] : null;\n\n let slc = Dom.create(tf.fltTypeSlc,\n ['id', tf.prfxFlt+colIndex+'_'+tf.id],\n ['ct', colIndex], ['filled', '0']\n );\n\n if(col === tf.fltTypeMulti){\n slc.multiple = tf.fltTypeMulti;\n slc.title = this.multipleSlcTooltip;\n }\n slc.className = Str.lower(col) === tf.fltTypeSlc ?\n tf.fltCssClass : tf.fltMultiCssClass;\n\n //filter is appended in container element\n if(externalFltTgtId){\n Dom.id(externalFltTgtId).appendChild(slc);\n tf.externalFltEls.push(slc);\n } else {\n container.appendChild(slc);\n }\n\n tf.fltIds.push(slc.id);\n\n if(!tf.loadFltOnDemand){\n this.build(colIndex);\n } else {\n //1st option is created here since build isn't invoked\n let opt0 = Dom.createOpt(tf.displayAllText, '');\n slc.appendChild(opt0);\n }\n\n Event.add(slc, 'change', ()=> this.onSlcChange());\n Event.add(slc, 'focus', (e)=> this.onSlcFocus(e));\n\n this.emitter.on(\n ['build-select-filter'],\n (tf, colIndex, isLinked, isExternal)=>\n this.build(colIndex, isLinked, isExternal)\n );\n this.emitter.on(\n ['select-options'],\n (tf, colIndex, values)=> this.selectOptions(colIndex, values)\n );\n\n this.initialized = true;\n }\n\n /**\n * Build drop-down filter UI\n * @param {Number} colIndex Column index\n * @param {Boolean} isLinked Enable linked refresh behaviour\n * @param {Boolean} isExternal Render in external container\n * @param {String} extSlcId External container id\n */\n build(colIndex, isLinked=false, isExternal=false, extSlcId=null){\n let tf = this.tf;\n colIndex = parseInt(colIndex, 10);\n\n this.emitter.emit('before-populating-filter', tf, colIndex);\n\n this.opts = [];\n this.optsTxt = [];\n this.slcInnerHtml = '';\n\n let slcId = tf.fltIds[colIndex];\n if((!Dom.id(slcId) && !isExternal) ||\n (!Dom.id(extSlcId) && isExternal)){\n return;\n }\n let slc = !isExternal ? Dom.id(slcId) : Dom.id(extSlcId),\n rows = tf.tbl.rows,\n matchCase = tf.matchCase;\n\n //custom select test\n this.isCustom = tf.isCustomOptions(colIndex);\n\n //custom selects text\n let activeFlt;\n if(isLinked && tf.activeFilterId){\n activeFlt = tf.activeFilterId.split('_')[0];\n activeFlt = activeFlt.split(tf.prfxFlt)[1];\n }\n\n let excludedOpts = null,\n filteredDataCol = null;\n if(isLinked && tf.disableExcludedOptions){\n excludedOpts = [];\n filteredDataCol = [];\n }\n\n for(let k=tf.refRow; k' +\n lbl+'';\n } else {\n let opt;\n //fill select on demand\n if(tf.loadFltOnDemand && slcValue===this.opts[y] &&\n tf.getFilterType(colIndex) === tf.fltTypeSlc){\n opt = Dom.createOpt(lbl, val, true);\n } else {\n opt = Dom.createOpt(lbl, val, false);\n }\n if(isDisabled){\n opt.disabled = true;\n }\n slc.appendChild(opt);\n }\n }// for y\n\n if(fillMethod === 'innerhtml'){\n slc.innerHTML += this.slcInnerHtml;\n }\n slc.setAttribute('filled', '1');\n }\n\n /**\n * Add drop-down header option\n * @param {Object} slc Select DOM element\n */\n addFirstOption(slc){\n let tf = this.tf,\n fillMethod = Str.lower(this.slcFillingMethod);\n\n if(fillMethod === 'innerhtml'){\n this.slcInnerHtml += ''+ tf.displayAllText +\n ' ';\n }\n else {\n let opt0 = Dom.createOpt(\n (!this.enableSlcResetFilter ? '' : tf.displayAllText),'');\n if(!this.enableSlcResetFilter){\n opt0.style.display = 'none';\n }\n slc.appendChild(opt0);\n if(tf.enableEmptyOption){\n let opt1 = Dom.createOpt(tf.emptyText, tf.emOperator);\n slc.appendChild(opt1);\n }\n if(tf.enableNonEmptyOption){\n let opt2 = Dom.createOpt(tf.nonEmptyText, tf.nmOperator);\n slc.appendChild(opt2);\n }\n }\n return slc;\n }\n\n /**\n * Select filter options programmatically\n * @param {Number} colIndex Column index\n * @param {Array} values Array of option values to select\n */\n selectOptions(colIndex, values=[]){\n let tf = this.tf;\n if(tf.getFilterType(colIndex) !== tf.fltTypeMulti ||\n values.length === 0){\n return;\n }\n let slc = tf.getFilterElement(colIndex);\n [].forEach.call(slc.options, (option)=> {\n // Empty value means clear all selections and first option is the\n // clear all option\n if(values[0] === '' || option.value === ''){\n option.selected = false;\n }\n\n if(option.value !== '' &&\n Arr.has(values, option.value, true)){\n option.selected = true;\n }//if\n });\n }\n\n destroy(){\n this.emitter.off(\n ['build-select-filter'],\n (colIndex, isLinked, isExternal)=>\n this.build(colIndex, isLinked, isExternal)\n );\n this.emitter.off(\n ['select-options'],\n (tf, colIndex, values)=> this.selectOptions(colIndex, values)\n );\n }\n}\n"
},
{
"kind": "class",
@@ -4544,9 +4877,12 @@
"importPath": "tablefilter/src/modules/dropdown.js",
"importStyle": "{Dropdown}",
"description": null,
- "lineNumber": 6,
+ "lineNumber": 8,
"undocument": true,
- "interface": false
+ "interface": false,
+ "extends": [
+ "src/modules/feature~Feature"
+ ]
},
{
"kind": "constructor",
@@ -4557,7 +4893,7 @@
"longname": "src/modules/dropdown.js~Dropdown#constructor",
"access": null,
"description": "Dropdown UI component",
- "lineNumber": 12,
+ "lineNumber": 14,
"params": [
{
"nullable": null,
@@ -4581,7 +4917,7 @@
"longname": "src/modules/dropdown.js~Dropdown#enableSlcResetFilter",
"access": null,
"description": null,
- "lineNumber": 16,
+ "lineNumber": 20,
"undocument": true,
"type": {
"types": [
@@ -4598,7 +4934,7 @@
"longname": "src/modules/dropdown.js~Dropdown#nonEmptyText",
"access": null,
"description": null,
- "lineNumber": 19,
+ "lineNumber": 23,
"undocument": true,
"type": {
"types": [
@@ -4615,7 +4951,7 @@
"longname": "src/modules/dropdown.js~Dropdown#slcFillingMethod",
"access": null,
"description": null,
- "lineNumber": 21,
+ "lineNumber": 25,
"undocument": true,
"type": {
"types": [
@@ -4632,7 +4968,7 @@
"longname": "src/modules/dropdown.js~Dropdown#activateSlcTooltip",
"access": null,
"description": null,
- "lineNumber": 23,
+ "lineNumber": 27,
"undocument": true,
"type": {
"types": [
@@ -4649,7 +4985,7 @@
"longname": "src/modules/dropdown.js~Dropdown#multipleSlcTooltip",
"access": null,
"description": null,
- "lineNumber": 26,
+ "lineNumber": 30,
"undocument": true,
"type": {
"types": [
@@ -4666,7 +5002,7 @@
"longname": "src/modules/dropdown.js~Dropdown#isCustom",
"access": null,
"description": null,
- "lineNumber": 29,
+ "lineNumber": 33,
"undocument": true,
"type": {
"types": [
@@ -4683,7 +5019,7 @@
"longname": "src/modules/dropdown.js~Dropdown#opts",
"access": null,
"description": null,
- "lineNumber": 30,
+ "lineNumber": 34,
"undocument": true,
"type": {
"types": [
@@ -4700,7 +5036,7 @@
"longname": "src/modules/dropdown.js~Dropdown#optsTxt",
"access": null,
"description": null,
- "lineNumber": 31,
+ "lineNumber": 35,
"undocument": true,
"type": {
"types": [
@@ -4717,24 +5053,7 @@
"longname": "src/modules/dropdown.js~Dropdown#slcInnerHtml",
"access": null,
"description": null,
- "lineNumber": 32,
- "undocument": true,
- "type": {
- "types": [
- "*"
- ]
- }
- },
- {
- "kind": "member",
- "static": false,
- "variation": null,
- "name": "tf",
- "memberof": "src/modules/dropdown.js~Dropdown",
- "longname": "src/modules/dropdown.js~Dropdown#tf",
- "access": null,
- "description": null,
- "lineNumber": 34,
+ "lineNumber": 36,
"undocument": true,
"type": {
"types": [
@@ -4746,52 +5065,19 @@
"kind": "method",
"static": false,
"variation": null,
- "name": "build",
+ "name": "onSlcFocus",
"memberof": "src/modules/dropdown.js~Dropdown",
- "longname": "src/modules/dropdown.js~Dropdown#build",
+ "longname": "src/modules/dropdown.js~Dropdown#onSlcFocus",
"access": null,
- "description": "Build drop-down filter UI asynchronously",
- "lineNumber": 44,
+ "description": null,
+ "lineNumber": 39,
+ "undocument": true,
"params": [
{
- "nullable": null,
+ "name": "e",
"types": [
- "Number"
- ],
- "spread": false,
- "optional": false,
- "name": "colIndex",
- "description": "Column index"
- },
- {
- "nullable": null,
- "types": [
- "Boolean"
- ],
- "spread": false,
- "optional": false,
- "name": "isLinked",
- "description": "Enable linked refresh behaviour"
- },
- {
- "nullable": null,
- "types": [
- "Boolean"
- ],
- "spread": false,
- "optional": false,
- "name": "isExternal",
- "description": "Render in external container"
- },
- {
- "nullable": null,
- "types": [
- "String"
- ],
- "spread": false,
- "optional": false,
- "name": "extSlcId",
- "description": "External container id"
+ "*"
+ ]
}
],
"generator": false
@@ -4800,12 +5086,87 @@
"kind": "method",
"static": false,
"variation": null,
- "name": "_build",
+ "name": "onSlcChange",
"memberof": "src/modules/dropdown.js~Dropdown",
- "longname": "src/modules/dropdown.js~Dropdown#_build",
+ "longname": "src/modules/dropdown.js~Dropdown#onSlcChange",
"access": null,
- "description": "Build drop-down filter UI",
+ "description": null,
+ "lineNumber": 52,
+ "undocument": true,
+ "params": [],
+ "generator": false
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "init",
+ "memberof": "src/modules/dropdown.js~Dropdown",
+ "longname": "src/modules/dropdown.js~Dropdown#init",
+ "access": null,
+ "description": "Initialize drop-down filter",
"lineNumber": 64,
+ "params": [
+ {
+ "nullable": null,
+ "types": [
+ "Number"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "colIndex",
+ "description": "Column index"
+ },
+ {
+ "nullable": null,
+ "types": [
+ "Boolean"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "isExternal",
+ "description": "External filter flag"
+ },
+ {
+ "nullable": null,
+ "types": [
+ "DOMElement"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "container",
+ "description": "Dom element containing the filter"
+ }
+ ],
+ "generator": false
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "initialized",
+ "memberof": "src/modules/dropdown.js~Dropdown",
+ "longname": "src/modules/dropdown.js~Dropdown#initialized",
+ "access": null,
+ "description": null,
+ "lineNumber": 113,
+ "undocument": true,
+ "type": {
+ "types": [
+ "boolean"
+ ]
+ }
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "build",
+ "memberof": "src/modules/dropdown.js~Dropdown",
+ "longname": "src/modules/dropdown.js~Dropdown#build",
+ "access": null,
+ "description": "Build drop-down filter UI",
+ "lineNumber": 123,
"params": [
{
"nullable": null,
@@ -4859,7 +5220,7 @@
"longname": "src/modules/dropdown.js~Dropdown#opts",
"access": null,
"description": null,
- "lineNumber": 68,
+ "lineNumber": 129,
"undocument": true,
"type": {
"types": [
@@ -4876,7 +5237,7 @@
"longname": "src/modules/dropdown.js~Dropdown#optsTxt",
"access": null,
"description": null,
- "lineNumber": 69,
+ "lineNumber": 130,
"undocument": true,
"type": {
"types": [
@@ -4893,7 +5254,7 @@
"longname": "src/modules/dropdown.js~Dropdown#slcInnerHtml",
"access": null,
"description": null,
- "lineNumber": 70,
+ "lineNumber": 131,
"undocument": true,
"type": {
"types": [
@@ -4910,7 +5271,7 @@
"longname": "src/modules/dropdown.js~Dropdown#isCustom",
"access": null,
"description": null,
- "lineNumber": 82,
+ "lineNumber": 143,
"undocument": true,
"type": {
"types": [
@@ -4927,7 +5288,7 @@
"longname": "src/modules/dropdown.js~Dropdown#opts",
"access": null,
"description": null,
- "lineNumber": 169,
+ "lineNumber": 215,
"undocument": true,
"type": {
"types": [
@@ -4944,7 +5305,7 @@
"longname": "src/modules/dropdown.js~Dropdown#optsTxt",
"access": null,
"description": null,
- "lineNumber": 170,
+ "lineNumber": 216,
"undocument": true,
"type": {
"types": [
@@ -4961,7 +5322,7 @@
"longname": "src/modules/dropdown.js~Dropdown#addOptions",
"access": null,
"description": "Add drop-down options",
- "lineNumber": 240,
+ "lineNumber": 285,
"params": [
{
"nullable": null,
@@ -5002,26 +5363,6 @@
"optional": false,
"name": "excludedOpts",
"description": "Array of excluded options"
- },
- {
- "nullable": null,
- "types": [
- "Array"
- ],
- "spread": false,
- "optional": false,
- "name": "fltsValues",
- "description": "Collection of persisted filter values"
- },
- {
- "nullable": null,
- "types": [
- "Array"
- ],
- "spread": false,
- "optional": false,
- "name": "fltArr",
- "description": "Collection of persisted filter values"
}
],
"generator": false
@@ -5035,7 +5376,7 @@
"longname": "src/modules/dropdown.js~Dropdown#slcInnerHtml",
"access": null,
"description": null,
- "lineNumber": 269,
+ "lineNumber": 314,
"undocument": true,
"type": {
"types": [
@@ -5052,7 +5393,7 @@
"longname": "src/modules/dropdown.js~Dropdown#addFirstOption",
"access": null,
"description": "Add drop-down header option",
- "lineNumber": 315,
+ "lineNumber": 343,
"params": [
{
"nullable": null,
@@ -5081,7 +5422,7 @@
"longname": "src/modules/dropdown.js~Dropdown#slcInnerHtml",
"access": null,
"description": null,
- "lineNumber": 320,
+ "lineNumber": 348,
"undocument": true,
"type": {
"types": [
@@ -5089,6 +5430,54 @@
]
}
},
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "selectOptions",
+ "memberof": "src/modules/dropdown.js~Dropdown",
+ "longname": "src/modules/dropdown.js~Dropdown#selectOptions",
+ "access": null,
+ "description": "Select filter options programmatically",
+ "lineNumber": 375,
+ "params": [
+ {
+ "nullable": null,
+ "types": [
+ "Number"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "colIndex",
+ "description": "Column index"
+ },
+ {
+ "nullable": null,
+ "types": [
+ "Array"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "values",
+ "description": "Array of option values to select"
+ }
+ ],
+ "generator": false
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "destroy",
+ "memberof": "src/modules/dropdown.js~Dropdown",
+ "longname": "src/modules/dropdown.js~Dropdown#destroy",
+ "access": null,
+ "description": null,
+ "lineNumber": 396,
+ "undocument": true,
+ "params": [],
+ "generator": false
+ },
{
"kind": "file",
"static": true,
@@ -5099,7 +5488,7 @@
"access": null,
"description": null,
"lineNumber": 2,
- "content": "\nconst NOTIMPLEMENTED = 'Not implemented.';\n\nexport class Feature {\n constructor(tf, feature) {\n this.tf = tf;\n this.feature = feature;\n this.enabled = tf[feature];\n this.config = tf.config();\n this.initialized = false;\n }\n\n init() {\n throw new Error(NOTIMPLEMENTED);\n }\n\n reset() {\n this.enable();\n this.init();\n }\n\n destroy() {\n throw new Error(NOTIMPLEMENTED);\n }\n\n enable() {\n this.enabled = true;\n }\n\n disable() {\n this.enabled = false;\n }\n\n isEnabled() {\n return this.enabled;\n }\n}\n"
+ "content": "\nconst NOTIMPLEMENTED = 'Not implemented.';\n\nexport class Feature {\n constructor(tf, feature) {\n this.tf = tf;\n this.feature = feature;\n this.enabled = tf[feature];\n this.config = tf.config();\n this.emitter = tf.emitter;\n this.initialized = false;\n }\n\n init() {\n throw new Error(NOTIMPLEMENTED);\n }\n\n reset() {\n this.enable();\n this.init();\n }\n\n destroy() {\n throw new Error(NOTIMPLEMENTED);\n }\n\n enable() {\n this.enabled = true;\n }\n\n disable() {\n this.enabled = false;\n }\n\n isEnabled() {\n return this.enabled;\n }\n}\n"
},
{
"kind": "variable",
@@ -5232,6 +5621,23 @@
]
}
},
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "emitter",
+ "memberof": "src/modules/feature.js~Feature",
+ "longname": "src/modules/feature.js~Feature#emitter",
+ "access": null,
+ "description": null,
+ "lineNumber": 10,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
{
"kind": "member",
"static": false,
@@ -5241,7 +5647,7 @@
"longname": "src/modules/feature.js~Feature#initialized",
"access": null,
"description": null,
- "lineNumber": 10,
+ "lineNumber": 11,
"undocument": true,
"type": {
"types": [
@@ -5258,7 +5664,7 @@
"longname": "src/modules/feature.js~Feature#init",
"access": null,
"description": null,
- "lineNumber": 13,
+ "lineNumber": 14,
"undocument": true,
"params": [],
"generator": false
@@ -5272,7 +5678,7 @@
"longname": "src/modules/feature.js~Feature#reset",
"access": null,
"description": null,
- "lineNumber": 17,
+ "lineNumber": 18,
"undocument": true,
"params": [],
"generator": false
@@ -5286,7 +5692,7 @@
"longname": "src/modules/feature.js~Feature#destroy",
"access": null,
"description": null,
- "lineNumber": 22,
+ "lineNumber": 23,
"undocument": true,
"params": [],
"generator": false
@@ -5300,7 +5706,7 @@
"longname": "src/modules/feature.js~Feature#enable",
"access": null,
"description": null,
- "lineNumber": 26,
+ "lineNumber": 27,
"undocument": true,
"params": [],
"generator": false
@@ -5314,7 +5720,7 @@
"longname": "src/modules/feature.js~Feature#enabled",
"access": null,
"description": null,
- "lineNumber": 27,
+ "lineNumber": 28,
"undocument": true,
"type": {
"types": [
@@ -5331,7 +5737,7 @@
"longname": "src/modules/feature.js~Feature#disable",
"access": null,
"description": null,
- "lineNumber": 30,
+ "lineNumber": 31,
"undocument": true,
"params": [],
"generator": false
@@ -5345,7 +5751,7 @@
"longname": "src/modules/feature.js~Feature#enabled",
"access": null,
"description": null,
- "lineNumber": 31,
+ "lineNumber": 32,
"undocument": true,
"type": {
"types": [
@@ -5362,7 +5768,7 @@
"longname": "src/modules/feature.js~Feature#isEnabled",
"access": null,
"description": null,
- "lineNumber": 34,
+ "lineNumber": 35,
"undocument": true,
"params": [],
"return": {
@@ -5382,7 +5788,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\nimport Event from '../event';\nimport Str from '../string';\n\nexport class GridLayout extends Feature{\n\n /**\n * Grid layout, table with fixed headers\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'gridLayout');\n\n var f = this.config;\n\n //defines grid width\n this.gridWidth = f.grid_width || null;\n //defines grid height\n this.gridHeight = f.grid_height || null;\n //defines css class for main container\n this.gridMainContCssClass = f.grid_cont_css_class || 'grd_Cont';\n //defines css class for div containing table\n this.gridContCssClass = f.grid_tbl_cont_css_class || 'grd_tblCont';\n //defines css class for div containing headers' table\n this.gridHeadContCssClass = f.grid_tblHead_cont_css_class ||\n 'grd_headTblCont';\n //defines css class for div containing rows counter, paging etc.\n this.gridInfDivCssClass = f.grid_inf_grid_css_class || 'grd_inf';\n //defines which row contains column headers\n this.gridHeadRowIndex = f.grid_headers_row_index || 0;\n //array of headers row indexes to be placed in header table\n this.gridHeadRows = f.grid_headers_rows || [0];\n //generate filters in table headers\n this.gridEnableFilters = f.grid_enable_default_filters!==undefined ?\n f.grid_enable_default_filters : true;\n //default col width\n this.gridDefaultColWidth = f.grid_default_col_width || '100px';\n\n this.gridColElms = [];\n\n //div containing grid elements if grid_layout true\n this.prfxMainTblCont = 'gridCont_';\n //div containing table if grid_layout true\n this.prfxTblCont = 'tblCont_';\n //div containing headers table if grid_layout true\n this.prfxHeadTblCont = 'tblHeadCont_';\n //headers' table if grid_layout true\n this.prfxHeadTbl = 'tblHead_';\n //id of td containing the filter if grid_layout true\n this.prfxGridFltTd = '_td_';\n //id of th containing column header if grid_layout true\n this.prfxGridTh = 'tblHeadTh_';\n\n this.sourceTblHtml = tf.tbl.outerHTML;\n }\n\n /**\n * Generates a grid with fixed headers\n */\n init(){\n var tf = this.tf;\n var f = this.config;\n var tbl = tf.tbl;\n\n if(this.initialized){\n return;\n }\n\n tf.isExternalFlt = true;\n\n // default width of 100px if column widths not set\n if(!tf.hasColWidths){\n tf.colWidths = [];\n for(var k=0; k0){\n tbl.removeChild(thead[0]);\n }\n\n //Headers table style\n this.headTbl.style.tableLayout = 'fixed';\n tbl.style.tableLayout = 'fixed';\n this.headTbl.cellPadding = tbl.cellPadding;\n this.headTbl.cellSpacing = tbl.cellSpacing;\n // this.headTbl.style.width = tbl.style.width;\n\n //content table without headers needs col widths to be reset\n tf.setColWidths(0, this.headTbl);\n\n //Headers container width\n // this.headTblCont.style.width = this.tblCont.clientWidth+'px';\n\n tbl.style.width = '';\n //\n this.headTbl.style.width = tbl.clientWidth + 'px';\n //\n\n //scroll synchronisation\n Event.add(this.tblCont, 'scroll', (evt)=> {\n var elm = Event.target(evt);\n var scrollLeft = elm.scrollLeft;\n this.headTblCont.scrollLeft = scrollLeft;\n //New pointerX calc taking into account scrollLeft\n // if(!o.isPointerXOverwritten){\n // try{\n // o.Evt.pointerX = function(evt){\n // var e = evt || global.event;\n // var bdScrollLeft = tf_StandardBody().scrollLeft +\n // scrollLeft;\n // return (e.pageX + scrollLeft) ||\n // (e.clientX + bdScrollLeft);\n // };\n // o.isPointerXOverwritten = true;\n // } catch(err) {\n // o.isPointerXOverwritten = false;\n // }\n // }\n });\n\n //Configure sort extension if any\n var sort = (f.extensions || []).filter(function(itm){\n return itm.name === 'sort';\n });\n if(sort.length === 1){\n sort[0].async_sort = true;\n sort[0].trigger_ids = sortTriggers;\n }\n\n //Cols generation for all browsers excepted IE<=7\n this.tblHasColTag = Dom.tag(tbl, 'col').length > 0 ? true : false;\n\n //Col elements are enough to keep column widths after sorting and\n //filtering\n var createColTags = function(){\n for(var k=(tf.nbCells-1); k>=0; k--){\n var col = Dom.create('col', ['id', tf.id+'_col_'+k]);\n tbl.insertBefore(col, tbl.firstChild);\n col.style.width = tf.colWidths[k];\n this.gridColElms[k] = col;\n }\n this.tblHasColTag = true;\n };\n\n if(!this.tblHasColTag){\n createColTags.call(this);\n } else {\n var cols = Dom.tag(tbl, 'col');\n for(var ii=0; ii0){\n tbl.removeChild(thead[0]);\n }\n\n //Headers table style\n this.headTbl.style.tableLayout = 'fixed';\n tbl.style.tableLayout = 'fixed';\n this.headTbl.cellPadding = tbl.cellPadding;\n this.headTbl.cellSpacing = tbl.cellSpacing;\n // this.headTbl.style.width = tbl.style.width;\n\n //content table without headers needs col widths to be reset\n tf.setColWidths(0, this.headTbl);\n\n //Headers container width\n // this.headTblCont.style.width = this.tblCont.clientWidth+'px';\n\n tbl.style.width = '';\n //\n this.headTbl.style.width = tbl.clientWidth + 'px';\n //\n\n //scroll synchronisation\n Event.add(this.tblCont, 'scroll', (evt)=> {\n let elm = Event.target(evt);\n let scrollLeft = elm.scrollLeft;\n this.headTblCont.scrollLeft = scrollLeft;\n //New pointerX calc taking into account scrollLeft\n // if(!o.isPointerXOverwritten){\n // try{\n // o.Evt.pointerX = function(evt){\n // let e = evt || global.event;\n // let bdScrollLeft = tf_StandardBody().scrollLeft +\n // scrollLeft;\n // return (e.pageX + scrollLeft) ||\n // (e.clientX + bdScrollLeft);\n // };\n // o.isPointerXOverwritten = true;\n // } catch(err) {\n // o.isPointerXOverwritten = false;\n // }\n // }\n });\n\n //Configure sort extension if any\n let sort = (f.extensions || []).filter(function(itm){\n return itm.name === 'sort';\n });\n if(sort.length === 1){\n sort[0].async_sort = true;\n sort[0].trigger_ids = sortTriggers;\n }\n\n //Cols generation for all browsers excepted IE<=7\n this.tblHasColTag = Dom.tag(tbl, 'col').length > 0 ? true : false;\n\n //Col elements are enough to keep column widths after sorting and\n //filtering\n let createColTags = function(){\n for(let k=(tf.nbCells-1); k>=0; k--){\n let col = Dom.create('col', ['id', tf.id+'_col_'+k]);\n tbl.insertBefore(col, tbl.firstChild);\n col.style.width = tf.colWidths[k];\n this.gridColElms[k] = col;\n }\n this.tblHasColTag = true;\n };\n\n if(!this.tblHasColTag){\n createColTags.call(this);\n } else {\n let cols = Dom.tag(tbl, 'col');\n for(let ii=0; ii< , <= , > , ' +\n '>= , = , * , ! , { , } , ' +\n '|| ,&& , [empty] , [nonempty] , ' +\n 'rgx: ' +\n 'Learn more < , <= , > , ' +\n '>= , = , * , ! , { , } , ' +\n '|| ,&& , [empty] , [nonempty] , ' +\n 'rgx: ' +\n 'Learn more this.unhighlightAll()\n );\n this.emitter.on(\n ['highlight-keyword'],\n (tf, cell, word)=>\n this.highlight(cell, word, this.highlightCssClass)\n );\n }\n\n /**\n * highlight occurences of searched term in passed node\n * @param {Node} node\n * @param {String} word Searched term\n * @param {String} cssClass Css class name\n */\n highlight(node, word, cssClass){\n // Iterate into this nodes childNodes\n if(node.hasChildNodes){\n var children = node.childNodes;\n for(var i=0; i {\n if(Types.isArray(val)){\n val.forEach((item)=>\n this.unhighlight(item, this.highlightCssClass));\n } else {\n this.unhighlight(val, this.highlightCssClass);\n }\n });\n this.highlightedNodes = [];\n }\n\n destroy(){\n this.emitter.off(\n ['before-filtering', 'destroy'],\n ()=> this.unhighlightAll()\n );\n this.emitter.off(\n ['highlight-keyword'],\n (tf, cell, word)=>\n this.highlight(cell, word, this.highlightCssClass)\n );\n }\n}"
},
{
"kind": "class",
@@ -6445,7 +6851,7 @@
"importPath": "tablefilter/src/modules/highlightKeywords.js",
"importStyle": "{HighlightKeyword}",
"description": null,
- "lineNumber": 4,
+ "lineNumber": 5,
"undocument": true,
"interface": false
},
@@ -6458,7 +6864,7 @@
"longname": "src/modules/highlightKeywords.js~HighlightKeyword#constructor",
"access": null,
"description": "HighlightKeyword, highlight matched keyword",
- "lineNumber": 10,
+ "lineNumber": 11,
"params": [
{
"nullable": null,
@@ -6482,7 +6888,7 @@
"longname": "src/modules/highlightKeywords.js~HighlightKeyword#highlightCssClass",
"access": null,
"description": null,
- "lineNumber": 13,
+ "lineNumber": 14,
"undocument": true,
"type": {
"types": [
@@ -6499,7 +6905,7 @@
"longname": "src/modules/highlightKeywords.js~HighlightKeyword#highlightedNodes",
"access": null,
"description": null,
- "lineNumber": 14,
+ "lineNumber": 15,
"undocument": true,
"type": {
"types": [
@@ -6516,7 +6922,24 @@
"longname": "src/modules/highlightKeywords.js~HighlightKeyword#tf",
"access": null,
"description": null,
- "lineNumber": 16,
+ "lineNumber": 17,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "emitter",
+ "memberof": "src/modules/highlightKeywords.js~HighlightKeyword",
+ "longname": "src/modules/highlightKeywords.js~HighlightKeyword#emitter",
+ "access": null,
+ "description": null,
+ "lineNumber": 18,
"undocument": true,
"type": {
"types": [
@@ -6524,6 +6947,20 @@
]
}
},
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "init",
+ "memberof": "src/modules/highlightKeywords.js~HighlightKeyword",
+ "longname": "src/modules/highlightKeywords.js~HighlightKeyword#init",
+ "access": null,
+ "description": null,
+ "lineNumber": 21,
+ "undocument": true,
+ "params": [],
+ "generator": false
+ },
{
"kind": "method",
"static": false,
@@ -6533,7 +6970,7 @@
"longname": "src/modules/highlightKeywords.js~HighlightKeyword#highlight",
"access": null,
"description": "highlight occurences of searched term in passed node",
- "lineNumber": 25,
+ "lineNumber": 39,
"params": [
{
"nullable": null,
@@ -6577,7 +7014,7 @@
"longname": "src/modules/highlightKeywords.js~HighlightKeyword#unhighlight",
"access": null,
"description": "Removes highlight to nodes matching passed string",
- "lineNumber": 66,
+ "lineNumber": 80,
"params": [
{
"nullable": null,
@@ -6611,7 +7048,7 @@
"longname": "src/modules/highlightKeywords.js~HighlightKeyword#unhighlightAll",
"access": null,
"description": "Clear all occurrences of highlighted nodes",
- "lineNumber": 98,
+ "lineNumber": 112,
"params": [],
"generator": false
},
@@ -6624,7 +7061,7 @@
"longname": "src/modules/highlightKeywords.js~HighlightKeyword#highlightedNodes",
"access": null,
"description": null,
- "lineNumber": 106,
+ "lineNumber": 125,
"undocument": true,
"type": {
"types": [
@@ -6632,6 +7069,20 @@
]
}
},
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "destroy",
+ "memberof": "src/modules/highlightKeywords.js~HighlightKeyword",
+ "longname": "src/modules/highlightKeywords.js~HighlightKeyword#destroy",
+ "access": null,
+ "description": null,
+ "lineNumber": 128,
+ "undocument": true,
+ "params": [],
+ "generator": false
+ },
{
"kind": "file",
"static": true,
@@ -6642,7 +7093,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nvar global = window;\n\nexport class Loader extends Feature{\n\n /**\n * Loading message/spinner\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'loader');\n\n // TableFilter configuration\n var f = this.config;\n\n //id of container element\n this.loaderTgtId = f.loader_target_id || null;\n //div containing loader\n this.loaderDiv = null;\n //defines loader text\n this.loaderText = f.loader_text || 'Loading...';\n //defines loader innerHtml\n this.loaderHtml = f.loader_html || null;\n //defines css class for loader div\n this.loaderCssClass = f.loader_css_class || 'loader';\n //delay for hiding loader\n this.loaderCloseDelay = 200;\n //callback function before loader is displayed\n this.onShowLoader = Types.isFn(f.on_show_loader) ?\n f.on_show_loader : null;\n //callback function after loader is closed\n this.onHideLoader = Types.isFn(f.on_hide_loader) ?\n f.on_hide_loader : null;\n //loader div\n this.prfxLoader = 'load_';\n }\n\n init() {\n if(this.initialized){\n return;\n }\n\n var tf = this.tf;\n\n var containerDiv = Dom.create('div', ['id', this.prfxLoader+tf.id]);\n containerDiv.className = this.loaderCssClass;\n\n var targetEl = !this.loaderTgtId ?\n tf.tbl.parentNode : Dom.id(this.loaderTgtId);\n if(!this.loaderTgtId){\n targetEl.insertBefore(containerDiv, tf.tbl);\n } else {\n targetEl.appendChild(containerDiv);\n }\n this.loaderDiv = containerDiv;\n if(!this.loaderHtml){\n this.loaderDiv.appendChild(Dom.text(this.loaderText));\n } else {\n this.loaderDiv.innerHTML = this.loaderHtml;\n }\n\n this.show('none');\n this.initialized = true;\n }\n\n show(p) {\n if(!this.isEnabled() || this.loaderDiv.style.display === p){\n return;\n }\n\n var displayLoader = () => {\n if(!this.loaderDiv){\n return;\n }\n if(this.onShowLoader && p !== 'none'){\n this.onShowLoader.call(null, this);\n }\n this.loaderDiv.style.display = p;\n if(this.onHideLoader && p === 'none'){\n this.onHideLoader.call(null, this);\n }\n };\n\n var t = p === 'none' ? this.loaderCloseDelay : 1;\n global.setTimeout(displayLoader, t);\n }\n\n destroy(){\n if(!this.initialized){\n return;\n }\n\n Dom.remove(this.loaderDiv);\n this.loaderDiv = null;\n this.initialized = false;\n }\n}\n"
+ "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nlet global = window;\n\nexport class Loader extends Feature{\n\n /**\n * Loading message/spinner\n * @param {Object} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'loader');\n\n // TableFilter configuration\n let f = this.config;\n\n //id of container element\n this.loaderTgtId = f.loader_target_id || null;\n //div containing loader\n this.loaderDiv = null;\n //defines loader text\n this.loaderText = f.loader_text || 'Loading...';\n //defines loader innerHtml\n this.loaderHtml = f.loader_html || null;\n //defines css class for loader div\n this.loaderCssClass = f.loader_css_class || 'loader';\n //delay for hiding loader\n this.loaderCloseDelay = 250;\n //callback function before loader is displayed\n this.onShowLoader = Types.isFn(f.on_show_loader) ?\n f.on_show_loader : null;\n //callback function after loader is closed\n this.onHideLoader = Types.isFn(f.on_hide_loader) ?\n f.on_hide_loader : null;\n //loader div\n this.prfxLoader = 'load_';\n }\n\n init() {\n if(this.initialized){\n return;\n }\n\n let tf = this.tf;\n let emitter = this.emitter;\n\n let containerDiv = Dom.create('div', ['id', this.prfxLoader+tf.id]);\n containerDiv.className = this.loaderCssClass;\n\n let targetEl = !this.loaderTgtId ?\n tf.tbl.parentNode : Dom.id(this.loaderTgtId);\n if(!this.loaderTgtId){\n targetEl.insertBefore(containerDiv, tf.tbl);\n } else {\n targetEl.appendChild(containerDiv);\n }\n this.loaderDiv = containerDiv;\n if(!this.loaderHtml){\n this.loaderDiv.appendChild(Dom.text(this.loaderText));\n } else {\n this.loaderDiv.innerHTML = this.loaderHtml;\n }\n\n this.show('none');\n\n // Subscribe to events\n emitter.on([\n 'before-filtering',\n 'before-populating-filter',\n 'before-changing-page',\n 'before-clearing-filters',\n 'before-changing-results-per-page',\n 'before-reset-page',\n 'before-reset-page-length',\n 'before-loading-extensions',\n 'before-loading-themes'\n ],\n ()=> this.show('')\n );\n emitter.on([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'\n ],\n ()=> this.show('none')\n );\n\n this.initialized = true;\n }\n\n show(p) {\n if(!this.isEnabled() /*|| this.loaderDiv.style.display === p*/){\n return;\n }\n\n let displayLoader = () => {\n if(!this.loaderDiv){\n return;\n }\n if(this.onShowLoader && p !== 'none'){\n this.onShowLoader.call(null, this);\n }\n this.loaderDiv.style.display = p;\n if(this.onHideLoader && p === 'none'){\n this.onHideLoader.call(null, this);\n }\n };\n\n let t = p === 'none' ? this.loaderCloseDelay : 1;\n global.setTimeout(displayLoader, t);\n }\n\n destroy() {\n if(!this.initialized){\n return;\n }\n\n let emitter = this.emitter;\n\n Dom.remove(this.loaderDiv);\n this.loaderDiv = null;\n\n // Unsubscribe to events\n emitter.off([\n 'before-filtering',\n 'before-populating-filter',\n 'before-changing-page',\n 'before-clearing-filters',\n 'before-changing-results-per-page',\n 'before-reset-page',\n 'before-reset-page-length',\n 'before-loading-extensions',\n 'before-loading-themes'\n ],\n ()=> this.show('')\n );\n emitter.off([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'\n ],\n ()=> this.show('none')\n );\n\n this.initialized = false;\n }\n}\n"
},
{
"kind": "variable",
@@ -6883,7 +7334,7 @@
"longname": "src/modules/loader.js~Loader#loaderDiv",
"access": null,
"description": null,
- "lineNumber": 58,
+ "lineNumber": 59,
"undocument": true,
"type": {
"types": [
@@ -6900,7 +7351,7 @@
"longname": "src/modules/loader.js~Loader#initialized",
"access": null,
"description": null,
- "lineNumber": 66,
+ "lineNumber": 96,
"undocument": true,
"type": {
"types": [
@@ -6917,7 +7368,7 @@
"longname": "src/modules/loader.js~Loader#show",
"access": null,
"description": null,
- "lineNumber": 69,
+ "lineNumber": 99,
"undocument": true,
"params": [
{
@@ -6938,7 +7389,7 @@
"longname": "src/modules/loader.js~Loader#destroy",
"access": null,
"description": null,
- "lineNumber": 91,
+ "lineNumber": 121,
"undocument": true,
"params": [],
"generator": false
@@ -6952,7 +7403,7 @@
"longname": "src/modules/loader.js~Loader#loaderDiv",
"access": null,
"description": null,
- "lineNumber": 97,
+ "lineNumber": 129,
"undocument": true,
"type": {
"types": [
@@ -6969,7 +7420,7 @@
"longname": "src/modules/loader.js~Loader#initialized",
"access": null,
"description": null,
- "lineNumber": 98,
+ "lineNumber": 159,
"undocument": true,
"type": {
"types": [
@@ -6987,7 +7438,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nexport class NoResults extends Feature{\n\n /**\n * No results message UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'noResults');\n\n //configuration object\n let f = this.config.no_results_message;\n\n this.content = f.content || 'No results';\n this.customContainer = f.custom_container || null;\n this.customContainerId = f.custom_container_id || null;\n this.isExternal = !Types.isEmpty(this.customContainer) ||\n !Types.isEmpty(this.customContainerId);\n this.cssClass = f.css_class || 'no-results';\n\n this.cont = null;\n\n //callback before message is displayed\n this.onBeforeShowMsg = Types.isFn(f.on_before_show_msg) ?\n f.on_before_show_msg : null;\n //callback after message is displayed\n this.onAfterShowMsg = Types.isFn(f.on_after_show_msg) ?\n f.on_after_show_msg : null;\n //callback before message is hidden\n this.onBeforeHideMsg = Types.isFn(f.on_before_hide_msg) ?\n f.on_before_hide_msg : null;\n //callback after message is hidden\n this.onAfterHideMsg = Types.isFn(f.on_after_hide_msg) ?\n f.on_after_hide_msg : null;\n\n this.prfxNoResults = 'nores_';\n }\n\n init(){\n if(this.initialized){\n return;\n }\n let tf = this.tf;\n let target = this.customContainer || Dom.id(this.customContainerId) ||\n tf.tbl;\n\n //container\n let cont = Dom.create('div', ['id', this.prfxNoResults+tf.id]);\n cont.className = this.cssClass;\n cont.innerHTML = this.content;\n\n if(this.isExternal){\n target.appendChild(cont);\n } else {\n target.parentNode.insertBefore(cont, target.nextSibling);\n }\n\n this.cont = cont;\n this.initialized = true;\n this.hide();\n }\n\n show(){\n if(!this.initialized || !this.isEnabled()){\n return;\n }\n\n if(this.onBeforeShowMsg){\n this.onBeforeShowMsg.call(null, this.tf, this);\n }\n\n this.setWidth();\n this.cont.style.display = 'block';\n\n if(this.onAfterShowMsg){\n this.onAfterShowMsg.call(null, this.tf, this);\n }\n }\n\n hide(){\n if(!this.initialized || !this.isEnabled()){\n return;\n }\n\n if(this.onBeforeHideMsg){\n this.onBeforeHideMsg.call(null, this.tf, this);\n }\n\n this.cont.style.display = 'none';\n\n if(this.onBeforeHideMsg){\n this.onBeforeHideMsg.call(null, this.tf, this);\n }\n }\n\n setWidth(){\n if(!this.initialized || this.isExternal || !this.isEnabled()){\n return;\n }\n if(this.tf.gridLayout){\n let gridLayout = this.tf.feature('gridLayout');\n this.cont.style.width = gridLayout.tblCont.clientWidth + 'px';\n } else {\n this.cont.style.width = this.tf.tbl.clientWidth + 'px';\n }\n\n }\n\n destroy(){\n if(!this.initialized){\n return;\n }\n Dom.remove(this.cont);\n this.cont = null;\n this.initialized = false;\n }\n}\n"
+ "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nexport class NoResults extends Feature{\n\n /**\n * No results message UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'noResults');\n\n //configuration object\n let f = this.config.no_results_message;\n\n this.content = f.content || 'No results';\n this.customContainer = f.custom_container || null;\n this.customContainerId = f.custom_container_id || null;\n this.isExternal = !Types.isEmpty(this.customContainer) ||\n !Types.isEmpty(this.customContainerId);\n this.cssClass = f.css_class || 'no-results';\n\n this.cont = null;\n\n //callback before message is displayed\n this.onBeforeShowMsg = Types.isFn(f.on_before_show_msg) ?\n f.on_before_show_msg : null;\n //callback after message is displayed\n this.onAfterShowMsg = Types.isFn(f.on_after_show_msg) ?\n f.on_after_show_msg : null;\n //callback before message is hidden\n this.onBeforeHideMsg = Types.isFn(f.on_before_hide_msg) ?\n f.on_before_hide_msg : null;\n //callback after message is hidden\n this.onAfterHideMsg = Types.isFn(f.on_after_hide_msg) ?\n f.on_after_hide_msg : null;\n\n this.prfxNoResults = 'nores_';\n }\n\n init(){\n if(this.initialized){\n return;\n }\n let tf = this.tf;\n let target = this.customContainer || Dom.id(this.customContainerId) ||\n tf.tbl;\n\n //container\n let cont = Dom.create('div', ['id', this.prfxNoResults+tf.id]);\n cont.className = this.cssClass;\n cont.innerHTML = this.content;\n\n if(this.isExternal){\n target.appendChild(cont);\n } else {\n target.parentNode.insertBefore(cont, target.nextSibling);\n }\n\n this.cont = cont;\n\n // subscribe to after-filtering event\n this.emitter.on(['after-filtering'], ()=> this.toggle());\n\n this.initialized = true;\n this.hide();\n }\n\n toggle(){\n if(this.tf.nbVisibleRows > 0){\n this.hide();\n } else {\n this.show();\n }\n }\n\n show(){\n if(!this.initialized || !this.isEnabled()){\n return;\n }\n\n if(this.onBeforeShowMsg){\n this.onBeforeShowMsg.call(null, this.tf, this);\n }\n\n this.setWidth();\n this.cont.style.display = 'block';\n\n if(this.onAfterShowMsg){\n this.onAfterShowMsg.call(null, this.tf, this);\n }\n }\n\n hide(){\n if(!this.initialized || !this.isEnabled()){\n return;\n }\n\n if(this.onBeforeHideMsg){\n this.onBeforeHideMsg.call(null, this.tf, this);\n }\n\n this.cont.style.display = 'none';\n\n if(this.onBeforeHideMsg){\n this.onBeforeHideMsg.call(null, this.tf, this);\n }\n }\n\n setWidth(){\n if(!this.initialized || this.isExternal || !this.isEnabled()){\n return;\n }\n if(this.tf.gridLayout){\n let gridLayout = this.tf.feature('gridLayout');\n this.cont.style.width = gridLayout.tblCont.clientWidth + 'px';\n } else {\n this.cont.style.width = this.tf.tbl.clientWidth + 'px';\n }\n\n }\n\n destroy(){\n if(!this.initialized){\n return;\n }\n Dom.remove(this.cont);\n this.cont = null;\n // unsubscribe to after-filtering event\n this.emitter.off(['after-filtering'], ()=> this.toggle());\n\n this.initialized = false;\n }\n}\n"
},
{
"kind": "class",
@@ -7259,7 +7710,7 @@
"longname": "src/modules/noResults.js~NoResults#initialized",
"access": null,
"description": null,
- "lineNumber": 62,
+ "lineNumber": 66,
"undocument": true,
"type": {
"types": [
@@ -7267,6 +7718,20 @@
]
}
},
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "toggle",
+ "memberof": "src/modules/noResults.js~NoResults",
+ "longname": "src/modules/noResults.js~NoResults#toggle",
+ "access": null,
+ "description": null,
+ "lineNumber": 70,
+ "undocument": true,
+ "params": [],
+ "generator": false
+ },
{
"kind": "method",
"static": false,
@@ -7276,7 +7741,7 @@
"longname": "src/modules/noResults.js~NoResults#show",
"access": null,
"description": null,
- "lineNumber": 66,
+ "lineNumber": 78,
"undocument": true,
"params": [],
"generator": false
@@ -7290,7 +7755,7 @@
"longname": "src/modules/noResults.js~NoResults#hide",
"access": null,
"description": null,
- "lineNumber": 83,
+ "lineNumber": 95,
"undocument": true,
"params": [],
"generator": false
@@ -7304,7 +7769,7 @@
"longname": "src/modules/noResults.js~NoResults#setWidth",
"access": null,
"description": null,
- "lineNumber": 99,
+ "lineNumber": 111,
"undocument": true,
"params": [],
"generator": false
@@ -7318,7 +7783,7 @@
"longname": "src/modules/noResults.js~NoResults#destroy",
"access": null,
"description": null,
- "lineNumber": 112,
+ "lineNumber": 124,
"undocument": true,
"params": [],
"generator": false
@@ -7332,7 +7797,7 @@
"longname": "src/modules/noResults.js~NoResults#cont",
"access": null,
"description": null,
- "lineNumber": 117,
+ "lineNumber": 129,
"undocument": true,
"type": {
"types": [
@@ -7349,7 +7814,7 @@
"longname": "src/modules/noResults.js~NoResults#initialized",
"access": null,
"description": null,
- "lineNumber": 118,
+ "lineNumber": 133,
"undocument": true,
"type": {
"types": [
@@ -7367,7 +7832,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\nimport Str from '../string';\nimport Event from '../event';\n\nexport class Paging extends Feature{\n\n /**\n * Pagination component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'paging');\n\n // Configuration object\n var f = this.config;\n\n //css class for paging buttons (previous,next,etc.)\n this.btnPageCssClass = f.paging_btn_css_class || 'pgInp';\n //stores paging select element\n this.pagingSlc = null;\n //results per page select element\n this.resultsPerPageSlc = null;\n //id of container element\n this.pagingTgtId = f.paging_target_id || null;\n //defines table paging length\n this.pagingLength = !isNaN(f.paging_length) ? f.paging_length : 10;\n //id of container element\n this.resultsPerPageTgtId = f.results_per_page_target_id || null;\n //css class for paging select element\n this.pgSlcCssClass = f.paging_slc_css_class || 'pgSlc';\n //css class for paging input element\n this.pgInpCssClass = f.paging_inp_css_class || 'pgNbInp';\n //stores results per page text and values\n this.resultsPerPage = f.results_per_page || null;\n //enables/disables results per page drop-down\n this.hasResultsPerPage = Types.isArray(this.resultsPerPage);\n //defines css class for results per page select\n this.resultsSlcCssClass = f.results_slc_css_class || 'rspg';\n //css class for label preceding results per page select\n this.resultsSpanCssClass = f.results_span_css_class || 'rspgSpan';\n //1st row index of current page\n this.startPagingRow = 0;\n //total nb of pages\n this.nbPages = 0;\n //current page nb\n this.currentPageNb = 1;\n //defines next page button text\n this.btnNextPageText = f.btn_next_page_text || '>';\n //defines previous page button text\n this.btnPrevPageText = f.btn_prev_page_text || '<';\n //defines last page button text\n this.btnLastPageText = f.btn_last_page_text || '>|';\n //defines first page button text\n this.btnFirstPageText = f.btn_first_page_text || '|<';\n //defines next page button html\n this.btnNextPageHtml = f.btn_next_page_html ||\n (!tf.enableIcons ? null :\n '0){\n mdiv.style.visibility = 'visible';\n if(this.pageSelectorType === tf.fltTypeSlc){\n for(var z=0; z=startPagingRow && h {\n this.changeResultsPerPage();\n ev.target.blur();\n };\n\n var slcR = Dom.create(\n tf.fltTypeSlc, ['id', this.prfxSlcResults+tf.id]);\n slcR.className = this.resultsSlcCssClass;\n var slcRText = this.resultsPerPage[0],\n slcROpts = this.resultsPerPage[1];\n var slcRSpan = Dom.create(\n 'span',['id', this.prfxSlcResultsTxt+tf.id]);\n slcRSpan.className = this.resultsSpanCssClass;\n\n // results per page select is added to external element\n if(!this.resultsPerPageTgtId){\n tf.setToolbar();\n }\n var targetEl = !this.resultsPerPageTgtId ?\n tf.rDiv : Dom.id(this.resultsPerPageTgtId);\n slcRSpan.appendChild(Dom.text(slcRText));\n\n var help = tf.feature('help');\n if(help && help.btn){\n help.btn.parentNode.insertBefore(slcRSpan, help.btn);\n help.btn.parentNode.insertBefore(slcR, help.btn);\n } else {\n targetEl.appendChild(slcRSpan);\n targetEl.appendChild(slcR);\n }\n\n for(var r=0; r=0 && index<=(this.nbPages-1) ){\n if(this.onBeforeChangePage){\n this.onBeforeChangePage.call(null, this, index);\n }\n this.currentPageNb = parseInt(index, 10)+1;\n if(this.pageSelectorType===tf.fltTypeSlc){\n this.pagingSlc.options[index].selected = true;\n } else {\n this.pagingSlc.value = this.currentPageNb;\n }\n\n if(tf.rememberPageNb){\n tf.feature('store').savePageNb(tf.pgNbCookie);\n }\n this.startPagingRow = (this.pageSelectorType===tf.fltTypeSlc) ?\n this.pagingSlc.value : (index*this.pagingLength);\n\n this.groupByPage();\n\n if(this.onAfterChangePage){\n this.onAfterChangePage.call(null, this, index);\n }\n }\n }\n\n /**\n * Change rows according to page results drop-down\n * TODO: accept a parameter setting the results per page length\n */\n _changeResultsPerPage(){\n var tf = this.tf;\n\n if(!this.isEnabled()){\n return;\n }\n var slcR = this.resultsPerPageSlc;\n var slcPagesSelIndex = (this.pageSelectorType===tf.fltTypeSlc) ?\n this.pagingSlc.selectedIndex :\n parseInt(this.pagingSlc.value-1, 10);\n this.pagingLength = parseInt(slcR.options[slcR.selectedIndex].value,10);\n this.startPagingRow = this.pagingLength*slcPagesSelIndex;\n\n if(!isNaN(this.pagingLength)){\n if(this.startPagingRow >= tf.nbFilterableRows){\n this.startPagingRow = (tf.nbFilterableRows-this.pagingLength);\n }\n this.setPagingInfo();\n\n if(this.pageSelectorType===tf.fltTypeSlc){\n var slcIndex =\n (this.pagingSlc.options.length-1<=slcPagesSelIndex ) ?\n (this.pagingSlc.options.length-1) : slcPagesSelIndex;\n this.pagingSlc.options[slcIndex].selected = true;\n }\n if(tf.rememberPageLen){\n tf.feature('store').savePageLength(tf.pgLenCookie);\n }\n }\n }\n\n /**\n * Re-set page nb at page re-load\n */\n _resetPage(name){\n var tf = this.tf;\n var pgnb = tf.feature('store').getPageNb(name);\n if(pgnb!==''){\n this.changePage((pgnb-1));\n }\n }\n\n /**\n * Re-set page length value at page re-load\n */\n _resetPageLength(name){\n var tf = this.tf;\n if(!this.isEnabled()){\n return;\n }\n var pglenIndex = tf.feature('store').getPageLength(name);\n\n if(pglenIndex!==''){\n this.resultsPerPageSlc.options[pglenIndex].selected = true;\n this.changeResultsPerPage();\n }\n }\n\n /**\n * Remove paging feature\n */\n destroy(){\n var tf = this.tf;\n\n if(!this.initialized){\n return;\n }\n // btns containers\n var btnNextSpan = Dom.id(this.prfxBtnNextSpan+tf.id);\n var btnPrevSpan = Dom.id(this.prfxBtnPrevSpan+tf.id);\n var btnLastSpan = Dom.id(this.prfxBtnLastSpan+tf.id);\n var btnFirstSpan = Dom.id(this.prfxBtnFirstSpan+tf.id);\n //span containing 'Page' text\n var pgBeforeSpan = Dom.id(this.prfxPgBeforeSpan+tf.id);\n //span containing 'of' text\n var pgAfterSpan = Dom.id(this.prfxPgAfterSpan+tf.id);\n //span containing nb of pages\n var pgspan = Dom.id(this.prfxPgSpan+tf.id);\n\n var evt = this.evt;\n\n if(this.pagingSlc){\n if(this.pageSelectorType === tf.fltTypeSlc){\n Event.remove(this.pagingSlc, 'change', evt.slcPagesChange);\n }\n else if(this.pageSelectorType === tf.fltTypeInp){\n Event.remove(this.pagingSlc, 'keypress', evt._detectKey);\n }\n Dom.remove(this.pagingSlc);\n }\n\n if(btnNextSpan){\n Event.remove(btnNextSpan, 'click', evt.next);\n Dom.remove(btnNextSpan);\n }\n\n if(btnPrevSpan){\n Event.remove(btnPrevSpan, 'click', evt.prev);\n Dom.remove(btnPrevSpan);\n }\n\n if(btnLastSpan){\n Event.remove(btnLastSpan, 'click', evt.last);\n Dom.remove(btnLastSpan);\n }\n\n if(btnFirstSpan){\n Event.remove(btnFirstSpan, 'click', evt.first);\n Dom.remove(btnFirstSpan);\n }\n\n if(pgBeforeSpan){\n Dom.remove(pgBeforeSpan);\n }\n\n if(pgAfterSpan){\n Dom.remove(pgAfterSpan);\n }\n\n if(pgspan){\n Dom.remove(pgspan);\n }\n\n if(this.hasResultsPerPage){\n this.removeResultsPerPage();\n }\n\n this.pagingSlc = null;\n this.nbPages = 0;\n this.disable();\n this.initialized = false;\n }\n}\n"
+ "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\nimport Str from '../string';\nimport Event from '../event';\n\nexport class Paging extends Feature{\n\n /**\n * Pagination component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'paging');\n\n // Configuration object\n var f = this.config;\n\n //css class for paging buttons (previous,next,etc.)\n this.btnPageCssClass = f.paging_btn_css_class || 'pgInp';\n //stores paging select element\n this.pagingSlc = null;\n //results per page select element\n this.resultsPerPageSlc = null;\n //id of container element\n this.pagingTgtId = f.paging_target_id || null;\n //defines table paging length\n this.pagingLength = !isNaN(f.paging_length) ? f.paging_length : 10;\n //id of container element\n this.resultsPerPageTgtId = f.results_per_page_target_id || null;\n //css class for paging select element\n this.pgSlcCssClass = f.paging_slc_css_class || 'pgSlc';\n //css class for paging input element\n this.pgInpCssClass = f.paging_inp_css_class || 'pgNbInp';\n //stores results per page text and values\n this.resultsPerPage = f.results_per_page || null;\n //enables/disables results per page drop-down\n this.hasResultsPerPage = Types.isArray(this.resultsPerPage);\n //defines css class for results per page select\n this.resultsSlcCssClass = f.results_slc_css_class || 'rspg';\n //css class for label preceding results per page select\n this.resultsSpanCssClass = f.results_span_css_class || 'rspgSpan';\n //1st row index of current page\n this.startPagingRow = 0;\n //total nb of pages\n this.nbPages = 0;\n //current page nb\n this.currentPageNb = 1;\n //defines next page button text\n this.btnNextPageText = f.btn_next_page_text || '>';\n //defines previous page button text\n this.btnPrevPageText = f.btn_prev_page_text || '<';\n //defines last page button text\n this.btnLastPageText = f.btn_last_page_text || '>|';\n //defines first page button text\n this.btnFirstPageText = f.btn_first_page_text || '|<';\n //defines next page button html\n this.btnNextPageHtml = f.btn_next_page_html ||\n (!tf.enableIcons ? null :\n '=startPagingRow && h {\n this.changeResultsPerPage();\n ev.target.blur();\n };\n\n var slcR = Dom.create(\n tf.fltTypeSlc, ['id', this.prfxSlcResults+tf.id]);\n slcR.className = this.resultsSlcCssClass;\n var slcRText = this.resultsPerPage[0],\n slcROpts = this.resultsPerPage[1];\n var slcRSpan = Dom.create(\n 'span',['id', this.prfxSlcResultsTxt+tf.id]);\n slcRSpan.className = this.resultsSpanCssClass;\n\n // results per page select is added to external element\n if(!this.resultsPerPageTgtId){\n tf.setToolbar();\n }\n var targetEl = !this.resultsPerPageTgtId ?\n tf.rDiv : Dom.id(this.resultsPerPageTgtId);\n slcRSpan.appendChild(Dom.text(slcRText));\n\n var help = tf.feature('help');\n if(help && help.btn){\n help.btn.parentNode.insertBefore(slcRSpan, help.btn);\n help.btn.parentNode.insertBefore(slcR, help.btn);\n } else {\n targetEl.appendChild(slcRSpan);\n targetEl.appendChild(slcR);\n }\n\n for(var r=0; r=0 && index<=(this.nbPages-1) ){\n if(this.onBeforeChangePage){\n this.onBeforeChangePage.call(null, this, index);\n }\n this.currentPageNb = parseInt(index, 10)+1;\n if(this.pageSelectorType===tf.fltTypeSlc){\n this.pagingSlc.options[index].selected = true;\n } else {\n this.pagingSlc.value = this.currentPageNb;\n }\n\n if(tf.rememberPageNb){\n tf.feature('store').savePageNb(tf.pgNbCookie);\n }\n this.startPagingRow = (this.pageSelectorType===tf.fltTypeSlc) ?\n this.pagingSlc.value : (index*this.pagingLength);\n\n this.groupByPage();\n\n if(this.onAfterChangePage){\n this.onAfterChangePage.call(null, this, index);\n }\n }\n\n this.emitter.emit('after-changing-page', tf, index);\n }\n\n /**\n * Change rows according to page results drop-down\n * TODO: accept a parameter setting the results per page length\n */\n changeResultsPerPage(){\n var tf = this.tf;\n\n if(!this.isEnabled()){\n return;\n }\n\n this.emitter.emit('before-changing-results-per-page', tf);\n\n var slcR = this.resultsPerPageSlc;\n var slcPagesSelIndex = (this.pageSelectorType===tf.fltTypeSlc) ?\n this.pagingSlc.selectedIndex :\n parseInt(this.pagingSlc.value-1, 10);\n this.pagingLength = parseInt(slcR.options[slcR.selectedIndex].value,10);\n this.startPagingRow = this.pagingLength*slcPagesSelIndex;\n\n if(!isNaN(this.pagingLength)){\n if(this.startPagingRow >= tf.nbFilterableRows){\n this.startPagingRow = (tf.nbFilterableRows-this.pagingLength);\n }\n this.setPagingInfo();\n\n if(this.pageSelectorType===tf.fltTypeSlc){\n var slcIndex =\n (this.pagingSlc.options.length-1<=slcPagesSelIndex ) ?\n (this.pagingSlc.options.length-1) : slcPagesSelIndex;\n this.pagingSlc.options[slcIndex].selected = true;\n }\n if(tf.rememberPageLen){\n tf.feature('store').savePageLength(tf.pgLenCookie);\n }\n }\n\n this.emitter.emit('after-changing-results-per-page', tf);\n }\n\n /**\n * Re-set persisted pagination info\n */\n resetValues(){\n var tf = this.tf;\n if(tf.rememberPageLen){\n this.resetPageLength(tf.pgLenCookie);\n }\n if(tf.rememberPageNb){\n this.resetPage(tf.pgNbCookie);\n }\n }\n\n /**\n * Re-set page nb at page re-load\n */\n resetPage(name){\n var tf = this.tf;\n if(!this.isEnabled()){\n return;\n }\n this.emitter.emit('before-reset-page', tf);\n var pgnb = tf.feature('store').getPageNb(name);\n if(pgnb !== ''){\n this.changePage((pgnb-1));\n }\n this.emitter.emit('after-reset-page', tf, pgnb);\n }\n\n /**\n * Re-set page length value at page re-load\n */\n resetPageLength(name){\n var tf = this.tf;\n if(!this.isEnabled()){\n return;\n }\n this.emitter.emit('before-reset-page-length', tf);\n var pglenIndex = tf.feature('store').getPageLength(name);\n\n if(pglenIndex!==''){\n this.resultsPerPageSlc.options[pglenIndex].selected = true;\n this.changeResultsPerPage();\n }\n this.emitter.emit('after-reset-page-length', tf, pglenIndex);\n }\n\n /**\n * Remove paging feature\n */\n destroy(){\n var tf = this.tf;\n\n if(!this.initialized){\n return;\n }\n // btns containers\n var btnNextSpan = Dom.id(this.prfxBtnNextSpan+tf.id);\n var btnPrevSpan = Dom.id(this.prfxBtnPrevSpan+tf.id);\n var btnLastSpan = Dom.id(this.prfxBtnLastSpan+tf.id);\n var btnFirstSpan = Dom.id(this.prfxBtnFirstSpan+tf.id);\n //span containing 'Page' text\n var pgBeforeSpan = Dom.id(this.prfxPgBeforeSpan+tf.id);\n //span containing 'of' text\n var pgAfterSpan = Dom.id(this.prfxPgAfterSpan+tf.id);\n //span containing nb of pages\n var pgspan = Dom.id(this.prfxPgSpan+tf.id);\n\n var evt = this.evt;\n\n if(this.pagingSlc){\n if(this.pageSelectorType === tf.fltTypeSlc){\n Event.remove(this.pagingSlc, 'change', evt.slcPagesChange);\n }\n else if(this.pageSelectorType === tf.fltTypeInp){\n Event.remove(this.pagingSlc, 'keypress', evt._detectKey);\n }\n Dom.remove(this.pagingSlc);\n }\n\n if(btnNextSpan){\n Event.remove(btnNextSpan, 'click', evt.next);\n Dom.remove(btnNextSpan);\n }\n\n if(btnPrevSpan){\n Event.remove(btnPrevSpan, 'click', evt.prev);\n Dom.remove(btnPrevSpan);\n }\n\n if(btnLastSpan){\n Event.remove(btnLastSpan, 'click', evt.last);\n Dom.remove(btnLastSpan);\n }\n\n if(btnFirstSpan){\n Event.remove(btnFirstSpan, 'click', evt.first);\n Dom.remove(btnFirstSpan);\n }\n\n if(pgBeforeSpan){\n Dom.remove(pgBeforeSpan);\n }\n\n if(pgAfterSpan){\n Dom.remove(pgAfterSpan);\n }\n\n if(pgspan){\n Dom.remove(pgspan);\n }\n\n if(this.hasResultsPerPage){\n this.removeResultsPerPage();\n }\n\n this.emitter.off(['after-filtering'], ()=> this.resetPagingInfo());\n this.emitter.off(['initialized'], ()=> this.resetValues());\n\n this.pagingSlc = null;\n this.nbPages = 0;\n this.disable();\n this.initialized = false;\n }\n}\n"
},
{
"kind": "class",
@@ -8267,7 +8732,7 @@
"longname": "src/modules/paging.js~Paging#initialized",
"access": null,
"description": null,
- "lineNumber": 337,
+ "lineNumber": 340,
"undocument": true,
"type": {
"types": [
@@ -8284,7 +8749,7 @@
"longname": "src/modules/paging.js~Paging#reset",
"access": null,
"description": "Reset paging when filters are already instantiated",
- "lineNumber": 344,
+ "lineNumber": 347,
"params": [
{
"nullable": null,
@@ -8299,6 +8764,53 @@
],
"generator": false
},
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "resetPagingInfo",
+ "memberof": "src/modules/paging.js~Paging",
+ "longname": "src/modules/paging.js~Paging#resetPagingInfo",
+ "access": null,
+ "description": "Reset paging info from scratch after a filtering process",
+ "lineNumber": 363,
+ "params": [],
+ "generator": false
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "startPagingRow",
+ "memberof": "src/modules/paging.js~Paging",
+ "longname": "src/modules/paging.js~Paging#startPagingRow",
+ "access": null,
+ "description": null,
+ "lineNumber": 364,
+ "undocument": true,
+ "type": {
+ "types": [
+ "number"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "currentPageNb",
+ "memberof": "src/modules/paging.js~Paging",
+ "longname": "src/modules/paging.js~Paging#currentPageNb",
+ "access": null,
+ "description": null,
+ "lineNumber": 365,
+ "undocument": true,
+ "type": {
+ "types": [
+ "number"
+ ]
+ }
+ },
{
"kind": "method",
"static": false,
@@ -8308,7 +8820,7 @@
"longname": "src/modules/paging.js~Paging#setPagingInfo",
"access": null,
"description": "Calculate number of pages based on valid rows\nRefresh paging select according to number of pages",
- "lineNumber": 362,
+ "lineNumber": 374,
"params": [
{
"nullable": null,
@@ -8332,7 +8844,7 @@
"longname": "src/modules/paging.js~Paging#nbPages",
"access": null,
"description": null,
- "lineNumber": 387,
+ "lineNumber": 383,
"undocument": true,
"type": {
"types": [
@@ -8349,7 +8861,7 @@
"longname": "src/modules/paging.js~Paging#groupByPage",
"access": null,
"description": "Group table rows by page and display valid rows",
- "lineNumber": 418,
+ "lineNumber": 414,
"params": [
{
"nullable": null,
@@ -8373,7 +8885,7 @@
"longname": "src/modules/paging.js~Paging#getPage",
"access": null,
"description": "Return the current page number",
- "lineNumber": 460,
+ "lineNumber": 453,
"params": [],
"return": {
"nullable": null,
@@ -8394,7 +8906,7 @@
"longname": "src/modules/paging.js~Paging#setPage",
"access": null,
"description": "Show page based on passed param value (string or number):",
- "lineNumber": 469,
+ "lineNumber": 462,
"params": [
{
"nullable": null,
@@ -8418,7 +8930,7 @@
"longname": "src/modules/paging.js~Paging#setResultsPerPage",
"access": null,
"description": "Generates UI elements for the number of results per page drop-down",
- "lineNumber": 503,
+ "lineNumber": 496,
"params": [],
"generator": false
},
@@ -8431,7 +8943,7 @@
"longname": "src/modules/paging.js~Paging#resultsPerPageSlc",
"access": null,
"description": null,
- "lineNumber": 550,
+ "lineNumber": 540,
"undocument": true,
"type": {
"types": [
@@ -8448,7 +8960,7 @@
"longname": "src/modules/paging.js~Paging#removeResultsPerPage",
"access": null,
"description": "Remove number of results per page UI elements",
- "lineNumber": 556,
+ "lineNumber": 546,
"params": [],
"generator": false
},
@@ -8461,7 +8973,7 @@
"longname": "src/modules/paging.js~Paging#resultsPerPageSlc",
"access": null,
"description": null,
- "lineNumber": 569,
+ "lineNumber": 559,
"undocument": true,
"type": {
"types": [
@@ -8477,71 +8989,8 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#changePage",
"access": null,
- "description": "Change the page asynchronously according to passed index",
- "lineNumber": 576,
- "params": [
- {
- "nullable": null,
- "types": [
- "Number"
- ],
- "spread": false,
- "optional": false,
- "name": "index",
- "description": "Index of the page (0-n)"
- }
- ],
- "generator": false
- },
- {
- "kind": "method",
- "static": false,
- "variation": null,
- "name": "changeResultsPerPage",
- "memberof": "src/modules/paging.js~Paging",
- "longname": "src/modules/paging.js~Paging#changeResultsPerPage",
- "access": null,
- "description": "Change rows asynchronously according to page results",
- "lineNumber": 585,
- "params": [],
- "generator": false
- },
- {
- "kind": "method",
- "static": false,
- "variation": null,
- "name": "resetPage",
- "memberof": "src/modules/paging.js~Paging",
- "longname": "src/modules/paging.js~Paging#resetPage",
- "access": null,
- "description": "Re-set asynchronously page nb at page re-load",
- "lineNumber": 594,
- "params": [],
- "generator": false
- },
- {
- "kind": "method",
- "static": false,
- "variation": null,
- "name": "resetPageLength",
- "memberof": "src/modules/paging.js~Paging",
- "longname": "src/modules/paging.js~Paging#resetPageLength",
- "access": null,
- "description": "Re-set asynchronously page length at page re-load",
- "lineNumber": 603,
- "params": [],
- "generator": false
- },
- {
- "kind": "method",
- "static": false,
- "variation": null,
- "name": "_changePage",
- "memberof": "src/modules/paging.js~Paging",
- "longname": "src/modules/paging.js~Paging#_changePage",
- "access": null,
"description": "Change the page according to passed index",
- "lineNumber": 613,
+ "lineNumber": 566,
"params": [
{
"nullable": null,
@@ -8565,7 +9014,7 @@
"longname": "src/modules/paging.js~Paging#currentPageNb",
"access": null,
"description": null,
- "lineNumber": 627,
+ "lineNumber": 583,
"undocument": true,
"type": {
"types": [
@@ -8582,7 +9031,7 @@
"longname": "src/modules/paging.js~Paging#startPagingRow",
"access": null,
"description": null,
- "lineNumber": 637,
+ "lineNumber": 593,
"undocument": true,
"type": {
"types": [
@@ -8594,12 +9043,12 @@
"kind": "method",
"static": false,
"variation": null,
- "name": "_changeResultsPerPage",
+ "name": "changeResultsPerPage",
"memberof": "src/modules/paging.js~Paging",
- "longname": "src/modules/paging.js~Paging#_changeResultsPerPage",
+ "longname": "src/modules/paging.js~Paging#changeResultsPerPage",
"access": null,
"description": "Change rows according to page results drop-down\nTODO: accept a parameter setting the results per page length",
- "lineNumber": 652,
+ "lineNumber": 610,
"params": [],
"generator": false
},
@@ -8612,7 +9061,7 @@
"longname": "src/modules/paging.js~Paging#pagingLength",
"access": null,
"description": null,
- "lineNumber": 662,
+ "lineNumber": 623,
"undocument": true,
"type": {
"types": [
@@ -8629,7 +9078,7 @@
"longname": "src/modules/paging.js~Paging#startPagingRow",
"access": null,
"description": null,
- "lineNumber": 663,
+ "lineNumber": 624,
"undocument": true,
"type": {
"types": [
@@ -8646,7 +9095,7 @@
"longname": "src/modules/paging.js~Paging#startPagingRow",
"access": null,
"description": null,
- "lineNumber": 667,
+ "lineNumber": 628,
"undocument": true,
"type": {
"types": [
@@ -8658,12 +9107,25 @@
"kind": "method",
"static": false,
"variation": null,
- "name": "_resetPage",
+ "name": "resetValues",
"memberof": "src/modules/paging.js~Paging",
- "longname": "src/modules/paging.js~Paging#_resetPage",
+ "longname": "src/modules/paging.js~Paging#resetValues",
+ "access": null,
+ "description": "Re-set persisted pagination info",
+ "lineNumber": 649,
+ "params": [],
+ "generator": false
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "resetPage",
+ "memberof": "src/modules/paging.js~Paging",
+ "longname": "src/modules/paging.js~Paging#resetPage",
"access": null,
"description": "Re-set page nb at page re-load",
- "lineNumber": 686,
+ "lineNumber": 662,
"params": [
{
"name": "name",
@@ -8678,12 +9140,12 @@
"kind": "method",
"static": false,
"variation": null,
- "name": "_resetPageLength",
+ "name": "resetPageLength",
"memberof": "src/modules/paging.js~Paging",
- "longname": "src/modules/paging.js~Paging#_resetPageLength",
+ "longname": "src/modules/paging.js~Paging#resetPageLength",
"access": null,
"description": "Re-set page length value at page re-load",
- "lineNumber": 697,
+ "lineNumber": 678,
"params": [
{
"name": "name",
@@ -8703,7 +9165,7 @@
"longname": "src/modules/paging.js~Paging#destroy",
"access": null,
"description": "Remove paging feature",
- "lineNumber": 713,
+ "lineNumber": 696,
"params": [],
"generator": false
},
@@ -8716,7 +9178,7 @@
"longname": "src/modules/paging.js~Paging#pagingSlc",
"access": null,
"description": null,
- "lineNumber": 779,
+ "lineNumber": 765,
"undocument": true,
"type": {
"types": [
@@ -8733,7 +9195,7 @@
"longname": "src/modules/paging.js~Paging#nbPages",
"access": null,
"description": null,
- "lineNumber": 780,
+ "lineNumber": 766,
"undocument": true,
"type": {
"types": [
@@ -8750,7 +9212,7 @@
"longname": "src/modules/paging.js~Paging#initialized",
"access": null,
"description": null,
- "lineNumber": 782,
+ "lineNumber": 768,
"undocument": true,
"type": {
"types": [
@@ -8768,7 +9230,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport Types from '../types';\nimport Dom from '../dom';\nimport Event from '../event';\n\nexport class PopupFilter extends Feature{\n\n /**\n * Pop-up filter component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'popupFilters');\n\n // Configuration object\n var f = this.config;\n\n // Enable external filters behaviour\n tf.isExternalFlt = true;\n tf.externalFltTgtIds = [];\n\n //filter icon path\n this.popUpImgFlt = f.popup_filters_image ||\n tf.themesPath+'icn_filter.gif';\n //active filter icon path\n this.popUpImgFltActive = f.popup_filters_image_active ||\n tf.themesPath+'icn_filterActive.gif';\n this.popUpImgFltHtml = f.popup_filters_image_html ||\n ' { this.onClick(evt); });\n this.popUpFltSpans[i] = popUpSpan;\n this.popUpFltImgs[i] = popUpSpan.firstChild;\n }\n\n this.initialized = true;\n }\n\n /**\n * Reset previously destroyed feature\n */\n reset(){\n this.enable();\n this.init();\n this.buildAll();\n }\n\n /**\n * Build all pop-up filters elements\n */\n buildAll(){\n for(var i=0; i { Event.stop(evt); });\n this.popUpFltElms[colIndex] = popUpDiv;\n }\n\n /**\n * Toogle visibility of specified filter\n * @param {Number} colIndex Column index\n */\n toggle(colIndex){\n var tf = this.tf,\n popUpFltElm = this.popUpFltElms[colIndex];\n\n if(popUpFltElm.style.display === 'none' ||\n popUpFltElm.style.display === ''){\n if(this.onBeforePopUpOpen){\n this.onBeforePopUpOpen.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n popUpFltElm.style.display = 'block';\n if(tf.getFilterType(colIndex) === tf.fltTypeInp){\n var flt = tf.getFilterElement(colIndex);\n if(flt){\n flt.focus();\n }\n }\n if(this.onAfterPopUpOpen){\n this.onAfterPopUpOpen.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n } else {\n if(this.onBeforePopUpClose){\n this.onBeforePopUpClose.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n popUpFltElm.style.display = 'none';\n if(this.onAfterPopUpClose){\n this.onAfterPopUpClose.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n }\n }\n\n /**\n * Close all filters excepted for the specified one if any\n * @param {Number} exceptIdx Column index of the filter to not close\n */\n closeAll(exceptIdx){\n for(var i=0; i { this.onClick(evt); });\n this.popUpFltSpans[i] = popUpSpan;\n this.popUpFltImgs[i] = popUpSpan.firstChild;\n }\n\n // subscribe to events\n this.emitter.on(['before-filtering'], ()=> this.buildIcons());\n this.emitter.on(['after-filtering'], ()=> this.closeAll());\n this.emitter.on(['cell-processed'],\n (tf, cellIndex)=> this.buildIcon(cellIndex, true));\n this.emitter.on(['filters-row-inserted'], ()=> this.tf.headersRow++);\n this.emitter.on(['before-filter-init'],\n (tf, colIndex)=> this.build(colIndex));\n\n this.initialized = true;\n }\n\n /**\n * Reset previously destroyed feature\n */\n reset(){\n this.enable();\n this.init();\n this.buildAll();\n }\n\n /**\n * Build all pop-up filters elements\n */\n buildAll(){\n for(var i=0; i { Event.stop(evt); });\n this.popUpFltElms[colIndex] = popUpDiv;\n }\n\n /**\n * Toogle visibility of specified filter\n * @param {Number} colIndex Column index\n */\n toggle(colIndex){\n var tf = this.tf,\n popUpFltElm = this.popUpFltElms[colIndex];\n\n if(popUpFltElm.style.display === 'none' ||\n popUpFltElm.style.display === ''){\n if(this.onBeforePopUpOpen){\n this.onBeforePopUpOpen.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n popUpFltElm.style.display = 'block';\n if(tf.getFilterType(colIndex) === tf.fltTypeInp){\n var flt = tf.getFilterElement(colIndex);\n if(flt){\n flt.focus();\n }\n }\n if(this.onAfterPopUpOpen){\n this.onAfterPopUpOpen.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n } else {\n if(this.onBeforePopUpClose){\n this.onBeforePopUpClose.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n popUpFltElm.style.display = 'none';\n if(this.onAfterPopUpClose){\n this.onAfterPopUpClose.call(\n null, this, this.popUpFltElms[colIndex], colIndex);\n }\n }\n }\n\n /**\n * Close all filters excepted for the specified one if any\n * @param {Number} exceptIdx Column index of the filter to not close\n */\n closeAll(exceptIdx){\n for(var i=0; i this.buildIcons());\n this.emitter.off(['after-filtering'], ()=> this.closeAll());\n this.emitter.off(['cell-processed'],\n (tf, cellIndex)=> this.buildIcon(cellIndex, true));\n this.emitter.off(['filters-row-inserted'], ()=> this.tf.headersRow++);\n this.emitter.off(['before-filter-init'],\n (tf, colIndex)=> this.build(colIndex));\n\n this.initialized = false;\n }\n\n}\n"
},
{
"kind": "class",
@@ -9094,7 +9556,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#initialized",
"access": null,
"description": null,
- "lineNumber": 104,
+ "lineNumber": 119,
"undocument": true,
"type": {
"types": [
@@ -9111,7 +9573,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#reset",
"access": null,
"description": "Reset previously destroyed feature",
- "lineNumber": 110,
+ "lineNumber": 125,
"params": [],
"generator": false
},
@@ -9124,7 +9586,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#buildAll",
"access": null,
"description": "Build all pop-up filters elements",
- "lineNumber": 119,
+ "lineNumber": 134,
"params": [],
"generator": false
},
@@ -9137,7 +9599,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#build",
"access": null,
"description": "Build a specified pop-up filter elements",
- "lineNumber": 130,
+ "lineNumber": 145,
"params": [
{
"nullable": null,
@@ -9171,7 +9633,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#toggle",
"access": null,
"description": "Toogle visibility of specified filter",
- "lineNumber": 147,
+ "lineNumber": 162,
"params": [
{
"nullable": null,
@@ -9195,7 +9657,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#closeAll",
"access": null,
"description": "Close all filters excepted for the specified one if any",
- "lineNumber": 185,
+ "lineNumber": 200,
"params": [
{
"nullable": null,
@@ -9219,7 +9681,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#buildIcons",
"access": null,
"description": "Build all the icons representing the pop-up filters",
- "lineNumber": 200,
+ "lineNumber": 215,
"params": [],
"generator": false
},
@@ -9231,8 +9693,8 @@
"memberof": "src/modules/popupFilter.js~PopupFilter",
"longname": "src/modules/popupFilter.js~PopupFilter#buildIcon",
"access": null,
- "description": "Build specified icon",
- "lineNumber": 211,
+ "description": "Apply specified icon state",
+ "lineNumber": 226,
"params": [
{
"nullable": null,
@@ -9266,7 +9728,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#destroy",
"access": null,
"description": "Remove pop-up filters",
- "lineNumber": 221,
+ "lineNumber": 236,
"params": [],
"generator": false
},
@@ -9279,7 +9741,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#popUpFltElmCache",
"access": null,
"description": null,
- "lineNumber": 226,
+ "lineNumber": 241,
"undocument": true,
"type": {
"types": [
@@ -9296,7 +9758,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#popUpFltElms",
"access": null,
"description": null,
- "lineNumber": 245,
+ "lineNumber": 260,
"undocument": true,
"type": {
"types": [
@@ -9313,7 +9775,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#popUpFltSpans",
"access": null,
"description": null,
- "lineNumber": 246,
+ "lineNumber": 261,
"undocument": true,
"type": {
"types": [
@@ -9330,7 +9792,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#popUpFltImgs",
"access": null,
"description": null,
- "lineNumber": 247,
+ "lineNumber": 262,
"undocument": true,
"type": {
"types": [
@@ -9347,7 +9809,7 @@
"longname": "src/modules/popupFilter.js~PopupFilter#initialized",
"access": null,
"description": null,
- "lineNumber": 248,
+ "lineNumber": 273,
"undocument": true,
"type": {
"types": [
@@ -9365,7 +9827,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nexport class RowsCounter extends Feature{\n\n /**\n * Rows counter\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'rowsCounter');\n\n // TableFilter configuration\n var f = this.config;\n\n //id of custom container element\n this.rowsCounterTgtId = f.rows_counter_target_id || null;\n //element containing tot nb rows\n this.rowsCounterDiv = null;\n //element containing tot nb rows label\n this.rowsCounterSpan = null;\n //defines rows counter text\n this.rowsCounterText = f.rows_counter_text || 'Rows: ';\n this.fromToTextSeparator = f.from_to_text_separator || '-';\n this.overText = f.over_text || ' / ';\n //defines css class rows counter\n this.totRowsCssClass = f.tot_rows_css_class || 'tot';\n //rows counter div\n this.prfxCounter = 'counter_';\n //nb displayed rows label\n this.prfxTotRows = 'totrows_span_';\n //label preceding nb rows label\n this.prfxTotRowsTxt = 'totRowsTextSpan_';\n //callback raised before counter is refreshed\n this.onBeforeRefreshCounter = Types.isFn(f.on_before_refresh_counter) ?\n f.on_before_refresh_counter : null;\n //callback raised after counter is refreshed\n this.onAfterRefreshCounter = Types.isFn(f.on_after_refresh_counter) ?\n f.on_after_refresh_counter : null;\n }\n\n init(){\n if(this.initialized){\n return;\n }\n\n var tf = this.tf;\n\n //rows counter container\n var countDiv = Dom.create('div', ['id', this.prfxCounter+tf.id]);\n countDiv.className = this.totRowsCssClass;\n //rows counter label\n var countSpan = Dom.create('span', ['id', this.prfxTotRows+tf.id]);\n var countText = Dom.create('span', ['id', this.prfxTotRowsTxt+tf.id]);\n countText.appendChild(Dom.text(this.rowsCounterText));\n\n // counter is added to defined element\n if(!this.rowsCounterTgtId){\n tf.setToolbar();\n }\n var targetEl = !this.rowsCounterTgtId ?\n tf.lDiv : Dom.id( this.rowsCounterTgtId );\n\n //default container: 'lDiv'\n if(!this.rowsCounterTgtId){\n countDiv.appendChild(countText);\n countDiv.appendChild(countSpan);\n targetEl.appendChild(countDiv);\n }\n else{\n //custom container, no need to append statusDiv\n targetEl.appendChild(countText);\n targetEl.appendChild(countSpan);\n }\n this.rowsCounterDiv = countDiv;\n this.rowsCounterSpan = countSpan;\n\n this.initialized = true;\n this.refresh();\n }\n\n refresh(p){\n if(!this.initialized || !this.isEnabled()){\n return;\n }\n\n var tf = this.tf;\n\n if(this.onBeforeRefreshCounter){\n this.onBeforeRefreshCounter.call(null, tf, this.rowsCounterSpan);\n }\n\n var totTxt;\n if(!tf.paging){\n if(p && p !== ''){\n totTxt = p;\n } else{\n totTxt = tf.nbFilterableRows - tf.nbHiddenRows;\n }\n } else {\n var paging = tf.feature('paging');\n if(paging){\n //paging start row\n var paging_start_row = parseInt(paging.startPagingRow, 10) +\n ((tf.nbVisibleRows>0) ? 1 : 0);\n var paging_end_row = (paging_start_row+paging.pagingLength)-1 <=\n tf.nbVisibleRows ?\n paging_start_row+paging.pagingLength-1 :\n tf.nbVisibleRows;\n totTxt = paging_start_row + this.fromToTextSeparator +\n paging_end_row + this.overText + tf.nbVisibleRows;\n }\n }\n\n this.rowsCounterSpan.innerHTML = totTxt;\n if(this.onAfterRefreshCounter){\n this.onAfterRefreshCounter.call(\n null, tf, this.rowsCounterSpan, totTxt);\n }\n }\n\n destroy(){\n if(!this.initialized){\n return;\n }\n\n if(!this.rowsCounterTgtId && this.rowsCounterDiv){\n Dom.remove(this.rowsCounterDiv);\n } else {\n Dom.id(this.rowsCounterTgtId).innerHTML = '';\n }\n this.rowsCounterSpan = null;\n this.rowsCounterDiv = null;\n this.initialized = false;\n }\n}\n"
+ "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nexport class RowsCounter extends Feature{\n\n /**\n * Rows counter\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'rowsCounter');\n\n // TableFilter configuration\n var f = this.config;\n\n //id of custom container element\n this.rowsCounterTgtId = f.rows_counter_target_id || null;\n //element containing tot nb rows\n this.rowsCounterDiv = null;\n //element containing tot nb rows label\n this.rowsCounterSpan = null;\n //defines rows counter text\n this.rowsCounterText = f.rows_counter_text || 'Rows: ';\n this.fromToTextSeparator = f.from_to_text_separator || '-';\n this.overText = f.over_text || ' / ';\n //defines css class rows counter\n this.totRowsCssClass = f.tot_rows_css_class || 'tot';\n //rows counter div\n this.prfxCounter = 'counter_';\n //nb displayed rows label\n this.prfxTotRows = 'totrows_span_';\n //label preceding nb rows label\n this.prfxTotRowsTxt = 'totRowsTextSpan_';\n //callback raised before counter is refreshed\n this.onBeforeRefreshCounter = Types.isFn(f.on_before_refresh_counter) ?\n f.on_before_refresh_counter : null;\n //callback raised after counter is refreshed\n this.onAfterRefreshCounter = Types.isFn(f.on_after_refresh_counter) ?\n f.on_after_refresh_counter : null;\n }\n\n init(){\n if(this.initialized){\n return;\n }\n\n var tf = this.tf;\n\n //rows counter container\n var countDiv = Dom.create('div', ['id', this.prfxCounter+tf.id]);\n countDiv.className = this.totRowsCssClass;\n //rows counter label\n var countSpan = Dom.create('span', ['id', this.prfxTotRows+tf.id]);\n var countText = Dom.create('span', ['id', this.prfxTotRowsTxt+tf.id]);\n countText.appendChild(Dom.text(this.rowsCounterText));\n\n // counter is added to defined element\n if(!this.rowsCounterTgtId){\n tf.setToolbar();\n }\n var targetEl = !this.rowsCounterTgtId ?\n tf.lDiv : Dom.id( this.rowsCounterTgtId );\n\n //default container: 'lDiv'\n if(!this.rowsCounterTgtId){\n countDiv.appendChild(countText);\n countDiv.appendChild(countSpan);\n targetEl.appendChild(countDiv);\n }\n else{\n //custom container, no need to append statusDiv\n targetEl.appendChild(countText);\n targetEl.appendChild(countSpan);\n }\n this.rowsCounterDiv = countDiv;\n this.rowsCounterSpan = countSpan;\n\n // subscribe to events\n this.emitter.on(['after-filtering', 'grouped-by-page'],\n ()=> this.refresh(tf.nbVisibleRows));\n this.emitter.on(['rows-changed'], ()=> this.refresh());\n\n this.initialized = true;\n this.refresh();\n }\n\n refresh(p){\n if(!this.initialized || !this.isEnabled()){\n return;\n }\n\n var tf = this.tf;\n\n if(this.onBeforeRefreshCounter){\n this.onBeforeRefreshCounter.call(null, tf, this.rowsCounterSpan);\n }\n\n var totTxt;\n if(!tf.paging){\n if(p && p !== ''){\n totTxt = p;\n } else{\n totTxt = tf.nbFilterableRows - tf.nbHiddenRows;\n }\n } else {\n var paging = tf.feature('paging');\n if(paging){\n //paging start row\n var paging_start_row = parseInt(paging.startPagingRow, 10) +\n ((tf.nbVisibleRows>0) ? 1 : 0);\n var paging_end_row = (paging_start_row+paging.pagingLength)-1 <=\n tf.nbVisibleRows ?\n paging_start_row+paging.pagingLength-1 :\n tf.nbVisibleRows;\n totTxt = paging_start_row + this.fromToTextSeparator +\n paging_end_row + this.overText + tf.nbVisibleRows;\n }\n }\n\n this.rowsCounterSpan.innerHTML = totTxt;\n if(this.onAfterRefreshCounter){\n this.onAfterRefreshCounter.call(\n null, tf, this.rowsCounterSpan, totTxt);\n }\n }\n\n destroy(){\n if(!this.initialized){\n return;\n }\n\n if(!this.rowsCounterTgtId && this.rowsCounterDiv){\n Dom.remove(this.rowsCounterDiv);\n } else {\n Dom.id(this.rowsCounterTgtId).innerHTML = '';\n }\n this.rowsCounterSpan = null;\n this.rowsCounterDiv = null;\n\n // unsubscribe to events\n this.emitter.off(['after-filtering', 'grouped-by-page'],\n ()=> this.refresh(tf.nbVisibleRows));\n this.emitter.off(['rows-changed'], ()=> this.refresh());\n\n this.initialized = false;\n }\n}\n"
},
{
"kind": "class",
@@ -9671,7 +10133,7 @@
"longname": "src/modules/rowsCounter.js~RowsCounter#initialized",
"access": null,
"description": null,
- "lineNumber": 79,
+ "lineNumber": 84,
"undocument": true,
"type": {
"types": [
@@ -9688,7 +10150,7 @@
"longname": "src/modules/rowsCounter.js~RowsCounter#refresh",
"access": null,
"description": null,
- "lineNumber": 83,
+ "lineNumber": 88,
"undocument": true,
"params": [
{
@@ -9709,7 +10171,7 @@
"longname": "src/modules/rowsCounter.js~RowsCounter#destroy",
"access": null,
"description": null,
- "lineNumber": 123,
+ "lineNumber": 128,
"undocument": true,
"params": [],
"generator": false
@@ -9723,7 +10185,7 @@
"longname": "src/modules/rowsCounter.js~RowsCounter#rowsCounterSpan",
"access": null,
"description": null,
- "lineNumber": 133,
+ "lineNumber": 138,
"undocument": true,
"type": {
"types": [
@@ -9740,7 +10202,7 @@
"longname": "src/modules/rowsCounter.js~RowsCounter#rowsCounterDiv",
"access": null,
"description": null,
- "lineNumber": 134,
+ "lineNumber": 139,
"undocument": true,
"type": {
"types": [
@@ -9757,7 +10219,7 @@
"longname": "src/modules/rowsCounter.js~RowsCounter#initialized",
"access": null,
"description": null,
- "lineNumber": 135,
+ "lineNumber": 146,
"undocument": true,
"type": {
"types": [
@@ -9775,7 +10237,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nvar 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 var 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 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 var tf = this.tf;\n\n //status bar container\n var statusDiv = Dom.create('div', ['id', this.prfxStatus+tf.id]);\n statusDiv.className = this.statusBarCssClass;\n\n //status bar label\n var statusSpan = Dom.create('span', ['id', this.prfxStatusSpan+tf.id]);\n //preceding text\n var 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 var 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 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 var d = t==='' ? this.statusBarCloseDelay : 1;\n global.setTimeout(() => {\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 this.statusBarDiv.innerHTML = '';\n Dom.remove(this.statusBarDiv);\n this.statusBarSpan = null;\n this.statusBarSpanText = null;\n this.statusBarDiv = null;\n this.initialized = false;\n }\n\n}\n"
+ "content": "import {Feature} from './feature';\nimport Dom from '../dom';\nimport Types from '../types';\n\nlet global = window;\n\nexport class StatusBar extends Feature{\n\n /**\n * Status bar UI component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf){\n super(tf, 'statusBar');\n\n // Configuration object\n let f = this.config;\n\n //id of custom container element\n this.statusBarTgtId = f.status_bar_target_id || null;\n //element containing status bar label\n this.statusBarDiv = null;\n //status bar\n this.statusBarSpan = null;\n //status bar label\n this.statusBarSpanText = null;\n //defines status bar text\n this.statusBarText = f.status_bar_text || '';\n //defines css class status bar\n this.statusBarCssClass = f.status_bar_css_class || 'status';\n //delay for status bar clearing\n this.statusBarCloseDelay = 250;\n\n //calls function before message is displayed\n this.onBeforeShowMsg = Types.isFn(f.on_before_show_msg) ?\n f.on_before_show_msg : null;\n //calls function after message is displayed\n this.onAfterShowMsg = Types.isFn(f.on_after_show_msg) ?\n f.on_after_show_msg : null;\n\n //status messages\n this.msgFilter = f.msg_filter || 'Filtering data...';\n //populating drop-downs\n this.msgPopulate = f.msg_populate || 'Populating filter...';\n //populating drop-downs\n this.msgPopulateCheckList = f.msg_populate_checklist ||\n 'Populating list...';\n //changing paging page\n this.msgChangePage = f.msg_change_page || 'Collecting paging data...';\n //clearing filters\n this.msgClear = f.msg_clear || 'Clearing filters...';\n //changing nb results/page\n this.msgChangeResults = f.msg_change_results ||\n 'Changing results per page...';\n //re-setting page\n this.msgResetPage = f.msg_reset_page || 'Re-setting page...';\n //re-setting page length\n this.msgResetPageLength = f.msg_reset_page_length ||\n 'Re-setting page length...';\n //table sorting\n this.msgSort = f.msg_sort || 'Sorting data...';\n //extensions loading\n this.msgLoadExtensions = f.msg_load_extensions ||\n 'Loading extensions...';\n //themes loading\n this.msgLoadThemes = f.msg_load_themes || 'Loading theme(s)...';\n\n // status bar div\n this.prfxStatus = 'status_';\n // status bar label\n this.prfxStatusSpan = 'statusSpan_';\n // text preceding status bar label\n this.prfxStatusTxt = 'statusText_';\n }\n\n init(){\n if(this.initialized){\n return;\n }\n\n let tf = this.tf;\n let emitter = this.emitter;\n\n //status bar container\n let statusDiv = Dom.create('div', ['id', this.prfxStatus+tf.id]);\n statusDiv.className = this.statusBarCssClass;\n\n //status bar label\n let statusSpan = Dom.create('span', ['id', this.prfxStatusSpan+tf.id]);\n //preceding text\n let statusSpanText = Dom.create('span',\n ['id', this.prfxStatusTxt+tf.id]);\n statusSpanText.appendChild(Dom.text(this.statusBarText));\n\n // target element container\n if(!this.statusBarTgtId){\n tf.setToolbar();\n }\n let targetEl = (!this.statusBarTgtId) ?\n tf.lDiv : Dom.id(this.statusBarTgtId);\n\n //default container: 'lDiv'\n if(!this.statusBarTgtId){\n statusDiv.appendChild(statusSpanText);\n statusDiv.appendChild(statusSpan);\n targetEl.appendChild(statusDiv);\n } else {\n // custom container, no need to append statusDiv\n targetEl.appendChild(statusSpanText);\n targetEl.appendChild(statusSpan);\n }\n\n this.statusBarDiv = statusDiv;\n this.statusBarSpan = statusSpan;\n this.statusBarSpanText = statusSpanText;\n\n // Subscribe to events\n emitter.on(['before-filtering'], ()=> this.message(this.msgFilter));\n emitter.on(['before-populating-filter'],\n ()=> this.message(this.msgPopulate));\n emitter.on(['before-changing-page'],\n ()=> this.message(this.msgChangePage));\n emitter.on(['before-clearing-filters'], ()=>\n this.message(this.msgClear));\n emitter.on(['before-changing-results-per-page'],\n ()=> this.message(this.msgChangeResults));\n emitter.on(['before-reset-page'], ()=> this.message(this.msgResetPage));\n emitter.on(['before-reset-page-length'],\n ()=> this.message(this.msgResetPageLength));\n emitter.on(['before-loading-extensions'],\n ()=> this.message(this.msgLoadExtensions));\n emitter.on(['before-loading-themes'],\n ()=> this.message(this.msgLoadThemes));\n\n emitter.on([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'\n ],\n ()=> this.message('')\n );\n\n this.initialized = true;\n }\n\n message(t=''){\n if(!this.isEnabled()){\n return;\n }\n\n if(this.onBeforeShowMsg){\n this.onBeforeShowMsg.call(null, this.tf, t);\n }\n\n let d = t==='' ? this.statusBarCloseDelay : 1;\n global.setTimeout(() => {\n if(!this.initialized){\n return;\n }\n this.statusBarSpan.innerHTML = t;\n if(this.onAfterShowMsg){\n this.onAfterShowMsg.call(null, this.tf, t);\n }\n }, d);\n }\n\n destroy(){\n if(!this.initialized){\n return;\n }\n\n let emitter = this.emitter;\n\n this.statusBarDiv.innerHTML = '';\n if(!this.statusBarTgtId){\n Dom.remove(this.statusBarDiv);\n }\n this.statusBarSpan = null;\n this.statusBarSpanText = null;\n this.statusBarDiv = null;\n\n // Unsubscribe to events\n emitter.off(['before-filtering'], ()=> this.message(this.msgFilter));\n emitter.off(['before-populating-filter'],\n ()=> this.message(this.msgPopulate));\n emitter.off(['before-changing-page'],\n ()=> this.message(this.msgChangePage));\n emitter.off(['before-clearing-filters'],\n ()=> this.message(this.msgClear));\n emitter.off(['before-changing-results-per-page'],\n ()=> this.message(this.msgChangeResults));\n emitter.off(['before-reset-page'], ()=>\n this.message(this.msgResetPage));\n emitter.off(['before-reset-page-length'],\n ()=> this.message(this.msgResetPageLength));\n emitter.off(['before-loading-extensions'],\n ()=> this.message(this.msgLoadExtensions));\n emitter.off(['before-loading-themes'],\n ()=> this.message(this.msgLoadThemes));\n\n emitter.off([\n 'after-filtering',\n 'after-populating-filter',\n 'after-changing-page',\n 'after-clearing-filters',\n 'after-changing-results-per-page',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'\n ],\n ()=> this.message('')\n );\n\n this.initialized = false;\n }\n\n}\n"
},
{
"kind": "variable",
@@ -9993,6 +10455,193 @@
]
}
},
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "msgFilter",
+ "memberof": "src/modules/statusBar.js~StatusBar",
+ "longname": "src/modules/statusBar.js~StatusBar#msgFilter",
+ "access": null,
+ "description": null,
+ "lineNumber": 42,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "msgPopulate",
+ "memberof": "src/modules/statusBar.js~StatusBar",
+ "longname": "src/modules/statusBar.js~StatusBar#msgPopulate",
+ "access": null,
+ "description": null,
+ "lineNumber": 44,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "msgPopulateCheckList",
+ "memberof": "src/modules/statusBar.js~StatusBar",
+ "longname": "src/modules/statusBar.js~StatusBar#msgPopulateCheckList",
+ "access": null,
+ "description": null,
+ "lineNumber": 46,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "msgChangePage",
+ "memberof": "src/modules/statusBar.js~StatusBar",
+ "longname": "src/modules/statusBar.js~StatusBar#msgChangePage",
+ "access": null,
+ "description": null,
+ "lineNumber": 49,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "msgClear",
+ "memberof": "src/modules/statusBar.js~StatusBar",
+ "longname": "src/modules/statusBar.js~StatusBar#msgClear",
+ "access": null,
+ "description": null,
+ "lineNumber": 51,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "msgChangeResults",
+ "memberof": "src/modules/statusBar.js~StatusBar",
+ "longname": "src/modules/statusBar.js~StatusBar#msgChangeResults",
+ "access": null,
+ "description": null,
+ "lineNumber": 53,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "msgResetPage",
+ "memberof": "src/modules/statusBar.js~StatusBar",
+ "longname": "src/modules/statusBar.js~StatusBar#msgResetPage",
+ "access": null,
+ "description": null,
+ "lineNumber": 56,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "msgResetPageLength",
+ "memberof": "src/modules/statusBar.js~StatusBar",
+ "longname": "src/modules/statusBar.js~StatusBar#msgResetPageLength",
+ "access": null,
+ "description": null,
+ "lineNumber": 58,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "msgSort",
+ "memberof": "src/modules/statusBar.js~StatusBar",
+ "longname": "src/modules/statusBar.js~StatusBar#msgSort",
+ "access": null,
+ "description": null,
+ "lineNumber": 61,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "msgLoadExtensions",
+ "memberof": "src/modules/statusBar.js~StatusBar",
+ "longname": "src/modules/statusBar.js~StatusBar#msgLoadExtensions",
+ "access": null,
+ "description": null,
+ "lineNumber": 63,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "msgLoadThemes",
+ "memberof": "src/modules/statusBar.js~StatusBar",
+ "longname": "src/modules/statusBar.js~StatusBar#msgLoadThemes",
+ "access": null,
+ "description": null,
+ "lineNumber": 66,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
{
"kind": "member",
"static": false,
@@ -10002,7 +10651,7 @@
"longname": "src/modules/statusBar.js~StatusBar#prfxStatus",
"access": null,
"description": null,
- "lineNumber": 42,
+ "lineNumber": 69,
"undocument": true,
"type": {
"types": [
@@ -10019,7 +10668,7 @@
"longname": "src/modules/statusBar.js~StatusBar#prfxStatusSpan",
"access": null,
"description": null,
- "lineNumber": 44,
+ "lineNumber": 71,
"undocument": true,
"type": {
"types": [
@@ -10036,7 +10685,7 @@
"longname": "src/modules/statusBar.js~StatusBar#prfxStatusTxt",
"access": null,
"description": null,
- "lineNumber": 46,
+ "lineNumber": 73,
"undocument": true,
"type": {
"types": [
@@ -10053,7 +10702,7 @@
"longname": "src/modules/statusBar.js~StatusBar#init",
"access": null,
"description": null,
- "lineNumber": 49,
+ "lineNumber": 76,
"undocument": true,
"params": [],
"generator": false
@@ -10067,7 +10716,7 @@
"longname": "src/modules/statusBar.js~StatusBar#statusBarDiv",
"access": null,
"description": null,
- "lineNumber": 85,
+ "lineNumber": 113,
"undocument": true,
"type": {
"types": [
@@ -10084,7 +10733,7 @@
"longname": "src/modules/statusBar.js~StatusBar#statusBarSpan",
"access": null,
"description": null,
- "lineNumber": 86,
+ "lineNumber": 114,
"undocument": true,
"type": {
"types": [
@@ -10101,7 +10750,7 @@
"longname": "src/modules/statusBar.js~StatusBar#statusBarSpanText",
"access": null,
"description": null,
- "lineNumber": 87,
+ "lineNumber": 115,
"undocument": true,
"type": {
"types": [
@@ -10118,7 +10767,7 @@
"longname": "src/modules/statusBar.js~StatusBar#initialized",
"access": null,
"description": null,
- "lineNumber": 89,
+ "lineNumber": 149,
"undocument": true,
"type": {
"types": [
@@ -10135,7 +10784,7 @@
"longname": "src/modules/statusBar.js~StatusBar#message",
"access": null,
"description": null,
- "lineNumber": 92,
+ "lineNumber": 152,
"undocument": true,
"params": [
{
@@ -10159,7 +10808,7 @@
"longname": "src/modules/statusBar.js~StatusBar#destroy",
"access": null,
"description": null,
- "lineNumber": 110,
+ "lineNumber": 173,
"undocument": true,
"params": [],
"generator": false
@@ -10173,7 +10822,7 @@
"longname": "src/modules/statusBar.js~StatusBar#statusBarSpan",
"access": null,
"description": null,
- "lineNumber": 117,
+ "lineNumber": 184,
"undocument": true,
"type": {
"types": [
@@ -10190,7 +10839,7 @@
"longname": "src/modules/statusBar.js~StatusBar#statusBarSpanText",
"access": null,
"description": null,
- "lineNumber": 118,
+ "lineNumber": 185,
"undocument": true,
"type": {
"types": [
@@ -10207,7 +10856,7 @@
"longname": "src/modules/statusBar.js~StatusBar#statusBarDiv",
"access": null,
"description": null,
- "lineNumber": 119,
+ "lineNumber": 186,
"undocument": true,
"type": {
"types": [
@@ -10224,7 +10873,7 @@
"longname": "src/modules/statusBar.js~StatusBar#initialized",
"access": null,
"description": null,
- "lineNumber": 120,
+ "lineNumber": 221,
"undocument": true,
"type": {
"types": [
@@ -10242,7 +10891,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import Cookie from '../cookie';\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 var f = tf.config();\n\n this.duration = !isNaN(f.set_cookie_duration) ?\n parseInt(f.set_cookie_duration, 10) : 100000;\n\n this.tf = tf;\n }\n\n /**\n * Store filters' values in cookie\n * @param {String} cookie name\n */\n saveFilterValues(name){\n var tf = this.tf;\n var fltValues = [];\n //store filters' values\n for(var i=0; i this.saveFilterValues(this.tf.fltsValuesCookie));\n this.emitter.on(['after-clearing-filters'], ()=> this.clearCookies());\n }\n\n /**\n * Store filters' values in cookie\n * @param {String} cookie name\n */\n saveFilterValues(name){\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(this.tf.fltsValuesCookie));\n this.emitter.off(['after-clearing-filters'], ()=> this.clearCookies());\n }\n}\n"
},
{
"kind": "class",
@@ -10256,7 +10905,7 @@
"importPath": "tablefilter/src/modules/store.js",
"importStyle": "{Store}",
"description": null,
- "lineNumber": 3,
+ "lineNumber": 4,
"undocument": true,
"interface": false
},
@@ -10269,7 +10918,7 @@
"longname": "src/modules/store.js~Store#constructor",
"access": null,
"description": "Store, persistence manager",
- "lineNumber": 11,
+ "lineNumber": 12,
"params": [
{
"nullable": null,
@@ -10293,7 +10942,7 @@
"longname": "src/modules/store.js~Store#duration",
"access": null,
"description": null,
- "lineNumber": 14,
+ "lineNumber": 15,
"undocument": true,
"type": {
"types": [
@@ -10310,7 +10959,24 @@
"longname": "src/modules/store.js~Store#tf",
"access": null,
"description": null,
- "lineNumber": 17,
+ "lineNumber": 18,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "emitter",
+ "memberof": "src/modules/store.js~Store",
+ "longname": "src/modules/store.js~Store#emitter",
+ "access": null,
+ "description": null,
+ "lineNumber": 19,
"undocument": true,
"type": {
"types": [
@@ -10318,6 +10984,20 @@
]
}
},
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "init",
+ "memberof": "src/modules/store.js~Store",
+ "longname": "src/modules/store.js~Store#init",
+ "access": null,
+ "description": null,
+ "lineNumber": 22,
+ "undocument": true,
+ "params": [],
+ "generator": false
+ },
{
"kind": "method",
"static": false,
@@ -10327,7 +11007,7 @@
"longname": "src/modules/store.js~Store#saveFilterValues",
"access": null,
"description": "Store filters' values in cookie",
- "lineNumber": 24,
+ "lineNumber": 32,
"params": [
{
"nullable": null,
@@ -10351,7 +11031,7 @@
"longname": "src/modules/store.js~Store#getFilterValues",
"access": null,
"description": "Retrieve filters' values from cookie",
- "lineNumber": 51,
+ "lineNumber": 68,
"params": [
{
"nullable": null,
@@ -10383,7 +11063,7 @@
"longname": "src/modules/store.js~Store#savePageNb",
"access": null,
"description": "Store page number in cookie",
- "lineNumber": 62,
+ "lineNumber": 79,
"params": [
{
"nullable": null,
@@ -10407,7 +11087,7 @@
"longname": "src/modules/store.js~Store#getPageNb",
"access": null,
"description": "Retrieve page number from cookie",
- "lineNumber": 75,
+ "lineNumber": 95,
"params": [
{
"nullable": null,
@@ -10439,7 +11119,7 @@
"longname": "src/modules/store.js~Store#savePageLength",
"access": null,
"description": "Store page length in cookie",
- "lineNumber": 83,
+ "lineNumber": 103,
"params": [
{
"nullable": null,
@@ -10463,7 +11143,7 @@
"longname": "src/modules/store.js~Store#getPageLength",
"access": null,
"description": "Retrieve page length from cookie",
- "lineNumber": 96,
+ "lineNumber": 119,
"params": [
{
"nullable": null,
@@ -10486,6 +11166,33 @@
},
"generator": false
},
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "clearCookies",
+ "memberof": "src/modules/store.js~Store",
+ "longname": "src/modules/store.js~Store#clearCookies",
+ "access": null,
+ "description": "Remove all cookies",
+ "lineNumber": 126,
+ "params": [],
+ "generator": false
+ },
+ {
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "destroy",
+ "memberof": "src/modules/store.js~Store",
+ "longname": "src/modules/store.js~Store#destroy",
+ "access": null,
+ "description": null,
+ "lineNumber": 132,
+ "undocument": true,
+ "params": [],
+ "generator": false
+ },
{
"kind": "file",
"static": true,
@@ -10520,7 +11227,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import Event from './event';\nimport Dom from './dom';\nimport Str from './string';\nimport Cookie from './cookie';\nimport Types from './types';\nimport Arr from './array';\nimport DateHelper from './date';\nimport Helpers from './helpers';\n\n// Features\nimport {Store} from './modules/store';\nimport {GridLayout} from './modules/gridLayout';\nimport {Loader} from './modules/loader';\nimport {HighlightKeyword} from './modules/highlightKeywords';\nimport {PopupFilter} from './modules/popupFilter';\nimport {Dropdown} from './modules/dropdown';\nimport {CheckList} from './modules/checkList';\nimport {RowsCounter} from './modules/rowsCounter';\nimport {StatusBar} from './modules/statusBar';\nimport {Paging} from './modules/paging';\nimport {ClearButton} from './modules/clearButton';\nimport {Help} from './modules/help';\nimport {AlternateRows} from './modules/alternateRows';\nimport {NoResults} from './modules/noResults';\n\nlet global = window,\n doc = global.document;\n\nexport class TableFilter{\n\n /**\n * TableFilter object constructor\n * requires `table` or `id` arguments, `row` and `configuration` optional\n * @param {DOMElement} table Table DOM element\n * @param {String} id Table id\n * @param {Number} row index indicating the 1st row\n * @param {Object} configuration object\n */\n constructor(...args) {\n if(args.length === 0){ return; }\n\n this.id = null;\n this.version = '{VERSION}';\n this.year = new Date().getFullYear();\n this.tbl = null;\n this.startRow = null;\n this.refRow = null;\n this.headersRow = null;\n this.cfg = {};\n this.nbFilterableRows = null;\n this.nbRows = null;\n this.nbCells = null;\n this._hasGrid = false;\n\n // TODO: use for-of with babel plug-in\n args.forEach((arg)=> {\n 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 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 //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 if(this.gridLayout){\n if(this.headersRow > 1){\n this.filtersRowIndex = this.headersRow+1;\n } else {\n this.filtersRowIndex = 1;\n this.headersRow = 0;\n }\n }\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 filters values\n this.searchArgs = null;\n //stores valid rows indexes (rows visible upon filtering)\n this.validRowsIndex = null;\n //stores filters row element\n this.fltGridEl = null;\n //is first load boolean\n this.isFirstLoad = true;\n //container div for paging elements, reset btn etc.\n this.infDiv = null;\n //div for rows counter\n this.lDiv = null;\n //div for reset button and results per page select\n this.rDiv = null;\n //div for paging elements\n this.mDiv = null;\n\n //defines css class for div containing paging elements, rows counter etc\n this.infDivCssClass = f.inf_div_css_class || 'inf';\n //defines css class for left div\n this.lDivCssClass = f.left_div_css_class || 'ldiv';\n //defines css class for right div\n this.rDivCssClass = f.right_div_css_class || 'rdiv';\n //defines css class for mid div\n this.mDivCssClass = f.middle_div_css_class || 'mdiv';\n //table container div css class\n this.contDivCssClass = f.content_div_css_class || 'cont';\n\n /*** filters' grid appearance ***/\n //stylesheet file\n this.stylePath = f.style_path || this.basePath + 'style/';\n this.stylesheet = f.stylesheet || this.stylePath+'tablefilter.css';\n this.stylesheetId = this.id + '_style';\n //defines css class for filters row\n this.fltsRowCssClass = f.flts_row_css_class || 'fltrow';\n //enables/disables icons (paging, reset button)\n this.enableIcons = f.enable_icons===false ? false : true;\n //enables/disbles rows alternating bg colors\n this.alternateRows = Boolean(f.alternate_rows);\n //defines widths of columns\n this.hasColWidths = Types.isArray(f.col_widths);\n this.colWidths = this.hasColWidths ? f.col_widths : null;\n //defines css class for filters\n this.fltCssClass = f.flt_css_class || 'flt';\n //defines css class for multiple selects filters\n this.fltMultiCssClass = f.flt_multi_css_class || 'flt_multi';\n //defines css class for filters\n this.fltSmallCssClass = f.flt_small_css_class || 'flt_s';\n //defines css class for single-filter\n this.singleFltCssClass = f.single_flt_css_class || 'single_flt';\n\n /*** filters' grid behaviours ***/\n //enables/disables enter key\n this.enterKey = f.enter_key===false ? false : true;\n //calls function before filtering starts\n this.onBeforeFilter = Types.isFn(f.on_before_filter) ?\n f.on_before_filter : null;\n //calls function after filtering\n this.onAfterFilter = Types.isFn(f.on_after_filter) ?\n f.on_after_filter : null;\n //enables/disables case sensitivity\n this.caseSensitive = Boolean(f.case_sensitive);\n //has exact match per column\n this.hasExactMatchByCol = Types.isArray(f.columns_exact_match);\n this.exactMatchByCol = this.hasExactMatchByCol ?\n f.columns_exact_match : [];\n //enables/disbles exact match for search\n this.exactMatch = Boolean(f.exact_match);\n //refreshes drop-down lists upon validation\n this.linkedFilters = Boolean(f.linked_filters);\n //wheter excluded options are disabled\n this.disableExcludedOptions = Boolean(f.disable_excluded_options);\n //stores active filter element\n this.activeFlt = null;\n //id of active filter\n this.activeFilterId = null;\n //enables always visible rows\n this.hasVisibleRows = Boolean(f.rows_always_visible);\n //array containing always visible rows\n this.visibleRows = this.hasVisibleRows ? f.rows_always_visible : [];\n //enables/disables external filters generation\n this.isExternalFlt = Boolean(f.external_flt_grid);\n //array containing ids of external elements containing filters\n this.externalFltTgtIds = f.external_flt_grid_ids || null;\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 : null;\n //enables/disables descending numeric options sorting\n this.isSortNumDesc = Boolean(f.sort_num_desc);\n this.sortNumDesc = this.isSortNumDesc ? f.sort_num_desc : null;\n //Select filters are populated on demand\n this.loadFltOnDemand = Boolean(f.load_filters_on_demand);\n this.hasCustomOptions = Types.isObj(f.custom_options);\n this.customOptions = f.custom_options;\n\n /*** Filter operators ***/\n this.rgxOperator = f.regexp_operator || 'rgx:';\n this.emOperator = f.empty_operator || '[empty]';\n this.nmOperator = f.nonempty_operator || '[nonempty]';\n this.orOperator = f.or_operator || '||';\n this.anOperator = f.and_operator || '&&';\n this.grOperator = f.greater_operator || '>';\n this.lwOperator = f.lower_operator || '<';\n this.leOperator = f.lower_equal_operator || '<=';\n this.geOperator = f.greater_equal_operator || '>=';\n this.dfOperator = f.different_operator || '!';\n this.lkOperator = f.like_operator || '*';\n this.eqOperator = f.equal_operator || '=';\n this.stOperator = f.start_with_operator || '{';\n this.enOperator = f.end_with_operator || '}';\n this.curExp = f.cur_exp || '^[¥£€$]';\n this.separator = f.separator || ',';\n\n /*** rows counter ***/\n //show/hides rows counter\n this.rowsCounter = Boolean(f.rows_counter);\n\n /*** status bar ***/\n //show/hides status bar\n this.statusBar = Boolean(f.status_bar);\n\n /*** loader ***/\n //enables/disables loader/spinner indicator\n this.loader = Boolean(f.loader);\n\n /*** validation - reset buttons/links ***/\n //show/hides filter's validation button\n this.displayBtn = Boolean(f.btn);\n //defines validation button text\n this.btnText = f.btn_text || (!this.enableIcons ? 'Go' : '');\n //defines css class for validation button\n this.btnCssClass = f.btn_css_class ||\n (!this.enableIcons ? 'btnflt' : 'btnflt_icon');\n //show/hides reset link\n this.btnReset = Boolean(f.btn_reset);\n //defines css class for reset button\n this.btnResetCssClass = f.btn_reset_css_class || 'reset';\n //callback function before filters are cleared\n this.onBeforeReset = Types.isFn(f.on_before_reset) ?\n f.on_before_reset : null;\n //callback function after filters are cleared\n this.onAfterReset = Types.isFn(f.on_after_reset) ?\n f.on_after_reset : null;\n\n /*** paging ***/\n //enables/disables table paging\n this.paging = Boolean(f.paging);\n this.nbVisibleRows = 0; //nb visible rows\n this.nbHiddenRows = 0; //nb hidden rows\n\n /*** autofilter on typing ***/\n //enables/disables auto filtering, table is filtered when user stops\n //typing\n this.autoFilter = Boolean(f.auto_filter);\n //onkeyup delay timer (msecs)\n this.autoFilterDelay = !isNaN(f.auto_filter_delay) ?\n f.auto_filter_delay : 900;\n //typing indicator\n this.isUserTyping = null;\n this.autoFilterTimer = null;\n\n /*** keyword highlighting ***/\n //enables/disables keyword highlighting\n this.highlightKeywords = Boolean(f.highlight_keywords);\n\n /*** No results feature ***/\n this.noResults = Types.isObj(f.no_results_message) ||\n Boolean(f.no_results_message);\n\n /*** data types ***/\n //defines default date type (european DMY)\n this.defaultDateType = f.default_date_type || 'DMY';\n //defines default thousands separator\n //US = ',' EU = '.'\n this.thousandsSeparator = f.thousands_separator || ',';\n //defines default decimal separator\n //US & javascript = '.' EU = ','\n this.decimalSeparator = f.decimal_separator || '.';\n //enables number format per column\n this.hasColNbFormat = Types.isArray(f.col_number_format);\n //array containing columns nb formats\n this.colNbFormat = this.hasColNbFormat ? f.col_number_format : null;\n //enables date type per column\n this.hasColDateType = Types.isArray(f.col_date_type);\n //array containing columns date type\n this.colDateType = this.hasColDateType ? f.col_date_type : null;\n\n /*** status messages ***/\n //filtering\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 grid values\n this.msgResetValues = f.msg_reset_grid_values ||\n 'Re-setting filters values...';\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 /*** ids prefixes ***/\n //css class name added to table\n this.prfxTf = 'TF';\n //filters (inputs - selects)\n this.prfxFlt = 'flt';\n //validation button\n this.prfxValButton = 'btn';\n //container div for paging elements, rows counter etc.\n this.prfxInfDiv = 'inf_';\n //left div\n this.prfxLDiv = 'ldiv_';\n //right div\n this.prfxRDiv = 'rdiv_';\n //middle div\n this.prfxMDiv = 'mdiv_';\n //filter values cookie\n this.prfxCookieFltsValues = 'tf_flts_';\n //page nb cookie\n this.prfxCookiePageNb = 'tf_pgnb_';\n //page length cookie\n this.prfxCookiePageLen = 'tf_pglen_';\n\n /*** cookies ***/\n this.hasStoredValues = false;\n //remembers filters values on page load\n this.rememberGridValues = Boolean(f.remember_grid_values);\n //cookie storing filter values\n this.fltsValuesCookie = this.prfxCookieFltsValues + this.id;\n //remembers page nb on page load\n this.rememberPageNb = this.paging && f.remember_page_number;\n //cookie storing page nb\n this.pgNbCookie = this.prfxCookiePageNb + this.id;\n //remembers page length on page load\n this.rememberPageLen = this.paging && f.remember_page_length;\n //cookie storing page length\n this.pgLenCookie = this.prfxCookiePageLen + this.id;\n\n /*** extensions ***/\n //imports external script\n this.extensions = f.extensions;\n this.hasExtensions = Types.isArray(this.extensions);\n\n /*** themes ***/\n this.enableDefaultTheme = Boolean(f.enable_default_theme);\n //imports themes\n this.hasThemes = (this.enableDefaultTheme || Types.isArray(f.themes));\n this.themes = f.themes || [];\n //themes path\n this.themesPath = f.themes_path || this.stylePath + 'themes/';\n\n // Features registry\n this.Mod = {};\n\n // Extensions registry\n this.ExtRegistry = {};\n\n /*** TF events ***/\n this.Evt = {\n name: {\n filter: 'Filter',\n dropdown: 'DropDown',\n checklist: 'CheckList',\n changepage: 'ChangePage',\n clear: 'Clear',\n changeresultsperpage: 'ChangeResults',\n resetvalues: 'ResetValues',\n resetpage: 'ResetPage',\n resetpagelength: 'ResetPageLength',\n loadextensions: 'LoadExtensions',\n loadthemes: 'LoadThemes'\n },\n\n // Detect key\n detectKey(e) {\n if(!this.enterKey){ return; }\n let _ev = e || global.event;\n if(_ev){\n let key = Event.keyCode(_ev);\n if(key===13){\n this.filter();\n Event.cancel(_ev);\n Event.stop(_ev);\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 _ev = e || global.event;\n let key = Event.keyCode(_ev);\n this.isUserTyping = false;\n\n function filter() {\n /*jshint validthis:true */\n global.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n if(!this.isUserTyping){\n this.filter();\n this.isUserTyping = null;\n }\n }\n\n if(key!==13 && key!==9 && key!==27 && key!==38 && key!==40) {\n if(this.autoFilterTimer === null){\n this.autoFilterTimer = global.setInterval(\n filter.bind(this), this.autoFilterDelay);\n }\n } else {\n global.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n }\n },\n // if auto-filter on, detect user is typing\n onKeyDown() {\n if(!this.autoFilter) { return; }\n this.isUserTyping = true;\n },\n // if auto-filter on, clear interval on filter blur\n onInpBlur() {\n if(this.autoFilter){\n this.isUserTyping = false;\n global.clearInterval(this.autoFilterTimer);\n }\n // TODO: hack to prevent ezEditTable enter key event hijaking.\n // Needs to be fixed in the vendor's library\n if(this.hasExtension('advancedGrid')){\n var advGrid = this.extension('advancedGrid');\n var ezEditTable = advGrid._ezEditTable;\n if(advGrid.cfg.editable){\n ezEditTable.Editable.Set();\n }\n if(advGrid.cfg.selection){\n ezEditTable.Selection.Set();\n }\n }\n },\n // set focused text-box filter as active\n onInpFocus(e) {\n let _ev = e || global.event;\n let elm = Event.target(_ev);\n this.activeFilterId = elm.getAttribute('id');\n this.activeFlt = Dom.id(this.activeFilterId);\n if(this.popupFilters){\n Event.cancel(_ev);\n Event.stop(_ev);\n }\n // TODO: hack to prevent ezEditTable enter key event hijaking.\n // Needs to be fixed in the vendor's library\n if(this.hasExtension('advancedGrid')){\n var advGrid = this.extension('advancedGrid');\n var ezEditTable = advGrid._ezEditTable;\n if(advGrid.cfg.editable){\n ezEditTable.Editable.Remove();\n }\n if(advGrid.cfg.selection){\n ezEditTable.Selection.Remove();\n }\n }\n },\n // set focused drop-down filter as active\n onSlcFocus(e) {\n let _ev = e || global.event;\n let elm = Event.target(_ev);\n this.activeFilterId = elm.getAttribute('id');\n this.activeFlt = Dom.id(this.activeFilterId);\n // select is populated when element has focus\n if(this.loadFltOnDemand && elm.getAttribute('filled') === '0'){\n let ct = elm.getAttribute('ct');\n this.Mod.dropdown._build(ct);\n }\n if(this.popupFilters){\n Event.cancel(_ev);\n Event.stop(_ev);\n }\n },\n // filter columns on drop-down filter change\n onSlcChange(e) {\n if(!this.activeFlt){ return; }\n let _ev = e || global.event;\n if(this.popupFilters){ Event.stop(_ev); }\n if(this.onSlcChange){ this.filter(); }\n },\n // fill checklist filter on click if required\n onCheckListClick(e) {\n let _ev = e || global.event;\n let elm = Event.target(_ev);\n if(this.loadFltOnDemand && elm.getAttribute('filled') === '0'){\n let ct = elm.getAttribute('ct');\n this.Mod.checkList._build(ct);\n this.Mod.checkList.checkListDiv[ct].onclick = null;\n this.Mod.checkList.checkListDiv[ct].title = '';\n }\n }\n };\n }\n\n /**\n * Initialise filtering grid bar behaviours and layout\n *\n * TODO: decompose in smaller methods\n */\n init(){\n if(this._hasGrid){\n return;\n }\n if(!this.tbl){\n this.tbl = Dom.id(this.id);\n }\n if(this.gridLayout){\n this.refRow = this.startRow===null ? 0 : this.startRow;\n }\n if(this.popupFilters &&\n ((this.filtersRowIndex === 0 && this.headersRow === 1) ||\n this.gridLayout)){\n this.headersRow = 0;\n }\n\n let Mod = this.Mod;\n let n = this.singleSearchFlt ? 1 : this.nbCells,\n inpclass;\n\n //loads stylesheet if not imported\n this.import(this.stylesheetId, this.stylesheet, null, 'link');\n\n //loads theme\n if(this.hasThemes){ this._loadThemes(); }\n\n if(this.rememberGridValues || this.rememberPageNb ||\n this.rememberPageLen){\n Mod.store = new Store(this);\n }\n\n if(this.gridLayout){\n Mod.gridLayout = new GridLayout(this);\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 }\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.refRow = this.refRow-1;\n if(this.gridLayout){\n this.refRow = 0;\n }\n this.nbFilterableRows = this.getRowsNb();\n this.nbVisibleRows = this.nbFilterableRows;\n this.nbRows = this.nbFilterableRows + this.refRow;\n } else {\n if(this.isFirstLoad){\n let fltrow;\n if(!this.gridLayout){\n let thead = Dom.tag(this.tbl, 'thead');\n if(thead.length > 0){\n fltrow = thead[0].insertRow(this.filtersRowIndex);\n } else {\n fltrow = this.tbl.insertRow(this.filtersRowIndex);\n }\n\n if(this.headersRow > 1 &&\n this.filtersRowIndex <= this.headersRow &&\n !this.popupFilters){\n this.headersRow++;\n }\n if(this.popupFilters){\n this.headersRow++;\n }\n\n fltrow.className = this.fltsRowCssClass;\n\n if(this.isExternalFlt || this.popupFilters){\n fltrow.style.display = 'none';\n }\n }\n\n this.nbFilterableRows = this.getRowsNb();\n this.nbVisibleRows = this.nbFilterableRows;\n this.nbRows = this.tbl.rows.length;\n\n for(let i=0; i this.filter());\n }//if\n\n }// for i\n\n } else {\n this._resetGrid();\n }//if isFirstLoad\n\n }//if this.fltGrid\n\n /* Features */\n if(this.hasVisibleRows){\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 || Mod.paging){\n if(!Mod.paging){\n Mod.paging = new Paging(this);\n Mod.paging.init();\n }\n Mod.paging.reset();\n }\n if(this.btnReset){\n Mod.clearButton = new ClearButton(this);\n Mod.clearButton.init();\n }\n if(this.help){\n if(!Mod.help){\n Mod.help = new Help(this);\n }\n Mod.help.init();\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.isFirstLoad = false;\n this._hasGrid = true;\n\n if(this.rememberGridValues || this.rememberPageLen ||\n this.rememberPageNb){\n this.resetValues();\n }\n\n //TF css class is added to table\n if(!this.gridLayout){\n Dom.addClass(this.tbl, this.prfxTf);\n }\n\n if(this.loader){\n Mod.loader.show('none');\n }\n\n /* Loads extensions */\n if(this.hasExtensions){\n this.initExtensions();\n }\n\n if(this.onFiltersLoaded){\n this.onFiltersLoaded.call(null, this);\n }\n }\n\n /**\n * Manages state messages\n * @param {String} evt Event name\n * @param {Object} cfg Config object\n */\n EvtManager(evt,\n cfg={ slcIndex: null, slcExternal: false, slcId: null, pgIndex: null }){\n let slcIndex = cfg.slcIndex;\n let slcExternal = cfg.slcExternal;\n let slcId = cfg.slcId;\n let pgIndex = cfg.pgIndex;\n let cpt = this.Mod;\n\n function efx(){\n /*jshint validthis:true */\n let ev = this.Evt.name;\n\n switch(evt){\n case ev.filter:\n this._filter();\n break;\n case ev.dropdown:\n if(this.linkedFilters){\n cpt.dropdown._build(slcIndex, true);\n } else {\n cpt.dropdown._build(\n slcIndex, false, slcExternal, slcId);\n }\n break;\n case ev.checklist:\n cpt.checkList._build(slcIndex, slcExternal, slcId);\n break;\n case ev.changepage:\n cpt.paging._changePage(pgIndex);\n break;\n case ev.clear:\n this._clearFilters();\n this._filter();\n break;\n case ev.changeresultsperpage:\n cpt.paging._changeResultsPerPage();\n break;\n case ev.resetvalues:\n this._resetValues();\n this._filter();\n break;\n case ev.resetpage:\n cpt.paging._resetPage(this.pgNbCookie);\n break;\n case ev.resetpagelength:\n cpt.paging._resetPageLength(this.pgLenCookie);\n break;\n case ev.loadextensions:\n this._loadExtensions();\n break;\n case ev.loadthemes:\n this._loadThemes();\n break;\n }\n if(this.statusBar){\n cpt.statusBar.message('');\n }\n if(this.loader){\n cpt.loader.show('none');\n }\n }\n\n if(!this.loader && !this.statusBar && !this.linkedFilters) {\n efx.call(this);\n } else {\n if(this.loader){\n cpt.loader.show('');\n }\n if(this.statusBar){\n cpt.statusBar.message(this['msg'+evt]);\n }\n global.setTimeout(efx.bind(this), this.execDelay);\n }\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\n for(let i=0, len=exts.length; i {\n let inst = new mod.default(this, ext);\n inst.init();\n this.ExtRegistry[name] = inst;\n });\n }\n\n /**\n * Get an extension instance\n * @param {String} name Name of the extension\n * @return {Object} Extension instance\n */\n extension(name){\n return this.ExtRegistry[name];\n }\n\n /**\n * Check passed extension name exists\n * @param {String} name Name of the extension\n * @return {Boolean}\n */\n hasExtension(name){\n return !Types.isEmpty(this.ExtRegistry[name]);\n }\n\n /**\n * Destroy all the extensions defined in the configuration object\n */\n destroyExtensions(){\n let exts = this.extensions;\n\n for(let i=0, len=exts.length; i
';\n this.loaderText = null;\n }\n\n /**\n * Return stylesheet DOM element for a given theme name\n * @return {DOMElement} stylesheet element\n */\n getStylesheet(name='default'){\n return Dom.id(this.prfxTf + name);\n }\n\n /**\n * Destroy filter grid\n */\n destroy(){\n if(!this._hasGrid){\n return;\n }\n let rows = this.tbl.rows,\n Mod = this.Mod;\n\n this._clearFilters();\n\n if(this.isExternalFlt && !this.popupFilters){\n this.removeExternalFlts();\n }\n if(this.infDiv){\n this.removeToolbar();\n }\n if(this.highlightKeywords){\n Mod.highlightKeyword.unhighlightAll();\n }\n if(this.markActiveColumns){\n this.clearActiveColumns();\n }\n if(this.hasExtensions){\n this.destroyExtensions();\n }\n\n for(let j=this.refRow; j 0){\n [].forEach.call(captions, function(elm) {\n tbl.removeChild(elm);\n });\n }\n }\n\n /**\n * Remove all the external column filters\n */\n removeExternalFlts(){\n if(!this.isExternalFlt || !this.externalFltTgtIds){\n return;\n }\n let ids = this.externalFltTgtIds,\n len = ids.length;\n for(let ct=0; ct= 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; k1) ? true : false,\n //multiple search parameter operator &&\n sAAndSplit = sA.split(this.anOperator),\n //multiple search && parameter boolean\n hasMultiAndSA = sAAndSplit.length>1 ? true : false;\n\n //multiple sarch parameters\n if(hasMultiOrSA || hasMultiAndSA){\n let cS,\n occur = false,\n s = hasMultiOrSA ? sAOrSplit : sAAndSplit;\n for(let w=0, len=s.length; w 0){\n Mod.noResults.hide();\n } else {\n Mod.noResults.show();\n }\n }\n }\n\n /**\n * Return the data of a specified colum\n * @param {Number} colIndex Column index\n * @param {Boolean} includeHeaders Optional: include headers row\n * @param {Boolean} num Optional: return unformatted number\n * @param {Array} exclude Optional: list of row indexes to be excluded\n * @return {Array} Flat list of data for a column\n */\n getColValues(colIndex, includeHeaders=false, num=false, exclude=[]){\n if(!this.fltGrid){\n return;\n }\n let row = this.tbl.rows,\n colValues = [];\n\n if(includeHeaders){\n colValues.push(this.getHeadersText()[colIndex]);\n }\n\n for(let i=this.refRow; i 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;\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 clearFilters(){\n this.EvtManager(this.Evt.name.clear);\n }\n\n /**\n * Clear all the filters' values\n */\n _clearFilters(){\n if(!this.fltGrid){\n return;\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 filters values\n this.searchArgs = null;\n //stores valid rows indexes (rows visible upon filtering)\n this.validRowsIndex = [];\n //stores filters row element\n this.fltGridEl = null;\n //container div for paging elements, reset btn etc.\n this.infDiv = null;\n //div for rows counter\n this.lDiv = null;\n //div for reset button and results per page select\n this.rDiv = null;\n //div for paging elements\n this.mDiv = null;\n\n //defines css class for div containing paging elements, rows counter etc\n this.infDivCssClass = f.inf_div_css_class || 'inf';\n //defines css class for left div\n this.lDivCssClass = f.left_div_css_class || 'ldiv';\n //defines css class for right div\n this.rDivCssClass = f.right_div_css_class || 'rdiv';\n //defines css class for mid div\n this.mDivCssClass = f.middle_div_css_class || 'mdiv';\n //table container div css class\n this.contDivCssClass = f.content_div_css_class || 'cont';\n\n /*** filters' grid appearance ***/\n //stylesheet file\n this.stylePath = f.style_path || this.basePath + 'style/';\n this.stylesheet = f.stylesheet || this.stylePath+'tablefilter.css';\n this.stylesheetId = this.id + '_style';\n //defines css class for filters row\n this.fltsRowCssClass = f.flts_row_css_class || 'fltrow';\n //enables/disables icons (paging, reset button)\n this.enableIcons = f.enable_icons===false ? false : true;\n //enables/disbles rows alternating bg colors\n this.alternateRows = Boolean(f.alternate_rows);\n //defines widths of columns\n this.hasColWidths = Types.isArray(f.col_widths);\n this.colWidths = this.hasColWidths ? f.col_widths : null;\n //defines css class for filters\n this.fltCssClass = f.flt_css_class || 'flt';\n //defines css class for multiple selects filters\n this.fltMultiCssClass = f.flt_multi_css_class || 'flt_multi';\n //defines css class for filters\n this.fltSmallCssClass = f.flt_small_css_class || 'flt_s';\n //defines css class for single-filter\n this.singleFltCssClass = f.single_flt_css_class || 'single_flt';\n\n /*** filters' grid behaviours ***/\n //enables/disables enter key\n this.enterKey = f.enter_key===false ? false : true;\n //calls function before filtering starts\n this.onBeforeFilter = Types.isFn(f.on_before_filter) ?\n f.on_before_filter : null;\n //calls function after filtering\n this.onAfterFilter = Types.isFn(f.on_after_filter) ?\n f.on_after_filter : null;\n //enables/disables case sensitivity\n this.caseSensitive = Boolean(f.case_sensitive);\n //has exact match per column\n this.hasExactMatchByCol = Types.isArray(f.columns_exact_match);\n this.exactMatchByCol = this.hasExactMatchByCol ?\n f.columns_exact_match : [];\n //enables/disbles exact match for search\n this.exactMatch = Boolean(f.exact_match);\n //refreshes drop-down lists upon validation\n this.linkedFilters = Boolean(f.linked_filters);\n //wheter excluded options are disabled\n this.disableExcludedOptions = Boolean(f.disable_excluded_options);\n //stores active filter element\n this.activeFlt = null;\n //id of active filter\n this.activeFilterId = null;\n //enables always visible rows\n this.hasVisibleRows = Boolean(f.rows_always_visible);\n //array containing always visible rows\n this.visibleRows = this.hasVisibleRows ? f.rows_always_visible : [];\n //enables/disables external filters generation\n this.isExternalFlt = Boolean(f.external_flt_grid);\n //array containing ids of external elements containing filters\n this.externalFltTgtIds = f.external_flt_grid_ids || [];\n //stores filters elements if isExternalFlt is true\n this.externalFltEls = [];\n //delays any filtering process if loader true\n this.execDelay = !isNaN(f.exec_delay) ? parseInt(f.exec_delay,10) : 100;\n //calls function when filters grid loaded\n this.onFiltersLoaded = Types.isFn(f.on_filters_loaded) ?\n f.on_filters_loaded : null;\n //enables/disables single filter search\n this.singleSearchFlt = Boolean(f.single_filter);\n //calls function after row is validated\n this.onRowValidated = Types.isFn(f.on_row_validated) ?\n f.on_row_validated : null;\n //array defining columns for customCellData event\n this.customCellDataCols = f.custom_cell_data_cols ?\n f.custom_cell_data_cols : [];\n //calls custom function for retrieving cell data\n this.customCellData = Types.isFn(f.custom_cell_data) ?\n f.custom_cell_data : null;\n //input watermark text array\n this.watermark = f.watermark || '';\n this.isWatermarkArray = Types.isArray(this.watermark);\n //id of toolbar container element\n this.toolBarTgtId = f.toolbar_target_id || null;\n //enables/disables help div\n this.help = Types.isUndef(f.help_instructions) ?\n undefined : Boolean(f.help_instructions);\n //popup filters\n this.popupFilters = Boolean(f.popup_filters);\n //active columns color\n this.markActiveColumns = Boolean(f.mark_active_columns);\n //defines css class for active column header\n this.activeColumnsCssClass = f.active_columns_css_class ||\n 'activeHeader';\n //calls function before active column header is marked\n this.onBeforeActiveColumn = Types.isFn(f.on_before_active_column) ?\n f.on_before_active_column : null;\n //calls function after active column header is marked\n this.onAfterActiveColumn = Types.isFn(f.on_after_active_column) ?\n f.on_after_active_column : null;\n\n /*** select filter's customisation and behaviours ***/\n //defines 1st option text\n this.displayAllText = f.display_all_text || 'Clear';\n //enables/disables empty option in combo-box filters\n this.enableEmptyOption = Boolean(f.enable_empty_option);\n //defines empty option text\n this.emptyText = f.empty_text || '(Empty)';\n //enables/disables non empty option in combo-box filters\n this.enableNonEmptyOption = Boolean(f.enable_non_empty_option);\n //defines empty option text\n this.nonEmptyText = f.non_empty_text || '(Non empty)';\n //enables/disables onChange event on combo-box\n this.onSlcChange = f.on_change===false ? false : true;\n //enables/disables select options sorting\n this.sortSlc = f.sort_select===false ? false : true;\n //enables/disables ascending numeric options sorting\n this.isSortNumAsc = Boolean(f.sort_num_asc);\n this.sortNumAsc = this.isSortNumAsc ? f.sort_num_asc : null;\n //enables/disables descending numeric options sorting\n this.isSortNumDesc = Boolean(f.sort_num_desc);\n this.sortNumDesc = this.isSortNumDesc ? f.sort_num_desc : null;\n //Select filters are populated on demand\n this.loadFltOnDemand = Boolean(f.load_filters_on_demand);\n this.hasCustomOptions = Types.isObj(f.custom_options);\n this.customOptions = f.custom_options;\n\n /*** Filter operators ***/\n this.rgxOperator = f.regexp_operator || 'rgx:';\n this.emOperator = f.empty_operator || '[empty]';\n this.nmOperator = f.nonempty_operator || '[nonempty]';\n this.orOperator = f.or_operator || '||';\n this.anOperator = f.and_operator || '&&';\n this.grOperator = f.greater_operator || '>';\n this.lwOperator = f.lower_operator || '<';\n this.leOperator = f.lower_equal_operator || '<=';\n this.geOperator = f.greater_equal_operator || '>=';\n this.dfOperator = f.different_operator || '!';\n this.lkOperator = f.like_operator || '*';\n this.eqOperator = f.equal_operator || '=';\n this.stOperator = f.start_with_operator || '{';\n this.enOperator = f.end_with_operator || '}';\n this.curExp = f.cur_exp || '^[¥£€$]';\n this.separator = f.separator || ',';\n\n /*** rows counter ***/\n //show/hides rows counter\n this.rowsCounter = Boolean(f.rows_counter);\n\n /*** status bar ***/\n //show/hides status bar\n this.statusBar = Boolean(f.status_bar);\n\n /*** loader ***/\n //enables/disables loader/spinner indicator\n this.loader = Boolean(f.loader);\n\n /*** validation - reset buttons/links ***/\n //show/hides filter's validation button\n this.displayBtn = Boolean(f.btn);\n //defines validation button text\n this.btnText = f.btn_text || (!this.enableIcons ? 'Go' : '');\n //defines css class for validation button\n this.btnCssClass = f.btn_css_class ||\n (!this.enableIcons ? 'btnflt' : 'btnflt_icon');\n //show/hides reset link\n this.btnReset = Boolean(f.btn_reset);\n //defines css class for reset button\n this.btnResetCssClass = f.btn_reset_css_class || 'reset';\n //callback function before filters are cleared\n this.onBeforeReset = Types.isFn(f.on_before_reset) ?\n f.on_before_reset : null;\n //callback function after filters are cleared\n this.onAfterReset = Types.isFn(f.on_after_reset) ?\n f.on_after_reset : null;\n\n /*** paging ***/\n //enables/disables table paging\n this.paging = Boolean(f.paging);\n this.nbVisibleRows = 0; //nb visible rows\n this.nbHiddenRows = 0; //nb hidden rows\n\n /*** autofilter on typing ***/\n //enables/disables auto filtering, table is filtered when user stops\n //typing\n this.autoFilter = Boolean(f.auto_filter);\n //onkeyup delay timer (msecs)\n this.autoFilterDelay = !isNaN(f.auto_filter_delay) ?\n f.auto_filter_delay : 900;\n //typing indicator\n this.isUserTyping = null;\n this.autoFilterTimer = null;\n\n /*** keyword highlighting ***/\n //enables/disables keyword highlighting\n this.highlightKeywords = Boolean(f.highlight_keywords);\n\n /*** No results feature ***/\n this.noResults = Types.isObj(f.no_results_message) ||\n Boolean(f.no_results_message);\n\n /*** data types ***/\n //defines default date type (european DMY)\n this.defaultDateType = f.default_date_type || 'DMY';\n //defines default thousands separator\n //US = ',' EU = '.'\n this.thousandsSeparator = f.thousands_separator || ',';\n //defines default decimal separator\n //US & javascript = '.' EU = ','\n this.decimalSeparator = f.decimal_separator || '.';\n //enables number format per column\n this.hasColNbFormat = Types.isArray(f.col_number_format);\n //array containing columns nb formats\n this.colNbFormat = this.hasColNbFormat ? f.col_number_format : null;\n //enables date type per column\n this.hasColDateType = Types.isArray(f.col_date_type);\n //array containing columns date type\n this.colDateType = this.hasColDateType ? f.col_date_type : null;\n\n /*** ids prefixes ***/\n //css class name added to table\n this.prfxTf = 'TF';\n //filters (inputs - selects)\n this.prfxFlt = 'flt';\n //validation button\n this.prfxValButton = 'btn';\n //container div for paging elements, rows counter etc.\n this.prfxInfDiv = 'inf_';\n //left div\n this.prfxLDiv = 'ldiv_';\n //right div\n this.prfxRDiv = 'rdiv_';\n //middle div\n this.prfxMDiv = 'mdiv_';\n //filter values cookie\n this.prfxCookieFltsValues = 'tf_flts_';\n //page nb cookie\n this.prfxCookiePageNb = 'tf_pgnb_';\n //page length cookie\n this.prfxCookiePageLen = 'tf_pglen_';\n\n /*** cookies ***/\n //remembers filters values on page load\n this.rememberGridValues = Boolean(f.remember_grid_values);\n //cookie storing filter values\n this.fltsValuesCookie = this.prfxCookieFltsValues + this.id;\n //remembers page nb on page load\n this.rememberPageNb = this.paging && f.remember_page_number;\n //cookie storing page nb\n this.pgNbCookie = this.prfxCookiePageNb + this.id;\n //remembers page length on page load\n this.rememberPageLen = this.paging && f.remember_page_length;\n //cookie storing page length\n this.pgLenCookie = this.prfxCookiePageLen + this.id;\n\n /*** extensions ***/\n //imports external script\n this.extensions = f.extensions;\n this.hasExtensions = Types.isArray(this.extensions);\n\n /*** themes ***/\n this.enableDefaultTheme = Boolean(f.enable_default_theme);\n //imports themes\n this.hasThemes = (this.enableDefaultTheme || Types.isArray(f.themes));\n this.themes = f.themes || [];\n //themes path\n this.themesPath = f.themes_path || this.stylePath + 'themes/';\n\n // Features registry\n this.Mod = {};\n\n // Extensions registry\n this.ExtRegistry = {};\n\n /*** TF events ***/\n this.Evt = {\n // Detect key\n detectKey(e) {\n if(!this.enterKey){ return; }\n if(e){\n let key = Event.keyCode(e);\n if(key===13){\n this.filter();\n Event.cancel(e);\n Event.stop(e);\n } else {\n this.isUserTyping = true;\n global.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n }\n }\n },\n // if auto-filter on, detect user is typing and filter columns\n onKeyUp(e) {\n if(!this.autoFilter){\n return;\n }\n let key = Event.keyCode(e);\n this.isUserTyping = false;\n\n function filter() {\n /*jshint validthis:true */\n global.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n if(!this.isUserTyping){\n this.filter();\n this.isUserTyping = null;\n }\n }\n\n if(key!==13 && key!==9 && key!==27 && key!==38 && key!==40) {\n if(this.autoFilterTimer === null){\n this.autoFilterTimer = global.setInterval(\n filter.bind(this), this.autoFilterDelay);\n }\n } else {\n global.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n }\n },\n // if auto-filter on, detect user is typing\n onKeyDown() {\n if(!this.autoFilter) { return; }\n this.isUserTyping = true;\n },\n // if auto-filter on, clear interval on filter blur\n onInpBlur() {\n if(this.autoFilter){\n this.isUserTyping = false;\n global.clearInterval(this.autoFilterTimer);\n }\n this.emitter.emit('filter-blur', this);\n },\n // set focused text-box filter as active\n onInpFocus(e) {\n let elm = Event.target(e);\n this.activeFilterId = elm.getAttribute('id');\n this.activeFlt = Dom.id(this.activeFilterId);\n this.emitter.emit('filter-focus', this);\n }\n };\n }\n\n /**\n * Initialise features and layout\n */\n init(){\n if(this._hasGrid){\n return;\n }\n\n let Mod = this.Mod;\n let n = this.singleSearchFlt ? 1 : this.nbCells,\n inpclass;\n\n //loads stylesheet if not imported\n this.import(this.stylesheetId, this.stylesheet, null, 'link');\n\n //loads theme\n if(this.hasThemes){ this.loadThemes(); }\n\n // Instantiate help feature and initialise only if set true\n if(!Mod.help){\n Mod.help = new Help(this);\n }\n if(this.help){\n Mod.help.init();\n }\n\n if(this.rememberGridValues || this.rememberPageNb ||\n this.rememberPageLen){\n if(!Mod.store){\n Mod.store = new Store(this);\n }\n Mod.store.init();\n }\n\n if(this.gridLayout){\n if(!Mod.gridLayout){\n Mod.gridLayout = new GridLayout(this);\n }\n Mod.gridLayout.init();\n }\n\n if(this.loader){\n if(!Mod.loader){\n Mod.loader = new Loader(this);\n }\n Mod.loader.init();\n }\n\n if(this.highlightKeywords){\n Mod.highlightKeyword = new HighlightKeyword(this);\n Mod.highlightKeyword.init();\n }\n\n if(this.popupFilters){\n if(!Mod.popupFilter){\n Mod.popupFilter = new PopupFilter(this);\n }\n Mod.popupFilter.init();\n }\n\n //filters grid is not generated\n if(!this.fltGrid){\n this._initNoFilters();\n } else {\n let fltrow = this._insertFiltersRow();\n\n this.nbFilterableRows = this.getRowsNb();\n this.nbVisibleRows = this.nbFilterableRows;\n this.nbRows = this.tbl.rows.length;\n\n // Generate filters\n for(let i=0; i this.enforceVisibility());\n this.enforceVisibility();\n }\n if(this.rowsCounter){\n Mod.rowsCounter = new RowsCounter(this);\n Mod.rowsCounter.init();\n }\n if(this.statusBar){\n Mod.statusBar = new StatusBar(this);\n Mod.statusBar.init();\n }\n if(this.paging){\n if(!Mod.paging){\n Mod.paging = new Paging(this);\n Mod.paging.init();\n } else{\n Mod.paging.reset();\n }\n }\n if(this.btnReset){\n Mod.clearButton = new ClearButton(this);\n Mod.clearButton.init();\n }\n\n if(this.hasColWidths && !this.gridLayout){\n this.setColWidths();\n }\n if(this.alternateRows){\n Mod.alternateRows = new AlternateRows(this);\n Mod.alternateRows.init();\n }\n if(this.noResults){\n if(!Mod.noResults){\n Mod.noResults = new NoResults(this);\n }\n Mod.noResults.init();\n }\n\n this._hasGrid = true;\n\n if(this.rememberGridValues || this.rememberPageLen ||\n this.rememberPageNb){\n this.resetValues();\n }\n\n //TF css class is added to table\n if(!this.gridLayout){\n Dom.addClass(this.tbl, this.prfxTf);\n }\n\n /* Loads extensions */\n if(this.hasExtensions){\n this.initExtensions();\n }\n\n // Subscribe to events\n if(this.markActiveColumns){\n this.emitter.on(['before-filtering'],\n ()=> this.clearActiveColumns());\n this.emitter.on(['cell-processed'],\n (tf, colIndex)=> this.markActiveColumn(colIndex));\n }\n if(this.linkedFilters){\n this.emitter.on(['after-filtering'], ()=> this.linkFilters());\n }\n\n if(this.onFiltersLoaded){\n this.onFiltersLoaded.call(null, this);\n }\n\n this.initialized = true;\n this.emitter.emit('initialized', this);\n }\n\n /**\n * Insert filters row at initialization\n */\n _insertFiltersRow() {\n if(this.gridLayout){\n return;\n }\n let fltrow;\n\n let thead = Dom.tag(this.tbl, 'thead');\n if(thead.length > 0){\n fltrow = thead[0].insertRow(this.filtersRowIndex);\n } else {\n fltrow = this.tbl.insertRow(this.filtersRowIndex);\n }\n\n if(this.headersRow > 1 && this.filtersRowIndex <= this.headersRow){\n this.headersRow++;\n }\n\n fltrow.className = this.fltsRowCssClass;\n\n if(this.isExternalFlt){\n fltrow.style.display = 'none';\n }\n\n this.emitter.emit('filters-row-inserted', this, fltrow);\n return fltrow;\n }\n\n /**\n * Initialize filtersless table\n */\n _initNoFilters(){\n if(this.fltGrid){\n return;\n }\n this.refRow = this.refRow > 0 ? this.refRow-1 : 0;\n this.nbFilterableRows = this.getRowsNb();\n this.nbVisibleRows = this.nbFilterableRows;\n this.nbRows = this.nbFilterableRows + this.refRow;\n }\n\n /**\n * Build input filter type\n * @param {Number} colIndex Column index\n * @param {String} cssClass Css class applied to filter\n * @param {DOMElement} container Container DOM element\n */\n _buildInputFilter(colIndex, cssClass, container){\n let col = this.getFilterType(colIndex);\n let externalFltTgtId = this.isExternalFlt ?\n this.externalFltTgtIds[colIndex] : null;\n let inptype = col===this.fltTypeInp ? 'text' : 'hidden';\n let inp = Dom.create(this.fltTypeInp,\n ['id', this.prfxFlt+colIndex+'_'+this.id],\n ['type', inptype], ['ct', colIndex]);\n\n if(inptype !== 'hidden' && this.watermark){\n inp.setAttribute('placeholder',\n this.isWatermarkArray ? (this.watermark[colIndex] || '') :\n this.watermark\n );\n }\n inp.className = cssClass || this.fltCssClass;\n Event.add(inp, 'focus', this.Evt.onInpFocus.bind(this));\n\n //filter is appended in custom element\n if(externalFltTgtId){\n Dom.id(externalFltTgtId).appendChild(inp);\n this.externalFltEls.push(inp);\n } else {\n container.appendChild(inp);\n }\n\n this.fltIds.push(inp.id);\n\n Event.add(inp, 'keypress', this.Evt.detectKey.bind(this));\n Event.add(inp, 'keydown', this.Evt.onKeyDown.bind(this));\n Event.add(inp, 'keyup', this.Evt.onKeyUp.bind(this));\n Event.add(inp, 'blur', this.Evt.onInpBlur.bind(this));\n }\n\n /**\n * Build submit button\n * @param {Number} colIndex Column index\n * @param {DOMElement} container Container DOM element\n */\n _buildSubmitButton(colIndex, container){\n let externalFltTgtId = this.isExternalFlt ?\n this.externalFltTgtIds[colIndex] : null;\n let btn = Dom.create(this.fltTypeInp,\n ['id', this.prfxValButton+colIndex+'_'+this.id],\n ['type', 'button'], ['value', this.btnText]);\n btn.className = this.btnCssClass;\n\n //filter is appended in custom element\n if(externalFltTgtId){\n Dom.id(externalFltTgtId).appendChild(btn);\n } else{\n container.appendChild(btn);\n }\n\n Event.add(btn, 'click', ()=> this.filter());\n }\n\n /**\n * Return a feature instance for a given name\n * @param {String} name Name of the feature\n * @return {Object}\n */\n feature(name){\n return this.Mod[name];\n }\n\n /**\n * Initialise all the extensions defined in the configuration object\n */\n initExtensions(){\n let exts = this.extensions;\n // Set config's publicPath dynamically for Webpack...\n __webpack_public_path__ = this.basePath;\n\n this.emitter.emit('before-loading-extensions', this);\n for(let i=0, len=exts.length; i {\n let inst = new mod.default(this, ext);\n inst.init();\n this.ExtRegistry[name] = inst;\n });\n }\n\n /**\n * Get an extension instance\n * @param {String} name Name of the extension\n * @return {Object} Extension instance\n */\n extension(name){\n return this.ExtRegistry[name];\n }\n\n /**\n * Check passed extension name exists\n * @param {String} name Name of the extension\n * @return {Boolean}\n */\n hasExtension(name){\n return !Types.isEmpty(this.ExtRegistry[name]);\n }\n\n /**\n * Destroy all the extensions defined in the configuration object\n */\n destroyExtensions(){\n let exts = this.extensions;\n\n for(let i=0, len=exts.length; i
';\n this.loaderText = null;\n\n this.emitter.emit('after-loading-themes', this);\n }\n\n /**\n * Return stylesheet DOM element for a given theme name\n * @return {DOMElement} stylesheet element\n */\n getStylesheet(name='default'){\n return Dom.id(this.prfxTf + name);\n }\n\n /**\n * Destroy filter grid\n */\n destroy(){\n if(!this._hasGrid){\n return;\n }\n let rows = this.tbl.rows,\n Mod = this.Mod,\n emitter = this.emitter;\n\n if(this.isExternalFlt && !this.popupFilters){\n this.removeExternalFlts();\n }\n if(this.infDiv){\n this.removeToolbar();\n }\n if(this.markActiveColumns){\n this.clearActiveColumns();\n emitter.off(['before-filtering'], ()=> this.clearActiveColumns());\n emitter.off(['cell-processed'],\n (tf, colIndex)=> this.markActiveColumn(colIndex));\n }\n if(this.hasExtensions){\n this.destroyExtensions();\n }\n\n this.validateAllRows();\n\n if(this.fltGrid && !this.gridLayout){\n this.fltGridEl = rows[this.filtersRowIndex];\n this.tbl.deleteRow(this.filtersRowIndex);\n }\n\n // broadcast destroy event\n emitter.emit('destroy', this);\n\n // Destroy modules\n // TODO: subcribe modules to destroy event instead\n Object.keys(Mod).forEach(function(key){\n var feature = Mod[key];\n if(feature && Types.isFn(feature.destroy)){\n feature.destroy();\n }\n });\n\n // unsubscribe to events\n if(this.hasVisibleRows){\n emitter.off(['after-filtering'], ()=> this.enforceVisibility());\n }\n if(this.linkedFilters){\n emitter.off(['after-filtering'], ()=> this.linkFilters());\n }\n\n Dom.removeClass(this.tbl, this.prfxTf);\n this.nbHiddenRows = 0;\n this.validRowsIndex = [];\n this.fltIds = [];\n this.activeFlt = null;\n this._hasGrid = false;\n this.initialized = false;\n }\n\n /**\n * Generate container element for paging, reset button, rows counter etc.\n */\n setToolbar(){\n if(this.infDiv){\n return;\n }\n\n /*** container div ***/\n let infdiv = Dom.create('div', ['id', this.prfxInfDiv+this.id]);\n infdiv.className = this.infDivCssClass;\n\n //custom container\n if(this.toolBarTgtId){\n Dom.id(this.toolBarTgtId).appendChild(infdiv);\n }\n //grid-layout\n else if(this.gridLayout){\n let gridLayout = this.Mod.gridLayout;\n gridLayout.tblMainCont.appendChild(infdiv);\n infdiv.className = gridLayout.gridInfDivCssClass;\n }\n //default location: just above the table\n else{\n var cont = Dom.create('caption');\n cont.appendChild(infdiv);\n this.tbl.insertBefore(cont, this.tbl.firstChild);\n }\n this.infDiv = Dom.id(this.prfxInfDiv+this.id);\n\n /*** left div containing rows # displayer ***/\n let ldiv = Dom.create('div', ['id', this.prfxLDiv+this.id]);\n ldiv.className = this.lDivCssClass;\n infdiv.appendChild(ldiv);\n this.lDiv = Dom.id(this.prfxLDiv+this.id);\n\n /*** right div containing reset button\n + nb results per page select ***/\n let rdiv = Dom.create('div', ['id', this.prfxRDiv+this.id]);\n rdiv.className = this.rDivCssClass;\n infdiv.appendChild(rdiv);\n this.rDiv = Dom.id(this.prfxRDiv+this.id);\n\n /*** mid div containing paging elements ***/\n let mdiv = Dom.create('div', ['id', this.prfxMDiv+this.id]);\n mdiv.className = this.mDivCssClass;\n infdiv.appendChild(mdiv);\n this.mDiv = Dom.id(this.prfxMDiv+this.id);\n\n // emit help initialisation only if undefined\n if(Types.isUndef(this.help)){\n this.emitter.emit('init-help', this);\n }\n }\n\n /**\n * Remove toolbar container element\n */\n removeToolbar(){\n if(!this.infDiv){\n return;\n }\n Dom.remove(this.infDiv);\n this.infDiv = null;\n\n let tbl = this.tbl;\n let captions = Dom.tag(tbl, 'caption');\n if(captions.length > 0){\n [].forEach.call(captions, (elm)=> tbl.removeChild(elm));\n }\n }\n\n /**\n * Remove all the external column filters\n */\n removeExternalFlts(){\n if(!this.isExternalFlt){\n return;\n }\n let ids = this.externalFltTgtIds,\n len = ids.length;\n for(let ct=0; ct {\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 this.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.0.23 API Document
+ src/array.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/cookie.js | tablefilter v0.0.23 API Document
+ src/cookie.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/date.js | tablefilter v0.0.23 API Document
+ src/date.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/dom.js | tablefilter v0.0.23 API Document
+ src/dom.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/emitter.js | tablefilter v0.1.9 API Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+src/emitter.js
+
/**
+ * Event emitter class
+ */
+export class Emitter {
+ constructor() {
+ /**
+ * Events object
+ * @type {Object}
+ */
+ this.events = {};
+ }
+
+ /**
+ * Subscribe to an event
+ * @param {Array} evts Collection of event names
+ * @param {Function} fn Function invoked when event is emitted
+ */
+ on(evts, fn) {
+ evts.forEach((evt)=> {
+ this.events[evt] = this.events[evt] || [];
+ this.events[evt].push(fn);
+ });
+ }
+
+ /**
+ * Unsubscribe to an event
+ * @param {Array} evts Collection of event names
+ * @param {Function} fn Function invoked when event is emitted
+ */
+ off(evts, fn) {
+ evts.forEach((evt)=> {
+ if(evt in this.events) {
+ this.events[evt].splice(this.events[evt].indexOf(fn), 1);
+ }
+ });
+ }
+
+ /**
+ * Emit an event
+ * @param {String} evt Event name followed by any other argument passed to
+ * the invoked function
+ */
+ emit(evt /*, args...*/) {
+ if(evt in this.events) {
+ for(let i = 0; i < this.events[evt].length; i++) {
+ this.events[evt][i].apply(this, [].slice.call(arguments, 1));
+ }
+ }
+ }
+}
+
+
src/event.js | tablefilter v0.0.23 API Document
+ src/event.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/extensions/advancedGrid/adapterEzEditTable.js | tablefilter v0.0.23 API Document
+ src/extensions/advancedGrid/adapterEzEditTable.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/extensions/advancedGrid/advancedGrid.js | tablefilter v0.0.23 API Document
+ src/extensions/advancedGrid/advancedGrid.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/extensions/colOps/colOps.js | tablefilter v0.0.23 API Document
+ src/extensions/colOps/colOps.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/extensions/colsVisibility/colsVisibility.js | tablefilter v0.0.23 API Document
+ src/extensions/colsVisibility/colsVisibility.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/extensions/filtersVisibility/filtersVisibility.js | tablefilter v0.0.23 API Document
+ src/extensions/filtersVisibility/filtersVisibility.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/extensions/sort/adapterSortabletable.js | tablefilter v0.0.23 API Document
+ src/extensions/sort/adapterSortabletable.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/extensions/sort/sort.js | tablefilter v0.0.23 API Document
+ src/extensions/sort/sort.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/helpers.js | tablefilter v0.0.23 API Document
+ src/helpers.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/alternateRows.js | tablefilter v0.0.23 API Document
+ src/modules/alternateRows.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/checkList.js | tablefilter v0.0.23 API Document
+ src/modules/checkList.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/checkList.js
-
import Dom from '../dom';
+import {Feature} from './feature';
+import Dom from '../dom';
import Arr from '../array';
import Str from '../string';
import Sort from '../sort';
import Event from '../event';
-export class CheckList{
+export class CheckList extends Feature{
/**
* Checklist UI component
* @param {Object} tf TableFilter instance
*/
constructor(tf){
+ super(tf, 'checkList');
+
// Configuration object
- var f = tf.config();
+ let f = tf.config();
this.checkListDiv = []; //checklist container div
//defines css class for div containing checklist filter
@@ -111,16 +115,14 @@ export class CheckList{
this.opts = null;
this.optsTxt = null;
this.excludedOpts = null;
-
- this.tf = tf;
}
- // TODO: move event here
onChange(evt){
let elm = evt.target;
- this.tf.activeFilterId = elm.getAttribute('id');
- this.tf.activeFlt = Dom.id(this.tf.activeFilterId);
- this.tf.Evt.onSlcChange.call(this.tf, evt);
+ let tf = this.tf;
+ tf.activeFilterId = elm.getAttribute('id');
+ tf.activeFlt = Dom.id(tf.activeFilterId);
+ tf.filter();
}
optionClick(evt){
@@ -128,18 +130,61 @@ export class CheckList{
this.onChange(evt);
}
+ onCheckListClick(evt){
+ let elm = Event.target(evt);
+ if(this.tf.loadFltOnDemand && elm.getAttribute('filled') === '0'){
+ let ct = elm.getAttribute('ct');
+ let div = this.checkListDiv[ct];
+ this.build(ct);
+ Event.remove(div, 'click', (evt)=> this.onCheckListClick(evt));
+ }
+ }
+
/**
- * Build checklist UI asynchronously
- * @param {Number} colIndex Column index
- * @param {Boolean} isExternal Render in external container
- * @param {String} extFltId External container id
+ * Initialize checklist filter
+ * @param {Number} colIndex Column index
+ * @param {Boolean} isExternal External filter flag
+ * @param {DOMElement} container Dom element containing the filter
*/
- build(colIndex, isExternal, extFltId){
- var tf = this.tf;
- tf.EvtManager(
- tf.Evt.name.checklist,
- { slcIndex:colIndex, slcExternal:isExternal, slcId:extFltId }
+ init(colIndex, isExternal, container){
+ let tf = this.tf;
+ let externalFltTgtId = isExternal ?
+ tf.externalFltTgtIds[colIndex] : null;
+
+ let divCont = Dom.create('div',
+ ['id', this.prfxCheckListDiv+colIndex+'_'+tf.id],
+ ['ct', colIndex], ['filled', '0']);
+ divCont.className = this.checkListDivCssClass;
+
+ //filter is appended in desired element
+ if(externalFltTgtId){
+ Dom.id(externalFltTgtId).appendChild(divCont);
+ tf.externalFltEls.push(divCont);
+ } else {
+ container.appendChild(divCont);
+ }
+
+ this.checkListDiv[colIndex] = divCont;
+ tf.fltIds.push(tf.prfxFlt+colIndex+'_'+tf.id);
+
+ if(!tf.loadFltOnDemand){
+ this.build(colIndex);
+ } else {
+ Event.add(divCont, 'click', (evt)=> this.onCheckListClick(evt));
+ divCont.appendChild(Dom.text(this.activateCheckListTxt));
+ }
+
+ this.emitter.on(
+ ['build-checklist-filter'],
+ (tf, colIndex, isExternal)=> this.build(colIndex, isExternal)
);
+
+ this.emitter.on(
+ ['select-checklist-options'],
+ (tf, colIndex, values)=> this.selectOptions(colIndex, values)
+ );
+
+ this.initialized = true;
}
/**
@@ -148,48 +193,50 @@ export class CheckList{
* @param {Boolean} isExternal Render in external container
* @param {String} extFltId External container id
*/
- _build(colIndex, isExternal=false, extFltId=null){
- var tf = this.tf;
+ build(colIndex, isExternal=false, extFltId=null){
+ let tf = this.tf;
colIndex = parseInt(colIndex, 10);
+ this.emitter.emit('before-populating-filter', tf, colIndex);
+
this.opts = [];
this.optsTxt = [];
- var divFltId = this.prfxCheckListDiv+colIndex+'_'+tf.id;
+ let divFltId = this.prfxCheckListDiv+colIndex+'_'+tf.id;
if((!Dom.id(divFltId) && !isExternal) ||
(!Dom.id(extFltId) && isExternal)){
return;
}
- var flt = !isExternal ? this.checkListDiv[colIndex] : Dom.id(extFltId);
- var ul = Dom.create(
+ let flt = !isExternal ? this.checkListDiv[colIndex] : Dom.id(extFltId);
+ let ul = Dom.create(
'ul', ['id', tf.fltIds[colIndex]], ['colIndex', colIndex]);
ul.className = this.checkListCssClass;
- Event.add(ul, 'change', (evt) => { this.onChange(evt); });
+ Event.add(ul, 'change', (evt)=> this.onChange(evt));
- var rows = tf.tbl.rows;
+ let rows = tf.tbl.rows;
this.isCustom = tf.isCustomOptions(colIndex);
- var activeFlt;
+ let activeFlt;
if(tf.linkedFilters && tf.activeFilterId){
activeFlt = tf.activeFilterId.split('_')[0];
activeFlt = activeFlt.split(tf.prfxFlt)[1];
}
- var filteredDataCol = [];
+ let filteredDataCol = [];
if(tf.linkedFilters && tf.disableExcludedOptions){
this.excludedOpts = [];
}
- for(var k=tf.refRow; k<tf.nbRows; k++){
+ for(let k=tf.refRow; k<tf.nbRows; k++){
// always visible rows don't need to appear on selects as always
// valid
if(tf.hasVisibleRows && tf.visibleRows.indexOf(k) !== -1){
continue;
}
- var cells = rows[k].cells;
- var ncells = cells.length;
+ let cells = rows[k].cells;
+ let ncells = cells.length;
// checks if row has exact cell #
if(ncells !== tf.nbCells || this.isCustom){
@@ -197,7 +244,7 @@ export class CheckList{
}
// this loop retrieves cell data
- for(var j=0; j<ncells; j++){
+ for(let j=0; j<ncells; j++){
// WTF: cyclomatic complexity hell :)
if((colIndex===j && (!tf.linkedFilters ||
(tf.linkedFilters && tf.disableExcludedOptions)))||
@@ -206,22 +253,21 @@ export class CheckList{
(tf.paging && ((!activeFlt || activeFlt===colIndex )||
(activeFlt!=colIndex &&
tf.validRowsIndex.indexOf(k) != -1)) )))){
- var cell_data = tf.getCellData(cells[j]);
+ let cell_data = tf.getCellData(cells[j]);
//Vary Peter's patch
- var cell_string = Str.matchCase(cell_data, tf.matchCase);
+ let cell_string = Str.matchCase(cell_data, tf.matchCase);
// checks if celldata is already in array
if(!Arr.has(this.opts, cell_string, tf.matchCase)){
this.opts.push(cell_data);
}
- var filteredCol = filteredDataCol[j];
+ let filteredCol = filteredDataCol[j];
if(tf.linkedFilters && tf.disableExcludedOptions){
if(!filteredCol){
filteredCol = tf.getFilteredDataCol(j);
}
if(!Arr.has(filteredCol, cell_string, tf.matchCase) &&
!Arr.has(this.excludedOpts,
- cell_string, tf.matchCase) &&
- !tf.isFirstLoad){
+ cell_string, tf.matchCase)){
this.excludedOpts.push(cell_data);
}
}
@@ -231,7 +277,7 @@ export class CheckList{
//Retrieves custom values
if(this.isCustom){
- var customValues = tf.getCustomOptions(colIndex);
+ let customValues = tf.getCustomOptions(colIndex);
this.opts = customValues[0];
this.optsTxt = customValues[1];
}
@@ -289,13 +335,15 @@ export class CheckList{
}//in case there are alphanumeric values
}
- this.addChecks(colIndex, ul, tf.separator);
+ this.addChecks(colIndex, ul);
if(tf.loadFltOnDemand){
flt.innerHTML = '';
}
flt.appendChild(ul);
flt.setAttribute('filled', '1');
+
+ this.emitter.emit('after-populating-filter', tf, colIndex, flt);
}
/**
@@ -304,55 +352,30 @@ export class CheckList{
* @param {Object} ul Ul element
*/
addChecks(colIndex, ul){
- var tf = this.tf;
- var chkCt = this.addTChecks(colIndex, ul);
- var fltArr = []; //remember grid values
- var store = tf.feature('store');
- var tmpVal = store ?
- store.getFilterValues(tf.fltsValuesCookie)[colIndex] : null;
- if(tmpVal && Str.trim(tmpVal).length > 0){
- if(tf.hasCustomSlcOptions &&
- tf.customSlcOptions.cols.indexOf(colIndex) != -1){
- fltArr.push(tmpVal);
- } else {
- fltArr = tmpVal.split(' '+tf.orOperator+' ');
- }
- }
+ let tf = this.tf;
+ let chkCt = this.addTChecks(colIndex, ul);
- for(var y=0; y<this.opts.length; y++){
- var val = this.opts[y]; //item value
- var lbl = this.isCustom ? this.optsTxt[y] : val; //item text
- var li = Dom.createCheckItem(
+ for(let y=0; y<this.opts.length; y++){
+ let val = this.opts[y]; //item value
+ let lbl = this.isCustom ? this.optsTxt[y] : val; //item text
+ let li = Dom.createCheckItem(
tf.fltIds[colIndex]+'_'+(y+chkCt), val, lbl);
li.className = this.checkListItemCssClass;
if(tf.linkedFilters && tf.disableExcludedOptions &&
Arr.has(this.excludedOpts,
- Str.matchCase(val, tf.matchCase), tf.matchCase)){
- Dom.addClass(li, this.checkListItemDisabledCssClass);
- li.check.disabled = true;
- li.disabled = true;
+ Str.matchCase(val, tf.matchCase), tf.matchCase)){
+ Dom.addClass(li, this.checkListItemDisabledCssClass);
+ li.check.disabled = true;
+ li.disabled = true;
} else {
- Event.add(li.check, 'click',
- (evt) => { this.optionClick(evt); });
+ Event.add(li.check, 'click', (evt)=> this.optionClick(evt));
}
ul.appendChild(li);
- if(val===''){
+ if(val === ''){
//item is hidden
li.style.display = 'none';
}
-
- /*** remember grid values ***/
- if(tf.rememberGridValues){
- if((tf.hasCustomSlcOptions &&
- tf.customSlcOptions.cols.indexOf(colIndex) != -1 &&
- fltArr.toString().indexOf(val) != -1) ||
- Arr.has(fltArr,
- Str.matchCase(val, tf.matchCase), tf.matchCase)){
- li.check.checked = true;
- this.setCheckListValues(li.check);
- }
- }
}
}
@@ -362,43 +385,37 @@ export class CheckList{
* @param {Object} ul Ul element
*/
addTChecks(colIndex, ul){
- var tf = this.tf;
- var chkCt = 1;
- var li0 = Dom.createCheckItem(
+ let tf = this.tf;
+ let chkCt = 1;
+ let li0 = Dom.createCheckItem(
tf.fltIds[colIndex]+'_0', '', tf.displayAllText);
li0.className = this.checkListItemCssClass;
ul.appendChild(li0);
- Event.add(li0.check, 'click', (evt) => {
- this.optionClick(evt);
- });
+ Event.add(li0.check, 'click', (evt)=> this.optionClick(evt));
if(!this.enableCheckListResetFilter){
li0.style.display = 'none';
}
if(tf.enableEmptyOption){
- var li1 = Dom.createCheckItem(
+ let li1 = Dom.createCheckItem(
tf.fltIds[colIndex]+'_1', tf.emOperator, tf.emptyText);
li1.className = this.checkListItemCssClass;
ul.appendChild(li1);
- Event.add(li1.check, 'click', (evt) => {
- this.optionClick(evt);
- });
+ Event.add(li1.check, 'click', (evt)=> this.optionClick(evt));
chkCt++;
}
if(tf.enableNonEmptyOption){
- var li2 = Dom.createCheckItem(
+ let li2 = Dom.createCheckItem(
tf.fltIds[colIndex]+'_2',
tf.nmOperator,
tf.nonEmptyText
);
li2.className = this.checkListItemCssClass;
ul.appendChild(li2);
- Event.add(li2.check, 'click', (evt) => {
- this.optionClick(evt);
- });
+ Event.add(li2.check, 'click', (evt)=> this.optionClick(evt));
chkCt++;
}
return chkCt;
@@ -412,32 +429,32 @@ export class CheckList{
if(!o){
return;
}
- var tf = this.tf;
- var chkValue = o.value; //checked item value
- var chkIndex = parseInt(o.id.split('_')[2], 10);
- var filterTag = 'ul', itemTag = 'li';
- var n = o;
+ let tf = this.tf;
+ let chkValue = o.value; //checked item value
+ let chkIndex = parseInt(o.id.split('_')[2], 10);
+ let filterTag = 'ul', itemTag = 'li';
+ let n = o;
//ul tag search
while(Str.lower(n.nodeName)!==filterTag){
n = n.parentNode;
}
- var li = n.childNodes[chkIndex];
- var colIndex = n.getAttribute('colIndex');
- var fltValue = n.getAttribute('value'); //filter value (ul tag)
- var fltIndexes = n.getAttribute('indexes'); //selected items (ul tag)
+ let li = n.childNodes[chkIndex];
+ let colIndex = n.getAttribute('colIndex');
+ let fltValue = n.getAttribute('value'); //filter value (ul tag)
+ let fltIndexes = n.getAttribute('indexes'); //selected items (ul tag)
if(o.checked){
//show all item
if(chkValue===''){
if((fltIndexes && fltIndexes!=='')){
//items indexes
- var indSplit = fltIndexes.split(tf.separator);
+ let indSplit = fltIndexes.split(tf.separator);
//checked items loop
- for(var u=0; u<indSplit.length; u++){
+ for(let u=0; u<indSplit.length; u++){
//checked item
- var cChk = Dom.id(tf.fltIds[colIndex]+'_'+indSplit[u]);
+ let cChk = Dom.id(tf.fltIds[colIndex]+'_'+indSplit[u]);
if(cChk){
cChk.checked = false;
Dom.removeClass(
@@ -455,7 +472,7 @@ export class CheckList{
chkValue = Str.trim(
fltValue+' '+chkValue+' '+tf.orOperator);
chkIndex = fltIndexes + chkIndex + tf.separator;
- n.setAttribute('value', chkValue );
+ n.setAttribute('value', chkValue);
n.setAttribute('indexes', chkIndex);
//1st option unchecked
if(Dom.id(tf.fltIds[colIndex]+'_0')){
@@ -470,12 +487,12 @@ export class CheckList{
}
} else { //removes values and indexes
if(chkValue!==''){
- var replaceValue = new RegExp(
+ let replaceValue = new RegExp(
Str.rgxEsc(chkValue+' '+tf.orOperator));
fltValue = fltValue.replace(replaceValue,'');
n.setAttribute('value', Str.trim(fltValue));
- var replaceIndex = new RegExp(
+ let replaceIndex = new RegExp(
Str.rgxEsc(chkIndex + tf.separator));
fltIndexes = fltIndexes.replace(replaceIndex, '');
n.setAttribute('indexes', fltIndexes);
@@ -485,6 +502,51 @@ export class CheckList{
}
}
}
+
+ /**
+ * Select filter options programmatically
+ * @param {Number} colIndex Column index
+ * @param {Array} values Array of option values to select
+ */
+ selectOptions(colIndex, values=[]){
+ let tf = this.tf;
+ if(tf.getFilterType(colIndex) !== tf.fltTypeCheckList ||
+ values.length === 0){
+ return;
+ }
+ let flt = tf.getFilterElement(colIndex);
+
+ let lisNb = Dom.tag(flt, 'li').length;
+
+ flt.setAttribute('value', '');
+ flt.setAttribute('indexes', '');
+
+ for(let k=0; k<lisNb; k++){
+ let li = Dom.tag(flt, 'li')[k],
+ lbl = Dom.tag(li, 'label')[0],
+ chk = Dom.tag(li, 'input')[0],
+ lblTxt = Str.matchCase(Dom.getText(lbl), tf.caseSensitive);
+ if(lblTxt !== '' && Arr.has(values, lblTxt, tf.caseSensitive)){
+ chk.checked = true;
+ this.setCheckListValues(chk);
+ }
+ else{
+ chk.checked = false;
+ this.setCheckListValues(chk);
+ }
+ }
+ }
+
+ destroy(){
+ this.emitter.off(
+ ['build-checklist-filter'],
+ (tf, colIndex, isExternal)=> this.build(colIndex, isExternal)
+ );
+ this.emitter.off(
+ ['select-checklist-options'],
+ (tf, colIndex, values)=> this.selectOptions(colIndex, values)
+ );
+ }
}
src/modules/clearButton.js | tablefilter v0.0.23 API Document
+ src/modules/clearButton.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/dropdown.js | tablefilter v0.0.23 API Document
+ src/modules/dropdown.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/dropdown.js
-
import Dom from '../dom';
+import {Feature} from './feature';
+import Dom from '../dom';
import Arr from '../array';
import Str from '../string';
import Sort from '../sort';
+import Event from '../event';
-export class Dropdown{
+export class Dropdown extends Feature{
/**
* Dropdown UI component
* @param {Object} tf TableFilter instance
*/
constructor(tf){
+ super(tf, 'dropdown');
+
// Configuration object
- var f = tf.config();
+ let f = tf.config();
this.enableSlcResetFilter = f.enable_slc_reset_filter===false ?
false : true;
@@ -99,51 +104,108 @@ export class Dropdown{
this.opts = null;
this.optsTxt = null;
this.slcInnerHtml = null;
+ }
- this.tf = tf;
+ onSlcFocus(e) {
+ let elm = Event.target(e);
+ let tf = this.tf;
+ tf.activeFilterId = elm.getAttribute('id');
+ tf.activeFlt = Dom.id(tf.activeFilterId);
+ // select is populated when element has focus
+ if(tf.loadFltOnDemand && elm.getAttribute('filled') === '0'){
+ let ct = elm.getAttribute('ct');
+ this.build(ct);
+ }
+ this.emitter.emit('filter-focus', tf, this);
+ }
+
+ onSlcChange() {
+ if(this.tf.onSlcChange){
+ this.tf.filter();
+ }
}
/**
- * Build drop-down filter UI asynchronously
- * @param {Number} colIndex Column index
- * @param {Boolean} isLinked Enable linked refresh behaviour
- * @param {Boolean} isExternal Render in external container
- * @param {String} extSlcId External container id
+ * Initialize drop-down filter
+ * @param {Number} colIndex Column index
+ * @param {Boolean} isExternal External filter flag
+ * @param {DOMElement} container Dom element containing the filter
*/
- build(colIndex, isLinked, isExternal, extSlcId){
- var tf = this.tf;
- tf.EvtManager(
- tf.Evt.name.dropdown,
- {
- slcIndex: colIndex,
- slcRefreshed: isLinked,
- slcExternal: isExternal,
- slcId: extSlcId
- }
+ init(colIndex, isExternal, container){
+ let tf = this.tf;
+ let col = tf.getFilterType(colIndex);
+ let externalFltTgtId = isExternal ?
+ tf.externalFltTgtIds[colIndex] : null;
+
+ let slc = Dom.create(tf.fltTypeSlc,
+ ['id', tf.prfxFlt+colIndex+'_'+tf.id],
+ ['ct', colIndex], ['filled', '0']
);
+
+ if(col === tf.fltTypeMulti){
+ slc.multiple = tf.fltTypeMulti;
+ slc.title = this.multipleSlcTooltip;
+ }
+ slc.className = Str.lower(col) === tf.fltTypeSlc ?
+ tf.fltCssClass : tf.fltMultiCssClass;
+
+ //filter is appended in container element
+ if(externalFltTgtId){
+ Dom.id(externalFltTgtId).appendChild(slc);
+ tf.externalFltEls.push(slc);
+ } else {
+ container.appendChild(slc);
+ }
+
+ tf.fltIds.push(slc.id);
+
+ if(!tf.loadFltOnDemand){
+ this.build(colIndex);
+ } else {
+ //1st option is created here since build isn't invoked
+ let opt0 = Dom.createOpt(tf.displayAllText, '');
+ slc.appendChild(opt0);
+ }
+
+ Event.add(slc, 'change', ()=> this.onSlcChange());
+ Event.add(slc, 'focus', (e)=> this.onSlcFocus(e));
+
+ this.emitter.on(
+ ['build-select-filter'],
+ (tf, colIndex, isLinked, isExternal)=>
+ this.build(colIndex, isLinked, isExternal)
+ );
+ this.emitter.on(
+ ['select-options'],
+ (tf, colIndex, values)=> this.selectOptions(colIndex, values)
+ );
+
+ this.initialized = true;
}
/**
* Build drop-down filter UI
* @param {Number} colIndex Column index
- * @param {Boolean} isLinked Enable linked refresh behaviour
+ * @param {Boolean} isLinked Enable linked refresh behaviour
* @param {Boolean} isExternal Render in external container
* @param {String} extSlcId External container id
*/
- _build(colIndex, isLinked=false, isExternal=false, extSlcId=null){
- var tf = this.tf;
+ build(colIndex, isLinked=false, isExternal=false, extSlcId=null){
+ let tf = this.tf;
colIndex = parseInt(colIndex, 10);
+ this.emitter.emit('before-populating-filter', tf, colIndex);
+
this.opts = [];
this.optsTxt = [];
this.slcInnerHtml = '';
- var slcId = tf.fltIds[colIndex];
+ let slcId = tf.fltIds[colIndex];
if((!Dom.id(slcId) && !isExternal) ||
(!Dom.id(extSlcId) && isExternal)){
return;
}
- var slc = !isExternal ? Dom.id(slcId) : Dom.id(extSlcId),
+ let slc = !isExternal ? Dom.id(slcId) : Dom.id(extSlcId),
rows = tf.tbl.rows,
matchCase = tf.matchCase;
@@ -151,41 +213,27 @@ export class Dropdown{
this.isCustom = tf.isCustomOptions(colIndex);
//custom selects text
- var activeFlt;
+ let activeFlt;
if(isLinked && tf.activeFilterId){
activeFlt = tf.activeFilterId.split('_')[0];
activeFlt = activeFlt.split(tf.prfxFlt)[1];
}
- /*** remember grid values ***/
- var fltsValues = [], fltArr = [];
- if(tf.rememberGridValues){
- fltsValues =
- tf.feature('store').getFilterValues(tf.fltsValuesCookie);
- if(fltsValues && !Str.isEmpty(fltsValues.toString())){
- if(this.isCustom){
- fltArr.push(fltsValues[colIndex]);
- } else {
- fltArr = fltsValues[colIndex].split(' '+tf.orOperator+' ');
- }
- }
- }
-
- var excludedOpts = null,
+ let excludedOpts = null,
filteredDataCol = null;
if(isLinked && tf.disableExcludedOptions){
excludedOpts = [];
filteredDataCol = [];
}
- for(var k=tf.refRow; k<tf.nbRows; k++){
+ for(let k=tf.refRow; k<tf.nbRows; k++){
// always visible rows don't need to appear on selects as always
// valid
if(tf.hasVisibleRows && tf.visibleRows.indexOf(k) !== -1){
continue;
}
- var cell = rows[k].cells,
+ let cell = rows[k].cells,
nchilds = cell.length;
// checks if row has exact cell #
@@ -194,7 +242,7 @@ export class Dropdown{
}
// this loop retrieves cell data
- for(var j=0; j<nchilds; j++){
+ for(let j=0; j<nchilds; j++){
// WTF: cyclomatic complexity hell
if((colIndex===j &&
(!isLinked ||
@@ -207,7 +255,7 @@ export class Dropdown{
((activeFlt===undefined || activeFlt==colIndex) ||
(activeFlt!=colIndex &&
tf.validRowsIndex.indexOf(k) != -1 ))) ))){
- var cell_data = tf.getCellData(cell[j]),
+ let cell_data = tf.getCellData(cell[j]),
//Vary Peter's patch
cell_string = Str.matchCase(cell_data, matchCase);
@@ -217,14 +265,13 @@ export class Dropdown{
}
if(isLinked && tf.disableExcludedOptions){
- var filteredCol = filteredDataCol[j];
+ let filteredCol = filteredDataCol[j];
if(!filteredCol){
filteredCol = tf.getFilteredDataCol(j);
}
if(!Arr.has(filteredCol, cell_string, matchCase) &&
!Arr.has(
- excludedOpts, cell_string, matchCase) &&
- !this.isFirstLoad){
+ excludedOpts, cell_string, matchCase)){
excludedOpts.push(cell_data);
}
}
@@ -234,7 +281,7 @@ export class Dropdown{
//Retrieves custom values
if(this.isCustom){
- var customValues = tf.getCustomOptions(colIndex);
+ let customValues = tf.getCustomOptions(colIndex);
this.opts = customValues[0];
this.optsTxt = customValues[1];
}
@@ -293,8 +340,9 @@ export class Dropdown{
}
//populates drop-down
- this.addOptions(
- colIndex, slc, isLinked, excludedOpts, fltsValues, fltArr);
+ this.addOptions(colIndex, slc, isLinked, excludedOpts);
+
+ this.emitter.emit('after-populating-filter', tf, colIndex, slc);
}
/**
@@ -303,24 +351,22 @@ export class Dropdown{
* @param {Object} slc Select Dom element
* @param {Boolean} isLinked Enable linked refresh behaviour
* @param {Array} excludedOpts Array of excluded options
- * @param {Array} fltsValues Collection of persisted filter values
- * @param {Array} fltArr Collection of persisted filter values
*/
- addOptions(colIndex, slc, isLinked, excludedOpts, fltsValues, fltArr){
- var tf = this.tf,
+ addOptions(colIndex, slc, isLinked, excludedOpts){
+ let tf = this.tf,
fillMethod = Str.lower(this.slcFillingMethod),
slcValue = slc.value;
slc.innerHTML = '';
slc = this.addFirstOption(slc);
- for(var y=0; y<this.opts.length; y++){
+ for(let y=0; y<this.opts.length; y++){
if(this.opts[y]===''){
continue;
}
- var val = this.opts[y]; //option value
- var lbl = this.isCustom ? this.optsTxt[y] : val; //option text
- var isDisabled = false;
+ let val = this.opts[y]; //option value
+ let lbl = this.isCustom ? this.optsTxt[y] : val; //option text
+ let isDisabled = false;
if(isLinked && tf.disableExcludedOptions &&
Arr.has(
excludedOpts,
@@ -331,7 +377,7 @@ export class Dropdown{
}
if(fillMethod === 'innerhtml'){
- var slcAttr = '';
+ let slcAttr = '';
if(tf.loadFltOnDemand && slcValue===this.opts[y]){
slcAttr = 'selected="selected"';
}
@@ -339,30 +385,13 @@ export class Dropdown{
(isDisabled ? 'disabled="disabled"' : '')+ '>' +
lbl+'</option>';
} else {
- var opt;
+ let opt;
//fill select on demand
if(tf.loadFltOnDemand && slcValue===this.opts[y] &&
tf.getFilterType(colIndex) === tf.fltTypeSlc){
opt = Dom.createOpt(lbl, val, true);
} else {
- if(tf.getFilterType(colIndex) !== tf.fltTypeMulti){
- opt = Dom.createOpt(
- lbl,
- val,
- (fltsValues[colIndex]!==' ' &&
- val===fltsValues[colIndex]) ? true : false
- );
- } else {
- opt = Dom.createOpt(
- lbl,
- val,
- (Arr.has(fltArr,
- Str.matchCase(this.opts[y], tf.matchCase),
- tf.matchCase) ||
- fltArr.toString().indexOf(val)!== -1) ?
- true : false
- );
- }
+ opt = Dom.createOpt(lbl, val, false);
}
if(isDisabled){
opt.disabled = true;
@@ -382,7 +411,7 @@ export class Dropdown{
* @param {Object} slc Select DOM element
*/
addFirstOption(slc){
- var tf = this.tf,
+ let tf = this.tf,
fillMethod = Str.lower(this.slcFillingMethod);
if(fillMethod === 'innerhtml'){
@@ -390,24 +419,61 @@ export class Dropdown{
'</option>';
}
else {
- var opt0 = Dom.createOpt(
+ let opt0 = Dom.createOpt(
(!this.enableSlcResetFilter ? '' : tf.displayAllText),'');
if(!this.enableSlcResetFilter){
opt0.style.display = 'none';
}
slc.appendChild(opt0);
if(tf.enableEmptyOption){
- var opt1 = Dom.createOpt(tf.emptyText, tf.emOperator);
+ let opt1 = Dom.createOpt(tf.emptyText, tf.emOperator);
slc.appendChild(opt1);
}
if(tf.enableNonEmptyOption){
- var opt2 = Dom.createOpt(tf.nonEmptyText, tf.nmOperator);
+ let opt2 = Dom.createOpt(tf.nonEmptyText, tf.nmOperator);
slc.appendChild(opt2);
}
}
return slc;
}
+ /**
+ * Select filter options programmatically
+ * @param {Number} colIndex Column index
+ * @param {Array} values Array of option values to select
+ */
+ selectOptions(colIndex, values=[]){
+ let tf = this.tf;
+ if(tf.getFilterType(colIndex) !== tf.fltTypeMulti ||
+ values.length === 0){
+ return;
+ }
+ let slc = tf.getFilterElement(colIndex);
+ [].forEach.call(slc.options, (option)=> {
+ // Empty value means clear all selections and first option is the
+ // clear all option
+ if(values[0] === '' || option.value === ''){
+ option.selected = false;
+ }
+
+ if(option.value !== '' &&
+ Arr.has(values, option.value, true)){
+ option.selected = true;
+ }//if
+ });
+ }
+
+ destroy(){
+ this.emitter.off(
+ ['build-select-filter'],
+ (colIndex, isLinked, isExternal)=>
+ this.build(colIndex, isLinked, isExternal)
+ );
+ this.emitter.off(
+ ['select-options'],
+ (tf, colIndex, values)=> this.selectOptions(colIndex, values)
+ );
+ }
}
src/modules/feature.js | tablefilter v0.0.23 API Document
+ src/modules/feature.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/gridLayout.js | tablefilter v0.0.23 API Document
+ src/modules/gridLayout.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/help.js | tablefilter v0.0.23 API Document
+ src/modules/help.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/highlightKeywords.js | tablefilter v0.0.23 API Document
+ src/modules/highlightKeywords.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/highlightKeywords.js
import Dom from '../dom';
import Str from '../string';
+import Types from '../types';
export class HighlightKeyword{
@@ -83,6 +85,19 @@ export class HighlightKeyword{
this.highlightedNodes = [];
this.tf = tf;
+ this.emitter = tf.emitter;
+ }
+
+ init(){
+ this.emitter.on(
+ ['before-filtering', 'destroy'],
+ ()=> this.unhighlightAll()
+ );
+ this.emitter.on(
+ ['highlight-keyword'],
+ (tf, cell, word)=>
+ this.highlight(cell, word, this.highlightCssClass)
+ );
}
/**
@@ -165,15 +180,32 @@ export class HighlightKeyword{
* Clear all occurrences of highlighted nodes
*/
unhighlightAll(){
- if(!this.tf.highlightKeywords || !this.tf.searchArgs){
+ if(!this.tf.highlightKeywords){
return;
}
- for(var y=0; y<this.tf.searchArgs.length; y++){
- this.unhighlight(
- this.tf.searchArgs[y], this.highlightCssClass);
- }
+ // iterate filters values to unhighlight all values
+ this.tf.getFiltersValue().forEach((val)=> {
+ if(Types.isArray(val)){
+ val.forEach((item)=>
+ this.unhighlight(item, this.highlightCssClass));
+ } else {
+ this.unhighlight(val, this.highlightCssClass);
+ }
+ });
this.highlightedNodes = [];
}
+
+ destroy(){
+ this.emitter.off(
+ ['before-filtering', 'destroy'],
+ ()=> this.unhighlightAll()
+ );
+ this.emitter.off(
+ ['highlight-keyword'],
+ (tf, cell, word)=>
+ this.highlight(cell, word, this.highlightCssClass)
+ );
+ }
}src/modules/loader.js | tablefilter v0.0.23 API Document
+ src/modules/loader.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/noResults.js | tablefilter v0.0.23 API Document
+ src/modules/noResults.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/paging.js | tablefilter v0.0.23 API Document
+ src/modules/paging.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/popupFilter.js | tablefilter v0.0.23 API Document
+ src/modules/popupFilter.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/rowsCounter.js | tablefilter v0.0.23 API Document
+ src/modules/rowsCounter.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/statusBar.js | tablefilter v0.0.23 API Document
+ src/modules/statusBar.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/store.js | tablefilter v0.0.23 API Document
+ src/modules/store.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/modules/store.js
import Cookie from '../cookie';
+import Types from '../types';
export class Store{
@@ -77,13 +79,20 @@ export class Store{
*
* TODO: use localStorage and fallback to cookie persistence
*/
- constructor(tf) {
- var f = tf.config();
+ constructor(tf){
+ let f = tf.config();
this.duration = !isNaN(f.set_cookie_duration) ?
parseInt(f.set_cookie_duration, 10) : 100000;
this.tf = tf;
+ this.emitter = tf.emitter;
+ }
+
+ init(){
+ this.emitter.on(['after-filtering'],
+ ()=> this.saveFilterValues(this.tf.fltsValuesCookie));
+ this.emitter.on(['after-clearing-filters'], ()=> this.clearCookies());
}
/**
@@ -91,20 +100,29 @@ export class Store{
* @param {String} cookie name
*/
saveFilterValues(name){
- var tf = this.tf;
- var fltValues = [];
+ let tf = this.tf;
+ let fltValues = [];
+
+ if(!tf.rememberGridValues){
+ return;
+ }
+
//store filters' values
- for(var i=0; i<tf.fltIds.length; i++){
- var value = tf.getFilterValue(i);
+ for(let i=0; i<tf.fltIds.length; i++){
+ let value = tf.getFilterValue(i);
+ //convert array to a || separated values
+ if(Types.isArray(value)){
+ let rgx = new RegExp(tf.separator, 'g');
+ value = value.toString()
+ .replace(rgx, ' ' + tf.orOperator + ' ');
+ }
if (value === ''){
value = ' ';
}
fltValues.push(value);
}
- //adds array size
- fltValues.push(tf.fltIds.length);
- //writes cookie
+ //write cookie
Cookie.write(
name,
fltValues.join(tf.separator),
@@ -118,8 +136,8 @@ export class Store{
* @return {Array}
*/
getFilterValues(name){
- var flts = Cookie.read(name);
- var rgx = new RegExp(this.tf.separator, 'g');
+ let flts = Cookie.read(name);
+ let rgx = new RegExp(this.tf.separator, 'g');
// filters' values array
return flts.split(rgx);
}
@@ -129,6 +147,9 @@ export class Store{
* @param {String} cookie name
*/
savePageNb(name){
+ if(!this.tf.rememberPageNb){
+ return;
+ }
Cookie.write(
name,
this.tf.feature('paging').currentPageNb,
@@ -150,6 +171,9 @@ export class Store{
* @param {String} cookie name
*/
savePageLength(name){
+ if(!this.tf.rememberPageLen){
+ return;
+ }
Cookie.write(
name,
this.tf.feature('paging').resultsPerPageSlc.selectedIndex,
@@ -166,6 +190,20 @@ export class Store{
return Cookie.read(name);
}
+ /**
+ * Remove all cookies
+ */
+ clearCookies(){
+ Cookie.remove(this.tf.fltsValuesCookie);
+ Cookie.remove(this.tf.pgLenCookie);
+ Cookie.remove(this.tf.pgNbCookie);
+ }
+
+ destroy(){
+ this.emitter.off(['after-filtering'],
+ ()=> this.saveFilterValues(this.tf.fltsValuesCookie));
+ this.emitter.off(['after-clearing-filters'], ()=> this.clearCookies());
+ }
}
src/sort.js | tablefilter v0.0.23 API Document
+ src/sort.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/string.js | tablefilter v0.0.23 API Document
+ src/string.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout src/tablefilter.js | tablefilter v0.0.23 API Document
+ src/tablefilter.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout import Event from './event';
import Dom from './dom';
import Str from './string';
-import Cookie from './cookie';
import Types from './types';
-import Arr from './array';
import DateHelper from './date';
import Helpers from './helpers';
+import {Emitter} from './emitter';
// Features
import {Store} from './modules/store';
@@ -95,7 +95,7 @@ import {NoResults} from './modules/noResults';
let global = window,
doc = global.document;
-export class TableFilter{
+export class TableFilter {
/**
* TableFilter object constructor
@@ -123,6 +123,7 @@ export class TableFilter{
// TODO: use for-of with babel plug-in
args.forEach((arg)=> {
+ // for (let arg of args) {
let argtype = typeof arg;
if(argtype === 'object' && arg && arg.nodeName === 'TABLE'){
this.tbl = arg;
@@ -135,6 +136,7 @@ export class TableFilter{
} else if(argtype === 'object'){
this.cfg = arg;
}
+ // }
});
if(!this.tbl || this.tbl.nodeName != 'TABLE' || this.getRowsNb() === 0){
@@ -145,6 +147,8 @@ export class TableFilter{
// configuration object
let f = this.cfg;
+ this.emitter = new Emitter();
+
//Start row et cols nb
this.refRow = this.startRow === null ? 2 : (this.startRow+1);
try{ this.nbCells = this.getCellsNb(this.refRow); }
@@ -173,15 +177,6 @@ export class TableFilter{
this.headersRow = isNaN(f.headers_row_index) ?
(this.filtersRowIndex === 0 ? 1 : 0) : f.headers_row_index;
- if(this.gridLayout){
- if(this.headersRow > 1){
- this.filtersRowIndex = this.headersRow+1;
- } else {
- this.filtersRowIndex = 1;
- this.headersRow = 0;
- }
- }
-
//defines tag of the cells containing filters (td/th)
this.fltCellTag = f.filters_cell_tag!=='th' ||
f.filters_cell_tag!=='td' ? 'td' : f.filters_cell_tag;
@@ -193,11 +188,9 @@ export class TableFilter{
//stores filters values
this.searchArgs = null;
//stores valid rows indexes (rows visible upon filtering)
- this.validRowsIndex = null;
+ this.validRowsIndex = [];
//stores filters row element
this.fltGridEl = null;
- //is first load boolean
- this.isFirstLoad = true;
//container div for paging elements, reset btn etc.
this.infDiv = null;
//div for rows counter
@@ -273,7 +266,7 @@ export class TableFilter{
//enables/disables external filters generation
this.isExternalFlt = Boolean(f.external_flt_grid);
//array containing ids of external elements containing filters
- this.externalFltTgtIds = f.external_flt_grid_ids || null;
+ this.externalFltTgtIds = f.external_flt_grid_ids || [];
//stores filters elements if isExternalFlt is true
this.externalFltEls = [];
//delays any filtering process if loader true
@@ -432,37 +425,6 @@ export class TableFilter{
//array containing columns date type
this.colDateType = this.hasColDateType ? f.col_date_type : null;
- /*** status messages ***/
- //filtering
- this.msgFilter = f.msg_filter || 'Filtering data...';
- //populating drop-downs
- this.msgPopulate = f.msg_populate || 'Populating filter...';
- //populating drop-downs
- this.msgPopulateCheckList = f.msg_populate_checklist ||
- 'Populating list...';
- //changing paging page
- this.msgChangePage = f.msg_change_page || 'Collecting paging data...';
- //clearing filters
- this.msgClear = f.msg_clear || 'Clearing filters...';
- //changing nb results/page
- this.msgChangeResults = f.msg_change_results ||
- 'Changing results per page...';
- //re-setting grid values
- this.msgResetValues = f.msg_reset_grid_values ||
- 'Re-setting filters values...';
- //re-setting page
- this.msgResetPage = f.msg_reset_page || 'Re-setting page...';
- //re-setting page length
- this.msgResetPageLength = f.msg_reset_page_length ||
- 'Re-setting page length...';
- //table sorting
- this.msgSort = f.msg_sort || 'Sorting data...';
- //extensions loading
- this.msgLoadExtensions = f.msg_load_extensions ||
- 'Loading extensions...';
- //themes loading
- this.msgLoadThemes = f.msg_load_themes || 'Loading theme(s)...';
-
/*** ids prefixes ***/
//css class name added to table
this.prfxTf = 'TF';
@@ -486,7 +448,6 @@ export class TableFilter{
this.prfxCookiePageLen = 'tf_pglen_';
/*** cookies ***/
- this.hasStoredValues = false;
//remembers filters values on page load
this.rememberGridValues = Boolean(f.remember_grid_values);
//cookie storing filter values
@@ -521,30 +482,15 @@ export class TableFilter{
/*** TF events ***/
this.Evt = {
- name: {
- filter: 'Filter',
- dropdown: 'DropDown',
- checklist: 'CheckList',
- changepage: 'ChangePage',
- clear: 'Clear',
- changeresultsperpage: 'ChangeResults',
- resetvalues: 'ResetValues',
- resetpage: 'ResetPage',
- resetpagelength: 'ResetPageLength',
- loadextensions: 'LoadExtensions',
- loadthemes: 'LoadThemes'
- },
-
// Detect <enter> key
detectKey(e) {
if(!this.enterKey){ return; }
- let _ev = e || global.event;
- if(_ev){
- let key = Event.keyCode(_ev);
+ if(e){
+ let key = Event.keyCode(e);
if(key===13){
this.filter();
- Event.cancel(_ev);
- Event.stop(_ev);
+ Event.cancel(e);
+ Event.stop(e);
} else {
this.isUserTyping = true;
global.clearInterval(this.autoFilterTimer);
@@ -557,8 +503,7 @@ export class TableFilter{
if(!this.autoFilter){
return;
}
- let _ev = e || global.event;
- let key = Event.keyCode(_ev);
+ let key = Event.keyCode(e);
this.isUserTyping = false;
function filter() {
@@ -592,99 +537,25 @@ export class TableFilter{
this.isUserTyping = false;
global.clearInterval(this.autoFilterTimer);
}
- // TODO: hack to prevent ezEditTable enter key event hijaking.
- // Needs to be fixed in the vendor's library
- if(this.hasExtension('advancedGrid')){
- var advGrid = this.extension('advancedGrid');
- var ezEditTable = advGrid._ezEditTable;
- if(advGrid.cfg.editable){
- ezEditTable.Editable.Set();
- }
- if(advGrid.cfg.selection){
- ezEditTable.Selection.Set();
- }
- }
+ this.emitter.emit('filter-blur', this);
},
// set focused text-box filter as active
onInpFocus(e) {
- let _ev = e || global.event;
- let elm = Event.target(_ev);
+ let elm = Event.target(e);
this.activeFilterId = elm.getAttribute('id');
this.activeFlt = Dom.id(this.activeFilterId);
- if(this.popupFilters){
- Event.cancel(_ev);
- Event.stop(_ev);
- }
- // TODO: hack to prevent ezEditTable enter key event hijaking.
- // Needs to be fixed in the vendor's library
- if(this.hasExtension('advancedGrid')){
- var advGrid = this.extension('advancedGrid');
- var ezEditTable = advGrid._ezEditTable;
- if(advGrid.cfg.editable){
- ezEditTable.Editable.Remove();
- }
- if(advGrid.cfg.selection){
- ezEditTable.Selection.Remove();
- }
- }
- },
- // set focused drop-down filter as active
- onSlcFocus(e) {
- let _ev = e || global.event;
- let elm = Event.target(_ev);
- this.activeFilterId = elm.getAttribute('id');
- this.activeFlt = Dom.id(this.activeFilterId);
- // select is populated when element has focus
- if(this.loadFltOnDemand && elm.getAttribute('filled') === '0'){
- let ct = elm.getAttribute('ct');
- this.Mod.dropdown._build(ct);
- }
- if(this.popupFilters){
- Event.cancel(_ev);
- Event.stop(_ev);
- }
- },
- // filter columns on drop-down filter change
- onSlcChange(e) {
- if(!this.activeFlt){ return; }
- let _ev = e || global.event;
- if(this.popupFilters){ Event.stop(_ev); }
- if(this.onSlcChange){ this.filter(); }
- },
- // fill checklist filter on click if required
- onCheckListClick(e) {
- let _ev = e || global.event;
- let elm = Event.target(_ev);
- if(this.loadFltOnDemand && elm.getAttribute('filled') === '0'){
- let ct = elm.getAttribute('ct');
- this.Mod.checkList._build(ct);
- this.Mod.checkList.checkListDiv[ct].onclick = null;
- this.Mod.checkList.checkListDiv[ct].title = '';
- }
+ this.emitter.emit('filter-focus', this);
}
};
}
/**
- * Initialise filtering grid bar behaviours and layout
- *
- * TODO: decompose in smaller methods
+ * Initialise features and layout
*/
init(){
if(this._hasGrid){
return;
}
- if(!this.tbl){
- this.tbl = Dom.id(this.id);
- }
- if(this.gridLayout){
- this.refRow = this.startRow===null ? 0 : this.startRow;
- }
- if(this.popupFilters &&
- ((this.filtersRowIndex === 0 && this.headersRow === 1) ||
- this.gridLayout)){
- this.headersRow = 0;
- }
let Mod = this.Mod;
let n = this.singleSearchFlt ? 1 : this.nbCells,
@@ -694,15 +565,28 @@ export class TableFilter{
this.import(this.stylesheetId, this.stylesheet, null, 'link');
//loads theme
- if(this.hasThemes){ this._loadThemes(); }
+ if(this.hasThemes){ this.loadThemes(); }
+
+ // Instantiate help feature and initialise only if set true
+ if(!Mod.help){
+ Mod.help = new Help(this);
+ }
+ if(this.help){
+ Mod.help.init();
+ }
if(this.rememberGridValues || this.rememberPageNb ||
this.rememberPageLen){
- Mod.store = new Store(this);
+ if(!Mod.store){
+ Mod.store = new Store(this);
+ }
+ Mod.store.init();
}
if(this.gridLayout){
- Mod.gridLayout = new GridLayout(this);
+ if(!Mod.gridLayout){
+ Mod.gridLayout = new GridLayout(this);
+ }
Mod.gridLayout.init();
}
@@ -715,6 +599,7 @@ export class TableFilter{
if(this.highlightKeywords){
Mod.highlightKeyword = new HighlightKeyword(this);
+ Mod.highlightKeyword.init();
}
if(this.popupFilters){
@@ -726,218 +611,66 @@ export class TableFilter{
//filters grid is not generated
if(!this.fltGrid){
- this.refRow = this.refRow-1;
- if(this.gridLayout){
- this.refRow = 0;
- }
+ this._initNoFilters();
+ } else {
+ let fltrow = this._insertFiltersRow();
+
this.nbFilterableRows = this.getRowsNb();
this.nbVisibleRows = this.nbFilterableRows;
- this.nbRows = this.nbFilterableRows + this.refRow;
- } else {
- if(this.isFirstLoad){
- let fltrow;
+ this.nbRows = this.tbl.rows.length;
+
+ // Generate filters
+ for(let i=0; i<n; i++){
+ this.emitter.emit('before-filter-init', this, i);
+
+ let fltcell = Dom.create(this.fltCellTag),
+ col = this.getFilterType(i);
+
+ if(this.singleSearchFlt){
+ fltcell.colSpan = this.nbCells;
+ }
if(!this.gridLayout){
- let thead = Dom.tag(this.tbl, 'thead');
- if(thead.length > 0){
- fltrow = thead[0].insertRow(this.filtersRowIndex);
- } else {
- fltrow = this.tbl.insertRow(this.filtersRowIndex);
- }
+ fltrow.appendChild(fltcell);
+ }
+ inpclass = (i==n-1 && this.displayBtn) ?
+ this.fltSmallCssClass : this.fltCssClass;
- if(this.headersRow > 1 &&
- this.filtersRowIndex <= this.headersRow &&
- !this.popupFilters){
- this.headersRow++;
- }
- if(this.popupFilters){
- this.headersRow++;
- }
-
- fltrow.className = this.fltsRowCssClass;
-
- if(this.isExternalFlt || this.popupFilters){
- fltrow.style.display = 'none';
- }
+ //only 1 input for single search
+ if(this.singleSearchFlt){
+ col = this.fltTypeInp;
+ inpclass = this.singleFltCssClass;
}
- this.nbFilterableRows = this.getRowsNb();
- this.nbVisibleRows = this.nbFilterableRows;
- this.nbRows = this.tbl.rows.length;
-
- for(let i=0; i<n; i++){// this loop adds filters
-
- if(this.popupFilters){
- Mod.popupFilter.build(i);
+ //drop-down filters
+ if(col===this.fltTypeSlc || col===this.fltTypeMulti){
+ if(!Mod.dropdown){
+ Mod.dropdown = new Dropdown(this);
}
-
- let fltcell = Dom.create(this.fltCellTag),
- col = this.getFilterType(i),
- externalFltTgtId =
- this.isExternalFlt && this.externalFltTgtIds ?
- this.externalFltTgtIds[i] : null;
-
- if(this.singleSearchFlt){
- fltcell.colSpan = this.nbCells;
- }
- if(!this.gridLayout){
- fltrow.appendChild(fltcell);
- }
- inpclass = (i==n-1 && this.displayBtn) ?
- this.fltSmallCssClass : this.fltCssClass;
-
- //only 1 input for single search
- if(this.singleSearchFlt){
- col = this.fltTypeInp;
- inpclass = this.singleFltCssClass;
- }
-
- //drop-down filters
- if(col===this.fltTypeSlc || col===this.fltTypeMulti){
- if(!Mod.dropdown){
- Mod.dropdown = new Dropdown(this);
- }
- let dropdown = Mod.dropdown;
-
- let slc = Dom.create(this.fltTypeSlc,
- ['id', this.prfxFlt+i+'_'+this.id],
- ['ct', i], ['filled', '0']
- );
-
- if(col===this.fltTypeMulti){
- slc.multiple = this.fltTypeMulti;
- slc.title = dropdown.multipleSlcTooltip;
- }
- slc.className = Str.lower(col) === this.fltTypeSlc ?
- inpclass : this.fltMultiCssClass;
-
- //filter is appended in desired external element
- if(externalFltTgtId){
- Dom.id(externalFltTgtId).appendChild(slc);
- this.externalFltEls.push(slc);
- } else {
- fltcell.appendChild(slc);
- }
-
- this.fltIds.push(this.prfxFlt+i+'_'+this.id);
-
- if(!this.loadFltOnDemand){
- dropdown._build(i);
- }
-
- Event.add(slc, 'keypress',
- this.Evt.detectKey.bind(this));
- Event.add(slc, 'change',
- this.Evt.onSlcChange.bind(this));
- Event.add(slc, 'focus', this.Evt.onSlcFocus.bind(this));
-
- //1st option is created here since dropdown.build isn't
- //invoked
- if(this.loadFltOnDemand){
- let opt0 = Dom.createOpt(this.displayAllText, '');
- slc.appendChild(opt0);
- }
- }
- // checklist
- else if(col===this.fltTypeCheckList){
- let checkList;
+ Mod.dropdown.init(i, this.isExternalFlt, fltcell);
+ }
+ // checklist
+ else if(col===this.fltTypeCheckList){
+ if(!Mod.checkList){
Mod.checkList = new CheckList(this);
- checkList = Mod.checkList;
-
- let divCont = Dom.create('div',
- ['id', checkList.prfxCheckListDiv+i+'_'+this.id],
- ['ct', i], ['filled', '0']);
- divCont.className = checkList.checkListDivCssClass;
-
- //filter is appended in desired element
- if(externalFltTgtId){
- Dom.id(externalFltTgtId).appendChild(divCont);
- this.externalFltEls.push(divCont);
- } else {
- fltcell.appendChild(divCont);
- }
-
- checkList.checkListDiv[i] = divCont;
- this.fltIds.push(this.prfxFlt+i+'_'+this.id);
- if(!this.loadFltOnDemand){
- checkList._build(i);
- }
-
- if(this.loadFltOnDemand){
- Event.add(divCont, 'click',
- this.Evt.onCheckListClick.bind(this));
- divCont.appendChild(
- Dom.text(checkList.activateCheckListTxt));
- }
}
+ Mod.checkList.init(i, this.isExternalFlt, fltcell);
+ } else {
+ this._buildInputFilter(i, inpclass, fltcell);
+ }
- else{
- //show/hide input
- let inptype = col===this.fltTypeInp ? 'text' : 'hidden';
- let inp = Dom.create(this.fltTypeInp,
- ['id',this.prfxFlt+i+'_'+this.id],
- ['type',inptype], ['ct',i]);
- if(inptype!=='hidden' && this.watermark){
- inp.setAttribute(
- 'placeholder',
- this.isWatermarkArray ?
- (this.watermark[i] || '') : this.watermark
- );
- }
- inp.className = inpclass;
- Event.add(inp, 'focus', this.Evt.onInpFocus.bind(this));
+ // this adds submit button
+ if(i==n-1 && this.displayBtn){
+ this._buildSubmitButton(i, fltcell);
+ }
- //filter is appended in desired element
- if(externalFltTgtId){
- Dom.id(externalFltTgtId).appendChild(inp);
- this.externalFltEls.push(inp);
- } else {
- fltcell.appendChild(inp);
- }
-
- this.fltIds.push(this.prfxFlt+i+'_'+this.id);
-
- Event.add(inp, 'keypress',
- this.Evt.detectKey.bind(this));
- Event.add(inp, 'keydown',
- this.Evt.onKeyDown.bind(this));
- Event.add(inp, 'keyup', this.Evt.onKeyUp.bind(this));
- Event.add(inp, 'blur', this.Evt.onInpBlur.bind(this));
-
- if(this.rememberGridValues){
- let flts_values = this.Mod.store.getFilterValues(
- this.fltsValuesCookie);
- if(flts_values[i]!=' '){
- this.setFilterValue(i, flts_values[i], false);
- }
- }
- }
- // this adds submit button
- if(i==n-1 && this.displayBtn){
- let btn = Dom.create(this.fltTypeInp,
- ['id', this.prfxValButton+i+'_'+this.id],
- ['type', 'button'], ['value', this.btnText]);
- btn.className = this.btnCssClass;
-
- //filter is appended in desired element
- if(externalFltTgtId){
- Dom.id(externalFltTgtId).appendChild(btn);
- } else{
- fltcell.appendChild(btn);
- }
-
- Event.add(btn, 'click', ()=> this.filter());
- }//if
-
- }// for i
-
- } else {
- this._resetGrid();
- }//if isFirstLoad
+ this.emitter.emit('after-filter-init', this, i);
+ }
}//if this.fltGrid
/* Features */
if(this.hasVisibleRows){
+ this.emitter.on(['after-filtering'], ()=> this.enforceVisibility());
this.enforceVisibility();
}
if(this.rowsCounter){
@@ -948,23 +681,19 @@ export class TableFilter{
Mod.statusBar = new StatusBar(this);
Mod.statusBar.init();
}
- if(this.paging || Mod.paging){
+ if(this.paging){
if(!Mod.paging){
Mod.paging = new Paging(this);
Mod.paging.init();
+ } else{
+ Mod.paging.reset();
}
- Mod.paging.reset();
}
if(this.btnReset){
Mod.clearButton = new ClearButton(this);
Mod.clearButton.init();
}
- if(this.help){
- if(!Mod.help){
- Mod.help = new Help(this);
- }
- Mod.help.init();
- }
+
if(this.hasColWidths && !this.gridLayout){
this.setColWidths();
}
@@ -979,7 +708,6 @@ export class TableFilter{
Mod.noResults.init();
}
- this.isFirstLoad = false;
this._hasGrid = true;
if(this.rememberGridValues || this.rememberPageLen ||
@@ -992,98 +720,134 @@ export class TableFilter{
Dom.addClass(this.tbl, this.prfxTf);
}
- if(this.loader){
- Mod.loader.show('none');
- }
-
/* Loads extensions */
if(this.hasExtensions){
this.initExtensions();
}
+ // Subscribe to events
+ if(this.markActiveColumns){
+ this.emitter.on(['before-filtering'],
+ ()=> this.clearActiveColumns());
+ this.emitter.on(['cell-processed'],
+ (tf, colIndex)=> this.markActiveColumn(colIndex));
+ }
+ if(this.linkedFilters){
+ this.emitter.on(['after-filtering'], ()=> this.linkFilters());
+ }
+
if(this.onFiltersLoaded){
this.onFiltersLoaded.call(null, this);
}
+
+ this.initialized = true;
+ this.emitter.emit('initialized', this);
}
/**
- * Manages state messages
- * @param {String} evt Event name
- * @param {Object} cfg Config object
+ * Insert filters row at initialization
*/
- EvtManager(evt,
- cfg={ slcIndex: null, slcExternal: false, slcId: null, pgIndex: null }){
- let slcIndex = cfg.slcIndex;
- let slcExternal = cfg.slcExternal;
- let slcId = cfg.slcId;
- let pgIndex = cfg.pgIndex;
- let cpt = this.Mod;
-
- function efx(){
- /*jshint validthis:true */
- let ev = this.Evt.name;
-
- switch(evt){
- case ev.filter:
- this._filter();
- break;
- case ev.dropdown:
- if(this.linkedFilters){
- cpt.dropdown._build(slcIndex, true);
- } else {
- cpt.dropdown._build(
- slcIndex, false, slcExternal, slcId);
- }
- break;
- case ev.checklist:
- cpt.checkList._build(slcIndex, slcExternal, slcId);
- break;
- case ev.changepage:
- cpt.paging._changePage(pgIndex);
- break;
- case ev.clear:
- this._clearFilters();
- this._filter();
- break;
- case ev.changeresultsperpage:
- cpt.paging._changeResultsPerPage();
- break;
- case ev.resetvalues:
- this._resetValues();
- this._filter();
- break;
- case ev.resetpage:
- cpt.paging._resetPage(this.pgNbCookie);
- break;
- case ev.resetpagelength:
- cpt.paging._resetPageLength(this.pgLenCookie);
- break;
- case ev.loadextensions:
- this._loadExtensions();
- break;
- case ev.loadthemes:
- this._loadThemes();
- break;
- }
- if(this.statusBar){
- cpt.statusBar.message('');
- }
- if(this.loader){
- cpt.loader.show('none');
- }
+ _insertFiltersRow() {
+ if(this.gridLayout){
+ return;
}
+ let fltrow;
- if(!this.loader && !this.statusBar && !this.linkedFilters) {
- efx.call(this);
+ let thead = Dom.tag(this.tbl, 'thead');
+ if(thead.length > 0){
+ fltrow = thead[0].insertRow(this.filtersRowIndex);
} else {
- if(this.loader){
- cpt.loader.show('');
- }
- if(this.statusBar){
- cpt.statusBar.message(this['msg'+evt]);
- }
- global.setTimeout(efx.bind(this), this.execDelay);
+ fltrow = this.tbl.insertRow(this.filtersRowIndex);
}
+
+ if(this.headersRow > 1 && this.filtersRowIndex <= this.headersRow){
+ this.headersRow++;
+ }
+
+ fltrow.className = this.fltsRowCssClass;
+
+ if(this.isExternalFlt){
+ fltrow.style.display = 'none';
+ }
+
+ this.emitter.emit('filters-row-inserted', this, fltrow);
+ return fltrow;
+ }
+
+ /**
+ * Initialize filtersless table
+ */
+ _initNoFilters(){
+ if(this.fltGrid){
+ return;
+ }
+ this.refRow = this.refRow > 0 ? this.refRow-1 : 0;
+ this.nbFilterableRows = this.getRowsNb();
+ this.nbVisibleRows = this.nbFilterableRows;
+ this.nbRows = this.nbFilterableRows + this.refRow;
+ }
+
+ /**
+ * Build input filter type
+ * @param {Number} colIndex Column index
+ * @param {String} cssClass Css class applied to filter
+ * @param {DOMElement} container Container DOM element
+ */
+ _buildInputFilter(colIndex, cssClass, container){
+ let col = this.getFilterType(colIndex);
+ let externalFltTgtId = this.isExternalFlt ?
+ this.externalFltTgtIds[colIndex] : null;
+ let inptype = col===this.fltTypeInp ? 'text' : 'hidden';
+ let inp = Dom.create(this.fltTypeInp,
+ ['id', this.prfxFlt+colIndex+'_'+this.id],
+ ['type', inptype], ['ct', colIndex]);
+
+ if(inptype !== 'hidden' && this.watermark){
+ inp.setAttribute('placeholder',
+ this.isWatermarkArray ? (this.watermark[colIndex] || '') :
+ this.watermark
+ );
+ }
+ inp.className = cssClass || this.fltCssClass;
+ Event.add(inp, 'focus', this.Evt.onInpFocus.bind(this));
+
+ //filter is appended in custom element
+ if(externalFltTgtId){
+ Dom.id(externalFltTgtId).appendChild(inp);
+ this.externalFltEls.push(inp);
+ } else {
+ container.appendChild(inp);
+ }
+
+ this.fltIds.push(inp.id);
+
+ Event.add(inp, 'keypress', this.Evt.detectKey.bind(this));
+ Event.add(inp, 'keydown', this.Evt.onKeyDown.bind(this));
+ Event.add(inp, 'keyup', this.Evt.onKeyUp.bind(this));
+ Event.add(inp, 'blur', this.Evt.onInpBlur.bind(this));
+ }
+
+ /**
+ * Build submit button
+ * @param {Number} colIndex Column index
+ * @param {DOMElement} container Container DOM element
+ */
+ _buildSubmitButton(colIndex, container){
+ let externalFltTgtId = this.isExternalFlt ?
+ this.externalFltTgtIds[colIndex] : null;
+ let btn = Dom.create(this.fltTypeInp,
+ ['id', this.prfxValButton+colIndex+'_'+this.id],
+ ['type', 'button'], ['value', this.btnText]);
+ btn.className = this.btnCssClass;
+
+ //filter is appended in custom element
+ if(externalFltTgtId){
+ Dom.id(externalFltTgtId).appendChild(btn);
+ } else{
+ container.appendChild(btn);
+ }
+
+ Event.add(btn, 'click', ()=> this.filter());
}
/**
@@ -1100,13 +864,17 @@ export class TableFilter{
*/
initExtensions(){
let exts = this.extensions;
+ // Set config's publicPath dynamically for Webpack...
+ __webpack_public_path__ = this.basePath;
+ this.emitter.emit('before-loading-extensions', this);
for(let i=0, len=exts.length; i<len; i++){
let ext = exts[i];
if(!this.ExtRegistry[ext.name]){
this.loadExtension(ext);
}
}
+ this.emitter.emit('after-loading-extensions', this);
}
/**
@@ -1129,9 +897,7 @@ export class TableFilter{
modulePath = 'extensions/{}/{}'.replace(/{}/g, name);
}
- // Trick to set config's publicPath dynamically for Webpack...
- __webpack_public_path__ = this.basePath;
-
+ // Require pattern for Webpack
require(['./' + modulePath], (mod)=> {
let inst = new mod.default(this, ext);
inst.init();
@@ -1173,15 +939,13 @@ export class TableFilter{
}
}
- loadThemes(){
- this.EvtManager(this.Evt.name.loadthemes);
- }
-
/**
* Load themes defined in the configuration object
*/
- _loadThemes(){
+ loadThemes(){
let themes = this.themes;
+ this.emitter.emit('before-loading-themes', this);
+
//Default theme config
if(this.enableDefaultTheme){
let defaultTheme = { name: 'default' };
@@ -1226,6 +990,8 @@ export class TableFilter{
this.loader = true;
this.loaderHtml = '<div class="defaultLoader"></div>';
this.loaderText = null;
+
+ this.emitter.emit('after-loading-themes', this);
}
/**
@@ -1244,9 +1010,8 @@ export class TableFilter{
return;
}
let rows = this.tbl.rows,
- Mod = this.Mod;
-
- this._clearFilters();
+ Mod = this.Mod,
+ emitter = this.emitter;
if(this.isExternalFlt && !this.popupFilters){
this.removeExternalFlts();
@@ -1254,46 +1019,50 @@ export class TableFilter{
if(this.infDiv){
this.removeToolbar();
}
- if(this.highlightKeywords){
- Mod.highlightKeyword.unhighlightAll();
- }
if(this.markActiveColumns){
this.clearActiveColumns();
+ emitter.off(['before-filtering'], ()=> this.clearActiveColumns());
+ emitter.off(['cell-processed'],
+ (tf, colIndex)=> this.markActiveColumn(colIndex));
}
if(this.hasExtensions){
this.destroyExtensions();
}
- for(let j=this.refRow; j<this.nbRows; j++){
- // validate row
- this.validateRow(j, true);
-
- //removes alternating colors
- if(this.alternateRows){
- Mod.alternateRows.removeRowBg(j);
- }
-
- }//for j
+ this.validateAllRows();
if(this.fltGrid && !this.gridLayout){
this.fltGridEl = rows[this.filtersRowIndex];
this.tbl.deleteRow(this.filtersRowIndex);
}
+ // broadcast destroy event
+ emitter.emit('destroy', this);
+
// Destroy modules
- Object.keys(Mod).forEach(function(key) {
+ // TODO: subcribe modules to destroy event instead
+ Object.keys(Mod).forEach(function(key){
var feature = Mod[key];
if(feature && Types.isFn(feature.destroy)){
feature.destroy();
}
});
+ // unsubscribe to events
+ if(this.hasVisibleRows){
+ emitter.off(['after-filtering'], ()=> this.enforceVisibility());
+ }
+ if(this.linkedFilters){
+ emitter.off(['after-filtering'], ()=> this.linkFilters());
+ }
+
Dom.removeClass(this.tbl, this.prfxTf);
this.nbHiddenRows = 0;
- this.validRowsIndex = null;
+ this.validRowsIndex = [];
+ this.fltIds = [];
this.activeFlt = null;
this._hasGrid = false;
- this.tbl = null;
+ this.initialized = false;
}
/**
@@ -1345,14 +1114,9 @@ export class TableFilter{
infdiv.appendChild(mdiv);
this.mDiv = Dom.id(this.prfxMDiv+this.id);
- // Enable help instructions by default if topbar is generated and not
- // explicitely set to false
+ // emit help initialisation only if undefined
if(Types.isUndef(this.help)){
- if(!this.Mod.help){
- this.Mod.help = new Help(this);
- }
- this.Mod.help.init();
- this.help = true;
+ this.emitter.emit('init-help', this);
}
}
@@ -1369,9 +1133,7 @@ export class TableFilter{
let tbl = this.tbl;
let captions = Dom.tag(tbl, 'caption');
if(captions.length > 0){
- [].forEach.call(captions, function(elm) {
- tbl.removeChild(elm);
- });
+ [].forEach.call(captions, (elm)=> tbl.removeChild(elm));
}
}
@@ -1379,7 +1141,7 @@ export class TableFilter{
* Remove all the external column filters
*/
removeExternalFlts(){
- if(!this.isExternalFlt || !this.externalFltTgtIds){
+ if(!this.isExternalFlt){
return;
}
let ids = this.externalFltTgtIds,
@@ -1437,149 +1199,42 @@ export class TableFilter{
return [optArray, optTxt];
}
- resetValues(){
- this.EvtManager(this.Evt.name.resetvalues);
- }
-
/**
* Reset persisted filter values
*/
- _resetValues(){
- //only loadFltOnDemand
- if(this.rememberGridValues && this.loadFltOnDemand){
- this._resetGridValues(this.fltsValuesCookie);
- }
- if(this.rememberPageLen && this.Mod.paging){
- this.Mod.paging.resetPageLength(this.pgLenCookie);
- }
- if(this.rememberPageNb && this.Mod.paging){
- this.Mod.paging.resetPage(this.pgNbCookie);
- }
- }
-
- /**
- * Reset persisted filter values when load filters on demand feature is
- * enabled
- * @param {String} name cookie name storing filter values
- */
- _resetGridValues(name){
- if(!this.loadFltOnDemand){
+ resetValues(){
+ if(!this.rememberGridValues){
return;
}
- let fltsValues = this.Mod.store.getFilterValues(name),
- slcFltsIndex = this.getFiltersByType(this.fltTypeSlc, true),
- multiFltsIndex = this.getFiltersByType(this.fltTypeMulti, true);
- //if the number of columns is the same as before page reload
- if(Number(fltsValues[(fltsValues.length-1)]) === this.fltIds.length){
- for(let i=0; i<(fltsValues.length - 1); i++){
- if(fltsValues[i]===' '){
- continue;
- }
- let s, opt;
- let fltType = this.getFilterType(i);
- // if loadFltOnDemand, drop-down needs to contain stored
- // value(s) for filtering
- if(fltType===this.fltTypeSlc || fltType===this.fltTypeMulti){
- let slc = Dom.id( this.fltIds[i] );
- slc.options[0].selected = false;
-
- //selects
- if(slcFltsIndex.indexOf(i) != -1){
- opt = Dom.createOpt(fltsValues[i],fltsValues[i],true);
- slc.appendChild(opt);
- this.hasStoredValues = true;
- }
- //multiple select
- if(multiFltsIndex.indexOf(i) != -1){
- s = fltsValues[i].split(' '+this.orOperator+' ');
- for(let j=0, len=s.length; j<len; j++){
- if(s[j]===''){
- continue;
- }
- opt = Dom.createOpt(s[j],s[j],true);
- slc.appendChild(opt);
- this.hasStoredValues = true;
- }
- }// if multiFltsIndex
- }
- else if(fltType===this.fltTypeCheckList){
- let checkList = this.Mod.checkList;
- let divChk = checkList.checkListDiv[i];
- divChk.title = divChk.innerHTML;
- divChk.innerHTML = '';
-
- let ul = Dom.create(
- 'ul',['id',this.fltIds[i]],['colIndex',i]);
- ul.className = checkList.checkListCssClass;
-
- let li0 = Dom.createCheckItem(
- this.fltIds[i]+'_0', '', this.displayAllText);
- li0.className = checkList.checkListItemCssClass;
- ul.appendChild(li0);
-
- divChk.appendChild(ul);
-
- s = fltsValues[i].split(' '+this.orOperator+' ');
- for(let j=0, len=s.length; j<len; j++){
- if(s[j]===''){
- continue;
- }
- let li = Dom.createCheckItem(
- this.fltIds[i]+'_'+(j+1), s[j], s[j]);
- li.className = checkList.checkListItemCssClass;
- ul.appendChild(li);
- li.check.checked = true;
- checkList.setCheckListValues(li.check);
- this.hasStoredValues = true;
- }
- }
- }//end for
-
- if(!this.hasStoredValues && this.paging){
- this.Mod.paging.setPagingInfo();
+ let fltValues = this.Mod.store.getFilterValues(this.fltsValuesCookie);
+ fltValues.forEach((val, idx)=> {
+ if(val !== ' '){
+ this.setFilterValue(idx, val);
}
- }//end if
- }
-
- filter(){
- this.EvtManager(this.Evt.name.filter);
+ });
+ this.filter();
}
/**
* Filter the table by retrieving the data from each cell in every single
* row and comparing it to the search term for current column. A row is
* hidden when all the search terms are not found in inspected row.
- *
- * TODO: Reduce complexity of this massive method
*/
- _filter(){
- if(!this.fltGrid || (!this._hasGrid && !this.isFirstLoad)){
+ filter(){
+ if(!this.fltGrid || !this._hasGrid){
return;
}
//invoke onbefore callback
if(this.onBeforeFilter){
this.onBeforeFilter.call(null, this);
}
+ this.emitter.emit('before-filtering', this);
let row = this.tbl.rows,
- Mod = this.Mod,
hiddenrows = 0;
this.validRowsIndex = [];
-
- // removes keyword highlighting
- if(this.highlightKeywords){
- Mod.highlightKeyword.unhighlightAll();
- }
- //removes popup filters active icons
- if(this.popupFilters){
- Mod.popupFilter.buildIcons();
- }
- //removes active column header class
- if(this.markActiveColumns){
- this.clearActiveColumns();
- }
// search args re-init
this.searchArgs = this.getFiltersValue();
@@ -1613,8 +1268,7 @@ export class TableFilter{
w = Dom.getText(cell);
}
if(w !== ''){
- Mod.highlightKeyword.highlight(
- cell, w, Mod.highlightKeyword.highlightCssClass);
+ this.emitter.emit('highlight-keyword', this, cell, w);
}
}
}
@@ -1622,6 +1276,8 @@ export class TableFilter{
//looks for search argument in current row
function hasArg(sA, cellData, j){
/*jshint validthis:true */
+ sA = Str.matchCase(sA, this.caseSensitive);
+
let occurence,
removeNbFormat = Helpers.removeNbFormat;
@@ -1805,10 +1461,8 @@ export class TableFilter{
}//fn
for(let k=this.refRow; k<this.nbRows; k++){
- /*** if table already filtered some rows are not visible ***/
- if(row[k].style.display === 'none'){
- row[k].style.display = '';
- }
+ // already filtered rows display re-init
+ row[k].style.display = '';
let cell = row[k].cells,
nchilds = cell.length;
@@ -1829,6 +1483,7 @@ export class TableFilter{
let sA = this.searchArgs[this.singleSearchFlt ? 0 : j];
var dtType = this.hasColDateType ?
this.colDateType[j] : this.defaultDateType;
+
if(sA === ''){
continue;
}
@@ -1837,31 +1492,39 @@ export class TableFilter{
this.caseSensitive);
//multiple search parameter operator ||
- let sAOrSplit = sA.split(this.orOperator),
+ let sAOrSplit = sA.toString().split(this.orOperator),
//multiple search || parameter boolean
- hasMultiOrSA = (sAOrSplit.length>1) ? true : false,
+ hasMultiOrSA = sAOrSplit.length > 1,
//multiple search parameter operator &&
- sAAndSplit = sA.split(this.anOperator),
+ sAAndSplit = sA.toString().split(this.anOperator),
//multiple search && parameter boolean
- hasMultiAndSA = sAAndSplit.length>1 ? true : false;
+ hasMultiAndSA = sAAndSplit.length > 1;
- //multiple sarch parameters
- if(hasMultiOrSA || hasMultiAndSA){
+ //detect operators or array query
+ if(Types.isArray(sA) || hasMultiOrSA || hasMultiAndSA){
let cS,
- occur = false,
+ s,
+ occur = false;
+ if(Types.isArray(sA)){
+ s = sA;
+ } else {
s = hasMultiOrSA ? sAOrSplit : sAAndSplit;
+ }
+ // TODO: improve clarity/readability of this block
for(let w=0, len=s.length; w<len; w++){
cS = Str.trim(s[w]);
occur = hasArg.call(this, cS, cellData, j);
highlight.call(this, cS, occur, cell[j]);
- if(hasMultiOrSA && occur){
+ if((hasMultiOrSA && occur) ||
+ (hasMultiAndSA && !occur)){
break;
}
- if(hasMultiAndSA && !occur){
+ if(Types.isArray(sA) && occur){
break;
}
}
occurence[j] = occur;
+
}
//single search parameter
else {
@@ -1875,22 +1538,8 @@ export class TableFilter{
if(this.singleSearchFlt && occurence[j]){
singleFltRowValid = true;
}
- if(this.popupFilters){
- Mod.popupFilter.buildIcon(j, true);
- }
- if(this.markActiveColumns){
- if(k === this.refRow){
- if(this.onBeforeActiveColumn){
- this.onBeforeActiveColumn.call(null, this, j);
- }
- Dom.addClass(
- this.getHeaderElement(j),
- this.activeColumnsCssClass);
- if(this.onAfterActiveColumn){
- this.onAfterActiveColumn.call(null, this, j);
- }
- }
- }
+
+ this.emitter.emit('cell-processed', this, j, cell[j]);
}//for j
if(this.singleSearchFlt && singleFltRowValid){
@@ -1899,90 +1548,28 @@ export class TableFilter{
if(!isRowValid){
this.validateRow(k, false);
- if(Mod.alternateRows){
- Mod.alternateRows.removeRowBg(k);
- }
- // always visible rows need to be counted as valid
- if(this.hasVisibleRows && this.visibleRows.indexOf(k) !== -1){
- this.validRowsIndex.push(k);
- } else {
- hiddenrows++;
- }
+ hiddenrows++;
} else {
this.validateRow(k, true);
- this.validRowsIndex.push(k);
- if(this.alternateRows){
- Mod.alternateRows.setRowBg(k, this.validRowsIndex.length);
- }
- if(this.onRowValidated){
- this.onRowValidated.call(null, this, k);
- }
}
+
+ this.emitter.emit('row-processed', this, k,
+ this.validRowsIndex.length, isRowValid);
}// for k
this.nbVisibleRows = this.validRowsIndex.length;
this.nbHiddenRows = hiddenrows;
- if(this.rememberGridValues){
- Mod.store.saveFilterValues(this.fltsValuesCookie);
- }
- //applies filter props after filtering process
- if(!this.paging){
- this.applyProps();
- } else {
- // Shouldn't need to care of that here...
- // TODO: provide a method in paging module
- Mod.paging.startPagingRow = 0;
- Mod.paging.currentPageNb = 1;
- Mod.paging.setPagingInfo(this.validRowsIndex);
- }
- //invokes onafter callback
+ //invokes onafterfilter callback
if(this.onAfterFilter){
- this.onAfterFilter.call(null,this);
+ this.onAfterFilter.call(null, this);
}
+
+ this.emitter.emit('after-filtering', this);
}
/**
- * Re-apply the features/behaviour concerned by filtering/paging operation
- *
- * NOTE: this will disappear whenever custom events in place
- */
- applyProps(){
- let Mod = this.Mod;
-
- //shows rows always visible
- if(this.hasVisibleRows){
- this.enforceVisibility();
- }
- //columns operations
- if(this.hasExtension('colOps')){
- this.extension('colOps').calc();
- }
-
- //re-populates drop-down filters
- if(this.linkedFilters){
- this.linkFilters();
- }
-
- if(this.rowsCounter){
- Mod.rowsCounter.refresh(this.nbVisibleRows);
- }
-
- if(this.popupFilters){
- Mod.popupFilter.closeAll();
- }
-
- if(this.noResults){
- if(this.nbVisibleRows > 0){
- Mod.noResults.hide();
- } else {
- Mod.noResults.show();
- }
- }
- }
-
- /**
- * Return the data of a specified colum
+ * Return the data of a specified column
* @param {Number} colIndex Column index
* @param {Boolean} includeHeaders Optional: include headers row
* @param {Boolean} num Optional: return unformatted number
@@ -2038,7 +1625,8 @@ export class TableFilter{
if(!this.fltGrid){
return;
}
- let fltValue,
+ let fltValue = '',
+ fltValues = [],
flt = this.getFilterElement(index);
if(!flt){
return '';
@@ -2051,27 +1639,32 @@ export class TableFilter{
}
//mutiple select
else if(fltColType === this.fltTypeMulti){
- fltValue = '';
+ // TODO: extract a method in dropdown module from below
for(let j=0, len=flt.options.length; j<len; j++){
if(flt.options[j].selected){
- fltValue = fltValue.concat(
- flt.options[j].value+' ' +
- this.orOperator + ' '
- );
+ fltValues.push(flt.options[j].value);
}
}
- //removes last operator ||
- fltValue = fltValue.substr(0, fltValue.length-4);
+ //return empty string if collection is empty
+ fltValue = fltValues.length > 0 ? fltValues : '';
}
//checklist
else if(fltColType === this.fltTypeCheckList){
+ // TODO: extract a method in checklist module from below
if(flt.getAttribute('value') !== null){
- fltValue = flt.getAttribute('value');
+ fltValues = flt.getAttribute('value');
//removes last operator ||
- fltValue = fltValue.substr(0, fltValue.length-3);
- } else{
- fltValue = '';
+ fltValues = fltValues.substr(0, fltValues.length-3);
+ //convert || separated values into array
+ fltValues = fltValues.split(' ' + this.orOperator + ' ');
}
+ //return empty string if collection is empty
+ fltValue = fltValues.length > 0 ? fltValues : '';
+ }
+ //return an empty string if collection contains a single empty string
+ if(Types.isArray(fltValue) && fltValue.length === 1 &&
+ fltValue[0] === ''){
+ fltValue = '';
}
return fltValue;
}
@@ -2086,10 +1679,12 @@ export class TableFilter{
}
let searchArgs = [];
for(let i=0, len=this.fltIds.length; i<len; i++){
- searchArgs.push(
- Str.trim(
- Str.matchCase(this.getFilterValue(i), this.caseSensitive))
- );
+ let fltValue = this.getFilterValue(i);
+ if(Types.isArray(fltValue)){
+ searchArgs.push(fltValue);
+ } else {
+ searchArgs.push(Str.trim(fltValue));
+ }
}
return searchArgs;
}
@@ -2169,7 +1764,7 @@ export class TableFilter{
* @return {String}
*/
getCellData(cell){
- var idx = cell.cellIndex;
+ let idx = cell.cellIndex;
//Check for customCellData callback
if(this.customCellData && this.customCellDataCols.indexOf(idx) != -1){
return this.customCellData.call(null, this, cell, idx);
@@ -2318,6 +1913,18 @@ export class TableFilter{
if(this.paging){
row.setAttribute('validRow', validFlag);
}
+
+ if(isValid){
+ if(this.validRowsIndex.indexOf(rowIndex) === -1){
+ this.validRowsIndex.push(rowIndex);
+ }
+
+ if(this.onRowValidated){
+ this.onRowValidated.call(null, this, rowIndex);
+ }
+
+ this.emitter.emit('row-validated', this, rowIndex);
+ }
}
/**
@@ -2330,18 +1937,16 @@ export class TableFilter{
this.validRowsIndex = [];
for(let k=this.refRow; k<this.nbFilterableRows; k++){
this.validateRow(k, true);
- this.validRowsIndex.push(k);
}
}
/**
* Set search value to a given filter
* @param {Number} index Column's index
- * @param {String} searcharg Search term
+ * @param {String or Array} searcharg Search term
*/
- setFilterValue(index, searcharg=''){
- if((!this.fltGrid && !this.isFirstLoad) ||
- !this.getFilterElement(index)){
+ setFilterValue(index, query=''){
+ if(!this.fltGrid){
return;
}
let slc = this.getFilterElement(index),
@@ -2349,50 +1954,39 @@ export class TableFilter{
if(fltColType !== this.fltTypeMulti &&
fltColType != this.fltTypeCheckList){
- slc.value = searcharg;
+ if(this.loadFltOnDemand && !this.initialized){
+ this.emitter.emit('build-select-filter', this, index,
+ this.linkedFilters, this.isExternalFlt);
+ }
+ slc.value = query;
}
//multiple selects
else if(fltColType === this.fltTypeMulti){
- let s = searcharg.split(' '+this.orOperator+' ');
- // let ct = 0; //keywords counter
- for(let j=0, len=slc.options.length; j<len; j++){
- let option = slc.options[j];
- if(s==='' || s[0]===''){
- option.selected = false;
- }
- if(option.value===''){
- option.selected = false;
- }
- if(option.value!=='' &&
- Arr.has(s, option.value, true)){
- option.selected = true;
- }//if
- }//for j
+ let values = Types.isArray(query) ? query :
+ query.split(' '+this.orOperator+' ');
+
+ if(this.loadFltOnDemand && !this.initialized){
+ this.emitter.emit('build-select-filter', this, index,
+ this.linkedFilters, this.isExternalFlt);
+ }
+
+ this.emitter.emit('select-options', this, index, values);
}
//checklist
else if(fltColType === this.fltTypeCheckList){
- searcharg = Str.matchCase(searcharg, this.caseSensitive);
- let sarg = searcharg.split(' '+this.orOperator+' ');
- let lisNb = Dom.tag(slc,'li').length;
-
- slc.setAttribute('value', '');
- slc.setAttribute('indexes', '');
-
- for(let k=0; k<lisNb; k++){
- let li = Dom.tag(slc,'li')[k],
- lbl = Dom.tag(li,'label')[0],
- chk = Dom.tag(li,'input')[0],
- lblTxt = Str.matchCase(
- Dom.getText(lbl), this.caseSensitive);
- if(lblTxt !== '' && Arr.has(sarg, lblTxt, true)){
- chk.checked = true;
- this.Mod.checkList.setCheckListValues(chk);
- }
- else{
- chk.checked = false;
- this.Mod.checkList.setCheckListValues(chk);
- }
+ let values = [];
+ if(this.loadFltOnDemand && !this.initialized){
+ this.emitter.emit('build-checklist-filter', this, index,
+ this.isExternalFlt);
}
+ if(Types.isArray(query)){
+ values = query;
+ } else {
+ query = Str.matchCase(query, this.caseSensitive);
+ values = query.split(' '+this.orOperator+' ');
+ }
+
+ this.emitter.emit('select-checklist-options', this, index, values);
}
}
@@ -2402,12 +1996,12 @@ export class TableFilter{
* @param {Element} tbl DOM element
*/
setColWidths(rowIndex, tbl){
- if(!this.fltGrid || !this.hasColWidths){
+ if(!this.hasColWidths){
return;
}
tbl = tbl || this.tbl;
let rIndex;
- if(rowIndex===undefined){
+ if(rowIndex === undefined){
rIndex = tbl.rows[0].style.display!='none' ? 0 : 1;
} else{
rIndex = rowIndex;
@@ -2454,29 +2048,30 @@ export class TableFilter{
}
}
- clearFilters(){
- this.EvtManager(this.Evt.name.clear);
- }
-
/**
* Clear all the filters' values
*/
- _clearFilters(){
+ clearFilters(){
if(!this.fltGrid){
return;
}
+
+ this.emitter.emit('before-clearing-filters', this);
+
if(this.onBeforeReset){
this.onBeforeReset.call(null, this, this.getFiltersValue());
}
for(let i=0, len=this.fltIds.length; i<len; i++){
this.setFilterValue(i, '');
}
- if(this.linkedFilters){
- this.linkFilters();
- }
- if(this.rememberPageLen){ Cookie.remove(this.pgLenCookie); }
- if(this.rememberPageNb){ Cookie.remove(this.pgNbCookie); }
+ // if(this.linkedFilters){
+ // this.linkFilters();
+ // }
+
+ this.filter();
+
if(this.onAfterReset){ this.onAfterReset.call(null, this); }
+ this.emitter.emit('after-clearing-filters', this);
}
/**
@@ -2489,12 +2084,30 @@ export class TableFilter{
}
}
+ /**
+ * Mark currently filtered column
+ * @param {Number} colIndex Column index
+ */
+ markActiveColumn(colIndex){
+ let header = this.getHeaderElement(colIndex);
+ if(Dom.hasClass(header, this.activeColumnsCssClass)){
+ return;
+ }
+ if(this.onBeforeActiveColumn){
+ this.onBeforeActiveColumn.call(null, this, colIndex);
+ }
+ Dom.addClass(header, this.activeColumnsCssClass);
+ if(this.onAfterActiveColumn){
+ this.onAfterActiveColumn.call(null, this, colIndex);
+ }
+ }
+
/**
* Refresh the filters subject to linking ('select', 'multiple',
* 'checklist' type)
*/
linkFilters(){
- if(!this.activeFilterId){
+ if(!this.linkedFilters || !this.activeFilterId){
return;
}
let slcA1 = this.getFiltersByType(this.fltTypeSlc, true),
@@ -2534,9 +2147,11 @@ export class TableFilter{
}
if(slcA3.indexOf(slcIndex[i]) != -1){
- this.Mod.checkList._build(slcIndex[i]);
+ this.emitter.emit('build-checklist-filter', this,
+ slcIndex[i], this.isExternalFlt);
} else {
- this.Mod.dropdown._build(slcIndex[i], true);
+ this.emitter.emit('build-select-filter', this, slcIndex[i],
+ true, this.isExternalFlt);
}
this.setFilterValue(slcIndex[i], slcSelectedValue);
@@ -2544,74 +2159,6 @@ export class TableFilter{
}// for i
}
- /**
- * Re-generate the filters grid bar when previously removed
- */
- _resetGrid(){
- if(this.isFirstLoad){
- return;
- }
-
- let Mod = this.Mod;
- let tbl = this.tbl;
- let rows = tbl.rows;
- let filtersRowIndex = this.filtersRowIndex;
- let filtersRow = rows[filtersRowIndex];
-
- // grid was removed, grid row element is stored in fltGridEl property
- if(!this.gridLayout){
- // If table has a thead ensure the filters row is appended in the
- // thead element
- if(tbl.tHead){
- var tempRow = tbl.tHead.insertRow(this.filtersRowIndex);
- tbl.tHead.replaceChild(this.fltGridEl, tempRow);
- } else {
- filtersRow.parentNode.insertBefore(this.fltGridEl, filtersRow);
- }
- }
-
- // filters are appended in external placeholders elements
- if(this.isExternalFlt){
- let externalFltTgtIds = this.externalFltTgtIds;
- for(let ct=0, len=externalFltTgtIds.length; ct<len; ct++){
- let extFlt = Dom.id(externalFltTgtIds[ct]);
-
- if(!extFlt){ continue; }
-
- let externalFltEl = this.externalFltEls[ct];
- extFlt.appendChild(externalFltEl);
- let colFltType = this.getFilterType(ct);
- //IE special treatment for gridLayout, appended filters are
- //empty
- if(this.gridLayout &&
- externalFltEl.innerHTML === '' &&
- colFltType !== this.fltTypeInp){
- if(colFltType === this.fltTypeSlc ||
- colFltType === this.fltTypeMulti){
- Mod.dropdown.build(ct);
- }
- if(colFltType === this.fltTypeCheckList){
- Mod.checkList.build(ct);
- }
- }
- }
- }
-
- this.nbFilterableRows = this.getRowsNb();
- this.nbVisibleRows = this.nbFilterableRows;
- this.nbRows = rows.length;
-
- if(this.popupFilters){
- this.headersRow++;
- Mod.popupFilter.reset();
- }
-
- if(!this.gridLayout){
- Dom.addClass(this.tbl, this.prfxTf);
- }
- this._hasGrid = true;
- }
-
/**
* Determines if passed filter column implements exact query match
* @param {Number} colIndex [description]
diff --git a/docs/file/src/types.js.html b/docs/file/src/types.js.html
index 01b2fe0d..095118c8 100644
--- a/docs/file/src/types.js.html
+++ b/docs/file/src/types.js.html
@@ -3,7 +3,7 @@
src/types.js | tablefilter v0.0.23 API Document
+ src/types.js | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout Index | tablefilter v0.0.23 API Document
+ Index | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout
+
+
+
+
+
+
+
+
+
+
+ public
+
+
+
diff --git a/docs/index.html b/docs/index.html
index cde6584e..e449ec3e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,7 +3,7 @@
tablefilter v0.0.23 API Document
+ tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout npm install tablefilter --saveor get the future features from the next release channel:npm install tablefilter@next --save
Setup
Copy the tablefilter directory under dist and place it at desired location in your project. Then include the main js file in your page:
diff --git a/docs/script/search_index.js b/docs/script/search_index.js
index a265b4e6..6f089c59 100644
--- a/docs/script/search_index.js
+++ b/docs/script/search_index.js
@@ -47,6 +47,12 @@ window.esdocSearchIndex = [
"Dropdown tablefilter/src/modules/dropdown.js ",
"class"
],
+ [
+ "tablefilter/src/emitter.js~emitter",
+ "class/src/emitter.js~Emitter.html",
+ "Emitter tablefilter/src/emitter.js ",
+ "class"
+ ],
[
"tablefilter/src/modules/feature.js~feature",
"class/src/modules/feature.js~Feature.html",
@@ -473,6 +479,42 @@ window.esdocSearchIndex = [
"src/dom.js",
"file"
],
+ [
+ "src/emitter.js",
+ "file/src/emitter.js.html",
+ "src/emitter.js",
+ "file"
+ ],
+ [
+ "src/emitter.js~emitter#constructor",
+ "class/src/emitter.js~Emitter.html#instance-constructor-constructor",
+ "src/emitter.js~Emitter#constructor",
+ "method"
+ ],
+ [
+ "src/emitter.js~emitter#emit",
+ "class/src/emitter.js~Emitter.html#instance-method-emit",
+ "src/emitter.js~Emitter#emit",
+ "method"
+ ],
+ [
+ "src/emitter.js~emitter#events",
+ "class/src/emitter.js~Emitter.html#instance-member-events",
+ "src/emitter.js~Emitter#events",
+ "member"
+ ],
+ [
+ "src/emitter.js~emitter#off",
+ "class/src/emitter.js~Emitter.html#instance-method-off",
+ "src/emitter.js~Emitter#off",
+ "method"
+ ],
+ [
+ "src/emitter.js~emitter#on",
+ "class/src/emitter.js~Emitter.html#instance-method-on",
+ "src/emitter.js~Emitter#on",
+ "method"
+ ],
[
"src/event.js",
"file/src/event.js.html",
@@ -509,6 +551,12 @@ window.esdocSearchIndex = [
"src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#destroy",
"method"
],
+ [
+ "src/extensions/advancedgrid/adapterezedittable.js~adapterezedittable#emitter",
+ "class/src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable.html#instance-member-emitter",
+ "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#emitter",
+ "member"
+ ],
[
"src/extensions/advancedgrid/adapterezedittable.js~adapterezedittable#err",
"class/src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable.html#instance-member-err",
@@ -563,6 +611,12 @@ window.esdocSearchIndex = [
"src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#tf",
"member"
],
+ [
+ "src/extensions/advancedgrid/adapterezedittable.js~adapterezedittable#toggle",
+ "class/src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable.html#instance-method-toggle",
+ "src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable#toggle",
+ "method"
+ ],
[
"src/extensions/advancedgrid/adapterezedittable.js~adapterezedittable#vendorpath",
"class/src/extensions/advancedGrid/adapterEzEditTable.js~AdapterEzEditTable.html#instance-member-vendorPath",
@@ -1217,6 +1271,12 @@ window.esdocSearchIndex = [
"src/extensions/sort/adapterSortabletable.js~AdapterSortableTable#destroy",
"method"
],
+ [
+ "src/extensions/sort/adaptersortabletable.js~adaptersortabletable#emitter",
+ "class/src/extensions/sort/adapterSortabletable.js~AdapterSortableTable.html#instance-member-emitter",
+ "src/extensions/sort/adapterSortabletable.js~AdapterSortableTable#emitter",
+ "member"
+ ],
[
"src/extensions/sort/adaptersortabletable.js~adaptersortabletable#imgascclassname",
"class/src/extensions/sort/adapterSortabletable.js~AdapterSortableTable.html#instance-member-imgAscClassName",
@@ -1391,6 +1451,18 @@ window.esdocSearchIndex = [
"src/modules/alternateRows.js~AlternateRows#oddCss",
"member"
],
+ [
+ "src/modules/alternaterows.js~alternaterows#processall",
+ "class/src/modules/alternateRows.js~AlternateRows.html#instance-method-processAll",
+ "src/modules/alternateRows.js~AlternateRows#processAll",
+ "method"
+ ],
+ [
+ "src/modules/alternaterows.js~alternaterows#processrow",
+ "class/src/modules/alternateRows.js~AlternateRows.html#instance-method-processRow",
+ "src/modules/alternateRows.js~AlternateRows#processRow",
+ "method"
+ ],
[
"src/modules/alternaterows.js~alternaterows#removerowbg",
"class/src/modules/alternateRows.js~AlternateRows.html#instance-method-removeRowBg",
@@ -1475,6 +1547,12 @@ window.esdocSearchIndex = [
"src/modules/checkList.js~CheckList#constructor",
"method"
],
+ [
+ "src/modules/checklist.js~checklist#destroy",
+ "class/src/modules/checkList.js~CheckList.html#instance-method-destroy",
+ "src/modules/checkList.js~CheckList#destroy",
+ "method"
+ ],
[
"src/modules/checklist.js~checklist#enablechecklistresetfilter",
"class/src/modules/checkList.js~CheckList.html#instance-member-enableCheckListResetFilter",
@@ -1487,6 +1565,18 @@ window.esdocSearchIndex = [
"src/modules/checkList.js~CheckList#excludedOpts",
"member"
],
+ [
+ "src/modules/checklist.js~checklist#init",
+ "class/src/modules/checkList.js~CheckList.html#instance-method-init",
+ "src/modules/checkList.js~CheckList#init",
+ "method"
+ ],
+ [
+ "src/modules/checklist.js~checklist#initialized",
+ "class/src/modules/checkList.js~CheckList.html#instance-member-initialized",
+ "src/modules/checkList.js~CheckList#initialized",
+ "member"
+ ],
[
"src/modules/checklist.js~checklist#iscustom",
"class/src/modules/checkList.js~CheckList.html#instance-member-isCustom",
@@ -1499,6 +1589,12 @@ window.esdocSearchIndex = [
"src/modules/checkList.js~CheckList#onChange",
"method"
],
+ [
+ "src/modules/checklist.js~checklist#onchecklistclick",
+ "class/src/modules/checkList.js~CheckList.html#instance-method-onCheckListClick",
+ "src/modules/checkList.js~CheckList#onCheckListClick",
+ "method"
+ ],
[
"src/modules/checklist.js~checklist#optionclick",
"class/src/modules/checkList.js~CheckList.html#instance-method-optionClick",
@@ -1523,18 +1619,18 @@ window.esdocSearchIndex = [
"src/modules/checkList.js~CheckList#prfxCheckListDiv",
"member"
],
+ [
+ "src/modules/checklist.js~checklist#selectoptions",
+ "class/src/modules/checkList.js~CheckList.html#instance-method-selectOptions",
+ "src/modules/checkList.js~CheckList#selectOptions",
+ "method"
+ ],
[
"src/modules/checklist.js~checklist#setchecklistvalues",
"class/src/modules/checkList.js~CheckList.html#instance-method-setCheckListValues",
"src/modules/checkList.js~CheckList#setCheckListValues",
"method"
],
- [
- "src/modules/checklist.js~checklist#tf",
- "class/src/modules/checkList.js~CheckList.html#instance-member-tf",
- "src/modules/checkList.js~CheckList#tf",
- "member"
- ],
[
"src/modules/clearbutton.js",
"file/src/modules/clearButton.js.html",
@@ -1643,12 +1739,30 @@ window.esdocSearchIndex = [
"src/modules/dropdown.js~Dropdown#constructor",
"method"
],
+ [
+ "src/modules/dropdown.js~dropdown#destroy",
+ "class/src/modules/dropdown.js~Dropdown.html#instance-method-destroy",
+ "src/modules/dropdown.js~Dropdown#destroy",
+ "method"
+ ],
[
"src/modules/dropdown.js~dropdown#enableslcresetfilter",
"class/src/modules/dropdown.js~Dropdown.html#instance-member-enableSlcResetFilter",
"src/modules/dropdown.js~Dropdown#enableSlcResetFilter",
"member"
],
+ [
+ "src/modules/dropdown.js~dropdown#init",
+ "class/src/modules/dropdown.js~Dropdown.html#instance-method-init",
+ "src/modules/dropdown.js~Dropdown#init",
+ "method"
+ ],
+ [
+ "src/modules/dropdown.js~dropdown#initialized",
+ "class/src/modules/dropdown.js~Dropdown.html#instance-member-initialized",
+ "src/modules/dropdown.js~Dropdown#initialized",
+ "member"
+ ],
[
"src/modules/dropdown.js~dropdown#iscustom",
"class/src/modules/dropdown.js~Dropdown.html#instance-member-isCustom",
@@ -1667,6 +1781,18 @@ window.esdocSearchIndex = [
"src/modules/dropdown.js~Dropdown#nonEmptyText",
"member"
],
+ [
+ "src/modules/dropdown.js~dropdown#onslcchange",
+ "class/src/modules/dropdown.js~Dropdown.html#instance-method-onSlcChange",
+ "src/modules/dropdown.js~Dropdown#onSlcChange",
+ "method"
+ ],
+ [
+ "src/modules/dropdown.js~dropdown#onslcfocus",
+ "class/src/modules/dropdown.js~Dropdown.html#instance-method-onSlcFocus",
+ "src/modules/dropdown.js~Dropdown#onSlcFocus",
+ "method"
+ ],
[
"src/modules/dropdown.js~dropdown#opts",
"class/src/modules/dropdown.js~Dropdown.html#instance-member-opts",
@@ -1679,6 +1805,12 @@ window.esdocSearchIndex = [
"src/modules/dropdown.js~Dropdown#optsTxt",
"member"
],
+ [
+ "src/modules/dropdown.js~dropdown#selectoptions",
+ "class/src/modules/dropdown.js~Dropdown.html#instance-method-selectOptions",
+ "src/modules/dropdown.js~Dropdown#selectOptions",
+ "method"
+ ],
[
"src/modules/dropdown.js~dropdown#slcfillingmethod",
"class/src/modules/dropdown.js~Dropdown.html#instance-member-slcFillingMethod",
@@ -1691,12 +1823,6 @@ window.esdocSearchIndex = [
"src/modules/dropdown.js~Dropdown#slcInnerHtml",
"member"
],
- [
- "src/modules/dropdown.js~dropdown#tf",
- "class/src/modules/dropdown.js~Dropdown.html#instance-member-tf",
- "src/modules/dropdown.js~Dropdown#tf",
- "member"
- ],
[
"src/modules/feature.js",
"file/src/modules/feature.js.html",
@@ -1727,6 +1853,12 @@ window.esdocSearchIndex = [
"src/modules/feature.js~Feature#disable",
"method"
],
+ [
+ "src/modules/feature.js~feature#emitter",
+ "class/src/modules/feature.js~Feature.html#instance-member-emitter",
+ "src/modules/feature.js~Feature#emitter",
+ "member"
+ ],
[
"src/modules/feature.js~feature#enable",
"class/src/modules/feature.js~Feature.html#instance-method-enable",
@@ -2069,6 +2201,18 @@ window.esdocSearchIndex = [
"src/modules/highlightKeywords.js~HighlightKeyword#constructor",
"method"
],
+ [
+ "src/modules/highlightkeywords.js~highlightkeyword#destroy",
+ "class/src/modules/highlightKeywords.js~HighlightKeyword.html#instance-method-destroy",
+ "src/modules/highlightKeywords.js~HighlightKeyword#destroy",
+ "method"
+ ],
+ [
+ "src/modules/highlightkeywords.js~highlightkeyword#emitter",
+ "class/src/modules/highlightKeywords.js~HighlightKeyword.html#instance-member-emitter",
+ "src/modules/highlightKeywords.js~HighlightKeyword#emitter",
+ "member"
+ ],
[
"src/modules/highlightkeywords.js~highlightkeyword#highlight",
"class/src/modules/highlightKeywords.js~HighlightKeyword.html#instance-method-highlight",
@@ -2087,6 +2231,12 @@ window.esdocSearchIndex = [
"src/modules/highlightKeywords.js~HighlightKeyword#highlightedNodes",
"member"
],
+ [
+ "src/modules/highlightkeywords.js~highlightkeyword#init",
+ "class/src/modules/highlightKeywords.js~HighlightKeyword.html#instance-method-init",
+ "src/modules/highlightKeywords.js~HighlightKeyword#init",
+ "method"
+ ],
[
"src/modules/highlightkeywords.js~highlightkeyword#tf",
"class/src/modules/highlightKeywords.js~HighlightKeyword.html#instance-member-tf",
@@ -2309,6 +2459,12 @@ window.esdocSearchIndex = [
"src/modules/noResults.js~NoResults#show",
"method"
],
+ [
+ "src/modules/noresults.js~noresults#toggle",
+ "class/src/modules/noResults.js~NoResults.html#instance-method-toggle",
+ "src/modules/noResults.js~NoResults#toggle",
+ "method"
+ ],
[
"src/modules/paging.js",
"file/src/modules/paging.js.html",
@@ -2621,6 +2777,18 @@ window.esdocSearchIndex = [
"src/modules/paging.js~Paging#resetPageLength",
"method"
],
+ [
+ "src/modules/paging.js~paging#resetpaginginfo",
+ "class/src/modules/paging.js~Paging.html#instance-method-resetPagingInfo",
+ "src/modules/paging.js~Paging#resetPagingInfo",
+ "method"
+ ],
+ [
+ "src/modules/paging.js~paging#resetvalues",
+ "class/src/modules/paging.js~Paging.html#instance-method-resetValues",
+ "src/modules/paging.js~Paging#resetValues",
+ "method"
+ ],
[
"src/modules/paging.js~paging#resultsperpage",
"class/src/modules/paging.js~Paging.html#instance-member-resultsPerPage",
@@ -2987,6 +3155,72 @@ window.esdocSearchIndex = [
"src/modules/statusBar.js~StatusBar#message",
"method"
],
+ [
+ "src/modules/statusbar.js~statusbar#msgchangepage",
+ "class/src/modules/statusBar.js~StatusBar.html#instance-member-msgChangePage",
+ "src/modules/statusBar.js~StatusBar#msgChangePage",
+ "member"
+ ],
+ [
+ "src/modules/statusbar.js~statusbar#msgchangeresults",
+ "class/src/modules/statusBar.js~StatusBar.html#instance-member-msgChangeResults",
+ "src/modules/statusBar.js~StatusBar#msgChangeResults",
+ "member"
+ ],
+ [
+ "src/modules/statusbar.js~statusbar#msgclear",
+ "class/src/modules/statusBar.js~StatusBar.html#instance-member-msgClear",
+ "src/modules/statusBar.js~StatusBar#msgClear",
+ "member"
+ ],
+ [
+ "src/modules/statusbar.js~statusbar#msgfilter",
+ "class/src/modules/statusBar.js~StatusBar.html#instance-member-msgFilter",
+ "src/modules/statusBar.js~StatusBar#msgFilter",
+ "member"
+ ],
+ [
+ "src/modules/statusbar.js~statusbar#msgloadextensions",
+ "class/src/modules/statusBar.js~StatusBar.html#instance-member-msgLoadExtensions",
+ "src/modules/statusBar.js~StatusBar#msgLoadExtensions",
+ "member"
+ ],
+ [
+ "src/modules/statusbar.js~statusbar#msgloadthemes",
+ "class/src/modules/statusBar.js~StatusBar.html#instance-member-msgLoadThemes",
+ "src/modules/statusBar.js~StatusBar#msgLoadThemes",
+ "member"
+ ],
+ [
+ "src/modules/statusbar.js~statusbar#msgpopulate",
+ "class/src/modules/statusBar.js~StatusBar.html#instance-member-msgPopulate",
+ "src/modules/statusBar.js~StatusBar#msgPopulate",
+ "member"
+ ],
+ [
+ "src/modules/statusbar.js~statusbar#msgpopulatechecklist",
+ "class/src/modules/statusBar.js~StatusBar.html#instance-member-msgPopulateCheckList",
+ "src/modules/statusBar.js~StatusBar#msgPopulateCheckList",
+ "member"
+ ],
+ [
+ "src/modules/statusbar.js~statusbar#msgresetpage",
+ "class/src/modules/statusBar.js~StatusBar.html#instance-member-msgResetPage",
+ "src/modules/statusBar.js~StatusBar#msgResetPage",
+ "member"
+ ],
+ [
+ "src/modules/statusbar.js~statusbar#msgresetpagelength",
+ "class/src/modules/statusBar.js~StatusBar.html#instance-member-msgResetPageLength",
+ "src/modules/statusBar.js~StatusBar#msgResetPageLength",
+ "member"
+ ],
+ [
+ "src/modules/statusbar.js~statusbar#msgsort",
+ "class/src/modules/statusBar.js~StatusBar.html#instance-member-msgSort",
+ "src/modules/statusBar.js~StatusBar#msgSort",
+ "member"
+ ],
[
"src/modules/statusbar.js~statusbar#onaftershowmsg",
"class/src/modules/statusBar.js~StatusBar.html#instance-member-onAfterShowMsg",
@@ -3065,18 +3299,36 @@ window.esdocSearchIndex = [
"src/modules/store.js",
"file"
],
+ [
+ "src/modules/store.js~store#clearcookies",
+ "class/src/modules/store.js~Store.html#instance-method-clearCookies",
+ "src/modules/store.js~Store#clearCookies",
+ "method"
+ ],
[
"src/modules/store.js~store#constructor",
"class/src/modules/store.js~Store.html#instance-constructor-constructor",
"src/modules/store.js~Store#constructor",
"method"
],
+ [
+ "src/modules/store.js~store#destroy",
+ "class/src/modules/store.js~Store.html#instance-method-destroy",
+ "src/modules/store.js~Store#destroy",
+ "method"
+ ],
[
"src/modules/store.js~store#duration",
"class/src/modules/store.js~Store.html#instance-member-duration",
"src/modules/store.js~Store#duration",
"member"
],
+ [
+ "src/modules/store.js~store#emitter",
+ "class/src/modules/store.js~Store.html#instance-member-emitter",
+ "src/modules/store.js~Store#emitter",
+ "member"
+ ],
[
"src/modules/store.js~store#getfiltervalues",
"class/src/modules/store.js~Store.html#instance-method-getFilterValues",
@@ -3095,6 +3347,12 @@ window.esdocSearchIndex = [
"src/modules/store.js~Store#getPageNb",
"method"
],
+ [
+ "src/modules/store.js~store#init",
+ "class/src/modules/store.js~Store.html#instance-method-init",
+ "src/modules/store.js~Store#init",
+ "method"
+ ],
[
"src/modules/store.js~store#savefiltervalues",
"class/src/modules/store.js~Store.html#instance-method-saveFilterValues",
@@ -3143,12 +3401,6 @@ window.esdocSearchIndex = [
"src/tablefilter.js~TableFilter#Evt",
"member"
],
- [
- "src/tablefilter.js~tablefilter#evtmanager",
- "class/src/tablefilter.js~TableFilter.html#instance-method-EvtManager",
- "src/tablefilter.js~TableFilter#EvtManager",
- "method"
- ],
[
"src/tablefilter.js~tablefilter#extregistry",
"class/src/tablefilter.js~TableFilter.html#instance-member-ExtRegistry",
@@ -3191,12 +3443,6 @@ window.esdocSearchIndex = [
"src/tablefilter.js~TableFilter#anOperator",
"member"
],
- [
- "src/tablefilter.js~tablefilter#applyprops",
- "class/src/tablefilter.js~TableFilter.html#instance-method-applyProps",
- "src/tablefilter.js~TableFilter#applyProps",
- "method"
- ],
[
"src/tablefilter.js~tablefilter#autofilter",
"class/src/tablefilter.js~TableFilter.html#instance-member-autoFilter",
@@ -3419,6 +3665,12 @@ window.esdocSearchIndex = [
"src/tablefilter.js~TableFilter#emOperator",
"member"
],
+ [
+ "src/tablefilter.js~tablefilter#emitter",
+ "class/src/tablefilter.js~TableFilter.html#instance-member-emitter",
+ "src/tablefilter.js~TableFilter#emitter",
+ "member"
+ ],
[
"src/tablefilter.js~tablefilter#emptytext",
"class/src/tablefilter.js~TableFilter.html#instance-member-emptyText",
@@ -3839,12 +4091,6 @@ window.esdocSearchIndex = [
"src/tablefilter.js~TableFilter#hasGrid",
"method"
],
- [
- "src/tablefilter.js~tablefilter#hasstoredvalues",
- "class/src/tablefilter.js~TableFilter.html#instance-member-hasStoredValues",
- "src/tablefilter.js~TableFilter#hasStoredValues",
- "member"
- ],
[
"src/tablefilter.js~tablefilter#hasthemes",
"class/src/tablefilter.js~TableFilter.html#instance-member-hasThemes",
@@ -3911,6 +4157,12 @@ window.esdocSearchIndex = [
"src/tablefilter.js~TableFilter#initExtensions",
"method"
],
+ [
+ "src/tablefilter.js~tablefilter#initialized",
+ "class/src/tablefilter.js~TableFilter.html#instance-member-initialized",
+ "src/tablefilter.js~TableFilter#initialized",
+ "member"
+ ],
[
"src/tablefilter.js~tablefilter#iscustomoptions",
"class/src/tablefilter.js~TableFilter.html#instance-method-isCustomOptions",
@@ -3929,12 +4181,6 @@ window.esdocSearchIndex = [
"src/tablefilter.js~TableFilter#isExternalFlt",
"member"
],
- [
- "src/tablefilter.js~tablefilter#isfirstload",
- "class/src/tablefilter.js~TableFilter.html#instance-member-isFirstLoad",
- "src/tablefilter.js~TableFilter#isFirstLoad",
- "member"
- ],
[
"src/tablefilter.js~tablefilter#isimported",
"class/src/tablefilter.js~TableFilter.html#instance-method-isImported",
@@ -4055,84 +4301,18 @@ window.esdocSearchIndex = [
"src/tablefilter.js~TableFilter#mDivCssClass",
"member"
],
+ [
+ "src/tablefilter.js~tablefilter#markactivecolumn",
+ "class/src/tablefilter.js~TableFilter.html#instance-method-markActiveColumn",
+ "src/tablefilter.js~TableFilter#markActiveColumn",
+ "method"
+ ],
[
"src/tablefilter.js~tablefilter#markactivecolumns",
"class/src/tablefilter.js~TableFilter.html#instance-member-markActiveColumns",
"src/tablefilter.js~TableFilter#markActiveColumns",
"member"
],
- [
- "src/tablefilter.js~tablefilter#msgchangepage",
- "class/src/tablefilter.js~TableFilter.html#instance-member-msgChangePage",
- "src/tablefilter.js~TableFilter#msgChangePage",
- "member"
- ],
- [
- "src/tablefilter.js~tablefilter#msgchangeresults",
- "class/src/tablefilter.js~TableFilter.html#instance-member-msgChangeResults",
- "src/tablefilter.js~TableFilter#msgChangeResults",
- "member"
- ],
- [
- "src/tablefilter.js~tablefilter#msgclear",
- "class/src/tablefilter.js~TableFilter.html#instance-member-msgClear",
- "src/tablefilter.js~TableFilter#msgClear",
- "member"
- ],
- [
- "src/tablefilter.js~tablefilter#msgfilter",
- "class/src/tablefilter.js~TableFilter.html#instance-member-msgFilter",
- "src/tablefilter.js~TableFilter#msgFilter",
- "member"
- ],
- [
- "src/tablefilter.js~tablefilter#msgloadextensions",
- "class/src/tablefilter.js~TableFilter.html#instance-member-msgLoadExtensions",
- "src/tablefilter.js~TableFilter#msgLoadExtensions",
- "member"
- ],
- [
- "src/tablefilter.js~tablefilter#msgloadthemes",
- "class/src/tablefilter.js~TableFilter.html#instance-member-msgLoadThemes",
- "src/tablefilter.js~TableFilter#msgLoadThemes",
- "member"
- ],
- [
- "src/tablefilter.js~tablefilter#msgpopulate",
- "class/src/tablefilter.js~TableFilter.html#instance-member-msgPopulate",
- "src/tablefilter.js~TableFilter#msgPopulate",
- "member"
- ],
- [
- "src/tablefilter.js~tablefilter#msgpopulatechecklist",
- "class/src/tablefilter.js~TableFilter.html#instance-member-msgPopulateCheckList",
- "src/tablefilter.js~TableFilter#msgPopulateCheckList",
- "member"
- ],
- [
- "src/tablefilter.js~tablefilter#msgresetpage",
- "class/src/tablefilter.js~TableFilter.html#instance-member-msgResetPage",
- "src/tablefilter.js~TableFilter#msgResetPage",
- "member"
- ],
- [
- "src/tablefilter.js~tablefilter#msgresetpagelength",
- "class/src/tablefilter.js~TableFilter.html#instance-member-msgResetPageLength",
- "src/tablefilter.js~TableFilter#msgResetPageLength",
- "member"
- ],
- [
- "src/tablefilter.js~tablefilter#msgresetvalues",
- "class/src/tablefilter.js~TableFilter.html#instance-member-msgResetValues",
- "src/tablefilter.js~TableFilter#msgResetValues",
- "member"
- ],
- [
- "src/tablefilter.js~tablefilter#msgsort",
- "class/src/tablefilter.js~TableFilter.html#instance-member-msgSort",
- "src/tablefilter.js~TableFilter#msgSort",
- "member"
- ],
[
"src/tablefilter.js~tablefilter#nbcells",
"class/src/tablefilter.js~TableFilter.html#instance-member-nbCells",
diff --git a/docs/source.html b/docs/source.html
index bd9867b7..84e1670c 100644
--- a/docs/source.html
+++ b/docs/source.html
@@ -3,7 +3,7 @@
Source | tablefilter v0.0.23 API Document
+ Source | tablefilter v0.1.9 API Document
ColOps ColsVisibility Dropdown Emitter Feature FiltersVisibility GridLayout
+
document 24%
+
175/704
@@ -89,7 +90,7 @@
- 379 byte
17
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
src/cookie.js - 1455 byte
58
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
src/date.js - 5711 byte
172
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
src/dom.js - 4442 byte
165
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
+
+
+ src/emitter.js Emitter 83 % 5/6 1263 byte
+ 50
+ 2016-01-04 11:10:40 (UTC)
src/event.js - 1299 byte
53
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
src/extensions/advancedGrid/adapterEzEditTable.js AdapterEzEditTable 26 % 4/15 15423 byte
- 375
- 2016-01-06 07:20:12 (UTC)
+ 29 % 5/17 16634 byte
+ 415
+ 2016-01-04 11:10:40 (UTC)
src/extensions/advancedGrid/advancedGrid.js - 90 byte
2
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
src/extensions/colOps/colOps.js ColOps 22 % 2/9 12186 byte
- 315
- 2016-01-06 07:20:12 (UTC)
+ 12372 byte
+ 321
+ 2016-01-04 11:10:40 (UTC)
src/extensions/colsVisibility/colsVisibility.js 17 % 10/58 17262 byte
520
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
src/extensions/filtersVisibility/filtersVisibility.js 15 % 5/33 5733 byte
184
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
src/extensions/sort/adapterSortabletable.js AdapterSortableTable 11 % 3/27 14738 byte
- 446
- 2016-01-06 07:20:12 (UTC)
+ 10 % 3/28 13392 byte
+ 413
+ 2016-01-04 11:10:40 (UTC)
src/extensions/sort/sort.js - 198 byte
8
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
src/helpers.js - 433 byte
23
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
src/modules/alternateRows.js AlternateRows 55 % 5/9 2368 byte
- 94
- 2016-01-06 07:20:12 (UTC)
+ 54 % 6/11 3361 byte
+ 128
+ 2016-01-04 11:10:40 (UTC)
src/modules/checkList.js CheckList 22 % 5/22 14912 byte
- 419
- 2016-01-06 07:20:12 (UTC)
+ 26 % 7/26 16743 byte
+ 480
+ 2016-01-04 11:10:40 (UTC)
src/modules/clearButton.js 25 % 3/12 2613 byte
94
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
src/modules/dropdown.js Dropdown 26 % 4/15 12060 byte
- 342
- 2016-01-06 07:20:12 (UTC)
+ 30 % 6/20 13754 byte
+ 407
+ 2016-01-04 11:10:40 (UTC)
src/modules/feature.js Feature 0 % 0/13 614 byte
- 37
- 2016-01-06 07:20:12 (UTC)
+ 0 % 0/14 649 byte
+ 38
+ 2016-01-04 11:10:40 (UTC)
src/modules/gridLayout.js GridLayout 10 % 3/28 11539 byte
- 332
- 2016-01-06 07:20:12 (UTC)
+ 11802 byte
+ 340
+ 2016-01-04 11:10:40 (UTC)
src/modules/help.js Help 15 % 3/19 5311 byte
- 153
- 2016-01-06 07:20:12 (UTC)
+ 5370 byte
+ 155
+ 2016-01-04 11:10:40 (UTC)
src/modules/highlightKeywords.js HighlightKeyword 50 % 4/8 3764 byte
- 107
- 2016-01-06 07:20:12 (UTC)
+ 36 % 4/11 4631 byte
+ 138
+ 2016-01-04 11:10:40 (UTC)
src/modules/loader.js Loader 6 % 1/15 2817 byte
- 100
- 2016-01-06 07:20:12 (UTC)
+ 4792 byte
+ 161
+ 2016-01-04 11:10:40 (UTC)
src/modules/noResults.js NoResults 5 % 1/19 3306 byte
- 120
- 2016-01-06 07:20:12 (UTC)
+ 5 % 1/20 3673 byte
+ 135
+ 2016-01-04 11:10:40 (UTC)
src/modules/paging.js Paging 22 % 14/61 26572 byte
- 784
- 2016-01-06 07:20:12 (UTC)
+ 25 % 16/63 26310 byte
+ 770
+ 2016-01-04 11:10:40 (UTC)
src/modules/popupFilter.js PopupFilter 35 % 10/28 7952 byte
- 251
- 2016-01-06 07:20:12 (UTC)
+ 9005 byte
+ 276
+ 2016-01-04 11:10:40 (UTC)
src/modules/rowsCounter.js RowsCounter 5 % 1/18 4500 byte
- 137
- 2016-01-06 07:20:12 (UTC)
+ 4925 byte
+ 148
+ 2016-01-04 11:10:40 (UTC)
src/modules/statusBar.js StatusBar 5 % 1/18 3590 byte
- 123
- 2016-01-06 07:20:12 (UTC)
+ 3 % 1/29 7710 byte
+ 224
+ 2016-01-04 11:10:40 (UTC)
src/modules/store.js Store 70 % 7/10 2235 byte
- 100
- 2016-01-06 07:20:12 (UTC)
+ 57 % 8/14 3327 byte
+ 137
+ 2016-01-04 11:10:40 (UTC)
src/sort.js - 187 byte
9
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
src/string.js - 1495 byte
61
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
src/tablefilter.js TableFilter 30 % 73/238 98344 byte
- 2777
- 2016-01-06 07:20:12 (UTC)
+ 33 % 75/225 79746 byte
+ 2323
+ 2016-01-04 11:10:40 (UTC)
src/types.js - 1432 byte
71
- 2016-01-06 07:20:12 (UTC)
+ 2016-01-04 11:10:40 (UTC)
+
+