deblan-mirror/TableFilter
1
0
Fork 0
mirror of https://github.com/koalyptus/TableFilter.git synced 2024-05-03 15:13:15 +02:00
Code Issues Releases Wiki Activity

Investigating conditional module loading

Browse source
This commit is contained in:
Max Guglielmi 2015-05-02 19:54:24 +10:00
parent 7e6aadcfb5
commit 25b358a18f
106 changed files with 20500 additions and 5342 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.jshintrc
View file

@ -19,6 +19,7 @@
//"maxlen" : 80,
"globals": {
"System": true,
"Object": true,
"module": true,
"require": true,
"define": true,

130
Gruntfile.js
View file

@ -1,6 +1,136 @@
module.exports = function (grunt) {
var webpack = require("webpack");
// var webpackConfig = require("./webpack.config.js");
var path = require("path");
grunt.initConfig({
"webpack-dev-server": {
options: {
webpack: webpack.dev,
publicPath: "/src/"
},
start: {
keepAlive: true,
webpack: {
devtool: "eval",
debug: true
}
}
},
webpack: {
"dev": {
entry: __dirname + '/src-es6/tablefilter.js',
// entry: {
// tablefilter: __dirname + '/src-es6/tablefilter.js',
// colsVisibility: __dirname +
// '/src-es6/extensions/colsVisibility/colsVisibility.js'
// },
output: {
publicPath: "/src/",
path: __dirname + "/src",
filename: "tablefilter.js",
chunkFilename: "[name].js",
libraryTarget: 'umd'
},
resolve: {
extensions: ['', '.js']
},
module: {
loaders: [{
test: path.join(__dirname, 'src-es6'),
exclude: /node_modules/,
query: {
compact: false
},
loader: 'babel-loader'
}]
},
devtool: "sourcemap",
debug: true
},
"build": {
entry: __dirname + '/src-es6/tablefilter.js',
// entry: {
// tablefilter: __dirname + '/src-es6/tablefilter.js',
// sortabletable: __dirname + '/libs/sortabletable.js'
// },
output: {
publicPath: "/dist/",
path: __dirname + "/dist",
filename: "tablefilter.js",
chunkFilename: "[name].js",
libraryTarget: 'umd'
},
resolve: {
extensions: ['', '.js'],
alias: {
sortabletable: "../../../libs/sortabletable.js",
adapterSortabletable:
'./extensions/sortabletable/adapterSortabletable'
}
},
// externals: {
// 'sortabletable': "SortableTable"
// },
module: {
loaders: [{
test: path.join(__dirname, 'src-es6'),
exclude: /node_modules/,
query: {
compact: false
},
loader: 'babel-loader'
}
// ,
// {
// // test: /[\/\\]libs[\/\\]sortabletable\.js$/,
// // test: path.join(__dirname, 'libs') + 'sortabletable.js',
// test: /sortabletable\.js$/,
// exclude: /node_modules/,
// loader: "imports?this=>window"
// },
// {
// test: /sortabletable\.js$/,
// exclude: /node_modules/,
// loader: "expose?SortableTable"
// }
// {
// test: /[\/]sortabletable\.js$/,
// loader: "exports?SortableTable"
// }
]
},
plugins: [
// new webpack.DefinePlugin({
// "process.env": {
// // This has effect on the react lib size
// "NODE_ENV": JSON.stringify("production")
// }
// }),
new webpack.optimize.DedupePlugin()
// ,
// new webpack.optimize.UglifyJsPlugin()
]
}
}
});
grunt.loadNpmTasks('grunt-webpack');
// The development server (the recommended option for development)
grunt.registerTask("default", ["webpack-dev-server:start"]);
// Build and watch cycle (another option for development)
// Advantage: No server required, can run app from filesystem
// Disadvantage: Requests are not blocked until bundle is available,
// can serve an old app on too fast refresh
grunt.registerTask("dev", ["webpack:dev"/*, "watch:app"*/]);
// Production build
grunt.registerTask("build", ["webpack:build"]);
};

1605
dist/1.js vendored Normal file
View file

File diff suppressed because it is too large Load diff

98
dist/TF_Themes/Default/TF_Default.css vendored Normal file
View file

@ -0,0 +1,98 @@
/*====================================================
- HTML Table Filter Generator Default Theme
- Do not hesitate to edit classes below to
change theme appearance
=====================================================*/
/* TABLE LAYOUT
=====================================================*/
table.TF{
font:normal 12px arial, tahoma, helvetica, sans-serif !important;
border-left:1px solid #ccc !important; border-top:none !important;
border-right:none !important; border-bottom:none !important;
}
table.TF th{
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;
padding:2px !important; color:#333 !important; height:25px !important;
}
table.TF td{ border-bottom:1px dotted #999 !important; padding:5px !important; }
/* FILTERS
=====================================================*/
/* filter grid row appearance */
.fltrow{ background-color:#EBECEE !important; }
.fltrow th, .fltrow td{ border-bottom:1px dotted #666 !important; padding:1px 3px 1px 3px !important; }
/* filter (input) appearance */
.flt, select.flt, select.flt_multi, .flt_s, .single_flt, .div_checklist{ border:1px solid #999 !important; }
input.flt{ width:99% !important; }
/* TOP BAR
=====================================================*/
/* div containing left, middle and right divs */
.inf{ background:#f4f4f4 url(images/bg_infDiv.jpg) 0 0 repeat-x !important; }
/* RESET BUTTON
=====================================================*/
/* Reset button */
input.reset{
width:19px; height:19px; cursor:pointer !important;
border:0 !important; vertical-align:middle;
background:transparent url(images/btn_eraser.gif) center center no-repeat !important;
}
input.reset:hover{ background:transparent url(images/btn_over_eraser.gif) center center no-repeat !important; }
/* PAGING
=====================================================*/
/* Paging elements */
input.pgInp{
width:19px; height:19px; cursor:pointer !important;
border:0 !important;
}
.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; }
.nextPage:hover{ background:transparent url(images/btn_over_next_page.gif) center center no-repeat !important; }
.previousPage:hover{ background:transparent url(images/btn_over_previous_page.gif) center center no-repeat !important; }
.firstPage:hover{ background:transparent url(images/btn_over_first_page.gif) center center no-repeat !important; }
.lastPage:hover{ background:transparent url(images/btn_over_last_page.gif) center center no-repeat !important; }
select.rspg{ font-size:10px; }
/* GRID LAYOUT
=====================================================*/
/*Main container*/
div.grd_Cont{ background-color:#EBECEE !important; border:1px solid #ccc !important; padding:0 !important; }
/*headers' table container*/
div.grd_headTblCont{ background-color:#EBECEE !important; border-bottom:none !important; }
/*div.grd_tblCont{ overflow-y:auto !important; }*/
div.grd_tblCont table{ border-right:none !important; }
/* Headers */
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 containing left, middle and right divs */
.grd_inf{
background:#D7D7D7 url(images/bg_infDiv.jpg) 0 0 repeat-x !important;
border-top:1px solid #D0D0D0 !important; height:29px !important;
}
/*row bg alternating color*/
div.grd_Cont .even{ background-color:#fff; }
div.grd_Cont .odd{ background-color:#D5D5D5; }
/* LOADER
=====================================================*/
/* Loader */
.loader{ border:1px solid #999; background:#fff; }
.defaultLoader{ width:32px; height:32px; background:transparent url(images/img_loading.gif) 0 0 no-repeat !important; }
/* ALTERNATING ROW BACKGROUNDS
=====================================================*/
/* Alternating backgrounds */
.even{ background-color:#fff; }/*row bg alternating color*/
.odd{ background-color:#D5D5D5; }/*row bg alternating color*/

BIN
dist/TF_Themes/Default/images/bg_infDiv.jpg vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 303 B

BIN
dist/TF_Themes/Default/images/bg_th.jpg vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 326 B

BIN
dist/TF_Themes/Default/images/btn_eraser.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 356 B

BIN
dist/TF_Themes/Default/images/btn_first_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 332 B

BIN
dist/TF_Themes/Default/images/btn_last_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 331 B

BIN
dist/TF_Themes/Default/images/btn_next_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 187 B

BIN
dist/TF_Themes/Default/images/btn_over_eraser.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 440 B

BIN
dist/TF_Themes/Default/images/btn_over_first_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 640 B

BIN
dist/TF_Themes/Default/images/btn_over_last_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 427 B

BIN
dist/TF_Themes/Default/images/btn_over_next_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 393 B

BIN
dist/TF_Themes/Default/images/btn_over_previous_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 395 B

BIN
dist/TF_Themes/Default/images/btn_previous_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 290 B

BIN
dist/TF_Themes/Default/images/img_loading.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

119
dist/TF_Themes/MyTheme/MyTheme.css vendored Normal file
View file

@ -0,0 +1,119 @@
/*====================================================
- HTML Table Filter Generator Custom Theme
- Do not hesitate to edit classes below to
change theme appearance
=====================================================*/
/* TABLE LAYOUT
=====================================================*/
table.TF{
font:13px "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif !important;
border-left:1px dotted #81963B !important; border-top:none !important;
border-right:0 !important; border-bottom:none !important;
}
table.TF th{
background:#39424B url(images/bg_headers.jpg) left top 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;
}
table.TF td{ border-bottom:1px dotted #81963B; border-right:1px dotted #81963B; padding:5px !important; }
/* FILTERS
=====================================================*/
/* filter grid row appearance */
.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;
}
/* filter (input) appearance */
.flt, select.flt, select.flt_multi, .flt_s, .single_flt, .div_checklist{ border:1px solid #687830 !important; }
input.flt{ width:99% !important; }
/* TOP BAR
=====================================================*/
/* div containing left, middle and right divs */
.inf{ background:#f4f4f4 url(images/bg_infDiv.jpg) left bottom repeat-x !important; }
/* RESET BUTTON
=====================================================*/
/* Reset button */
input.reset{
width:53px; height:19px; cursor:pointer !important;
border:0 !important; vertical-align:middle;
background:transparent url(images/btn_filter.png) center center no-repeat !important;
}
input.reset:hover{ background:#CAD1D6 url(images/btn_filter.png) center center no-repeat !important; }
/* PAGING
=====================================================*/
/* Paging elements */
/* left div */
.ldiv{ width:40% !important; }
/* middle div */
.mdiv{ width:34% !important; text-align:left !important; }
/* right div */
.rdiv{ width:20% !important; }
input.pgInp{
width:19px; height:19px; cursor:pointer !important;
border:0 !important;
}
.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; }
.nextPage:hover{ background:#CAD1D6 url(images/btn_next_page.gif) center center no-repeat !important; }
.previousPage:hover{ background:#CAD1D6 url(images/btn_previous_page.gif) center center no-repeat !important; }
.firstPage:hover{ background:#CAD1D6 url(images/btn_first_page.gif) center center no-repeat !important; }
.lastPage:hover{ background:#CAD1D6 url(images/btn_last_page.gif) center center no-repeat !important; }
select.rspg{ font-size:10px; }
/* GRID LAYOUT
=====================================================*/
/*Main container*/
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; }
/*headers' table container*/
div.grd_headTblCont{ background-color:#EBECEE !important; border-bottom:none !important; }
/*div.grd_tblCont{ overflow-y:auto !important; }*/
div.grd_tblCont table{ border-right:none !important; }
/* Headers */
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;
}
/* filters cells */
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;
}
/* div containing left, middle and right divs */
.grd_inf{
background:#f4f4f4 url(images/bg_infDiv.jpg) center bottom repeat-x !important;
border-top:1px solid #D0D0D0 !important; height:29px !important; padding-top:2px !important;
}
/*row bg alternating color*/
div.grd_Cont .even{ background-color:#BCCD83; }
div.grd_Cont .odd{ background-color:#fff; }
/* LOADER
=====================================================*/
/* Loader */
.loader{ border:0 !important; background:transparent !important; margin:185px auto !important; }
.defaultLoader{ width:32px; height:32px; background:transparent url(images/img_loading.gif) 0 0 no-repeat !important; }
/* ALTERNATING ROW BACKGROUNDS
=====================================================*/
/* Alternating backgrounds */
.even{ background-color:#BCCD83; }/*row bg alternating color*/
.odd{ background-color:#fff; }/*row bg alternating color*/

BIN
dist/TF_Themes/MyTheme/images/bg_headers.jpg vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 300 B

BIN
dist/TF_Themes/MyTheme/images/bg_infDiv.jpg vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 303 B

BIN
dist/TF_Themes/MyTheme/images/btn_filter.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 928 B

BIN
dist/TF_Themes/MyTheme/images/btn_first_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 63 B

BIN
dist/TF_Themes/MyTheme/images/btn_last_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 61 B

BIN
dist/TF_Themes/MyTheme/images/btn_next_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 59 B

BIN
dist/TF_Themes/MyTheme/images/btn_previous_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 58 B

BIN
dist/TF_Themes/MyTheme/images/img_loading.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8.6 KiB

148
dist/TF_Themes/SkyBlue/TF_SkyBlue.css vendored Normal file
View file

@ -0,0 +1,148 @@
/*====================================================
- HTML Table Filter Generator SkyBlue Theme
- Do not hesitate to edit classes below to
change theme appearance
=====================================================*/
/* TABLE LAYOUT
=====================================================*/
table.TF{
padding:0; color:#000;
font:12px/13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !important;
border-right:1px solid #A4BED4;
border-top:1px solid #A4BED4;
border-left:1px solid #A4BED4;
border-bottom:0;
}
table.TF th{
margin:0; padding:5px; 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;
}
/* FILTERS
=====================================================*/
/* filter grid row appearance */
.fltrow{ background-color:#D1E5FE !important; }
.fltrow th, .fltrow td{ border-top:1px dotted #666 !important; border-bottom:1px dotted #666 !important; padding:1px 3px 1px 3px !important; }
/* filter (input) appearance */
.flt, select.flt, select.flt_multi, .flt_s, .single_flt, .div_checklist{ border:1px solid #A4BED4 !important; }
input.flt{ width:99% !important; }
/* TOP BAR
=====================================================*/
/* div containing left, middle and right divs */
.inf{
background:#D9EAED !important;
border:1px solid #99CCCC;
height:25px; color:#004A6F;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
div.tot, div.status{ border-right:0 !important; }
.helpBtn{
margin:0 5px 0 5px; padding: 2px 4px 2px 4px;
color:#004A6F !important; font-size:13px;
border:1px solid transparent !important;
} /* help button */
.helpBtn:hover{ background-color:#FFE4AB; border:1px solid #FFB552 !important; text-decoration:none; }
div.helpCont{ color:inherit !important: }
/* RESET BUTTON
=====================================================*/
/* Reset button */
input.reset{
width:19px; height:19px; cursor:pointer !important;
border:1px solid transparent !important; vertical-align:middle;
background:transparent url(images/icn_clear_filters.png) center center no-repeat !important;
}
input.reset:hover{ background:#FFE4AB url(images/icn_clear_filters.png) center center no-repeat !important; border:1px solid #FFB552 !important; }
/* PAGING
=====================================================*/
/* Paging elements */
input.pgInp{
width:19px; height:19px; cursor:pointer !important;
border:0 !important;
}
.nextPage{ background:transparent url(images/btn_next_page.gif) center center no-repeat !important; border:1px solid transparent !important; }
.previousPage{ background:transparent url(images/btn_prev_page.gif) center center no-repeat !important; border:1px solid transparent !important; }
.firstPage{ background:transparent url(images/btn_first_page.gif) center center no-repeat !important; border:1px solid transparent !important; }
.lastPage{ background:transparent url(images/btn_last_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:hover{ background:#FFE4AB url(images/btn_prev_page.gif) center center no-repeat !important; border:1px solid #FFB552 !important; }
.firstPage:hover{ background:#FFE4AB url(images/btn_first_page.gif) center center no-repeat !important; border:1px solid #FFB552 !important; }
.lastPage:hover{ background:#FFE4AB url(images/btn_last_page.gif) center center no-repeat !important; border:1px solid #FFB552 !important; }
select.rspg{ font-size:10px; }
/* ACTIVE COLUMN HEADER
=====================================================*/
.activeHeader{ background:#FFE4AB !important; border:1px solid #FFB552 !important; color:inherit !important; }
/* GRID LAYOUT
=====================================================*/
/*Main container*/
div.grd_Cont{ background-color:#D9EAED !important; border:1px solid #99CCCC !important; padding:0 !important; }
/*headers' table container*/
div.grd_headTblCont{ background-color:#D9EAED !important; border-bottom:none !important; }
/*div.grd_tblCont{ overflow-y:auto !important; }*/
div.grd_tblCont table{ border-right:none !important; font:12px/13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !important; }
/* Headers */
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;
padding:5px 2px 5px 2px !important;
}
div.grd_tblCont table td{
border-bottom:1px solid #A4BED4 !important; border-right:0 !important;
border-left:0 !important; border-top:0 !important; padding:5px 2px 5px 2px !important;
}
/* div containing left, middle and right divs */
.grd_inf{
background:#D9EAED !important;
height:25px; color:#004A6F;
border-top:1px solid #99CCCC !important;
}
.grd_inf .rdiv{ height:28px; }
.grd_inf a{ text-decoration:none; font-weight:bold; } /* help */
/* help button */
.grd_inf a.helpBtn{ vertical-align:middle; margin-top:2px !important; padding-top:1px !important; }
/* row bg alternating color */
div.grd_Cont .even{ background-color:#fff; }
div.grd_Cont .odd{ background-color:#E3EFFF; }
/* LOADER
=====================================================*/
/* Loader */
.loader{ border:0 !important; background:transparent !important; margin-top:40px; margin-left:0 !important; }
/* ALTERNATING ROW BACKGROUNDS
=====================================================*/
/* Alternating backgrounds */
.even{ background-color:#fff; }/*row bg alternating color*/
.odd{ background-color:#E3EFFF; }/*row bg alternating color*/
/* ezEditTable
=====================================================*/
/* Selection */
.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:rgb(0,0,0)!important; }

BIN
dist/TF_Themes/SkyBlue/images/bg_skyblue.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 554 B

BIN
dist/TF_Themes/SkyBlue/images/btn_first_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 118 B

BIN
dist/TF_Themes/SkyBlue/images/btn_last_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 118 B

BIN
dist/TF_Themes/SkyBlue/images/btn_next_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 97 B

BIN
dist/TF_Themes/SkyBlue/images/btn_prev_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 97 B

BIN
dist/TF_Themes/SkyBlue/images/icn_clear_filters.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 601 B

BIN
dist/TF_Themes/SkyBlue/images/img_loading.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 847 B

BIN
dist/TF_Themes/blank.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 144 B

BIN
dist/TF_Themes/btn_clear_filters.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 360 B

BIN
dist/TF_Themes/btn_filter.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 325 B

BIN
dist/TF_Themes/btn_first_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 63 B

BIN
dist/TF_Themes/btn_last_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 61 B

BIN
dist/TF_Themes/btn_next_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 59 B

BIN
dist/TF_Themes/btn_previous_page.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 58 B

BIN
dist/TF_Themes/downsimple.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 201 B

BIN
dist/TF_Themes/icn_filter.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 68 B

BIN
dist/TF_Themes/icn_filterActive.gif vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 78 B

BIN
dist/TF_Themes/upsimple.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 201 B

0
src-es6/extensions/colsVisibility/colsVisibility.css → dist/extensions/colsVisibility/colsVisibility.css vendored
View file

328
dist/filtergrid.css vendored Normal file
View file

@ -0,0 +1,328 @@
/*====================================================
- HTML Table Filter Generator stylesheet
- do not hesitate to edit classes below to
change filter grid appearance
=====================================================*/
/* TABLE LAYOUT
=====================================================*/
table.TF{
font:normal 12px arial, tahoma, helvetica, sans-serif;
border-top:1px solid #D0D0D0; border-left:1px solid #D0D0D0;
border-bottom:1px solid #ccc; border-right:1px solid #ccc;
}
table.TF th{
background-color:#EBECEE;
border-bottom:1px solid #D0D0D0; border-right:1px solid #D0D0D0;
border-left:1px solid #fff; border-top:1px solid #fff;
padding:5px 5px 5px 5px; color:#333;
}
table.TF td{ padding:5px 5px 5px 5px; border-bottom:1px solid #D0D0D0; border-right:1px solid #D0D0D0; }
/* FILTERS BAR
=====================================================*/
.fltrow{ /* filter grid row appearance */
height:20px;
background-color:#f4f4f4;
}
.fltrow td, .fltrow th{ padding:2px !important; }
.btnflt{ /* button appearance */
font-size:11px; vertical-align:middle;
margin:0 2px 0 2px; padding:0 1px 0 1px;
}
.btnflt_icon{ /* button appearance when displayIcons is true */
width:19px; height:19px; cursor:pointer !important;
border:0 !important; vertical-align:middle;
background:transparent url(TF_Themes/btn_filter.png) center center no-repeat !important;
}
.flt{ /* filter (input) appearance */
background-color:#fff; font-size:10px;
border:1px solid #ccc;
margin:0; width:97%; vertical-align:middle;
}
select.flt{ /* select filter */
background-color:#fff; border:1px solid #ccc;
margin:0 1px 1px 0; width:99%; font-size:9px; vertical-align:middle;
}
select.flt_multi{ /* multiple select filter */
background-color:#fff; border:1px solid #ccc;
margin:0 1px 1px 0; width:99%; height:100px;
font-size:9px; vertical-align:middle;
}
.flt_s{ /* small filter (input) appearance */
background-color:#fff; font-size:10px;
border:1px solid #ccc;
margin:0; width:80%; vertical-align:middle;
}
.single_flt{ /* single filter appearance (input) */
background-color:#fff; font-size:11px;
border-left:1px solid #999; border-right:1px solid #ccc;
border-top:1px solid #ccc; border-bottom:1px solid #999;
margin:0; width:120px; vertical-align:middle;
}
.fltWatermark{ /* watermark input */
color:#999;
}
.div_checklist{ /* div containing checklist */
width:100%; height:100px;
border:1px solid #ccc;
overflow:auto; text-align:left;
background-color:#fff;
color:#333 !important;
}
.div_checklist ul.flt_checklist{ padding:0 !important; margin:0 !important; list-style: none !important; }
.div_checklist li.flt_checklist_item{ /*check list item*/
padding:1px !important; margin:0 !important; font-size:10px !important;
border-bottom:1px solid #ccc !important;
}
.div_checklist li.flt_checklist_item:hover{
background-color:#335EA8 !important;
color:#fff !important;
}
.flt_checklist_item_disabled{ background-color:#E5E5E5; }
.flt_checklist_slc_item{ /*selected check list item*/
background-color:#335EA8 !important;
color:#fff !important;
}
.div_checklist label{ display:block !important; }
.div_checklist input{ vertical-align:middle !important; margin:2px 5px 2px 1px !important; }
/* RESET BUTTON
=====================================================*/
/* Reset button */
input.reset{
width:19px; height:19px; cursor:pointer !important;
border:0 !important; vertical-align:middle;
background:transparent url(TF_Themes/btn_clear_filters.png) center center no-repeat !important;
}
input.reset:hover{ background:#CAD1D6 url(TF_Themes/btn_clear_filters.png) center center no-repeat !important; }
/* PAGING ELEMENTS
=====================================================*/
.inf{ /* div containing left, middle and right divs */
clear:both; width:auto; height:25px;
background:#f4f4f4; font-size:12px;
margin:0; padding:1px 3px 1px 3px;
border:1px solid #ccc; overflow:hidden;
}
.ldiv{ /* left div */
float:left; width:30%; position:inherit;
}
.mdiv{ /* middle div */
float:left; width:38%; position:inherit; text-align:center;
padding:1px 0;
}
.rdiv{ /* right div */
float:right; width:30%; position:inherit; text-align:right;
}
select.pgSlc{ height:20px; vertical-align:middle; font-size:10px; }/*paging drop-down list*/
input.pgNbInp{/*paging text-box*/
width:25px; height:16px; margin:1px;
font-size:11px; vertical-align:middle;
}
input.pgInp{ /*paging buttons (Next/Previous)*/
vertical-align: middle;
width:19px; height:19px; cursor:pointer !important;
border:0 !important; font-weight:bold; font-size:11px;
}
.nextPage{ background:transparent url(TF_Themes/btn_next_page.gif) center center no-repeat !important; }
.previousPage{ background:transparent url(TF_Themes/btn_previous_page.gif) center center no-repeat !important; }
.firstPage{ background:transparent url(TF_Themes/btn_first_page.gif) center center no-repeat !important; }
.lastPage{ background:transparent url(TF_Themes/btn_last_page.gif) center center no-repeat !important; }
.nextPage:hover, .previousPage:hover, .firstPage:hover, .lastPage:hover{ background-color:#CAD1D6 !important; }
span.nbpg{ padding:0 5px 0 0; }/*paging nb pages*/
div.inf a{ color:#333; text-decoration:none; font-weight:bold; }/*link appearence in .inf div*/
div.inf a:hover{ text-decoration:underline; }/*link appearence in .inf div*/
div.tot{ /* rows counter appearance */
float:left; overflow:hidden;
width:150px; height:15px;
border-right:1px solid #ccc;
margin:0 5px 0 2px;
padding:0 2px 0 2px;
}
div.tot span{ font-weight:bold; font-size:11px; }
select.rspg{ width:50px; margin:1px 5px 0 5px; vertical-align:middle; }/*results per page select*/
span.rspgSpan{ font-size:11px; } /*results per page select label*/
/* BEHAVIOURS
=====================================================*/
span.keyword{ background-color: #ffcc00;}/*highlighted word*/
.even{ background-color:#fff; }/*row bg alternating color*/
.odd{ background-color:#E5E5E5; }/*row bg alternating color*/
.loader{ /* loader appearance */
position:absolute; padding: 5px 10px 5px 10px;
margin:20px 0 0 20px; width:auto;
z-index:1000; font-size:12px; font-weight:bold;
border:1px solid #666; background:#f4f4f4;
vertical-align:middle;
}
div.status{ /* status bar appearance */
float:left; overflow:hidden;
width:150px; height:15px;
border-right:1px solid #ccc;
margin:0 5px 0 2px;
padding:0 2px 0 2px;
}
div.status span{ font-weight:bold; font-size:11px; }
div.cont{ /*table container div*/
height:200px; overflow: auto;
}
div.head{ width:auto; overflow:hidden; }
/* Help elements */
.helpBtn{ margin:0 5px 0 5px; padding: 2px 4px 2px 4px; border-left:1px solid #ccc; border-right:1px solid #ccc; } /* help button */
div.helpCont{ /* help container */
position:absolute; display:none;
max-width:300px; overflow:auto;
padding:7px 7px 7px 7px; margin:15px 0;
border:1px solid #CCC; line-height:19px;
font-size:12px; color:#333;
background:#fff; text-align:left;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
box-shadow:3px 3px 2px #888;
-moz-box-shadow:3px 3px 2px #888;
-webkit-box-shadow:3px 3px 2px #888;
}
div.helpCont a{ color:#cc0000; text-decoration:underline; font-weight:normal; }
div.helpCont a:hover{ text-decoration:none; }
div.helpCont hr{ border:1px solid #ccc; }
div.helpFooter{ margin:10px 0 0 0; }
div.helpFooter h4{ margin:2px 2px 2px 2px; font-size:13px; color:#333; }
/* Pop-up filters elements */
div.popUpFilter{
position:absolute; display:none; width:100px;
background:#C8E0FB; border:1px solid #e4e4e4;
padding:1px 3px 1px 1px;
margin:20px auto 0 0px;
}
/* Active column header */
.activeHeader{ background:#004080 !important; color:#fff !important; }
/* GRID LAYOUT
=====================================================*/
div.grd_Cont{ /*Main container*/
width:800px; height:auto;
overflow:hidden;
padding:3px 3px 3px 3px;
background:#C8E0FB;
border:1px solid #99BBE8;
}
div.grd_tblCont{ /*Content table container*/
height:400px; width:800px;
background:#fff;
overflow-x:auto;
overflow-y:scroll;
}
div.grd_headTblCont{ /*headers' table container*/
height:auto; width:800px; overflow:hidden;
border-bottom:1px solid #99BBE8;
background-color:#C8E0FB;
}
div.grd_tblCont table, div.grd_headTblCont table{ /*Tables*/
font-size:12px; border-collapse:collapse;
table-layout:fixed;
}
div.grd_tblCont table{ border-right:1px solid #99BBE8; }
/* Filters */
div.grd_Cont .fltrow{ background-color:transparent; } /*Filters' row*/
div.grd_Cont .flt{ border:1px solid #99BBE8; width:97%; }
div.grd_Cont .flt:focus{ border:1px solid #558DD9; }
/* Headers */
div.grd_tblCont table th, div.grd_headTblCont table th, div.grd_headTblCont table td{
background:#C8E0FB;
padding:2px 2px 2px 2px !important; color:#333;
border-right:1px solid #99BBE8 !important;
overflow:hidden;
/*white-space:nowrap;*/
text-overflow:ellipsis;
}
div.grd_tblCont table td{
padding:2px 2px 2px 2px !important;
border-bottom:1px solid #ccc !important;
overflow:hidden;
/*white-space:nowrap;*/
text-overflow:ellipsis;
}
.grd_inf{ /* div containing left, middle and right divs */
clear:both; width:auto; height:25px;
background:#C8E0FB; font-size:11px;
margin:0; padding:1px 3px 1px 3px;
border-top:1px solid #99BBE8;
}
div.grd_Cont .even{ background-color:#fff; }/*row bg alternating color*/
div.grd_Cont .odd{ background-color:#DFE8F6; }/*row bg alternating color*/
/* ezEditTable
=====================================================*/
/* Selection */
.ezActiveRow{ background-color:#2852A8 !important; color:#fff; }
.ezSelectedRow{ background-color:#316AC5; color:#fff; }
.ezActiveCell{
background-color:#D9E8FB !important;
color:#000 !important; font-weight:bold;
}
.ezETSelectedCell{ background-color:#FFDC61 !important; font-weight:bold; color:rgb(0,0,0)!important; }
.ezUnselectable{
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
/* Cell editors */
.ezInputEditor{ width:95%; height:auto; font-size:inherit; border:1px solid #AACCF6; }
.ezTextareaEditor{ width:95%; height:35px; font-size:inherit; border:1px solid #AACCF6; }
.ezSelectEditor{ width:100%; font-size:inherit; border:1px solid #AACCF6; }
.ezModifiedCell{ background:transparent url(themes/bg_mod_cell.png) 0 0 no-repeat; }
select[multiple="multiple"].ezSelectEditor{ height:35px; }
/* Command type editor */
.ezCommandEditor{ margin:2px; }
.ezCommandEditor button, .ezCommandEditor input[type="button"] {
font-size:11px; min-height:22px;
margin:1px; padding:3px;
border:1px solid #ccc; background:#fff;
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
}
.ezCommandEditor button:hover, .ezCommandEditor input[type="button"]:hover { border:1px solid #999; }
.ezCommandEditor img{ border:0; vertical-align:middle; margin:2px; }
/* Utils */
.ezOpacity{
filter:alpha(opacity=60); /* for IE */
opacity:0.6; /* CSS3 standard */
}
.alignLeft{ text-align:left; }
.alignCenter{ text-align:center; }
.alignRight{ text-align:right; }
/* WEB FX Sortable table
/* Change images paths if you don't use same folder
/* Remove safely if not used
=====================================================*/
.sort-arrow {
width:11px; height:11px; margin:0 2px;
background-position:center center;
background-repeat:no-repeat;
}
.sort-arrow.descending{ background-image:url("TF_Themes/downsimple.png"); }
.sort-arrow.ascending{ background-image:url("TF_Themes/upsimple.png"); }

8019
dist/tablefilter.js vendored Normal file
View file

File diff suppressed because it is too large Load diff

4
example/index.html
View file

@ -2,7 +2,6 @@
<html lang="en">
<head>
<title>HTML Table Filter Generator</title>
<link rel="stylesheet" href="../dist/filtergrid.css">
</head>
<body>
<table id="demo" cellpadding="0" cellspacing="0">
@ -77,6 +76,7 @@
</tbody>
</table>
<!-- <script type="text/javascript" src="../libs/sortabletable.js"></script> -->
<script type="text/javascript" src="../dist/tablefilter.js"></script>
<script>
var table = document.getElementById('demo');
@ -121,7 +121,7 @@
// headers_table: true,
// container_target_id: 'test_cont',
// headers_text: ['1','2','3','4','5','6'],
btn_target_id: 'test_cont',
// btn_target_id: 'test_cont',
// btn_text: 'Hola',
// btn_html: '<button>Columns</button>',
// btn_css_class: 'test',

47
libs/colsVisibility.css Normal file
View file

@ -0,0 +1,47 @@
/*====================================================
- HTML Table Filter Generator
- Columns Visibility Manager Extension
- do not hesitate to edit classes below to
change extension appearance
=====================================================*/
span.colVisSpan{ text-align:left; }
span.colVisSpan a.colVis{
/* Link */
margin:0 5px 0 5px;
}
div.colVisCont{
/* Container div */
position:absolute;
display:none;
border:1px solid #ccc;
height:auto; width:250px;
background:#fff;
margin:18px 0 0 0; z-index:10000;
padding:10px 10px 10px 10px;
text-align:left; font-size:12px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
box-shadow:3px 3px 2px #888;
-moz-box-shadow:3px 3px 2px #888;
-webkit-box-shadow:3px 3px 2px #888;
}
div.colVisCont p{ margin:6px auto 6px auto; }
ul.cols_checklist{ padding:0; margin:0; list-style: none; }
li.cols_checklist_item{ /*check list item*/
padding:1px; margin:0; font-size:11px;
border-bottom:1px solid #ccc;
}
li.cols_checklist_item:hover{
background-color:#335EA8;
color:#fff;
}
.cols_checklist_slc_item{ /*selected check list item*/
background-color:#335EA8;
color:#fff;
}
ul.cols_checklist label{ display:block; }
ul.cols_checklist input{ vertical-align:middle; margin:2px 5px 2px 1px; }

8
libs/es6-module-loader.js
View file

File diff suppressed because one or more lines are too long

2857
libs/es6-module-loader.src.js
View file

File diff suppressed because it is too large Load diff

7
libs/sortabletable.js
View file

@ -35,14 +35,14 @@
| 2004-08-26 | Made the handling of tBody and tHead more flexible. Now you |
| | can use another tHead or no tHead, and you can chose some |
| | other tBody. |
| 2006-04-25 | Changed license to Apache Software License 2.0 |
| 2006-04-25 | Changed license to Apache Software License 2.0 |
|-----------------------------------------------------------------------------|
| Created 2003-01-10 | All changes are in the log above. | Updated 2006-04-25 |
\----------------------------------------------------------------------------*/
function SortableTable(oTable, oSortTypes) {
this.sortTypes = oSortTypes || [];
this.sortColumn = null;
@ -436,3 +436,6 @@ SortableTable.prototype.addSortType("CaseInsensitiveString", SortableTable.toUpp
SortableTable.prototype.addSortType("Date", SortableTable.toDate);
SortableTable.prototype.addSortType("String");
// None is a special case
module.exports = SortableTable;

2
libs/system.js
View file

File diff suppressed because one or more lines are too long

2410
libs/system.src.js
View file

File diff suppressed because it is too large Load diff

22
package.json
View file

@ -2,20 +2,12 @@
"name": "TableFilter",
"version": "3.0.0",
"devDependencies": {
"grunt": "~0.4.0",
"grunt-babel": "^4.0.0",
"grunt-connect": "^0.2.0",
"grunt-contrib-concat": "~0.3.0",
"grunt-contrib-connect": "^0.10.1",
"grunt-contrib-copy": "~0.4.1",
"grunt-contrib-cssmin": "~0.6.1",
"grunt-contrib-jshint": "~0.11.0",
"grunt-contrib-qunit": "^0.5.2",
"grunt-contrib-requirejs": "^0.4.4",
"grunt-contrib-uglify": "~0.2.2",
"grunt-contrib-watch": "^0.6.1"
"babel-core": "^5.1.13",
"babel-loader": "^5.0.0",
"grunt": "^0.4.5",
"grunt-webpack": "^1.0.8",
"webpack": "^1.8.10",
"webpack-dev-server": "^1.8.2"
},
"dependencies": {
"grunt-open": "~0.2.1"
}
"dependencies": {}
}

5
src-es6/extensions/sortabletable/adapterSortabletable.js
View file

@ -4,6 +4,9 @@ import {Arr} from '../../array';
import {Event} from '../../event';
import {DateHelper} from '../../date';
import {Helpers} from '../../helpers';
import 'sortabletable';
// var SortableTable = require('sortabletable');
export class AdapterSortableTable{
@ -55,6 +58,8 @@ export class AdapterSortableTable{
var sortConfig = tf.sortConfig;
var adpt = this;
// var SortableTable = require('sortabletable');
// SortableTable class sanity check (sortabletable.js)
if(Types.isUndef(SortableTable)){
throw new Error('SortableTable class not found.');

2
src-es6/sort.js
View file

@ -2,7 +2,7 @@
* Sort helpers
*/
import {Str} from 'string';
import {Str} from './string';
var Sort = {
ignoreCase(a, b){

111
src-es6/tablefilter.js
View file

@ -10,36 +10,36 @@
and/or inspiration
------------------------------------------------------------------------ */
import {Event as evt} from 'event';
import {Dom as dom} from 'dom';
import {Str as str} from 'string';
import {Cookie as cookie} from 'cookie';
import {Types as types} from 'types';
import {Arr as array} from 'array';
import {Helpers as hlp} from 'helpers';
import {DateHelper as dateHelper} from 'date';
import {Sort} from 'sort';
import {Event as evt} from './event';
import {Dom as dom} from './dom';
import {Str as str} from './string';
import {Cookie as cookie} from './cookie';
import {Types as types} from './types';
import {Arr as array} from './array';
import {Helpers as hlp} from './helpers';
import {DateHelper as dateHelper} from './date';
import {Sort} from './sort';
// Modules
import {Store} from 'modules/store';
import {GridLayout} from 'modules/gridLayout';
import {Loader} from 'modules/loader';
import {HighlightKeyword} from 'modules/highlightKeywords';
import {PopupFilter} from 'modules/popupFilter';
import {Dropdown} from 'modules/dropdown';
import {CheckList} from 'modules/checkList';
import {RowsCounter} from 'modules/rowsCounter';
import {StatusBar} from 'modules/statusBar';
import {Paging} from 'modules/paging';
import {ClearButton} from 'modules/clearButton';
import {Help} from 'modules/help';
import {AlternateRows} from 'modules/alternateRows';
import {ColOps} from 'modules/colOps';
import {Store} from './modules/store';
import {GridLayout} from './modules/gridLayout';
import {Loader} from './modules/loader';
import {HighlightKeyword} from './modules/highlightKeywords';
import {PopupFilter} from './modules/popupFilter';
import {Dropdown} from './modules/dropdown';
import {CheckList} from './modules/checkList';
import {RowsCounter} from './modules/rowsCounter';
import {StatusBar} from './modules/statusBar';
import {Paging} from './modules/paging';
import {ClearButton} from './modules/clearButton';
import {Help} from './modules/help';
import {AlternateRows} from './modules/alternateRows';
import {ColOps} from './modules/colOps';
// Extensions
import 'extensions/sortabletable/sortabletable';
import {AdapterSortableTable}
from 'extensions/sortabletable/adapterSortabletable';
// import './extensions/sortabletable/sortabletable';
// import {AdapterSortableTable}
// from './extensions/sortabletable/adapterSortabletable';
// import {ColsVisibility} from 'extensions/colsVisibility/colsVisibility';
var global = window,
@ -47,7 +47,7 @@ var global = window,
formatDate = dateHelper.format,
doc = global.document;
export default class TableFilter{
export class TableFilter{
/**
* TF object constructor
@ -1264,16 +1264,11 @@ export default class TableFilter{
if(!ext || !ext.name || !ext.src){
return;
}
var sys = global.System,
className = ext.name,
tf = this;
sys.config({
baseURL: tf.basePath
});
sys.import(ext.src.replace('.js', '')).then((m)=> {
this.ExtRegistry[className] = new m[className](this, ext);
var modulePath = ext.src.replace('.js', '');
require(['./'+modulePath], (m)=> {
var key = Object.keys(m)[0];
this.ExtRegistry[key] = new m[key](this, ext);
});
}
@ -1543,9 +1538,38 @@ export default class TableFilter{
and TF adapter by Max Guglielmi
=====================================================*/
setSort(){
var adapterSortabletable = new AdapterSortableTable(this);
this.ExtRegistry.sort = adapterSortabletable;
adapterSortabletable.init();
// require("script!../libs/sortabletable.js");
// var SortableTable = require('sortabletable');
// console.log(SortableTable);
// require(['sortabletable'], function(m) {
// console.log(m);
// });
// var adapterSortabletable = new AdapterSortableTable(this);
// this.ExtRegistry.sort = adapterSortabletable;
// adapterSortabletable.init();
// require(['sortabletable',
// './extensions/sortabletable/adapterSortabletable'],
// (s, m)=> {
// console.log(s, m);
// var adapterSortabletable = new m.AdapterSortableTable(this);
// this.ExtRegistry.sort = adapterSortabletable;
// adapterSortabletable.init();
// });
// this.includeFile(
// 'sortConfig.name',
// '../libs/sortabletable.js',
// function(){
// console.log(AdapterSortableTable);
// }
// );
require(['adapterSortabletable'], (m)=> {
var adapterSortabletable = new m.AdapterSortableTable(this);
this.ExtRegistry.sort = adapterSortabletable;
adapterSortabletable.init();
});
}
setOldSort(){
var fn = this.Evt._EnableSort,
@ -1593,12 +1617,15 @@ export default class TableFilter{
// define(['require'], function(require){
// console.log(require);
//
/*************************
var AdapterSortableTable = require(
['extensions/sortabletable/adapterSortabletable'],
function(adapterSortabletable){
o.ExtRegistry.sort = new adapterSortabletable(o);
o.ExtRegistry.sort.init();
});
*************************/
// o.includeFile(
// 'sortConfig.name',
@ -3485,12 +3512,6 @@ export default class TableFilter{
}
function numSortAsc(a, b){ return (a-b); }
function numSortDesc(a, b){ return (b-a); }
function removeNbFormat(data, format){
if(!data){
return;

1152
src/1.js Normal file
View file

File diff suppressed because it is too large Load diff

98
src/TF_Themes/Default/TF_Default.css Normal file
View file

@ -0,0 +1,98 @@
/*====================================================
- HTML Table Filter Generator Default Theme
- Do not hesitate to edit classes below to
change theme appearance
=====================================================*/
/* TABLE LAYOUT
=====================================================*/
table.TF{
font:normal 12px arial, tahoma, helvetica, sans-serif !important;
border-left:1px solid #ccc !important; border-top:none !important;
border-right:none !important; border-bottom:none !important;
}
table.TF th{
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;
padding:2px !important; color:#333 !important; height:25px !important;
}
table.TF td{ border-bottom:1px dotted #999 !important; padding:5px !important; }
/* FILTERS
=====================================================*/
/* filter grid row appearance */
.fltrow{ background-color:#EBECEE !important; }
.fltrow th, .fltrow td{ border-bottom:1px dotted #666 !important; padding:1px 3px 1px 3px !important; }
/* filter (input) appearance */
.flt, select.flt, select.flt_multi, .flt_s, .single_flt, .div_checklist{ border:1px solid #999 !important; }
input.flt{ width:99% !important; }
/* TOP BAR
=====================================================*/
/* div containing left, middle and right divs */
.inf{ background:#f4f4f4 url(images/bg_infDiv.jpg) 0 0 repeat-x !important; }
/* RESET BUTTON
=====================================================*/
/* Reset button */
input.reset{
width:19px; height:19px; cursor:pointer !important;
border:0 !important; vertical-align:middle;
background:transparent url(images/btn_eraser.gif) center center no-repeat !important;
}
input.reset:hover{ background:transparent url(images/btn_over_eraser.gif) center center no-repeat !important; }
/* PAGING
=====================================================*/
/* Paging elements */
input.pgInp{
width:19px; height:19px; cursor:pointer !important;
border:0 !important;
}
.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; }
.nextPage:hover{ background:transparent url(images/btn_over_next_page.gif) center center no-repeat !important; }
.previousPage:hover{ background:transparent url(images/btn_over_previous_page.gif) center center no-repeat !important; }
.firstPage:hover{ background:transparent url(images/btn_over_first_page.gif) center center no-repeat !important; }
.lastPage:hover{ background:transparent url(images/btn_over_last_page.gif) center center no-repeat !important; }
select.rspg{ font-size:10px; }
/* GRID LAYOUT
=====================================================*/
/*Main container*/
div.grd_Cont{ background-color:#EBECEE !important; border:1px solid #ccc !important; padding:0 !important; }
/*headers' table container*/
div.grd_headTblCont{ background-color:#EBECEE !important; border-bottom:none !important; }
/*div.grd_tblCont{ overflow-y:auto !important; }*/
div.grd_tblCont table{ border-right:none !important; }
/* Headers */
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 containing left, middle and right divs */
.grd_inf{
background:#D7D7D7 url(images/bg_infDiv.jpg) 0 0 repeat-x !important;
border-top:1px solid #D0D0D0 !important; height:29px !important;
}
/*row bg alternating color*/
div.grd_Cont .even{ background-color:#fff; }
div.grd_Cont .odd{ background-color:#D5D5D5; }
/* LOADER
=====================================================*/
/* Loader */
.loader{ border:1px solid #999; background:#fff; }
.defaultLoader{ width:32px; height:32px; background:transparent url(images/img_loading.gif) 0 0 no-repeat !important; }
/* ALTERNATING ROW BACKGROUNDS
=====================================================*/
/* Alternating backgrounds */
.even{ background-color:#fff; }/*row bg alternating color*/
.odd{ background-color:#D5D5D5; }/*row bg alternating color*/

BIN
src/TF_Themes/Default/images/bg_infDiv.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 303 B

BIN
src/TF_Themes/Default/images/bg_th.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 326 B

BIN
src/TF_Themes/Default/images/btn_eraser.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 356 B

BIN
src/TF_Themes/Default/images/btn_first_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 332 B

BIN
src/TF_Themes/Default/images/btn_last_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 331 B

BIN
src/TF_Themes/Default/images/btn_next_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 187 B

BIN
src/TF_Themes/Default/images/btn_over_eraser.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 440 B

BIN
src/TF_Themes/Default/images/btn_over_first_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 640 B

BIN
src/TF_Themes/Default/images/btn_over_last_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 427 B

BIN
src/TF_Themes/Default/images/btn_over_next_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 393 B

BIN
src/TF_Themes/Default/images/btn_over_previous_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 395 B

BIN
src/TF_Themes/Default/images/btn_previous_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 290 B

BIN
src/TF_Themes/Default/images/img_loading.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

119
src/TF_Themes/MyTheme/MyTheme.css Normal file
View file

@ -0,0 +1,119 @@
/*====================================================
- HTML Table Filter Generator Custom Theme
- Do not hesitate to edit classes below to
change theme appearance
=====================================================*/
/* TABLE LAYOUT
=====================================================*/
table.TF{
font:13px "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif !important;
border-left:1px dotted #81963B !important; border-top:none !important;
border-right:0 !important; border-bottom:none !important;
}
table.TF th{
background:#39424B url(images/bg_headers.jpg) left top 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;
}
table.TF td{ border-bottom:1px dotted #81963B; border-right:1px dotted #81963B; padding:5px !important; }
/* FILTERS
=====================================================*/
/* filter grid row appearance */
.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;
}
/* filter (input) appearance */
.flt, select.flt, select.flt_multi, .flt_s, .single_flt, .div_checklist{ border:1px solid #687830 !important; }
input.flt{ width:99% !important; }
/* TOP BAR
=====================================================*/
/* div containing left, middle and right divs */
.inf{ background:#f4f4f4 url(images/bg_infDiv.jpg) left bottom repeat-x !important; }
/* RESET BUTTON
=====================================================*/
/* Reset button */
input.reset{
width:53px; height:19px; cursor:pointer !important;
border:0 !important; vertical-align:middle;
background:transparent url(images/btn_filter.png) center center no-repeat !important;
}
input.reset:hover{ background:#CAD1D6 url(images/btn_filter.png) center center no-repeat !important; }
/* PAGING
=====================================================*/
/* Paging elements */
/* left div */
.ldiv{ width:40% !important; }
/* middle div */
.mdiv{ width:34% !important; text-align:left !important; }
/* right div */
.rdiv{ width:20% !important; }
input.pgInp{
width:19px; height:19px; cursor:pointer !important;
border:0 !important;
}
.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; }
.nextPage:hover{ background:#CAD1D6 url(images/btn_next_page.gif) center center no-repeat !important; }
.previousPage:hover{ background:#CAD1D6 url(images/btn_previous_page.gif) center center no-repeat !important; }
.firstPage:hover{ background:#CAD1D6 url(images/btn_first_page.gif) center center no-repeat !important; }
.lastPage:hover{ background:#CAD1D6 url(images/btn_last_page.gif) center center no-repeat !important; }
select.rspg{ font-size:10px; }
/* GRID LAYOUT
=====================================================*/
/*Main container*/
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; }
/*headers' table container*/
div.grd_headTblCont{ background-color:#EBECEE !important; border-bottom:none !important; }
/*div.grd_tblCont{ overflow-y:auto !important; }*/
div.grd_tblCont table{ border-right:none !important; }
/* Headers */
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;
}
/* filters cells */
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;
}
/* div containing left, middle and right divs */
.grd_inf{
background:#f4f4f4 url(images/bg_infDiv.jpg) center bottom repeat-x !important;
border-top:1px solid #D0D0D0 !important; height:29px !important; padding-top:2px !important;
}
/*row bg alternating color*/
div.grd_Cont .even{ background-color:#BCCD83; }
div.grd_Cont .odd{ background-color:#fff; }
/* LOADER
=====================================================*/
/* Loader */
.loader{ border:0 !important; background:transparent !important; margin:185px auto !important; }
.defaultLoader{ width:32px; height:32px; background:transparent url(images/img_loading.gif) 0 0 no-repeat !important; }
/* ALTERNATING ROW BACKGROUNDS
=====================================================*/
/* Alternating backgrounds */
.even{ background-color:#BCCD83; }/*row bg alternating color*/
.odd{ background-color:#fff; }/*row bg alternating color*/

BIN
src/TF_Themes/MyTheme/images/bg_headers.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 300 B

BIN
src/TF_Themes/MyTheme/images/bg_infDiv.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 303 B

BIN
src/TF_Themes/MyTheme/images/btn_filter.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 928 B

BIN
src/TF_Themes/MyTheme/images/btn_first_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 63 B

BIN
src/TF_Themes/MyTheme/images/btn_last_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 61 B

BIN
src/TF_Themes/MyTheme/images/btn_next_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 59 B

BIN
src/TF_Themes/MyTheme/images/btn_previous_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 58 B

BIN
src/TF_Themes/MyTheme/images/img_loading.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8.6 KiB

148
src/TF_Themes/SkyBlue/TF_SkyBlue.css Normal file
View file

@ -0,0 +1,148 @@
/*====================================================
- HTML Table Filter Generator SkyBlue Theme
- Do not hesitate to edit classes below to
change theme appearance
=====================================================*/
/* TABLE LAYOUT
=====================================================*/
table.TF{
padding:0; color:#000;
font:12px/13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !important;
border-right:1px solid #A4BED4;
border-top:1px solid #A4BED4;
border-left:1px solid #A4BED4;
border-bottom:0;
}
table.TF th{
margin:0; padding:5px; 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;
}
/* FILTERS
=====================================================*/
/* filter grid row appearance */
.fltrow{ background-color:#D1E5FE !important; }
.fltrow th, .fltrow td{ border-top:1px dotted #666 !important; border-bottom:1px dotted #666 !important; padding:1px 3px 1px 3px !important; }
/* filter (input) appearance */
.flt, select.flt, select.flt_multi, .flt_s, .single_flt, .div_checklist{ border:1px solid #A4BED4 !important; }
input.flt{ width:99% !important; }
/* TOP BAR
=====================================================*/
/* div containing left, middle and right divs */
.inf{
background:#D9EAED !important;
border:1px solid #99CCCC;
height:25px; color:#004A6F;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
div.tot, div.status{ border-right:0 !important; }
.helpBtn{
margin:0 5px 0 5px; padding: 2px 4px 2px 4px;
color:#004A6F !important; font-size:13px;
border:1px solid transparent !important;
} /* help button */
.helpBtn:hover{ background-color:#FFE4AB; border:1px solid #FFB552 !important; text-decoration:none; }
div.helpCont{ color:inherit !important: }
/* RESET BUTTON
=====================================================*/
/* Reset button */
input.reset{
width:19px; height:19px; cursor:pointer !important;
border:1px solid transparent !important; vertical-align:middle;
background:transparent url(images/icn_clear_filters.png) center center no-repeat !important;
}
input.reset:hover{ background:#FFE4AB url(images/icn_clear_filters.png) center center no-repeat !important; border:1px solid #FFB552 !important; }
/* PAGING
=====================================================*/
/* Paging elements */
input.pgInp{
width:19px; height:19px; cursor:pointer !important;
border:0 !important;
}
.nextPage{ background:transparent url(images/btn_next_page.gif) center center no-repeat !important; border:1px solid transparent !important; }
.previousPage{ background:transparent url(images/btn_prev_page.gif) center center no-repeat !important; border:1px solid transparent !important; }
.firstPage{ background:transparent url(images/btn_first_page.gif) center center no-repeat !important; border:1px solid transparent !important; }
.lastPage{ background:transparent url(images/btn_last_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:hover{ background:#FFE4AB url(images/btn_prev_page.gif) center center no-repeat !important; border:1px solid #FFB552 !important; }
.firstPage:hover{ background:#FFE4AB url(images/btn_first_page.gif) center center no-repeat !important; border:1px solid #FFB552 !important; }
.lastPage:hover{ background:#FFE4AB url(images/btn_last_page.gif) center center no-repeat !important; border:1px solid #FFB552 !important; }
select.rspg{ font-size:10px; }
/* ACTIVE COLUMN HEADER
=====================================================*/
.activeHeader{ background:#FFE4AB !important; border:1px solid #FFB552 !important; color:inherit !important; }
/* GRID LAYOUT
=====================================================*/
/*Main container*/
div.grd_Cont{ background-color:#D9EAED !important; border:1px solid #99CCCC !important; padding:0 !important; }
/*headers' table container*/
div.grd_headTblCont{ background-color:#D9EAED !important; border-bottom:none !important; }
/*div.grd_tblCont{ overflow-y:auto !important; }*/
div.grd_tblCont table{ border-right:none !important; font:12px/13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !important; }
/* Headers */
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;
padding:5px 2px 5px 2px !important;
}
div.grd_tblCont table td{
border-bottom:1px solid #A4BED4 !important; border-right:0 !important;
border-left:0 !important; border-top:0 !important; padding:5px 2px 5px 2px !important;
}
/* div containing left, middle and right divs */
.grd_inf{
background:#D9EAED !important;
height:25px; color:#004A6F;
border-top:1px solid #99CCCC !important;
}
.grd_inf .rdiv{ height:28px; }
.grd_inf a{ text-decoration:none; font-weight:bold; } /* help */
/* help button */
.grd_inf a.helpBtn{ vertical-align:middle; margin-top:2px !important; padding-top:1px !important; }
/* row bg alternating color */
div.grd_Cont .even{ background-color:#fff; }
div.grd_Cont .odd{ background-color:#E3EFFF; }
/* LOADER
=====================================================*/
/* Loader */
.loader{ border:0 !important; background:transparent !important; margin-top:40px; margin-left:0 !important; }
/* ALTERNATING ROW BACKGROUNDS
=====================================================*/
/* Alternating backgrounds */
.even{ background-color:#fff; }/*row bg alternating color*/
.odd{ background-color:#E3EFFF; }/*row bg alternating color*/
/* ezEditTable
=====================================================*/
/* Selection */
.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:rgb(0,0,0)!important; }

BIN
src/TF_Themes/SkyBlue/images/bg_skyblue.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 554 B

BIN
src/TF_Themes/SkyBlue/images/btn_first_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 118 B

BIN
src/TF_Themes/SkyBlue/images/btn_last_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 118 B

BIN
src/TF_Themes/SkyBlue/images/btn_next_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 97 B

BIN
src/TF_Themes/SkyBlue/images/btn_prev_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 97 B

BIN
src/TF_Themes/SkyBlue/images/icn_clear_filters.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 601 B

BIN
src/TF_Themes/SkyBlue/images/img_loading.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 847 B

BIN
src/TF_Themes/blank.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 144 B

BIN
src/TF_Themes/btn_clear_filters.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 360 B

BIN
src/TF_Themes/btn_filter.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 325 B

BIN
src/TF_Themes/btn_first_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 63 B

BIN
src/TF_Themes/btn_last_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 61 B

BIN
src/TF_Themes/btn_next_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 59 B

BIN
src/TF_Themes/btn_previous_page.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 58 B

BIN
src/TF_Themes/downsimple.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 201 B

BIN
src/TF_Themes/icn_filter.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 68 B

Some files were not shown because too many files have changed in this diff Show more