deblan-mirror/TableFilter
1
0
Fork 0
mirror of https://github.com/koalyptus/TableFilter.git synced 2024-04-24 19:20:40 +02:00
Code Issues Releases Wiki Activity

Removed unused TableFilter properties, added eslint rule

Browse source
This commit is contained in:
Max Guglielmi 2016-05-31 19:22:21 +10:00
parent 42842b52b5
commit 8e5aba04e2
21 changed files with 224 additions and 171 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
.eslintrc
View file

@ -5,8 +5,13 @@
},
"rules": {
"max-len": [2, 80, 2, {"ignoreUrls": true}],
"indent": [2, 4, {"SwitchCase": 1}],
"no-trailing-spaces": 2,
"no-multi-spaces": 2,
"array-bracket-spacing": 2,
"keyword-spacing": ["error", { "after": true, "before": true }],
"max-depth": [2, 7],
"max-statements": [2, 155],
"max-statements": [2, 150],
"complexity": [2, 83],
"no-unused-vars": 2,
"no-eval": 2,
@ -16,10 +21,6 @@
"curly": 2,
"eqeqeq": [2, "smart"],
"quotes": [2, "single"],
"indent": [2, 4, {"SwitchCase": 1}],
"no-trailing-spaces": 2,
"no-multi-spaces": 2,
"array-bracket-spacing": 2,
"new-cap": 2,
"radix": [2, "always"]
},

74
Gruntfile.js
View file

