mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-06-03 06:22:34 +02:00
Fixed circular events issue with state and hash
This commit is contained in:
Max Guglielmi
parent
f45fae30ee
commit
e4a048fd2d
2
dist/tablefilter/style/colsVisibility.css
vendored
2
dist/tablefilter/style/colsVisibility.css
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/**
|
||||
* tablefilter v0.2.1 by Max Guglielmi
|
||||
* build date: 2016-03-20T02:48:14.744Z
|
||||
* build date: 2016-03-20T04:43:36.438Z
|
||||
* MIT License
|
||||
*/
|
||||
span.colVisSpan{text-align:left;}span.colVisSpan a.colVis{display:inline-block;padding:7px 5px 0;font-size:inherit;font-weight:inherit;vertical-align:top}div.colVisCont{position:relative;background:#fff;-webkit-box-shadow:3px 3px 2px #888;-moz-box-shadow:3px 3px 2px #888;box-shadow:3px 3px 2px #888;position:absolute;display:none;border:1px solid #ccc;height:auto;width:250px;background-color:#fff;margin:35px 0 0 -100px;z-index:10000;padding:10px 10px 10px 10px;text-align:left;font-size:12px;}div.colVisCont:after,div.colVisCont:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div.colVisCont:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}div.colVisCont:before{border-color:rgba(255,255,255,0);border-bottom-color:#ccc;border-width:12px;margin-left:-12px}div.colVisCont p{margin:6px auto 6px auto}div.colVisCont a.colVis{display:initial;font-weight:inherit}ul.cols_checklist{padding:0;margin:0;list-style:none;}ul.cols_checklist label{display:block}ul.cols_checklist input{vertical-align:middle;margin:2px 5px 2px 1px}li.cols_checklist_item{padding:4px;margin:0;}li.cols_checklist_item:hover{background-color:#335ea8;color:#fff}.cols_checklist_slc_item{background-color:#335ea8;color:#fff}
|
||||
2
dist/tablefilter/style/filtersVisibility.css
vendored
2
dist/tablefilter/style/filtersVisibility.css
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/**
|
||||
* tablefilter v0.2.1 by Max Guglielmi
|
||||
* build date: 2016-03-20T02:48:14.744Z
|
||||
* build date: 2016-03-20T04:43:36.438Z
|
||||
* MIT License
|
||||
*/
|
||||
span.expClpFlt a.btnExpClpFlt{width:35px;height:35px;display:inline-block;}span.expClpFlt a.btnExpClpFlt:hover{background-color:#f4f4f4}span.expClpFlt img{padding:8px 11px 11px 11px}
|
||||
2
dist/tablefilter/style/tablefilter.css
vendored
2
dist/tablefilter/style/tablefilter.css
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/**
|
||||
* tablefilter v0.2.1 by Max Guglielmi
|
||||
* build date: 2016-03-20T02:48:14.744Z
|
||||
* build date: 2016-03-20T04:43:36.438Z
|
||||
* MIT License
|
||||
*/
|
||||
.activeHeader{background-color:#66afe9 !important;color:#fff !important}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
/**
|
||||
* tablefilter v0.2.1 by Max Guglielmi
|
||||
* build date: 2016-03-20T02:48:14.744Z
|
||||
* build date: 2016-03-20T04:43:36.438Z
|
||||
* MIT License
|
||||
*/
|
||||
table.TF{border-left:1px solid #ccc;border-top:none;border-right:none;border-bottom:none;}table.TF th{background:#ebecee url("images/bg_th.jpg") left top repeat-x;border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-left:1px solid #fff;border-top:1px solid #fff;color:#333}table.TF td{border-bottom:1px dotted #999;padding:5px}.fltrow{background-color:#ebecee !important;}.fltrow th,.fltrow td{border-bottom:1px dotted #666 !important;padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #999 !important}input.flt{width:99% !important}.inf{height:$min-height;background:#d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important}input.reset{background:transparent url("images/btn_eraser.gif") center center no-repeat !important}.helpBtn:hover{background-color:transparent}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important;}.nextPage:hover{background:transparent url("images/btn_over_next_page.gif") center center no-repeat !important}.previousPage{background:transparent url("images/btn_previous_page.gif") center center no-repeat !important;}.previousPage:hover{background:transparent url("images/btn_over_previous_page.gif") center center no-repeat !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important;}.firstPage:hover{background:transparent url("images/btn_over_first_page.gif") center center no-repeat !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important;}.lastPage:hover{background:transparent url("images/btn_over_last_page.gif") center center no-repeat !important}div.grd_Cont{background-color:#ebecee !important;border:1px solid #ccc !important;padding:0 !important;}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#d5d5d5}div.grd_headTblCont{background-color:#ebecee !important;border-bottom:none !important;}div.grd_headTblCont table{border-right:none !important}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{background:#ebecee url("images/bg_th.jpg") left top repeat-x !important;border-bottom:1px solid #d0d0d0 !important;border-right:1px solid #d0d0d0 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important}div.grd_tblCont table td{border-bottom:1px solid #999 !important}.grd_inf{background:#d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;border-top:1px solid #d0d0d0 !important}.loader{border:1px solid #999}.defaultLoader{width:32px;height:32px;background:transparent url("images/img_loading.gif") 0 0 no-repeat !important}.even{background-color:#fff}.odd{background-color:#d5d5d5}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.activeHeader{background:#999 !important}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
/**
|
||||
* tablefilter v0.2.1 by Max Guglielmi
|
||||
* build date: 2016-03-20T02:48:14.744Z
|
||||
* build date: 2016-03-20T04:43:36.438Z
|
||||
* MIT License
|
||||
*/
|
||||
table.TF{border-left:1px dotted #81963b;border-top:none;border-right:0;border-bottom:none;}table.TF th{background:#39424b url("images/bg_headers.jpg") left top repeat-x;border-bottom:0;border-right:1px dotted #d0d0d0;border-left:0;border-top:0;color:#fff}table.TF td{border-bottom:1px dotted #81963b;border-right:1px dotted #81963b;padding:5px}.fltrow{background-color:#81963b !important;}.fltrow th,.fltrow td{border-bottom:1px dotted #39424b !important;border-right:1px dotted #fff !important;border-left:0 !important;border-top:0 !important;padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #687830 !important}input.flt{width:99% !important}.inf{background:#d8d8d8;height:$min-height}input.reset{width:53px;background:transparent url("images/btn_filter.png") center center no-repeat !important}.helpBtn:hover{background-color:transparent}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important}.previousPage{background:transparent url("images/btn_previous_page.gif") center center no-repeat !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important}div.grd_Cont{background:#81963b url("images/bg_headers.jpg") left top repeat-x !important;border:1px solid #ccc !important;padding:0 1px 1px 1px !important;}div.grd_Cont .even{background-color:#bccd83}div.grd_Cont .odd{background-color:#fff}div.grd_headTblCont{background-color:#ebecee !important;border-bottom:none !important}div.grd_tblCont table{border-right:none !important;}div.grd_tblCont table td{border-bottom:1px dotted #81963b;border-right:1px dotted #81963b}div.grd_tblCont table th,div.grd_headTblCont table th{background:transparent url("images/bg_headers.jpg") 0 0 repeat-x !important;border-bottom:0 !important;border-right:1px dotted #d0d0d0 !important;border-left:0 !important;border-top:0 !important;padding:0 4px 0 4px !important;color:#fff !important;height:35px !important}div.grd_headTblCont table td{border-bottom:1px dotted #39424b !important;border-right:1px dotted #fff !important;border-left:0 !important;border-top:0 !important;background-color:#81963b !important;padding:1px 3px 1px 3px !important}.grd_inf{background-color:#d8d8d8;border-top:1px solid #d0d0d0 !important}.loader{border:0 !important;background:#81963b !important}.defaultLoader{width:32px;height:32px;background:transparent url("images/img_loading.gif") 0 0 no-repeat !important}.even{background-color:#bccd83}.odd{background-color:#fff}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.activeHeader{background:#81963b !important}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
/**
|
||||
* tablefilter v0.2.1 by Max Guglielmi
|
||||
* build date: 2016-03-20T02:48:14.744Z
|
||||
* build date: 2016-03-20T04:43:36.438Z
|
||||
* MIT License
|
||||
*/
|
||||
table.TF{padding:0;color:#000;border-right:1px solid #a4bed4;border-top:1px solid #a4bed4;border-left:1px solid #a4bed4;border-bottom:0;}table.TF th{margin:0;color:inherit;background:#d1e5fe url("images/bg_skyblue.gif") 0 0 repeat-x;border-color:#fdfdfd #a4bed4 #a4bed4 #fdfdfd;border-width:1px;border-style:solid}table.TF td{margin:0;padding:5px;color:inherit;border-bottom:1px solid #a4bed4;border-left:0;border-top:0;border-right:0}.fltrow{background-color:#d1e5fe !important;}.fltrow th,.fltrow td{padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #a4bed4 !important}input.flt{width:99% !important}.inf{background-color:#e3efff !important;border:1px solid #a4bed4;height:$min-height;color:#004a6f}div.tot,div.status{border-right:0 !important}.helpBtn:hover{background-color:transparent}input.reset{background:transparent url("images/icn_clear_filters.png") center center no-repeat !important}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.nextPage:hover{background:#ffe4ab url("images/btn_next_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.previousPage{background:transparent url("images/btn_prev_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.previousPage:hover{background:#ffe4ab url("images/btn_prev_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.firstPage:hover{background:#ffe4ab url("images/btn_first_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.lastPage:hover{background:#ffe4ab url("images/btn_last_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.activeHeader{background:#ffe4ab !important;border:1px solid #ffb552 !important;color:inherit !important}div.grd_Cont{background-color:#d9eaed !important;border:1px solid #9cc !important;padding:0 !important;}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#e3efff}div.grd_headTblCont{background-color:#d9eaed !important;border-bottom:none !important}div.grd_tblCont table{border-right:none !important}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{background:#d9eaed url("images/bg_skyblue.gif") left top repeat-x;border-bottom:1px solid #a4bed4;border-right:1px solid #a4bed4 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important}div.grd_tblCont table td{border-bottom:1px solid #a4bed4 !important;border-right:0 !important;border-left:0 !important;border-top:0 !important}.grd_inf{background-color:#cce2fe;color:#004a6f;border-top:1px solid #9cc !important;}.grd_inf a{text-decoration:none;font-weight:bold}.loader{background-color:#2d8eef;border:1px solid #cce2fe;border-radius:5px}.even{background-color:#fff}.odd{background-color:#e3efff}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.ezActiveRow{background-color:#ffdc61 !important;color:inherit}.ezSelectedRow{background-color:#ffe4ab !important;color:inherit}.ezActiveCell{background-color:#fff !important;color:#000 !important;font-weight:bold}.ezETSelectedCell{background-color:#fff !important;font-weight:bold;color:#000 !important}
|
||||
1304
dist/tablefilter/tablefilter.js
vendored
1304
dist/tablefilter/tablefilter.js
vendored
File diff suppressed because it is too large
Load diff
241
dist/tablefilter/tf-1.js
vendored
241
dist/tablefilter/tf-1.js
vendored
|
|
@ -98,8 +98,6 @@ webpackJsonp([1],{
|
|||
value: true
|
||||
});
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _dom = __webpack_require__(2);
|
||||
|
||||
var _dom2 = _interopRequireDefault(_dom);
|
||||
|
|
@ -144,9 +142,7 @@ webpackJsonp([1],{
|
|||
*/
|
||||
|
||||
|
||||
_createClass(AdapterEzEditTable, [{
|
||||
key: 'init',
|
||||
value: function init() {
|
||||
AdapterEzEditTable.prototype.init = function init() {
|
||||
var _this = this;
|
||||
|
||||
var tf = this.tf;
|
||||
|
|
@ -167,15 +163,14 @@ webpackJsonp([1],{
|
|||
this.emitter.on(['filter-focus', 'filter-blur'], function () {
|
||||
return _this._toggleForInputFilter();
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Instantiate ezEditTable component for advanced grid features
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: '_setAdvancedGrid',
|
||||
value: function _setAdvancedGrid() {
|
||||
|
||||
AdapterEzEditTable.prototype._setAdvancedGrid = function _setAdvancedGrid() {
|
||||
var tf = this.tf;
|
||||
|
||||
//start row for EditTable constructor needs to be calculated
|
||||
|
|
@ -472,15 +467,14 @@ webpackJsonp([1],{
|
|||
}
|
||||
|
||||
this.initialized = true;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Reset advanced grid when previously removed
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'reset',
|
||||
value: function reset() {
|
||||
|
||||
AdapterEzEditTable.prototype.reset = function reset() {
|
||||
var ezEditTable = this._ezEditTable;
|
||||
if (ezEditTable) {
|
||||
if (this.cfg.selection) {
|
||||
|
|
@ -494,15 +488,14 @@ webpackJsonp([1],{
|
|||
/* eslint-enable */
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Toggle behaviour
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'toggle',
|
||||
value: function toggle() {
|
||||
|
||||
AdapterEzEditTable.prototype.toggle = function toggle() {
|
||||
var ezEditTable = this._ezEditTable;
|
||||
if (ezEditTable.editable) {
|
||||
/* eslint-disable */
|
||||
|
|
@ -522,10 +515,9 @@ webpackJsonp([1],{
|
|||
ezEditTable.Selection.Set();
|
||||
/* eslint-enable */
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: '_toggleForInputFilter',
|
||||
value: function _toggleForInputFilter() {
|
||||
};
|
||||
|
||||
AdapterEzEditTable.prototype._toggleForInputFilter = function _toggleForInputFilter() {
|
||||
var tf = this.tf;
|
||||
if (!tf.activeFlt) {
|
||||
return;
|
||||
|
|
@ -535,15 +527,14 @@ webpackJsonp([1],{
|
|||
if (filterType === tf.fltTypeInp) {
|
||||
this.toggle();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Remove advanced grid
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'destroy',
|
||||
value: function destroy() {
|
||||
|
||||
AdapterEzEditTable.prototype.destroy = function destroy() {
|
||||
var _this2 = this;
|
||||
|
||||
var ezEditTable = this._ezEditTable;
|
||||
|
|
@ -565,8 +556,7 @@ webpackJsonp([1],{
|
|||
return _this2._toggleForInputFilter();
|
||||
});
|
||||
this.initialized = false;
|
||||
}
|
||||
}]);
|
||||
};
|
||||
|
||||
return AdapterEzEditTable;
|
||||
}();
|
||||
|
|
@ -605,8 +595,6 @@ webpackJsonp([1],{
|
|||
|
||||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _dom = __webpack_require__(2);
|
||||
|
||||
var _dom2 = _interopRequireDefault(_dom);
|
||||
|
|
@ -642,9 +630,7 @@ webpackJsonp([1],{
|
|||
this.tf = tf;
|
||||
}
|
||||
|
||||
_createClass(ColOps, [{
|
||||
key: 'init',
|
||||
value: function init() {
|
||||
ColOps.prototype.init = function init() {
|
||||
var _this = this;
|
||||
|
||||
// subscribe to events
|
||||
|
|
@ -653,7 +639,7 @@ webpackJsonp([1],{
|
|||
});
|
||||
|
||||
this.calc();
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Calculates columns' values
|
||||
|
|
@ -672,9 +658,8 @@ webpackJsonp([1],{
|
|||
* (2) added calculations for the median, lower and upper quartile.
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'calc',
|
||||
value: function calc() {
|
||||
|
||||
ColOps.prototype.calc = function calc() {
|
||||
var tf = this.tf;
|
||||
if (!tf.hasGrid()) {
|
||||
return;
|
||||
|
|
@ -927,18 +912,16 @@ webpackJsonp([1],{
|
|||
if (this.onAfterOperation) {
|
||||
this.onAfterOperation.call(null, tf);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'destroy',
|
||||
value: function destroy() {
|
||||
};
|
||||
|
||||
ColOps.prototype.destroy = function destroy() {
|
||||
var _this2 = this;
|
||||
|
||||
// unsubscribe to events
|
||||
this.tf.emitter.off(['after-filtering'], function () {
|
||||
return _this2.calc();
|
||||
});
|
||||
}
|
||||
}]);
|
||||
};
|
||||
|
||||
return ColOps;
|
||||
}();
|
||||
|
|
@ -956,8 +939,6 @@ webpackJsonp([1],{
|
|||
value: true
|
||||
});
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _dom = __webpack_require__(2);
|
||||
|
||||
var _dom2 = _interopRequireDefault(_dom);
|
||||
|
|
@ -1086,9 +1067,7 @@ webpackJsonp([1],{
|
|||
this.tf = tf;
|
||||
}
|
||||
|
||||
_createClass(ColsVisibility, [{
|
||||
key: 'toggle',
|
||||
value: function toggle() {
|
||||
ColsVisibility.prototype.toggle = function toggle() {
|
||||
var contDisplay = this.contEl.style.display;
|
||||
var onBeforeOpen = this.onBeforeOpen;
|
||||
var onBeforeClose = this.onBeforeClose;
|
||||
|
|
@ -1110,10 +1089,9 @@ webpackJsonp([1],{
|
|||
if (onAfterClose && contDisplay === 'inline') {
|
||||
onAfterClose.call(null, this);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'checkItem',
|
||||
value: function checkItem(lbl) {
|
||||
};
|
||||
|
||||
ColsVisibility.prototype.checkItem = function checkItem(lbl) {
|
||||
var li = lbl.parentNode;
|
||||
if (!li || !lbl) {
|
||||
return;
|
||||
|
|
@ -1132,10 +1110,9 @@ webpackJsonp([1],{
|
|||
hide = true;
|
||||
}
|
||||
this.setHidden(colIndex, hide);
|
||||
}
|
||||
}, {
|
||||
key: 'init',
|
||||
value: function init() {
|
||||
};
|
||||
|
||||
ColsVisibility.prototype.init = function init() {
|
||||
if (!this.manager) {
|
||||
return;
|
||||
}
|
||||
|
|
@ -1143,15 +1120,14 @@ webpackJsonp([1],{
|
|||
this.buildManager();
|
||||
|
||||
this.initialized = true;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Build main button UI
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'buildBtn',
|
||||
value: function buildBtn() {
|
||||
|
||||
ColsVisibility.prototype.buildBtn = function buildBtn() {
|
||||
var _this = this;
|
||||
|
||||
if (this.btnEl) {
|
||||
|
|
@ -1211,15 +1187,14 @@ webpackJsonp([1],{
|
|||
if (this.onLoaded) {
|
||||
this.onLoaded.call(null, this);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Build columns manager UI
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'buildManager',
|
||||
value: function buildManager() {
|
||||
|
||||
ColsVisibility.prototype.buildManager = function buildManager() {
|
||||
var _this2 = this;
|
||||
|
||||
var tf = this.tf;
|
||||
|
|
@ -1313,7 +1288,7 @@ webpackJsonp([1],{
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Hide or show specified columns
|
||||
|
|
@ -1321,9 +1296,8 @@ webpackJsonp([1],{
|
|||
* @param {Boolean} hide hide column if true or show if false
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'setHidden',
|
||||
value: function setHidden(colIndex, hide) {
|
||||
|
||||
ColsVisibility.prototype.setHidden = function setHidden(colIndex, hide) {
|
||||
var tf = this.tf;
|
||||
var tbl = tf.tbl;
|
||||
|
||||
|
|
@ -1387,16 +1361,15 @@ webpackJsonp([1],{
|
|||
}
|
||||
this.onAfterColDisplayed.call(null, this, colIndex);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Show specified column
|
||||
* @param {Number} colIndex Column index
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'showCol',
|
||||
value: function showCol(colIndex) {
|
||||
|
||||
ColsVisibility.prototype.showCol = function showCol(colIndex) {
|
||||
if (colIndex === undefined || !this.isColHidden(colIndex)) {
|
||||
return;
|
||||
}
|
||||
|
|
@ -1408,16 +1381,15 @@ webpackJsonp([1],{
|
|||
} else {
|
||||
this.setHidden(colIndex, false);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Hide specified column
|
||||
* @param {Number} colIndex Column index
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'hideCol',
|
||||
value: function hideCol(colIndex) {
|
||||
|
||||
ColsVisibility.prototype.hideCol = function hideCol(colIndex) {
|
||||
if (colIndex === undefined || this.isColHidden(colIndex)) {
|
||||
return;
|
||||
}
|
||||
|
|
@ -1429,55 +1401,51 @@ webpackJsonp([1],{
|
|||
} else {
|
||||
this.setHidden(colIndex, true);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Determine if specified column is hidden
|
||||
* @param {Number} colIndex Column index
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'isColHidden',
|
||||
value: function isColHidden(colIndex) {
|
||||
|
||||
ColsVisibility.prototype.isColHidden = function isColHidden(colIndex) {
|
||||
if (this.hiddenCols.indexOf(colIndex) !== -1) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Toggle visibility of specified column
|
||||
* @param {Number} colIndex Column index
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'toggleCol',
|
||||
value: function toggleCol(colIndex) {
|
||||
|
||||
ColsVisibility.prototype.toggleCol = function toggleCol(colIndex) {
|
||||
if (colIndex === undefined || this.isColHidden(colIndex)) {
|
||||
this.showCol(colIndex);
|
||||
} else {
|
||||
this.hideCol(colIndex);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns the indexes of the columns currently hidden
|
||||
* @return {Array} column indexes
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'getHiddenCols',
|
||||
value: function getHiddenCols() {
|
||||
|
||||
ColsVisibility.prototype.getHiddenCols = function getHiddenCols() {
|
||||
return this.hiddenCols;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Remove the columns manager
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'destroy',
|
||||
value: function destroy() {
|
||||
|
||||
ColsVisibility.prototype.destroy = function destroy() {
|
||||
if (!this.btnEl && !this.contEl) {
|
||||
return;
|
||||
}
|
||||
|
|
@ -1492,10 +1460,9 @@ webpackJsonp([1],{
|
|||
_dom2.default.remove(this.btnEl);
|
||||
this.btnEl = null;
|
||||
this.initialized = false;
|
||||
}
|
||||
}, {
|
||||
key: '_getHeaderText',
|
||||
value: function _getHeaderText(cell) {
|
||||
};
|
||||
|
||||
ColsVisibility.prototype._getHeaderText = function _getHeaderText(cell) {
|
||||
if (!cell.hasChildNodes) {
|
||||
return '';
|
||||
}
|
||||
|
|
@ -1514,10 +1481,9 @@ webpackJsonp([1],{
|
|||
continue;
|
||||
}
|
||||
return '';
|
||||
}
|
||||
}, {
|
||||
key: '_hideCells',
|
||||
value: function _hideCells(tbl, colIndex, hide) {
|
||||
};
|
||||
|
||||
ColsVisibility.prototype._hideCells = function _hideCells(tbl, colIndex, hide) {
|
||||
for (var i = 0; i < tbl.rows.length; i++) {
|
||||
var row = tbl.rows[i];
|
||||
var cell = row.cells[colIndex];
|
||||
|
|
@ -1525,8 +1491,7 @@ webpackJsonp([1],{
|
|||
cell.style.display = hide ? 'none' : '';
|
||||
}
|
||||
}
|
||||
}
|
||||
}]);
|
||||
};
|
||||
|
||||
return ColsVisibility;
|
||||
}();
|
||||
|
|
@ -1544,8 +1509,6 @@ webpackJsonp([1],{
|
|||
value: true
|
||||
});
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _dom = __webpack_require__(2);
|
||||
|
||||
var _dom2 = _interopRequireDefault(_dom);
|
||||
|
|
@ -1634,24 +1597,21 @@ webpackJsonp([1],{
|
|||
*/
|
||||
|
||||
|
||||
_createClass(FiltersVisibility, [{
|
||||
key: 'init',
|
||||
value: function init() {
|
||||
FiltersVisibility.prototype.init = function init() {
|
||||
if (this.initialized) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.buildUI();
|
||||
this.initialized = true;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Build UI elements
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'buildUI',
|
||||
value: function buildUI() {
|
||||
|
||||
FiltersVisibility.prototype.buildUI = function buildUI() {
|
||||
var _this = this;
|
||||
|
||||
var tf = this.tf;
|
||||
|
|
@ -1694,15 +1654,14 @@ webpackJsonp([1],{
|
|||
if (!this.visibleAtStart) {
|
||||
this.toggle();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Toggle filters visibility
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'toggle',
|
||||
value: function toggle() {
|
||||
|
||||
FiltersVisibility.prototype.toggle = function toggle() {
|
||||
var tf = this.tf;
|
||||
var tbl = tf.gridLayout ? tf.feature('gridLayout').headTbl : tf.tbl;
|
||||
var fltRow = tbl.rows[this.filtersRowIndex];
|
||||
|
|
@ -1726,15 +1685,14 @@ webpackJsonp([1],{
|
|||
if (this.onAfterHide && fltRowDisplay === '') {
|
||||
this.onAfterHide.call(null, this);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Destroy the UI
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'destroy',
|
||||
value: function destroy() {
|
||||
|
||||
FiltersVisibility.prototype.destroy = function destroy() {
|
||||
if (!this.btnEl && !this.contEl) {
|
||||
return;
|
||||
}
|
||||
|
|
@ -1747,8 +1705,7 @@ webpackJsonp([1],{
|
|||
_dom2.default.remove(this.contEl);
|
||||
this.contEl = null;
|
||||
this.initialized = false;
|
||||
}
|
||||
}]);
|
||||
};
|
||||
|
||||
return FiltersVisibility;
|
||||
}();
|
||||
|
|
@ -1766,8 +1723,6 @@ webpackJsonp([1],{
|
|||
value: true
|
||||
});
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _types = __webpack_require__(4);
|
||||
|
||||
var _types2 = _interopRequireDefault(_types);
|
||||
|
|
@ -1835,9 +1790,7 @@ webpackJsonp([1],{
|
|||
this.emitter = tf.emitter;
|
||||
}
|
||||
|
||||
_createClass(AdapterSortableTable, [{
|
||||
key: 'init',
|
||||
value: function init() {
|
||||
AdapterSortableTable.prototype.init = function init() {
|
||||
var tf = this.tf;
|
||||
var adpt = this;
|
||||
|
||||
|
|
@ -1891,7 +1844,7 @@ webpackJsonp([1],{
|
|||
};
|
||||
|
||||
this.initialized = true;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Sort specified column
|
||||
|
|
@ -1899,14 +1852,12 @@ webpackJsonp([1],{
|
|||
* @param {Boolean} desc Optional: descending manner
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'sortByColumnIndex',
|
||||
value: function sortByColumnIndex(colIdx, desc) {
|
||||
|
||||
AdapterSortableTable.prototype.sortByColumnIndex = function sortByColumnIndex(colIdx, desc) {
|
||||
this.stt.sort(colIdx, desc);
|
||||
}
|
||||
}, {
|
||||
key: 'overrideSortableTable',
|
||||
value: function overrideSortableTable() {
|
||||
};
|
||||
|
||||
AdapterSortableTable.prototype.overrideSortableTable = function overrideSortableTable() {
|
||||
var adpt = this,
|
||||
tf = this.tf;
|
||||
|
||||
|
|
@ -2058,16 +2009,14 @@ webpackJsonp([1],{
|
|||
return _dom2.default.getText(oNode);
|
||||
}
|
||||
};
|
||||
}
|
||||
}, {
|
||||
key: 'addSortType',
|
||||
value: function addSortType() {
|
||||
};
|
||||
|
||||
AdapterSortableTable.prototype.addSortType = function addSortType() {
|
||||
var args = arguments;
|
||||
SortableTable.prototype.addSortType(args[0], args[1], args[2], args[3]);
|
||||
}
|
||||
}, {
|
||||
key: 'setSortTypes',
|
||||
value: function setSortTypes() {
|
||||
};
|
||||
|
||||
AdapterSortableTable.prototype.setSortTypes = function setSortTypes() {
|
||||
var _this = this;
|
||||
|
||||
var tf = this.tf,
|
||||
|
|
@ -2136,15 +2085,14 @@ webpackJsonp([1],{
|
|||
}
|
||||
})();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Destroy sort
|
||||
*/
|
||||
|
||||
}, {
|
||||
key: 'destroy',
|
||||
value: function destroy() {
|
||||
|
||||
AdapterSortableTable.prototype.destroy = function destroy() {
|
||||
var tf = this.tf;
|
||||
this.sorted = false;
|
||||
this.initialized = false;
|
||||
|
|
@ -2159,8 +2107,7 @@ webpackJsonp([1],{
|
|||
header.removeChild(img[0]);
|
||||
}
|
||||
}
|
||||
}
|
||||
}]);
|
||||
};
|
||||
|
||||
return AdapterSortableTable;
|
||||
}();
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ export class Feature {
|
|||
constructor(tf, feature) {
|
||||
this.tf = tf;
|
||||
this.feature = feature;
|
||||
this.enabled = tf[feature];
|
||||
this.enabled = Boolean(tf[feature]);
|
||||
this.config = tf.config();
|
||||
this.emitter = tf.emitter;
|
||||
this.initialized = false;
|
||||
|
|
|
|||
|
|
@ -3,6 +3,15 @@ import {Hash} from './hash';
|
|||
import Str from '../string';
|
||||
import Types from '../types';
|
||||
|
||||
|
||||
/**
|
||||
* Reflects the state of features to be persisted via hash, localStorage or
|
||||
* cookie
|
||||
*
|
||||
* @export
|
||||
* @class State
|
||||
* @extends {Feature}
|
||||
*/
|
||||
export class State extends Feature {
|
||||
|
||||
/**
|
||||
|
|
@ -30,6 +39,9 @@ export class State extends Feature {
|
|||
this.pageLengthKey = 'page_length';
|
||||
}
|
||||
|
||||
/**
|
||||
* Initialize features state
|
||||
*/
|
||||
init() {
|
||||
if (this.initialized) {
|
||||
return;
|
||||
|
|
@ -48,6 +60,10 @@ export class State extends Feature {
|
|||
this.initialized = true;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Update state field based on current features state
|
||||
*/
|
||||
update() {
|
||||
if(!this.isEnabled()){
|
||||
return;
|
||||
|
|
@ -60,7 +76,7 @@ export class State extends Feature {
|
|||
filterValues.forEach((val, idx) => {
|
||||
let key = `${this.prfxCol}${idx}`;
|
||||
|
||||
if (Str.isEmpty(val)) {
|
||||
if (Types.isString(val) && Str.isEmpty(val)) {
|
||||
if (this.state.hasOwnProperty(key)) {
|
||||
this.state[key] = undefined;
|
||||
}
|
||||
|
|
@ -91,23 +107,40 @@ export class State extends Feature {
|
|||
this.emitter.emit('state-changed', tf, this.state);
|
||||
}
|
||||
|
||||
/**
|
||||
* Refresh page number field on page number change
|
||||
*
|
||||
* @param pageNb Current page number
|
||||
*/
|
||||
updatePage(pageNb){
|
||||
this.pageNb = pageNb;
|
||||
this.update();
|
||||
}
|
||||
|
||||
/**
|
||||
* Refresh page length field on page length change
|
||||
*
|
||||
* @param pageLength Current page length value
|
||||
*/
|
||||
updatePageLength(pageLength){
|
||||
this.pageLength = pageLength;
|
||||
this.update();
|
||||
}
|
||||
|
||||
/**
|
||||
* Override state field
|
||||
*
|
||||
* @param state State object
|
||||
*/
|
||||
override(state){
|
||||
this.state = state;
|
||||
}
|
||||
|
||||
/**
|
||||
* Apply current features state
|
||||
*/
|
||||
sync() {
|
||||
let state = this.state;
|
||||
console.log('sync', state);
|
||||
let tf = this.tf;
|
||||
|
||||
if (this.persistFilters) {
|
||||
|
|
@ -124,7 +157,6 @@ export class State extends Feature {
|
|||
|
||||
if (this.persistPageNumber) {
|
||||
let pageNumber = state[this.pageNbKey];
|
||||
console.log('pageNumber',pageNumber);
|
||||
this.emitter.emit('change-page', this.tf, pageNumber);
|
||||
}
|
||||
|
||||
|
|
@ -132,15 +164,18 @@ export class State extends Feature {
|
|||
let pageLength = state[this.pageLengthKey];
|
||||
this.emitter.emit('change-page-results', this.tf, pageLength);
|
||||
}
|
||||
|
||||
this.emitter.emit('state-synced', tf, this.state);
|
||||
}
|
||||
|
||||
/**
|
||||
* Destroy State instance
|
||||
*/
|
||||
destroy() {
|
||||
if (!this.initialized) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.state = {};
|
||||
|
||||
this.emitter.off(['after-filtering'], () => this.update());
|
||||
this.emitter.off(['after-page-change'],
|
||||
(tf, pageNb) => this.updatePage(pageNb));
|
||||
|
|
|
|||
|
|
@ -337,7 +337,7 @@ export class TableFilter {
|
|||
Boolean(f.no_results_message);
|
||||
|
||||
// stateful
|
||||
this.hasState = Types.isObj(f.state) || Boolean(f.state);
|
||||
this.state = Types.isObj(f.state) || Boolean(f.state);
|
||||
|
||||
/*** data types ***/
|
||||
//defines default date type (european DMY)
|
||||
|
|
@ -492,7 +492,9 @@ 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){
|
||||
|
|
@ -502,7 +504,7 @@ export class TableFilter {
|
|||
Mod.help.init();
|
||||
}
|
||||
|
||||
if(this.hasState){
|
||||
if(this.state){
|
||||
if(!Mod.state){
|
||||
Mod.state = new State(this);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -42,6 +42,15 @@ export default {
|
|||
return (obj && obj.constructor == Array);
|
||||
},
|
||||
|
||||
/**
|
||||
* Check argument is a string
|
||||
* @param {String} val Value
|
||||
* @returns {Boolean}
|
||||
*/
|
||||
isString(val){
|
||||
return Object.prototype.toString.call(val) === '[object String]';
|
||||
},
|
||||
|
||||
/**
|
||||
* Determine if argument is undefined
|
||||
* @param {Any} o
|
||||
|
|
|
|||
|
|
@ -47,7 +47,13 @@ var tfConfig = {
|
|||
],
|
||||
filters_row_index: 3,
|
||||
headers_row_index: 2,
|
||||
remember_grid_values: true,
|
||||
// remember_grid_values: true,
|
||||
state: {
|
||||
type: ['hash'],
|
||||
filters: true,
|
||||
page_number: true,
|
||||
page_length: true
|
||||
},
|
||||
highlight_keywords: true,
|
||||
alternate_rows: true,
|
||||
rows_counter: true,
|
||||
|
|
|
|||
Loading…
Reference in a new issue