Investigating conditional module loading
|
@ -19,6 +19,7 @@
|
|||
//"maxlen" : 80,
|
||||
"globals": {
|
||||
"System": true,
|
||||
"Object": true,
|
||||
"module": true,
|
||||
"require": true,
|
||||
"define": true,
|
||||
|
|
130
Gruntfile.js
|
@ -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"]);
|
||||
|
||||
};
|
||||
|
|
98
dist/TF_Themes/Default/TF_Default.css
vendored
Normal 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
After Width: | Height: | Size: 303 B |
BIN
dist/TF_Themes/Default/images/bg_th.jpg
vendored
Normal file
After Width: | Height: | Size: 326 B |
BIN
dist/TF_Themes/Default/images/btn_eraser.gif
vendored
Normal file
After Width: | Height: | Size: 356 B |
BIN
dist/TF_Themes/Default/images/btn_first_page.gif
vendored
Normal file
After Width: | Height: | Size: 332 B |
BIN
dist/TF_Themes/Default/images/btn_last_page.gif
vendored
Normal file
After Width: | Height: | Size: 331 B |
BIN
dist/TF_Themes/Default/images/btn_next_page.gif
vendored
Normal file
After Width: | Height: | Size: 187 B |
BIN
dist/TF_Themes/Default/images/btn_over_eraser.gif
vendored
Normal file
After Width: | Height: | Size: 440 B |
BIN
dist/TF_Themes/Default/images/btn_over_first_page.gif
vendored
Normal file
After Width: | Height: | Size: 640 B |
BIN
dist/TF_Themes/Default/images/btn_over_last_page.gif
vendored
Normal file
After Width: | Height: | Size: 427 B |
BIN
dist/TF_Themes/Default/images/btn_over_next_page.gif
vendored
Normal file
After Width: | Height: | Size: 393 B |
BIN
dist/TF_Themes/Default/images/btn_over_previous_page.gif
vendored
Normal file
After Width: | Height: | Size: 395 B |
BIN
dist/TF_Themes/Default/images/btn_previous_page.gif
vendored
Normal file
After Width: | Height: | Size: 290 B |
BIN
dist/TF_Themes/Default/images/img_loading.gif
vendored
Normal file
After Width: | Height: | Size: 3.2 KiB |
119
dist/TF_Themes/MyTheme/MyTheme.css
vendored
Normal 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
After Width: | Height: | Size: 300 B |
BIN
dist/TF_Themes/MyTheme/images/bg_infDiv.jpg
vendored
Normal file
After Width: | Height: | Size: 303 B |
BIN
dist/TF_Themes/MyTheme/images/btn_filter.png
vendored
Normal file
After Width: | Height: | Size: 928 B |
BIN
dist/TF_Themes/MyTheme/images/btn_first_page.gif
vendored
Normal file
After Width: | Height: | Size: 63 B |
BIN
dist/TF_Themes/MyTheme/images/btn_last_page.gif
vendored
Normal file
After Width: | Height: | Size: 61 B |
BIN
dist/TF_Themes/MyTheme/images/btn_next_page.gif
vendored
Normal file
After Width: | Height: | Size: 59 B |
BIN
dist/TF_Themes/MyTheme/images/btn_previous_page.gif
vendored
Normal file
After Width: | Height: | Size: 58 B |
BIN
dist/TF_Themes/MyTheme/images/img_loading.gif
vendored
Normal file
After Width: | Height: | Size: 8.6 KiB |
148
dist/TF_Themes/SkyBlue/TF_SkyBlue.css
vendored
Normal 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
After Width: | Height: | Size: 554 B |
BIN
dist/TF_Themes/SkyBlue/images/btn_first_page.gif
vendored
Normal file
After Width: | Height: | Size: 118 B |
BIN
dist/TF_Themes/SkyBlue/images/btn_last_page.gif
vendored
Normal file
After Width: | Height: | Size: 118 B |
BIN
dist/TF_Themes/SkyBlue/images/btn_next_page.gif
vendored
Normal file
After Width: | Height: | Size: 97 B |
BIN
dist/TF_Themes/SkyBlue/images/btn_prev_page.gif
vendored
Normal file
After Width: | Height: | Size: 97 B |
BIN
dist/TF_Themes/SkyBlue/images/icn_clear_filters.png
vendored
Normal file
After Width: | Height: | Size: 601 B |
BIN
dist/TF_Themes/SkyBlue/images/img_loading.gif
vendored
Normal file
After Width: | Height: | Size: 847 B |
BIN
dist/TF_Themes/blank.png
vendored
Normal file
After Width: | Height: | Size: 144 B |
BIN
dist/TF_Themes/btn_clear_filters.png
vendored
Normal file
After Width: | Height: | Size: 360 B |
BIN
dist/TF_Themes/btn_filter.png
vendored
Normal file
After Width: | Height: | Size: 325 B |
BIN
dist/TF_Themes/btn_first_page.gif
vendored
Normal file
After Width: | Height: | Size: 63 B |
BIN
dist/TF_Themes/btn_last_page.gif
vendored
Normal file
After Width: | Height: | Size: 61 B |
BIN
dist/TF_Themes/btn_next_page.gif
vendored
Normal file
After Width: | Height: | Size: 59 B |
BIN
dist/TF_Themes/btn_previous_page.gif
vendored
Normal file
After Width: | Height: | Size: 58 B |
BIN
dist/TF_Themes/downsimple.png
vendored
Normal file
After Width: | Height: | Size: 201 B |
BIN
dist/TF_Themes/icn_filter.gif
vendored
Normal file
After Width: | Height: | Size: 68 B |
BIN
dist/TF_Themes/icn_filterActive.gif
vendored
Normal file
After Width: | Height: | Size: 78 B |
BIN
dist/TF_Themes/upsimple.png
vendored
Normal file
After Width: | Height: | Size: 201 B |
328
dist/filtergrid.css
vendored
Normal 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
|
@ -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
|
@ -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; }
|
|
@ -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;
|
||||
|
|
2410
libs/system.src.js
22
package.json
|
@ -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": {}
|
||||
}
|
||||
|
|
|
@ -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,7 +2,7 @@
|
|||
* Sort helpers
|
||||
*/
|
||||
|
||||
import {Str} from 'string';
|
||||
import {Str} from './string';
|
||||
|
||||
var Sort = {
|
||||
ignoreCase(a, b){
|
||||
|
|
|
@ -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);
|
||||
// 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;
|
||||
|
|
98
src/TF_Themes/Default/TF_Default.css
Normal 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
After Width: | Height: | Size: 303 B |
BIN
src/TF_Themes/Default/images/bg_th.jpg
Normal file
After Width: | Height: | Size: 326 B |
BIN
src/TF_Themes/Default/images/btn_eraser.gif
Normal file
After Width: | Height: | Size: 356 B |
BIN
src/TF_Themes/Default/images/btn_first_page.gif
Normal file
After Width: | Height: | Size: 332 B |
BIN
src/TF_Themes/Default/images/btn_last_page.gif
Normal file
After Width: | Height: | Size: 331 B |
BIN
src/TF_Themes/Default/images/btn_next_page.gif
Normal file
After Width: | Height: | Size: 187 B |
BIN
src/TF_Themes/Default/images/btn_over_eraser.gif
Normal file
After Width: | Height: | Size: 440 B |
BIN
src/TF_Themes/Default/images/btn_over_first_page.gif
Normal file
After Width: | Height: | Size: 640 B |
BIN
src/TF_Themes/Default/images/btn_over_last_page.gif
Normal file
After Width: | Height: | Size: 427 B |
BIN
src/TF_Themes/Default/images/btn_over_next_page.gif
Normal file
After Width: | Height: | Size: 393 B |
BIN
src/TF_Themes/Default/images/btn_over_previous_page.gif
Normal file
After Width: | Height: | Size: 395 B |
BIN
src/TF_Themes/Default/images/btn_previous_page.gif
Normal file
After Width: | Height: | Size: 290 B |
BIN
src/TF_Themes/Default/images/img_loading.gif
Normal file
After Width: | Height: | Size: 3.2 KiB |
119
src/TF_Themes/MyTheme/MyTheme.css
Normal 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
After Width: | Height: | Size: 300 B |
BIN
src/TF_Themes/MyTheme/images/bg_infDiv.jpg
Normal file
After Width: | Height: | Size: 303 B |
BIN
src/TF_Themes/MyTheme/images/btn_filter.png
Normal file
After Width: | Height: | Size: 928 B |
BIN
src/TF_Themes/MyTheme/images/btn_first_page.gif
Normal file
After Width: | Height: | Size: 63 B |
BIN
src/TF_Themes/MyTheme/images/btn_last_page.gif
Normal file
After Width: | Height: | Size: 61 B |
BIN
src/TF_Themes/MyTheme/images/btn_next_page.gif
Normal file
After Width: | Height: | Size: 59 B |
BIN
src/TF_Themes/MyTheme/images/btn_previous_page.gif
Normal file
After Width: | Height: | Size: 58 B |
BIN
src/TF_Themes/MyTheme/images/img_loading.gif
Normal file
After Width: | Height: | Size: 8.6 KiB |
148
src/TF_Themes/SkyBlue/TF_SkyBlue.css
Normal 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
After Width: | Height: | Size: 554 B |
BIN
src/TF_Themes/SkyBlue/images/btn_first_page.gif
Normal file
After Width: | Height: | Size: 118 B |
BIN
src/TF_Themes/SkyBlue/images/btn_last_page.gif
Normal file
After Width: | Height: | Size: 118 B |
BIN
src/TF_Themes/SkyBlue/images/btn_next_page.gif
Normal file
After Width: | Height: | Size: 97 B |
BIN
src/TF_Themes/SkyBlue/images/btn_prev_page.gif
Normal file
After Width: | Height: | Size: 97 B |
BIN
src/TF_Themes/SkyBlue/images/icn_clear_filters.png
Normal file
After Width: | Height: | Size: 601 B |
BIN
src/TF_Themes/SkyBlue/images/img_loading.gif
Normal file
After Width: | Height: | Size: 847 B |
BIN
src/TF_Themes/blank.png
Normal file
After Width: | Height: | Size: 144 B |
BIN
src/TF_Themes/btn_clear_filters.png
Normal file
After Width: | Height: | Size: 360 B |
BIN
src/TF_Themes/btn_filter.png
Normal file
After Width: | Height: | Size: 325 B |
BIN
src/TF_Themes/btn_first_page.gif
Normal file
After Width: | Height: | Size: 63 B |
BIN
src/TF_Themes/btn_last_page.gif
Normal file
After Width: | Height: | Size: 61 B |
BIN
src/TF_Themes/btn_next_page.gif
Normal file
After Width: | Height: | Size: 59 B |
BIN
src/TF_Themes/btn_previous_page.gif
Normal file
After Width: | Height: | Size: 58 B |
BIN
src/TF_Themes/downsimple.png
Normal file
After Width: | Height: | Size: 201 B |
BIN
src/TF_Themes/icn_filter.gif
Normal file
After Width: | Height: | Size: 68 B |