@ -83,21 +83,21 @@ module.exports = function (grunt) {
{
pattern: /{NAME}/ig,
replacement: pkg.name
},{
}, {
pattern: /{VERSION}/ig,
replacement: pkg.version
},{
}, {
pattern: /{EZEDITTABLE_LINK}/ig,
replacement: '<a href="http://edittable.free.fr/' +
'zip.php?f=ezEditTable.zip&amp;p=1"' +
'target="_blank" title="ezEditTable is a ' +
'javascript code aimed at enhancing regular ' +
'HTML tables by adding features such as ' +
'inline editing components, advanced ' +
'selection and keyboard navigation ' +
'- Developed by '+ pkg.author.name +'">' +
'ezEditTable</a>'
},{
'zip.php?f=ezEditTable.zip&amp;p=1"' +
'target="_blank" title="ezEditTable is a ' +
'javascript code aimed at enhancing regular ' +
'HTML tables by adding features such as ' +
'inline editing components, advanced ' +
'selection and keyboard navigation ' +
'- Developed by ' + pkg.author.name + '">' +
'ezEditTable</a>'
}, {
pattern: /<!-- @import (.*?) -->/ig,
replacement: function (match, p1) {
return grunt.file.read('static/' + p1);
@ -178,34 +178,34 @@ module.exports = function (grunt) {
compile: {
options: {
banner: '/** \n' +
' *\t '+ pkg.name +' v'+ pkg.version +
' by '+ pkg.author.name +' \n' +
' *\t build date: '+ new Date().toISOString() +' \n' +
' *\t MIT License \n' +
' */ \n'
' *\t ' + pkg.name + ' v' + pkg.version +
' by ' + pkg.author.name + ' \n' +
' *\t build date: ' + new Date().toISOString() + ' \n' +
' *\t MIT License \n' +
' */ \n'
},
files: [
{
src: ['static/style/*.styl'],
dest: 'dist/tablefilter/style/tablefilter.css'
},{
}, {
src: ['static/style/extensions/colsVisibility.styl'],
dest: 'dist/tablefilter/style/colsVisibility.css'
},{
}, {
src: ['static/style/extensions/filtersVisibility.styl'],
dest: 'dist/tablefilter/style/filtersVisibility.css'
},{
}, {
src: ['static/style/themes/default/*.styl'],
dest:
'dist/tablefilter/style/themes/default/default.css'
},{
'dist/tablefilter/style/themes/default/default.css'
}, {
src: ['static/style/themes/mytheme/*.styl'],
dest:
'dist/tablefilter/style/themes/mytheme/mytheme.css'
},{
'dist/tablefilter/style/themes/mytheme/mytheme.css'
}, {
src: ['static/style/themes/skyblue/*.styl'],
dest:
'dist/tablefilter/style/themes/skyblue/skyblue.css'
'dist/tablefilter/style/themes/skyblue/skyblue.css'
}
]
}
@ -248,7 +248,7 @@ module.exports = function (grunt) {
base: 'dist',
repo: 'https://' + process.env.GH_TOKEN + '@' + repo,
message: 'publish TableFilter to gh-pages (auto)' +
getDeployMessage(),
getDeployMessage(),
silent: true
},
src: ['**/*']
@ -261,7 +261,7 @@ module.exports = function (grunt) {
base: './',
repo: 'https://' + process.env.GH_TOKEN + '@' + repo,
message: 'publish README to gh-pages (auto)' +
getDeployMessage(),
getDeployMessage(),
silent: true
},
src: ['README.md', 'LICENSE']
@ -274,7 +274,7 @@ module.exports = function (grunt) {
base: 'docs',
repo: 'https://' + process.env.GH_TOKEN + '@' + repo,
message: 'publish Docs to gh-pages (auto)' +
getDeployMessage(),
getDeployMessage(),
silent: true
},
src: ['**/*']
@ -335,14 +335,14 @@ module.exports = function (grunt) {
// Usage example: grunt test-only:test.html,test-help.html
grunt.registerTask('test-only',
'A task that runs only specified tests.',
function(tests) {
if(!tests) {
function (tests) {
if (!tests) {
return;
}
tests = tests.split(',');
var res = [];
tests.forEach(function(itm) {
tests.forEach(function (itm) {
var filePath = path.resolve(testDir, itm);
var parts = filePath.split(path.sep);
res.push(buildTestUrl(testHost, testDir, parts));
@ -356,9 +356,9 @@ module.exports = function (grunt) {
function isTestFile(pth) {
var allowedExts = ['.html', '.htm'];
for(var i=0, len=allowedExts.length; i<len; i++){
for (var i = 0, len = allowedExts.length; i < len; i++) {
var ext = allowedExts[i];
if(pth.indexOf(ext) !== -1){
if (pth.indexOf(ext) !== -1) {
return true;
}
}
@ -375,17 +375,17 @@ module.exports = function (grunt) {
// Returns the list of test files from the test folder for qunit task
function getTestFiles(testDir, host) {
var getFiles = function(dir, host) {
var getFiles = function (dir, host) {
var res = [];
var items = fs.readdirSync(dir);
items.forEach(function(itm){
items.forEach(function (itm) {
var fileOrDir = path.resolve(dir, itm);
if(isTestFile(fileOrDir)) {
if (isTestFile(fileOrDir)) {
var parts = fileOrDir.split(path.sep);
res.push(buildTestUrl(host, testDir, parts));
} else {
if(fs.lstatSync(fileOrDir).isDirectory()) {
if (fs.lstatSync(fileOrDir).isDirectory()) {
res = res.concat(getFiles(fileOrDir, host));
}
}
@ -397,7 +397,7 @@ module.exports = function (grunt) {
return getFiles(testDir, host);
}
grunt.registerTask('check-deploy', function() {
grunt.registerTask('check-deploy', function () {
var env = process.env;
// need this
this.requires(['build', 'esdoc']);

4
dist/starter.html vendored
View file

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>tablefilter v0.2.33 - Starter</title>
<title>tablefilter v0.2.34 - Starter</title>
</head>
<body>
<h1>tablefilter v0.2.33</h1>
<h1>tablefilter v0.2.34</h1>

4
dist/tablefilter/style/colsVisibility.css vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.33 by Max Guglielmi
* build date: 2016-05-29T09:43:48.555Z
* tablefilter v0.2.34 by Max Guglielmi
* build date: 2016-05-31T09:19:37.720Z
* 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}

4
dist/tablefilter/style/filtersVisibility.css vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.33 by Max Guglielmi
* build date: 2016-05-29T09:43:48.555Z
* tablefilter v0.2.34 by Max Guglielmi
* build date: 2016-05-31T09:19:37.720Z
* 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}

4
dist/tablefilter/style/tablefilter.css vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.33 by Max Guglielmi
* build date: 2016-05-29T09:43:48.555Z
* tablefilter v0.2.34 by Max Guglielmi
* build date: 2016-05-31T09:19:37.720Z
* MIT License
*/
.activeHeader{background-color:#66afe9 !important;color:#fff !important}

4
dist/tablefilter/style/themes/default/default.css vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.33 by Max Guglielmi
* build date: 2016-05-29T09:43:48.555Z
* tablefilter v0.2.34 by Max Guglielmi
* build date: 2016-05-31T09:19:37.720Z
* 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}

4
dist/tablefilter/style/themes/mytheme/mytheme.css vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.33 by Max Guglielmi
* build date: 2016-05-29T09:43:48.555Z
* tablefilter v0.2.34 by Max Guglielmi
* build date: 2016-05-31T09:19:37.720Z
* 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}

4
dist/tablefilter/style/themes/skyblue/skyblue.css vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.33 by Max Guglielmi
* build date: 2016-05-29T09:43:48.555Z
* tablefilter v0.2.34 by Max Guglielmi
* build date: 2016-05-31T09:19:37.720Z
* 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}

12
dist/tablefilter/tablefilter.js vendored
View file

File diff suppressed because one or more lines are too long

4
dist/tablefilter/tf-1.js vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.33 by Max Guglielmi
* build date: 2016-05-29T09:43:48.489Z
* tablefilter v0.2.34 by Max Guglielmi
* build date: 2016-05-31T09:19:37.658Z
* MIT License
*/

4
package.json
View file

@ -1,6 +1,6 @@
{
"name": "tablefilter",
"version": "0.2.33",
"version": "0.2.34",
"description": "A Javascript library making HTML tables filterable and a bit more",
"license": "MIT",
"author": {
@ -28,7 +28,7 @@
"tag": "next"
},
"devDependencies": {
"babel-core": "^6.9.0",
"babel-core": "^6.9.1",
"babel-eslint": "6.0.4",
"babel-loader": "^6.0.1",
"babel-preset-es2015": "^6.9.0",

30
src/cookie.js
View file

@ -1,28 +1,32 @@
import {root} from './root';
/**
* Cookie utilities
*/
const doc = root.document;
export default {
write(name, value, hours){
write(name, value, hours) {
let expire = '';
if(hours){
if (hours) {
expire = new Date((new Date()).getTime() + hours * 3600000);
expire = '; expires=' + expire.toGMTString();
}
document.cookie = name + '=' + escape(value) + expire;
doc.cookie = name + '=' + escape(value) + expire;
},
read(name){
read(name) {
let cookieValue = '',
search = name + '=';
if(document.cookie.length > 0){
let cookie = document.cookie,
if (doc.cookie.length > 0) {
let cookie = doc.cookie,
offset = cookie.indexOf(search);
if(offset !== -1){
if (offset !== -1) {
offset += search.length;
let end = cookie.indexOf(';', offset);
if(end === -1){
if (end === -1) {
end = cookie.length;
}
cookieValue = unescape(cookie.substring(offset, end));
@ -31,12 +35,12 @@ export default {
return cookieValue;
},
remove(name){
remove(name) {
this.write(name, '', -1);
},
valueToArray(name, separator){
if(!separator){
valueToArray(name, separator) {
if (!separator) {
separator = ',';
}
//reads the cookie
@ -46,8 +50,8 @@ export default {
return arr;
},
getValueByIndex(name, index, separator){
if(!separator){
getValueByIndex(name, index, separator) {
if (!separator) {
separator = ',';
}
//reads the cookie

13
src/emitter.js
View file

@ -2,6 +2,9 @@
* Event emitter class
*/
export class Emitter {
/**
* Creates an instance of Emitter.
*/
constructor() {
/**
* Events object
@ -16,7 +19,7 @@ export class Emitter {
* @param {Function} fn Function invoked when event is emitted
*/
on(evts, fn) {
evts.forEach((evt)=> {
evts.forEach((evt) => {
this.events[evt] = this.events[evt] || [];
this.events[evt].push(fn);
});
@ -28,8 +31,8 @@ export class Emitter {
* @param {Function} fn Function invoked when event is emitted
*/
off(evts, fn) {
evts.forEach((evt)=> {
if(evt in this.events) {
evts.forEach((evt) => {
if (evt in this.events) {
this.events[evt].splice(this.events[evt].indexOf(fn), 1);
}
});
@ -41,8 +44,8 @@ export class Emitter {
* the invoked function
*/
emit(evt /*, args...*/) {
if(evt in this.events) {
for(let i = 0; i < this.events[evt].length; i++) {
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));
}
}

84
src/event.js
View file

@ -5,51 +5,95 @@ import {root} from './root';
*/
export default {
add(obj, type, func, capture){
if(obj.addEventListener){
/**
* Add event handler for specified event on passed element
*
* @param {DOMElement} obj Element
* @param {String} type Event type
* @param {Function} Handler
* @param {Boolean} capture Specifiy whether the event should be executed in
* the capturing or in the bubbling phase
*/
add(obj, type, func, capture) {
if (obj.addEventListener) {
obj.addEventListener(type, func, capture);
}
else if(obj.attachEvent){
obj.attachEvent('on'+type, func);
else if (obj.attachEvent) {
obj.attachEvent('on' + type, func);
} else {
obj['on'+type] = func;
obj['on' + type] = func;
}
},
remove(obj, type, func, capture){
if(obj.detachEvent){
obj.detachEvent('on'+type,func);
/**
* Remove event handler for specified event on passed element
*
* @param {DOMElement} obj Element
* @param {String} type Event type
* @param {Function} Handler
* @param {Boolean} capture Specifiy whether the event should be executed in
* the capturing or in the bubbling phase
*/
remove(obj, type, func, capture) {
if (obj.detachEvent) {
obj.detachEvent('on' + type, func);
}
else if(obj.removeEventListener){
else if (obj.removeEventListener) {
obj.removeEventListener(type, func, capture);
} else {
obj['on'+type] = null;
obj['on' + type] = null;
}
},
stop(evt){
if(!evt){
/**
* Prevents further propagation of the current event in the bubbling phase
*
* @param {Event} evt Event on the DOM
*/
stop(evt) {
if (!evt) {
evt = root.event;
}
if(evt.stopPropagation){
if (evt.stopPropagation) {
evt.stopPropagation();
} else {
evt.cancelBubble = true;
}
},
cancel(evt){
if(!evt){
/**
* Cancels the event if it is cancelable, without stopping further
* propagation of the event.
*
* @param {Event} evt Event on the DOM
*/
cancel(evt) {
if (!evt) {
evt = root.event;
}
if(evt.preventDefault) {
if (evt.preventDefault) {
evt.preventDefault();
} else {
evt.returnValue = false;
}
},
target(evt){
return (evt && evt.target) || (root.event && root.event.srcElement);
/**
* Reference to the object that dispatched the event
*
* @param {Event} evt Event on the DOM
* @returns {DOMElement}
*/
target(evt) {
if (!evt) {
evt = root.event;
}
return evt.target || evt.srcElement;
},
keyCode(evt){
/**
* Returns the Unicode value of pressed key
*
* @param {Event} evt Event on the DOM
* @returns {Number}
*/
keyCode(evt) {
return evt.charCode ? evt.charCode :
(evt.keyCode ? evt.keyCode: (evt.which ? evt.which : 0));
(evt.keyCode ? evt.keyCode : (evt.which ? evt.which : 0));
}
};

2
src/extensions/sort/sort.js
View file

@ -1,7 +1,7 @@
import AdapterSortableTable from './adapterSortabletable';
import {root} from '../../root';
if(!root.SortableTable){
if (!root.SortableTable) {
require('script!sortabletable');
}

37
src/modules/alternateRows.js
View file

@ -1,16 +1,20 @@
import {Feature} from '../feature';
import {addClass, removeClass} from '../dom';
/**
* Rows with alternating background color for improved readability
*/
export class AlternateRows extends Feature {
/**
* Alternating rows color
* Creates an instance of AlternateRows.
*
* @param {Object} tf TableFilter instance
*/
constructor(tf) {
super(tf, 'alternateRows');
var config = this.config;
let config = this.config;
//defines css class for even rows
this.evenCss = config.even_row_css_class || 'even';
//defines css class for odd rows
@ -36,24 +40,21 @@ export class AlternateRows extends Feature {
this.initialized = true;
}
/**
* Apply background to all valid rows
*/
processAll() {
if (!this.isEnabled()) {
return;
}
var tf = this.tf;
var validRowsIndex = tf.getValidRows(true);
var noValidRowsIndex = validRowsIndex.length === 0;
//1st index
var beginIndex = noValidRowsIndex ? tf.refRow : 0;
// nb indexes
var indexLen = noValidRowsIndex ?
tf.nbFilterableRows + beginIndex :
validRowsIndex.length;
var idx = 0;
let tf = this.tf;
let validRowsIndex = tf.getValidRows(true);
let indexLen = validRowsIndex.length;
let idx = 0;
//alternates bg color
for (var j = beginIndex; j < indexLen; j++) {
var rowIdx = noValidRowsIndex ? j : validRowsIndex[j];
for (let j = 0; j < indexLen; j++) {
let rowIdx = validRowsIndex[j];
this.setRowBg(rowIdx, idx);
idx++;
}
@ -83,8 +84,8 @@ export class AlternateRows extends Feature {
if (!this.isEnabled() || isNaN(rowIdx)) {
return;
}
var rows = this.tf.tbl.rows;
var i = isNaN(idx) ? rowIdx : idx;
let rows = this.tf.tbl.rows;
let i = isNaN(idx) ? rowIdx : idx;
this.removeRowBg(rowIdx);
addClass(rows[rowIdx], (i % 2) ? this.evenCss : this.oddCss);
@ -98,7 +99,7 @@ export class AlternateRows extends Feature {
if (isNaN(idx)) {
return;
}
var rows = this.tf.tbl.rows;
let rows = this.tf.tbl.rows;
removeClass(rows[idx], this.oddCss);
removeClass(rows[idx], this.evenCss);
}
@ -111,7 +112,7 @@ export class AlternateRows extends Feature {
return;
}
let nbRows = this.tf.getRowsNb(true);
for (var i = 0; i < nbRows; i++) {
for (let i = 0; i < nbRows; i++) {
this.removeRowBg(i);
}

53
src/modules/help.js
View file

@ -4,16 +4,16 @@ import Event from '../event';
import {NONE} from '../const';
const WIKI_URL = 'https://github.com/koalyptus/TableFilter/wiki/' +
'4.-Filter-operators';
'4.-Filter-operators';
const WEBSITE_URL = 'http://koalyptus.github.io/TableFilter/';
export class Help extends Feature{
export class Help extends Feature {
/**
* Help UI component
* @param {Object} tf TableFilter instance
*/
constructor(tf){
constructor(tf) {
super(tf, 'help');
var f = this.config;
@ -31,7 +31,7 @@ export class Help extends Feature{
'operators: <br /><b>&lt;</b>, <b>&lt;=</b>, <b>&gt;</b>, ' +
'<b>&gt;=</b>, <b>=</b>, <b>*</b>, <b>!</b>, <b>{</b>, <b>}</b>, ' +
'<b>||</b>,<b>&amp;&amp;</b>, <b>[empty]</b>, <b>[nonempty]</b>, ' +
'<b>rgx:</b><br/><a href="'+ WIKI_URL +'" target="_blank">' +
'<b>rgx:</b><br/><a href="' + WIKI_URL + '" target="_blank">' +
'Learn more</a><hr/>';
//defines help innerHtml
this.instrHtml = f.help_instructions_html || null;
@ -46,12 +46,12 @@ export class Help extends Feature{
'helpCont';
//help button element
this.btn = null;
//help content div
//help content div
this.cont = null;
this.defaultHtml = '<div class="helpFooter"><h4>TableFilter ' +
'v'+ tf.version +'</h4>' +
'<a href="'+ WEBSITE_URL +'" target="_blank">'+ WEBSITE_URL +'</a>'+
'<br/><span>&copy;2015-'+ tf.year +' {AUTHOR}</span>' +
'v' + tf.version + '</h4>' + '<a href="' + WEBSITE_URL +
'" target="_blank">' + WEBSITE_URL + '</a>' +
'<br/><span>&copy;2015-' + tf.year + ' {AUTHOR}</span>' +
'<div align="center" style="margin-top:8px;">' +
'<a href="javascript:void(0);" class="close">Close</a></div></div>';
@ -60,21 +60,26 @@ export class Help extends Feature{
//id prefix for help elements
this.prfxHelpDiv = 'helpDiv_';
this.emitter.on(['init-help'], ()=> this.init());
this.emitter.on(['init-help'], () => this.init());
}
init(){
if(this.initialized){
/**
* Initialise Help instance
*
* @returns (description)
*/
init() {
if (this.initialized) {
return;
}
var tf = this.tf;
var helpspan = createElm('span', ['id', this.prfxHelpSpan+tf.id]);
var helpdiv = createElm('div', ['id', this.prfxHelpDiv+tf.id]);
var helpspan = createElm('span', ['id', this.prfxHelpSpan + tf.id]);
var helpdiv = createElm('div', ['id', this.prfxHelpDiv + tf.id]);
//help button is added to defined element
if(!this.tgtId){
if (!this.tgtId) {
tf.setToolbar();
}
var targetEl = !this.tgtId ? tf.rDiv : elm(this.tgtId);
@ -82,7 +87,7 @@ export class Help extends Feature{
var divContainer = !this.contTgtId ? helpspan : elm(this.contTgtId);
if(!this.btnHtml){
if (!this.btnHtml) {
divContainer.appendChild(helpdiv);
var helplink = createElm('a', ['href', 'javascript:void(0);']);
helplink.className = this.btnCssClass;
@ -96,16 +101,16 @@ export class Help extends Feature{
divContainer.appendChild(helpdiv);
}
if(!this.instrHtml){
if (!this.instrHtml) {
helpdiv.innerHTML = this.instrText;
helpdiv.className = this.contCssClass;
Event.add(helpdiv, 'dblclick', () => this.toggle());
} else {
if(this.contTgtId){
if (this.contTgtId) {
divContainer.appendChild(helpdiv);
}
helpdiv.innerHTML = this.instrHtml;
if(!this.contTgtId){
if (!this.contTgtId) {
helpdiv.className = this.contCssClass;
Event.add(helpdiv, 'dblclick', () => this.toggle());
}
@ -121,14 +126,14 @@ export class Help extends Feature{
/**
* Toggle help pop-up
*/
toggle(){
toggle() {
// check only if explicitily set to false as in this case undefined
// signifies the help feature is enabled by default
if(this.enabled === false){
if (this.enabled === false) {
return;
}
var divDisplay = this.cont.style.display;
if(divDisplay === '' || divDisplay === NONE){
if (divDisplay === '' || divDisplay === NONE) {
this.cont.style.display = 'inline';
} else {
this.cont.style.display = NONE;
@ -138,13 +143,13 @@ export class Help extends Feature{
/**
* Remove help UI
*/
destroy(){
if(!this.initialized){
destroy() {
if (!this.initialized) {
return;
}
removeElm(this.btn);
this.btn = null;
if(!this.cont){
if (!this.cont) {
return;
}
removeElm(this.cont);

11
src/tablefilter.js
View file

@ -109,12 +109,8 @@ export class TableFilter {
//stores filters ids
this.fltIds = [];
//stores filters DOM elements
this.fltElms = [];
//stores valid rows indexes (rows visible upon filtering)
this.validRowsIndex = [];
//stores filters row element
this.fltGridEl = null;
//container div for paging elements, reset btn etc.
this.infDiv = null;
//div for rows counter
@ -920,9 +916,9 @@ export class TableFilter {
if (!this.initialized) {
return;
}
let rows = this.tbl.rows,
Mod = this.Mod,
emitter = this.emitter;
let Mod = this.Mod;
let emitter = this.emitter;
if (this.isExternalFlt && !this.popupFilters) {
this.removeExternalFlts();
@ -943,7 +939,6 @@ export class TableFilter {
this.validateAllRows();
if (this.fltGrid && !this.gridLayout) {
this.fltGridEl = rows[this.filtersRowIndex];
this.tbl.deleteRow(this.filtersRowIndex);
}

16
test/test-linked-filters-disabled-options-grid-layout.js
View file

@ -1,6 +1,6 @@
(function(win, TableFilter){
(function (win, TableFilter) {
var id = function (id){ return document.getElementById(id); };
var id = function (id) { return document.getElementById(id); };
var tf = new TableFilter('demo', {
base_path: '../dist/tablefilter/',
@ -16,7 +16,7 @@
triggerEvents();
module('Sanity checks');
test('Linked filters feature', function() {
test('Linked filters feature', function () {
deepEqual(tf instanceof TableFilter, true, 'TableFilter instantiated');
deepEqual(tf.linkedFilters, true, 'Linked filters enabled');
});
@ -36,11 +36,11 @@
function checkFilters(tf, colIndex, flt) {
module('behaviour');
test('Can filter', function() {
if(colIndex === 0){
test('Can filter', function () {
if (colIndex === 0) {
deepEqual(flt.options.length, 3, 'Filter 0 options number');
}
if(colIndex === 1){
if (colIndex === 1) {
deepEqual(flt.getElementsByTagName('li').length, 7,
'Filter 1 options number');
testClearFilters();
@ -52,7 +52,7 @@
// Tests for https://github.com/koalyptus/TableFilter/pull/42 issue
function testClearFilters() {
test('Check clear filters functionality', function() {
test('Check clear filters functionality', function () {
tf.clearFilters();
deepEqual(tf.getFilterableRowsNb(), 7,
@ -63,7 +63,7 @@
}
function testDestroy() {
test('Tear down', function() {
test('Tear down', function () {
tf.destroy();
deepEqual(tf.isInitialized(), false, 'Filters removed');

16
test/test-linked-filters-grid-layout.js
View file

@ -1,6 +1,6 @@
(function(win, TableFilter){
(function (win, TableFilter) {
var id = function (id){ return document.getElementById(id); };
var id = function (id) { return document.getElementById(id); };
var tf = new TableFilter('demo', {
base_path: '../dist/tablefilter/',
@ -15,7 +15,7 @@
triggerEvents();
module('Sanity checks');
test('Linked filters feature', function() {
test('Linked filters feature', function () {
deepEqual(tf instanceof TableFilter, true, 'TableFilter instantiated');
deepEqual(tf.linkedFilters, true, 'Linked filters enabled');
});
@ -35,11 +35,11 @@
function checkFilters(tf, colIndex, flt) {
module('behaviour');
test('Can filter', function() {
if(colIndex === 0){
test('Can filter', function () {
if (colIndex === 0) {
deepEqual(flt.options.length, 2, 'Filter 0 options number');
}
if(colIndex === 1){
if (colIndex === 1) {
deepEqual(flt.getElementsByTagName('li').length, 2,
'Filter 1 options number');
testClearFilters();
@ -49,7 +49,7 @@
// Tests for https://github.com/koalyptus/TableFilter/pull/42 issue
function testClearFilters() {
test('Check clear filters functionality', function() {
test('Check clear filters functionality', function () {
tf.clearFilters();
deepEqual(tf.getFilterableRowsNb(), 7,
@ -60,7 +60,7 @@
}
function testDestroy() {
test('Tear down', function() {
test('Tear down', function () {
tf.destroy();
deepEqual(tf.isInitialized(), false, 'Filters removed');