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

Merge pull request #26 from koalyptus/base-styling

Browse source 
Base styling
This commit is contained in:
koalyptus 2015-08-09 22:47:32 +10:00
parent b15e1440c4 377b3404ad
commit b88b51ae64
44 changed files with 519 additions and 14710 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
Gruntfile.js
View file

@ -47,9 +47,9 @@ module.exports = function (grunt) {
dist: {
src: [
'**',
'!*.styl',
'!**/*.styl',
'!**/extensions/**',
'!**/*.styl'
'!**/mixins/**'
],
cwd: 'static/style',
dest: 'dist/tablefilter/style',
@ -173,7 +173,6 @@ module.exports = function (grunt) {
stylus: {
compile: {
options: {
compress: false,
banner: '/** \n' +
' *\t '+ pkg.name +' v'+ pkg.version +
' by Max Guglielmi \n' +

7
demos/advanced-grid-editable.html
View file

@ -13027,6 +13027,7 @@
var filtersConfig = {
base_path: '../dist/tablefilter/',
grid_layout: true,
grid_width: '900px',
alternate_rows: true,
btn_reset: true,
rows_counter: true,
@ -13035,9 +13036,9 @@
col_1: 'select',
col_2: 'select',
col_widths: [
"150px", "70px", "70px",
"120px", "120px", "100px",
"100px", "100px", "100px"
'150px', '90px', '70px',
'120px', '120px', '100px',
'100px', '100px', '100px'
],
extensions:[
{

13087
demos/advanced-grid.html
View file

File diff suppressed because it is too large Load diff

6
demos/columns-visibility.html
View file

@ -2647,10 +2647,10 @@ var tfConfig = {
alternate_rows: true,
rows_counter: true,
btn_reset: true,
btn_reset_text: "Clear",
btn_reset_text: 'Clear',
status_bar: true,
col_1: "select",
col_2: "select",
col_1: 'select',
col_2: 'select',
/* columns visibility and sort extension */
extensions:[

12
demos/data-types.html
View file

@ -471,17 +471,13 @@ var tfConfig = {
},
extensions:[
{
name: 'sort',
types: [
'number', 'string', 'string',
'US', 'none', 'string'
]
name: 'sort'
},{
name: 'colOps',
id: ["sum1", "sum2"],
id: ['sum1', 'sum2'],
col: [3, 4],
operation: ["sum", "sum"],
write_method: ["innerhtml", 'innerhtml'],
operation: ['sum', 'sum'],
write_method: ['innerhtml', 'innerhtml'],
exclude_row: [totRowIndex],
decimal_precision: [2, 2],
tot_row_index: [totRowIndex],

2
demos/pagination.html
View file

@ -13008,7 +13008,7 @@
var filtersConfig = {
base_path: '../dist/tablefilter/',
paging: true,
results_per_page: ['Page length: ', [10,25,50,100]],
results_per_page: ['Records: ', [10,25,50,100]],
remember_grid_values: true,
remember_page_number: true,
remember_page_length: true,

1
dist/starter.html vendored
View file

@ -459,6 +459,7 @@
loader: true,
status_bar: true,
mark_active_columns: true,
highlight_keywords: true,
col_number_format: [
null, null, 'US',
'US', 'US', 'US',

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

@ -1,55 +1,6 @@
/**
* TableFilter v0.0.0 by Max Guglielmi
* build date: 2015-08-06T05:20:40.430Z
* build date: 2015-08-09T12:39:08.406Z
* MIT License
*/
/**
* ColsVisibility extension default style
*/
span.colVisSpan {
text-align: left;
}
span.colVisSpan a.colVis {
margin: 0 5px 0 5px;
}
div.colVisCont {
position: absolute;
display: none;
border: 1px solid #ccc;
height: auto;
width: 250px;
background-color: #fff;
margin: 18px 0 0 0;
z-index: 10000;
padding: 10px 10px 10px 10px;
text-align: left;
font-size: 12px;
box-shadow: 3px 3px 2px #888;
}
div.colVisCont p {
margin: 6px auto 6px auto;
}
ul.cols_checklist {
padding: 0;
margin: 0;
list-style: none;
}
ul.cols_checklist label {
display: block;
}
ul.cols_checklist input {
vertical-align: middle;
margin: 2px 5px 2px 1px;
}
li.cols_checklist_item {
padding: 4px;
margin: 0;
}
li.cols_checklist_item:hover {
background-color: #335ea8;
color: #fff;
}
.cols_checklist_slc_item {
background-color: #335ea8;
color: #fff;
}
span.colVisSpan{text-align:left;}span.colVisSpan a.colVis{display:inline-block;padding:7px 5px 0;font-size:inherit;font-weight:inherit;vertical-align:top}div.colVisCont{position:relative;background:#fff;-webkit-box-shadow:3px 3px 2px #888;-moz-box-shadow:3px 3px 2px #888;box-shadow:3px 3px 2px #888;position:absolute;display:none;border:1px solid #ccc;height:auto;width:250px;background-color:#fff;margin:35px 0 0 -100px;z-index:10000;padding:10px 10px 10px 10px;text-align:left;font-size:12px;}div.colVisCont:after,div.colVisCont:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div.colVisCont:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}div.colVisCont:before{border-color:rgba(255,255,255,0);border-bottom-color:#ccc;border-width:12px;margin-left:-12px}div.colVisCont p{margin:6px auto 6px auto}div.colVisCont a.colVis{display:initial;font-weight:inherit}ul.cols_checklist{padding:0;margin:0;list-style:none;}ul.cols_checklist label{display:block}ul.cols_checklist input{vertical-align:middle;margin:2px 5px 2px 1px}li.cols_checklist_item{padding:4px;margin:0;}li.cols_checklist_item:hover{background-color:#335ea8;color:#fff}.cols_checklist_slc_item{background-color:#335ea8;color:#fff}

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

@ -1,18 +1,6 @@
/**
* TableFilter v0.0.0 by Max Guglielmi
* build date: 2015-08-06T05:20:40.430Z
* build date: 2015-08-09T12:39:08.406Z
* MIT License
*/
/**
* Filters visibility extension default style
*/
span.expClpFlt,
span.expClpFlt img {
vertical-align: middle;
border: 0;
padding: 1px 1px 1px 1px;
margin: 1px 1px 1px 1px;
}
.btnExpClpFlt {
margin: 0 5px 0 5px;
}
span.expClpFlt a.btnExpClpFlt{width:35px;height:35px;display:inline-block;}span.expClpFlt a.btnExpClpFlt:hover{background-color:#f4f4f4}span.expClpFlt img{padding:8px 11px 11px 11px}

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

@ -1,573 +1,22 @@
/**
* TableFilter v0.0.0 by Max Guglielmi
* build date: 2015-08-06T05:20:40.430Z
* build date: 2015-08-09T12:39:08.406Z
* MIT License
*/
/**
* Filtered column marker default style
*/
.activeHeader {
background: #004080 !important;
color: #fff !important;
}
.activeHeader{background-color:#66afe9 !important;color:#fff !important}
.even{background-color:#fff}.odd{background-color:#f9f9f9}
/**
* Alternating rows default style
*/
.even {
background-color: #fff;
}
.odd {
background-color: #e5e5e5;
}
/**
* Global variables
*/
/**
* ezEditTable integration default overrides
*/
.ezActiveRow {
background-color: #2852a8 !important;
color: #fff;
}
.ezSelectedRow {
background-color: #316ac5 !important;
color: #fff;
}
.ezActiveCell {
background-color: #d9e8fb !important;
color: #000 !important;
font-weight: bold;
}
.ezETSelectedCell {
background-color: #ffdc61 !important;
font-weight: bold;
color: #000 !important;
}
.ezUnselectable {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
.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"] {
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;
}
.ezOpacity {
opacity: 0.6 /* CSS3 standard */;
}
.alignLeft {
text-align: left;
}
.alignCenter {
text-align: center;
}
.alignRight {
text-align: right;
}
/**
* Checklist filters default style
*/
.div_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 {
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;
}
.div_checklist label {
display: block !important;
}
.div_checklist input {
vertical-align: middle !important;
margin: 2px 5px 2px 1px !important;
}
.flt_checklist_item_disabled {
background-color: #e5e5e5;
}
.flt_checklist_slc_item {
background-color: #335ea8 !important;
color: #fff !important;
}
/**
* Filters' default style
*/
.fltrow {
height: 20px;
background-color: #f4f4f4;
}
.fltrow td,
.fltrow th {
padding: 2px !important;
}
.btnflt {
font-size: 11px;
vertical-align: middle;
margin: 0 2px 0 2px;
padding: 0 1px 0 1px;
}
.btnflt_icon {
width: 19px;
height: 19px;
cursor: pointer !important;
border: 0 !important;
vertical-align: middle;
background: transparent url("themes/btn_filter.png") center center no-repeat !important;
}
.flt {
background-color: #fff;
border: 1px solid #ccc;
margin: 0;
width: 97%;
vertical-align: middle;
}
select.flt {
background-color: #fff;
border: 1px solid #ccc;
margin: 0 1px 1px 0;
width: 99%;
vertical-align: middle;
}
select.flt_multi {
background-color: #fff;
border: 1px solid #ccc;
margin: 0 1px 1px 0;
width: 99%;
height: 100px;
vertical-align: middle;
}
.flt_s {
background-color: #fff;
border: 1px solid #ccc;
margin: 0;
width: 80%;
vertical-align: middle;
}
.single_flt {
background-color: #fff;
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;
}
div.popUpFilter {
position: absolute;
display: none;
width: 100px;
background-color: #c8e0fb;
border: 1px solid #e4e4e4;
padding: 1px 3px 1px 1px;
margin: 20px auto 0 0px;
}
/**
* Grid layout default style
*/
div.grd_Cont {
width: 800px;
height: auto;
overflow: hidden;
padding: 3px 3px 3px 3px;
background-color: #c8e0fb;
border: 1px solid #99bbe8;
}
div.grd_Cont .fltrow {
background-color: transparent;
}
div.grd_Cont .flt {
border: 1px solid #99bbe8;
width: 97%;
}
div.grd_Cont .flt :focus {
border: 1px solid #558dd9;
}
div.grd_Cont .even {
background-color: #fff;
}
div.grd_Cont .odd {
background-color: #dfe8f6;
}
div.grd_tblCont {
height: 400px;
width: 800px;
background: #fff;
overflow-x: auto;
overflow-y: scroll;
}
div.grd_headTblCont {
height: auto;
width: 800px;
overflow: hidden;
border-bottom: 1px solid #99bbe8;
background-color: #c8e0fb;
}
div.grd_tblCont table,
div.grd_headTblCont table {
font-size: 12px;
border-collapse: collapse;
table-layout: fixed;
}
div.grd_tblCont table {
border-right: 1px solid #99bbe8;
}
div.grd_tblCont table th,
div.grd_headTblCont table th,
div.grd_headTblCont table td {
background-color: #c8e0fb;
padding: 2px 2px 2px 2px !important;
color: #333;
border-right: 1px solid #99bbe8 !important;
overflow: hidden;
text-overflow: ellipsis;
}
div.grd_tblCont table td {
padding: 2px 2px 2px 2px !important;
border-bottom: 1px solid #ccc !important;
overflow: hidden;
text-overflow: ellipsis;
}
.grd_inf {
clear: both;
width: auto;
height: 25px;
background-color: #c8e0fb;
font-size: 11px;
margin: 0;
padding: 1px 3px 1px 3px;
border-top: 1px solid #99bbe8;
}
/**
* Help box default style
*/
.helpBtn {
margin: 0 5px 0 5px;
padding: 2px 4px 2px 4px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
div.helpCont {
position: absolute;
display: none;
max-width: 300px;
overflow: auto;
padding: 10px;
margin: 15px 0;
border: 1px solid #ccc;
line-height: 20px;
font-size: 12px;
color: #333;
background: #fff;
text-align: left;
box-shadow: 3px 3px 2px #888;
}
div.helpCont a {
color: #c00;
text-decoration: underline;
font-weight: normal;
}
div.helpCont a.close {
color: #333;
text-decoration: none;
font-weight: bold;
}
div.helpCont a.close: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;
}
/**
* Keyword highlighting default style
*/
span.keyword {
background-color: #fc0;
}
/**
* Loading message default style
*/
.loader {
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-color: #f4f4f4;
vertical-align: middle;
}
/**
* Paging default style
*/
select.pgSlc {
height: 20px;
vertical-align: middle;
}
input.pgNbInp {
width: 25px;
height: 16px;
margin: 1px;
vertical-align: middle;
}
input.pgInp,
.nextPage,
.previousPage,
.firstPage,
.lastPage {
vertical-align: middle;
width: 19px;
height: 19px;
cursor: pointer !important;
border: 0 !important;
font-weight: bold;
}
.nextPage {
background: transparent url("themes/btn_next_page.gif") center center no-repeat !important;
}
.nextPage:hover {
background-color: #cad1d6 !important;
}
.previousPage {
background: transparent url("themes/btn_previous_page.gif") center center no-repeat !important;
}
.previousPage:hover {
background-color: #cad1d6 !important;
}
.firstPage {
background: transparent url("themes/btn_first_page.gif") center center no-repeat !important;
}
.firstPage:hover {
background-color: #cad1d6 !important;
}
.lastPage {
background: transparent url("themes/btn_last_page.gif") center center no-repeat !important;
}
.lastPage:hover {
background-color: #cad1d6 !important;
}
span.nbpg {
padding: 0 5px 0 0;
}
select.rspg {
width: 50px;
margin: 1px 5px 0 5px;
vertical-align: middle;
}
span.rspgSpan {
font-size: 11px;
}
/**
* Reset button default style
*/
input.reset {
width: 19px;
height: 19px;
cursor: pointer !important;
border: 0 !important;
vertical-align: middle;
background: transparent url("themes/btn_clear_filters.png") center center no-repeat !important;
}
input.reset:hover {
background: #cad1d6 url("themes/btn_clear_filters.png") center center no-repeat !important;
}
/**
* Rows counter default style
*/
div.tot {
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;
}
/**
* Sorting elements default style
*/
.sort-arrow {
width: 11px;
height: 11px;
margin: 0 2px;
background-position: center center;
background-repeat: no-repeat;
}
.descending {
background-image: url("themes/downsimple.png");
}
.ascending {
background-image: url("themes/upsimple.png");
}
/**
* Status bar default style
*/
div.status {
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;
}
/**
* Table's default style
*/
table.TF {
border-spacing: 0;
border-top: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
table.TF th {
margin: 0;
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;
color: #333;
}
table.TF td {
margin: 0;
padding: 5px;
border-bottom: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
}
/**
* Toolbar default style
*/
.inf {
clear: both;
width: auto;
height: 25px;
background-color: #f4f4f4;
font-size: 12px;
margin: 0;
padding: 1px 3px 1px 3px;
border: 1px solid #ccc;
overflow: hidden;
}
.inf a {
color: #333;
text-decoration: none;
font-weight: bold;
}
.inf a:hover {
text-decoration: underline;
}
.ldiv {
float: left;
width: 30%;
position: inherit;
text-align: left;
}
.mdiv {
float: left;
width: 38%;
position: inherit;
text-align: center;
padding: 1px 0;
}
.rdiv {
float: right;
width: 30%;
position: inherit;
text-align: right;
}
.ezActiveRow{background-color:#2852a8 !important;color:#fff}.ezSelectedRow{background-color:#316ac5 !important;color:#fff}.ezActiveCell{background-color:#d9e8fb !important;color:#000 !important;font-weight:bold}.ezETSelectedCell{background-color:#ffdc61 !important;font-weight:bold;color:#000 !important}.ezUnselectable{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.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}.ezCommandEditor{margin:2px;}.ezCommandEditor button,.ezCommandEditor input[type="button"]{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}.ezOpacity{opacity:.6}.alignLeft{text-align:left}.alignCenter{text-align:center}.alignRight{text-align:right}
.div_checklist{width:100%;height:90px;border:1px solid #f4f4f4;overflow:auto;text-align:left;background-color:#fff;color:#444;}.div_checklist ul.flt_checklist{padding:0 !important;margin:0 !important;list-style:none !important}.div_checklist li.flt_checklist_item{padding:1px !important;margin:0 !important;font-size:10px !important;border-bottom:1px solid #f4f4f4 !important;}.div_checklist li.flt_checklist_item:hover{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}.flt_checklist_item_disabled{background-color:#e5e5e5}.flt_checklist_slc_item{background-color:#335ea8 !important;color:#fff !important}
.fltrow{height:1em;background-color:#eaeaea;}.fltrow td{border-bottom:1px solid #ccc !important;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #f4f4f4;padding:.2em !important}.btnflt{height:35px;font-family:inherit;font-size:inherit;vertical-align:middle;margin:0 2px 0 2px;padding:0 1px 0 1px}.btnflt_icon{font-family:inherit;font-size:inherit;width:35px;height:35px;cursor:pointer !important;border:0 !important;vertical-align:middle;background:transparent url("themes/btn_filter.png") center center no-repeat !important}.flt,.flt_s,.single_flt{font-family:inherit;display:block;color:#444;background-color:#fff;border:1px inset #f4f4f4;margin:0;padding:0 0 0 .2em;width:100%;height:35px;vertical-align:middle;border-radius:2px;box-sizing:border-box;}.flt:focus,.flt_s:focus,.single_flt:focus{border-color:#66afe9;outline:0 none;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6);box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}select.flt_multi{font-family:inherit;color:#444;background-color:#fff;border:1px solid #f4f4f4;margin:0;padding:.2em;width:100%;height:90px;vertical-align:middle;box-sizing:border-box}.flt_s{width:60%;box-sizing:initial;display:initial}.single_flt{width:70%;box-sizing:initial;display:initial}div.popUpFilter{position:relative;background:#fff;-webkit-box-shadow:3px 3px 2px #888;-moz-box-shadow:3px 3px 2px #888;box-shadow:3px 3px 2px #888;margin:30px auto 0 0;position:absolute;display:none;width:100px;background-color:#eaeaea;border:1px solid #eaeaea;padding:0}div.popUpFilter:after,div.popUpFilter:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div.popUpFilter:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}div.popUpFilter:before{border-color:rgba(255,255,255,0);border-bottom-color:#eaeaea;border-width:12px;margin-left:-12px}
div.grd_Cont{-webkit-box-shadow:4px 4px 10px 0 rgba(50,50,50,0.75);-moz-box-shadow:4px 4px 10px 0 rgba(50,50,50,0.75);box-shadow:4px 4px 10px 0 rgba(50,50,50,0.75);width:800px;height:auto;overflow:hidden;padding:3px 3px 3px 3px;background-color:#c8e0fb;border:1px solid #99bbe8;}div.grd_Cont .fltrow{background-color:transparent}div.grd_Cont .flt{border:1px solid #99bbe8;width:97%;}div.grd_Cont .flt :focus{border:1px solid #558dd9}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#dfe8f6}div.grd_tblCont{height:400px;width:800px;background:#fff;overflow-x:auto;overflow-y:scroll}div.grd_headTblCont{height:auto;width:800px;overflow:hidden;border-bottom:1px solid #99bbe8;background-color:#c8e0fb}div.grd_tblCont table,div.grd_headTblCont table{border-collapse:collapse;table-layout:fixed}div.grd_tblCont table{border-right:1px solid #99bbe8}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{height:35px;background-color:#c8e0fb;padding:.1em .5em;color:#333;border-right:1px solid #99bbe8 !important;overflow:hidden;text-overflow:ellipsis}div.grd_headTblCont table td{padding:.2em .2em}div.grd_tblCont table td{padding:.5em .7em;border-bottom:1px solid #99bbe8;overflow:hidden;text-overflow:ellipsis}.grd_inf{clear:both;width:auto;height:35px;background-color:#c8e0fb;margin:0;padding:1px 3px 1px 3px;border-top:1px solid #99bbe8;}.grd_inf a{color:#333;text-decoration:none;font-weight:bold;}.grd_inf a:hover{text-decoration:underline;background-color:transparent}.grd_inf input.reset:hover{background-color:transparent}.grd_inf .mdiv{width:40% !important}.grd_inf .ldiv div{border:0}.grd_inf .helpBtn{border:0 !important}.grd_inf div.status{position:absolute;float:none !important;height:auto !important;margin:19px 0 !important;font-size:12px;color:#333;border:0 !important}.grd_inf div.tot{border:0 !important}
.helpBtn{display:inline-block;height:27px;margin:0;padding:8px 15px 0 15px;vertical-align:top;}.helpBtn:hover{background-color:#f4f4f4}div.helpCont{position:relative;background:#fff;-webkit-box-shadow:3px 3px 2px #888;-moz-box-shadow:3px 3px 2px #888;box-shadow:3px 3px 2px #888;position:absolute;display:none;width:300px;padding:10px;margin:45px 0 0 -150px;border:1px solid #ccc;line-height:20px;font-size:inherit;color:#333;background:#fff;text-align:left;}div.helpCont:after,div.helpCont:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div.helpCont:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}div.helpCont:before{border-color:rgba(255,255,255,0);border-bottom-color:#ccc;border-width:12px;margin-left:-12px}div.helpCont a{color:#c00;text-decoration:underline;font-weight:normal}div.helpCont a.close{color:#333;text-decoration:none;font-weight:bold;}div.helpCont a.close: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;color:#333}
span.keyword{font-weight:700;font-style:italic;border-bottom:1px dotted #ccc}
.loader{position:absolute;padding:.5em .7em;margin:10em 0 0 3em;width:auto;z-index:1000;font-weight:600;background-color:#a7a7a8;vertical-align:middle;border-radius:10px;color:#fff;text-shadow:1px 1px #333}
select.pgSlc{height:35px;margin:0;border:1px solid #f4f4f4;background-color:#fff;vertical-align:middle}select.pgSlc:focus{border-color:#66afe9;outline:0 none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}input.pgNbInp{height:35px;margin:0;border:1px solid #f4f4f4;background-color:#fff;width:35px}input.pgNbInp:focus{border-color:#66afe9;outline:0 none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}input.pgInp,.nextPage,.previousPage,.firstPage,.lastPage{height:35px;margin:0;border:1px solid #f4f4f4;background-color:#fff;vertical-align:middle;width:35px;border:0;font-weight:bold}input.pgInp:focus,.nextPage:focus,.previousPage:focus,.firstPage:focus,.lastPage:focus{border-color:#66afe9;outline:0 none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.nextPage{background:transparent url("themes/btn_next_page.gif") center center no-repeat !important;}.nextPage:hover{background-color:#f4f4f4 !important}.previousPage{background:transparent url("themes/btn_previous_page.gif") center center no-repeat !important;}.previousPage:hover{background-color:#f4f4f4 !important}.firstPage{background:transparent url("themes/btn_first_page.gif") center center no-repeat !important;}.firstPage:hover{background-color:#f4f4f4 !important}.lastPage{background:transparent url("themes/btn_last_page.gif") center center no-repeat !important;}.lastPage:hover{background-color:#f4f4f4 !important}span.nbpg{padding:0 5px}select.rspg{height:35px;margin:0;border:1px solid #f4f4f4;background-color:#fff;margin:0 0 0 5px;vertical-align:middle}select.rspg:focus{border-color:#66afe9;outline:0 none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}span.rspgSpan{font-size:inherit}
input.reset{display:inline-block;width:35px;height:35px;border:0;background:transparent url("themes/btn_clear_filters.png") center center no-repeat;vertical-align:top;}input.reset:hover{background-color:#f4f4f4}
div.tot{float:left;overflow:hidden;min-width:150px;height:100%;margin:0;padding:.5em;vertical-align:middle;}div.tot span{font-weight:500}
.sort-arrow{width:11px;height:11px;margin:0 2px;background-position:center center;background-repeat:no-repeat}.descending{background-image:url("themes/downsimple.png")}.ascending{background-image:url("themes/upsimple.png")}
div.status{float:left;overflow:hidden;min-width:120px;height:100%;margin:0;padding:.5em;}div.status span{font-size:inherit}
table.TF{font-family:inherit;border-spacing:0;border:0;}table.TF th{height:35px;margin:0;background-color:#eaeaea;border-bottom:1px solid #ddd;border-top:1px solid #f4f4f4;border-left:1px solid #ccc;border-right:1px solid #f4f4f4;padding:.1em .7em;color:#333}table.TF td{margin:0;padding:.5em .7em;border-bottom:1px solid #c6c6c6}
.inf{clear:both;width:auto;height:35px;background-color:#fff;font-size:inherit;margin:0;padding:0;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;overflow:hidden;border-top-left-radius:3px;border-top-right-radius:3px;}.inf a{color:#333;text-decoration:none;font-weight:bold;}.inf a:hover{text-decoration:underline}.ldiv{float:left;width:30%;position:inherit;text-align:left}.mdiv{float:left;width:38%;position:inherit;text-align:center;padding:0}.rdiv{float:right;width:30%;position:inherit;text-align:right}

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

@ -1,141 +1,6 @@
/**
* TableFilter v0.0.0 by Max Guglielmi
* build date: 2015-08-06T05:20:40.430Z
* build date: 2015-08-09T12:39:08.406Z
* MIT License
*/
/**
* Default theme overrides
*/
table.TF {
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;
}
.fltrow {
background-color: #ebecee !important;
}
.fltrow th,
.fltrow td {
border-bottom: 1px dotted #666 !important;
padding: 1px 3px 1px 3px !important;
}
.flt,
select.flt,
select.flt_multi,
.flt_s,
.single_flt,
.div_checklist {
border: 1px solid #999 !important;
}
input.flt {
width: 99% !important;
}
.inf {
background: #f4f4f4 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;
}
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;
}
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;
}
.nextPage :hover {
background: transparent url("images/btn_over_next_page.gif") center center no-repeat !important;
}
.previousPage {
background: transparent url("images/btn_previous_page.gif") center center no-repeat !important;
}
.previousPage :hover {
background: transparent url("images/btn_over_previous_page.gif") center center no-repeat !important;
}
.firstPage {
background: transparent url("images/btn_first_page.gif") center center no-repeat !important;
}
.firstPage :hover {
background: transparent url("images/btn_over_first_page.gif") center center no-repeat !important;
}
.lastPage {
background: transparent url("images/btn_last_page.gif") center center no-repeat !important;
}
.lastPage :hover {
background: transparent url("images/btn_over_last_page.gif") center center no-repeat !important;
}
select.rspg {
font-size: 10px;
}
div.grd_Cont {
background-color: #ebecee !important;
border: 1px solid #ccc !important;
padding: 0 !important;
}
div.grd_Cont .even {
background-color: #fff;
}
div.grd_Cont .odd {
background-color: #d5d5d5;
}
div.grd_headTblCont {
background-color: #ebecee !important;
border-bottom: none !important;
}
div.grd_headTblCont table {
border-right: none !important;
}
div.grd_tblCont table th,
div.grd_headTblCont table th,
div.grd_headTblCont table td {
background: #ebecee url("images/bg_th.jpg") left top repeat-x !important;
border-bottom: 1px solid #d0d0d0 !important;
border-right: 1px solid #d0d0d0 !important;
border-left: 1px solid #fff !important;
border-top: 1px solid #fff !important;
}
.grd_inf {
background: #d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;
border-top: 1px solid #d0d0d0 !important;
height: 29px !important;
}
.loader {
border: 1px solid #999;
background: #fff;
}
.defaultLoader {
width: 32px;
height: 32px;
background: transparent url("images/img_loading.gif") 0 0 no-repeat !important;
}
.even {
background-color: #fff;
}
.odd {
background-color: #d5d5d5;
}
table.TF{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}.fltrow{background-color:#ebecee !important;}.fltrow th,.fltrow td{border-bottom:1px dotted #666 !important;padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #999 !important}input.flt{width:99% !important}.inf{height:$min-height;background:#d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important}input.reset{background:transparent url("images/btn_eraser.gif") center center no-repeat !important}.helpBtn:hover{background-color:transparent}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important;}.nextPage:hover{background:transparent url("images/btn_over_next_page.gif") center center no-repeat !important}.previousPage{background:transparent url("images/btn_previous_page.gif") center center no-repeat !important;}.previousPage:hover{background:transparent url("images/btn_over_previous_page.gif") center center no-repeat !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important;}.firstPage:hover{background:transparent url("images/btn_over_first_page.gif") center center no-repeat !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important;}.lastPage:hover{background:transparent url("images/btn_over_last_page.gif") center center no-repeat !important}div.grd_Cont{background-color:#ebecee !important;border:1px solid #ccc !important;padding:0 !important;}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#d5d5d5}div.grd_headTblCont{background-color:#ebecee !important;border-bottom:none !important;}div.grd_headTblCont table{border-right:none !important}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{background:#ebecee url("images/bg_th.jpg") left top repeat-x !important;border-bottom:1px solid #d0d0d0 !important;border-right:1px solid #d0d0d0 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important}div.grd_tblCont table td{border-bottom:1px solid #999 !important}.grd_inf{background:#d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;border-top:1px solid #d0d0d0 !important}.loader{border:1px solid #999}.defaultLoader{width:32px;height:32px;background:transparent url("images/img_loading.gif") 0 0 no-repeat !important}.even{background-color:#fff}.odd{background-color:#d5d5d5}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}

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

@ -1,168 +1,6 @@
/**
* TableFilter v0.0.0 by Max Guglielmi
* build date: 2015-08-06T05:20:40.430Z
* build date: 2015-08-09T12:39:08.406Z
* MIT License
*/
/**
* mytheme theme overrides
*/
table.TF {
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;
}
.fltrow {
background-color: #81963b !important;
}
.fltrow th,
.fltrow td {
border-bottom: 1px dotted #39424b !important;
border-right: 1px dotted #fff !important;
border-left: 0 !important;
border-top: 0 !important;
padding: 1px 3px 1px 3px !important;
}
.flt,
select.flt,
select.flt_multi,
.flt_s,
.single_flt,
.div_checklist {
border: 1px solid #687830 !important;
}
input.flt {
width: 99% !important;
}
.inf {
background: #f4f4f4 url("images/bg_infDiv.jpg") left bottom repeat-x !important;
}
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;
}
.ldiv {
width: 40% !important;
}
.mdiv {
width: 34% !important;
text-align: left !important;
}
.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;
}
.nextPage :hover {
background: #cad1d6 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;
}
.previousPage :hover {
background: #cad1d6 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;
}
.firstPage :hover {
background: #cad1d6 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;
}
.lastPage :hover {
background: #cad1d6 url("images/btn_last_page.gif") center center no-repeat !important;
}
select.rspg {
font-size: 10px;
}
div.grd_Cont {
background: #81963b url("images/bg_headers.jpg") left top repeat-x !important;
border: 1px solid #ccc !important;
padding: 0 1px 1px 1px !important;
}
div.grd_Cont .even {
background-color: #bccd83;
}
div.grd_Cont .odd {
background-color: #fff;
}
div.grd_headTblCont {
background-color: #ebecee !important;
border-bottom: none !important;
}
div.grd_tblCont table {
border-right: none !important;
}
div.grd_tblCont table 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;
}
.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;
}
.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;
}
.even {
background-color: #bccd83;
}
.odd {
background-color: #fff;
}
table.TF{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}.fltrow{background-color:#81963b !important;}.fltrow th,.fltrow td{border-bottom:1px dotted #39424b !important;border-right:1px dotted #fff !important;border-left:0 !important;border-top:0 !important;padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #687830 !important}input.flt{width:99% !important}.inf{background:#d8d8d8;height:$min-height}input.reset{width:53px;background:transparent url("images/btn_filter.png") center center no-repeat !important}.helpBtn:hover{background-color:transparent}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important}.previousPage{background:transparent url("images/btn_previous_page.gif") center center no-repeat !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important}div.grd_Cont{background:#81963b url("images/bg_headers.jpg") left top repeat-x !important;border:1px solid #ccc !important;padding:0 1px 1px 1px !important;}div.grd_Cont .even{background-color:#bccd83}div.grd_Cont .odd{background-color:#fff}div.grd_headTblCont{background-color:#ebecee !important;border-bottom:none !important}div.grd_tblCont table{border-right:none !important;}div.grd_tblCont table td{border-bottom:1px dotted #81963b;border-right:1px dotted #81963b}div.grd_tblCont table th,div.grd_headTblCont table th{background:transparent url("images/bg_headers.jpg") 0 0 repeat-x !important;border-bottom:0 !important;border-right:1px dotted #d0d0d0 !important;border-left:0 !important;border-top:0 !important;padding:0 4px 0 4px !important;color:#fff !important;height:35px !important}div.grd_headTblCont table td{border-bottom:1px dotted #39424b !important;border-right:1px dotted #fff !important;border-left:0 !important;border-top:0 !important;background-color:#81963b !important;padding:1px 3px 1px 3px !important}.grd_inf{background-color:#d8d8d8;border-top:1px solid #d0d0d0 !important}.loader{border:0 !important;background:#81963b !important}.defaultLoader{width:32px;height:32px;background:transparent url("images/img_loading.gif") 0 0 no-repeat !important}.even{background-color:#bccd83}.odd{background-color:#fff}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}

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

@ -1,218 +1,6 @@
/**
* TableFilter v0.0.0 by Max Guglielmi
* build date: 2015-08-06T05:20:40.430Z
* build date: 2015-08-09T12:39:08.406Z
* MIT License
*/
/**
* skyblue theme overrides
*/
table.TF {
padding: 0;
color: #000;
border-right: 1px solid #a4bed4;
border-top: 1px solid #a4bed4;
border-left: 1px solid #a4bed4;
border-bottom: 0;
}
table.TF th {
margin: 0;
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;
}
.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;
}
.flt,
select.flt,
select.flt_multi,
.flt_s,
.single_flt,
.div_checklist {
border: 1px solid #a4bed4 !important;
}
input.flt {
width: 99% !important;
}
.inf {
background-color: #e3efff !important;
border: 1px solid #a4bed4;
height: 25px;
color: #004a6f;
}
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;
}
.helpBtn :hover {
background-color: #ffe4ab;
border: 1px solid #ffb552 !important;
text-decoration: none;
}
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;
}
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;
}
.nextPage :hover {
background: #ffe4ab url("images/btn_next_page.gif") center center no-repeat !important;
border: 1px solid #ffb552 !important;
}
.previousPage {
background: transparent url("images/btn_prev_page.gif") center center no-repeat !important;
border: 1px solid transparent !important;
}
.previousPage :hover {
background: #ffe4ab url("images/btn_prev_page.gif") center center no-repeat !important;
border: 1px solid #ffb552 !important;
}
.firstPage {
background: transparent url("images/btn_first_page.gif") center center no-repeat !important;
border: 1px solid transparent !important;
}
.firstPage :hover {
background: #ffe4ab url("images/btn_first_page.gif") center center no-repeat !important;
border: 1px solid #ffb552 !important;
}
.lastPage {
background: transparent url("images/btn_last_page.gif") center center no-repeat !important;
border: 1px solid transparent !important;
}
.lastPage :hover {
background: #ffe4ab url("images/btn_last_page.gif") center center no-repeat !important;
border: 1px solid #ffb552 !important;
}
select.rspg {
font-size: 10px;
}
.activeHeader {
background: #ffe4ab !important;
border: 1px solid #ffb552 !important;
color: inherit !important;
}
div.grd_Cont {
background-color: #d9eaed !important;
border: 1px solid #9cc !important;
padding: 0 !important;
}
div.grd_Cont .even {
background-color: #fff;
}
div.grd_Cont .odd {
background-color: #e3efff;
}
div.grd_headTblCont {
background-color: #d9eaed !important;
border-bottom: none !important;
}
div.grd_tblCont table {
border-right: none !important;
font: 12px/13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !important;
}
div.grd_tblCont table th,
div.grd_headTblCont table th,
div.grd_headTblCont table td {
background: #d9eaed url("images/bg_skyblue.gif") left top repeat-x;
border-bottom: 1px solid #a4bed4;
border-right: 1px solid #a4bed4 !important;
border-left: 1px solid #fff !important;
border-top: 1px solid #fff !important;
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;
}
.grd_inf {
background-color: #d9eaed !important;
height: 25px;
color: #004a6f;
border-top: 1px solid #9cc !important;
}
.grd_inf .rdiv {
height: 28px;
}
.grd_inf a {
text-decoration: none;
font-weight: bold;
}
.grd_inf a.helpBtn {
vertical-align: middle;
margin-top: 2px !important;
padding-top: 1px !important;
}
.loader {
border: 0 !important;
background: transparent !important;
margin-top: 40px;
margin-left: 0 !important;
}
.even {
background-color: #fff;
}
.odd {
background-color: #e3efff;
}
.ezActiveRow {
background-color: #ffdc61 !important;
color: inherit;
}
.ezSelectedRow {
background-color: #ffe4ab !important;
color: inherit;
}
.ezActiveCell {
background-color: #fff !important;
color: #000 !important;
font-weight: bold;
}
.ezETSelectedCell {
background-color: #fff !important;
font-weight: bold;
color: #000 !important;
}
table.TF{padding:0;color:#000;border-right:1px solid #a4bed4;border-top:1px solid #a4bed4;border-left:1px solid #a4bed4;border-bottom:0;}table.TF th{margin:0;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}.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}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #a4bed4 !important}input.flt{width:99% !important}.inf{background-color:#e3efff !important;border:1px solid #a4bed4;height:$min-height;color:#004a6f}div.tot,div.status{border-right:0 !important}.helpBtn:hover{background-color:transparent}input.reset{background:transparent url("images/icn_clear_filters.png") center center no-repeat !important}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.nextPage:hover{background:#ffe4ab url("images/btn_next_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.previousPage{background:transparent url("images/btn_prev_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.previousPage:hover{background:#ffe4ab url("images/btn_prev_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.firstPage:hover{background:#ffe4ab url("images/btn_first_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.lastPage:hover{background:#ffe4ab url("images/btn_last_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.activeHeader{background:#ffe4ab !important;border:1px solid #ffb552 !important;color:inherit !important}div.grd_Cont{background-color:#d9eaed !important;border:1px solid #9cc !important;padding:0 !important;}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#e3efff}div.grd_headTblCont{background-color:#d9eaed !important;border-bottom:none !important}div.grd_tblCont table{border-right:none !important}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{background:#d9eaed url("images/bg_skyblue.gif") left top repeat-x;border-bottom:1px solid #a4bed4;border-right:1px solid #a4bed4 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important}div.grd_tblCont table td{border-bottom:1px solid #a4bed4 !important;border-right:0 !important;border-left:0 !important;border-top:0 !important}.grd_inf{background-color:#cce2fe;color:#004a6f;border-top:1px solid #9cc !important;}.grd_inf a{text-decoration:none;font-weight:bold}.loader{background-color:#2d8eef;border:1px solid #cce2fe;border-radius:5px}.even{background-color:#fff}.odd{background-color:#e3efff}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.ezActiveRow{background-color:#ffdc61 !important;color:inherit}.ezSelectedRow{background-color:#ffe4ab !important;color:inherit}.ezActiveCell{background-color:#fff !important;color:#000 !important;font-weight:bold}.ezETSelectedCell{background-color:#fff !important;font-weight:bold;color:#000 !important}

4
dist/tablefilter/tablefilter.js vendored
View file

File diff suppressed because one or more lines are too long

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

@ -1,6 +1,6 @@
/**
* TableFilter v0.0.0 by Max Guglielmi
* build date: 2015-08-06T05:20:40.342Z
* build date: 2015-08-09T12:32:52.508Z
* MIT License
*/

2
src/modules/paging.js
View file

@ -514,7 +514,7 @@ export class Paging{
var slcR = Dom.create(
tf.fltTypeSlc, ['id', this.prfxSlcResults+tf.id]);
slcR.className = tf.resultsSlcCssClass;
slcR.className = this.resultsSlcCssClass;
var slcRText = this.resultsPerPage[0],
slcROpts = this.resultsPerPage[1];
var slcRSpan = Dom.create(

4
static/style/active-header.styl
View file

@ -3,5 +3,5 @@
*/
.activeHeader
background #004080 !important
color #fff !important
background-color #66AFE9 !important
color #fff !important

4
static/style/alternating-rows.styl
View file

@ -3,6 +3,6 @@
*/
.even
background-color #fff
background-color #FFF
.odd
background-color #E5E5E5
background-color #F9F9F9

38
static/style/config.styl
View file

@ -3,28 +3,42 @@
*/
// table
$border-color-0 = #FFF
$border-color-1 = #CCC
$border-color-2 = #D0D0D0
$padding = 5px
$font-family = inherit
$padding = 0.5em 0.7em
$min-width = 35px
$min-height = 35px
// header cell
$th-bg-color = #EBECEE
$th-height = 35px
$th-bg-color = #EAEAEA
$th-padding = 5px
$th-font-color = #333
$th-bottom-border-color = #DDD
$th-top-border-color = #F4F4F4
$th-left-border-color = #CCC
$th-right-border-color = #F4F4F4
// filter
$filter-bg-color = #fff
$filter-border-color = #ccc
// cell
$td-border-color = #C6C6C6
// filters
$filter-font-color = #444
$filter-row-bg-color = #EAEAEA
$filter-bg-color = #FFF
$filter-border-color = #F4F4F4
$filter-height = 35px
// toolbar container (.inf)
$toolbar-bg-color = #f4f4f4
$toolbar-font-size = 12px
$toolbar-border-color = #ccc
$toolbar-bg-color = #FFF
$toolbar-font-size = inherit
$toolbar-border-color = #CCC
$toolbar-divider-color = #F4F4F4
$toolbar-hover-color = #F4F4F4
// paging
$paging-nav-button-bg-color-hover = #CAD1D6
$paging-nav-button-bg-color-hover = #F4F4F4
// grid layout
$grid-layout-bg-color = #C8E0FB
$grid-layout-border-color = #99BBE8

21
static/style/extensions/colsVisibility.styl
View file

@ -2,34 +2,47 @@
* ColsVisibility extension default style
*/
@import '../config'
@import '../mixins/arrow'
@import '../mixins/box-shadow'
$item-bg-color = #335EA8
$item-font-color = #fff
span.colVisSpan
text-align left
text-align left
// link
a.colVis
margin 0 5px 0 5px
display inline-block
padding 7px 5px 0
font-size inherit
font-weight inherit
vertical-align top
// container element
div.colVisCont
arrow(top, 10px white, 2px #ccc)
box-shadow(3px 3px 2px #888)
position absolute
display none
border 1px solid #ccc
height auto
width 250px
background-color #fff
margin 18px 0 0 0
margin 35px 0 0 -100px
z-index 10000
padding 10px 10px 10px 10px
text-align left
font-size 12px
box-shadow 3px 3px 2px #888
p
margin 6px auto 6px auto
a.colVis
display initial
font-weight inherit
// checklist
ul.cols_checklist
padding 0

19
static/style/extensions/filtersVisibility.styl
View file

@ -2,16 +2,17 @@
* Filters visibility extension default style
*/
@import '../config'
// container
span.expClpFlt
a.btnExpClpFlt
width $min-width
height $min-height
display inline-block
// icon
span.expClpFlt img
vertical-align middle
border 0
padding 1px 1px 1px 1px
margin 1px 1px 1px 1px
&:hover
background-color $toolbar-hover-color
// button
.btnExpClpFlt
margin 0 5px 0 5px
img
padding 8px 11px 11px 11px

6
static/style/filter-checklist.styl
View file

@ -2,7 +2,7 @@
* Checklist filters default style
*/
@import 'config'
@import 'config'
$item-bg-color = #335EA8
$item-font-color = #fff
@ -10,12 +10,12 @@ $item-font-color = #fff
// div containing checklist
.div_checklist
width 100%
height 100px
height 90px
border 1px solid $filter-border-color
overflow auto
text-align left
background-color $filter-bg-color
color: #333 !important
color: $filter-font-color
ul.flt_checklist
padding 0 !important

123
static/style/filters.styl
View file

@ -2,83 +2,98 @@
* Filters' default style
*/
@import 'config'
@import 'config'
@import 'mixins/arrow'
@import 'mixins/box-shadow'
// Filters row style
.fltrow
height 20px
background-color #f4f4f4
height 1em
background-color $filter-row-bg-color
td
th
padding 2px !important
border-bottom: 1px solid #CCC !important
border-top: 1px solid #CCC
border-left 1px solid #CCC
border-right 1px solid #f4f4f4
padding 0.2em !important
// button appearance
.btnflt
font-size 11px
vertical-align middle
margin 0 2px 0 2px
padding 0 1px 0 1px
height $filter-height
font-family inherit
font-size inherit
vertical-align middle
margin 0 2px 0 2px
padding 0 1px 0 1px
// button appearance when displayIcons is true
.btnflt_icon
width 19px
height 19px
cursor pointer !important
border 0 !important
vertical-align middle
background transparent url(themes/btn_filter.png) center center no-repeat !important
font-family inherit
font-size inherit
width $min-width
height $filter-height
cursor pointer !important
border 0 !important
vertical-align middle
background transparent url(themes/btn_filter.png) center center no-repeat !important
// input type filter
// input and select filter type
.flt
background-color $filter-bg-color
border 1px solid $filter-border-color
margin 0
width 97%
vertical-align middle
font-family inherit
display block
color $filter-font-color
background-color $filter-bg-color
border 1px inset $filter-border-color
margin 0
padding 0 0 0 0.2em
width 100%
height $filter-height
vertical-align middle
border-radius 2px
box-sizing border-box
// select type filter
select.flt
background-color $filter-bg-color
border 1px solid $filter-border-color
margin 0 1px 1px 0
width 99%
vertical-align middle
&:focus
border-color #66AFE9
outline 0 none
box-shadow 0 1px 1px rgba(0, 0, 0, 0.075) inset,
0 0 8px rgba(102, 175, 233, 0.6)
// multiple select type filter
select.flt_multi
background-color $filter-bg-color
border 1px solid $filter-border-color
margin 0 1px 1px 0
width 99%
height 100px
vertical-align middle
font-family inherit
color $filter-font-color
background-color $filter-bg-color
border 1px solid $filter-border-color
margin 0
padding 0.2em
width 100%
height 90px
vertical-align middle
box-sizing border-box
// tiny input type filter
.flt_s
background-color $filter-bg-color
border 1px solid $filter-border-color
margin 0
width 80%
vertical-align middle
@extend .flt
width 60%
box-sizing initial
display initial
// single filter type
.single_flt
background-color $filter-bg-color
border-left 1px solid #999
border-right 1px solid $filter-border-color
border-top 1px solid $filter-border-color
border-bottom 1px solid #999
margin 0
width 120px
vertical-align middle
@extend .flt
width 70%
box-sizing initial
display initial
// Pop-up filters elements
div.popUpFilter
position absolute
display none
width 100px
background-color #C8E0FB
border 1px solid #e4e4e4
padding 1px 3px 1px 1px
margin 20px auto 0 0px
arrow(top, 10px white, 2px $th-bg-color)
box-shadow(3px 3px 2px #888)
margin 30px auto 0 0
position absolute
display none
width 100px
background-color $th-bg-color
border 1px solid $filter-row-bg-color
padding 0

87
static/style/grid-layout.styl
View file

@ -3,9 +3,11 @@
*/
@import 'config'
@import 'mixins/box-shadow'
// main container
div.grd_Cont
box-shadow(4px 4px 10px 0px rgba(50, 50, 50, 0.75))
width 800px
height auto
overflow hidden
@ -51,37 +53,74 @@ div.grd_headTblCont
// tables
div.grd_tblCont table,
div.grd_headTblCont table
font-size 12px
border-collapse collapse
table-layout fixed
border-collapse collapse
table-layout fixed
div.grd_tblCont table
border-right 1px solid $grid-layout-border-color
border-right 1px solid $grid-layout-border-color
// headers
div.grd_tblCont table th,
div.grd_headTblCont table th,
div.grd_tblCont table th
div.grd_headTblCont table th
height $th-height
background-color $grid-layout-bg-color
padding 0.1em 0.5em
color #333
border-right 1px solid $grid-layout-border-color !important
overflow hidden
text-overflow ellipsis
div.grd_headTblCont table td
background-color $grid-layout-bg-color
padding 2px 2px 2px 2px !important
color #333
border-right 1px solid $grid-layout-border-color !important
overflow hidden
text-overflow ellipsis
@extend div.grd_headTblCont table th
padding 0.2em 0.2em
div.grd_tblCont table td
padding 2px 2px 2px 2px !important
border-bottom 1px solid #ccc !important
overflow hidden
text-overflow ellipsis
padding $padding
border-bottom 1px solid $grid-layout-border-color
overflow hidden
text-overflow ellipsis
// toolbar container
.grd_inf
clear both
width auto
height 25px
background-color $grid-layout-bg-color
font-size 11px
margin 0
padding 1px 3px 1px 3px
border-top 1px solid $grid-layout-border-color
clear both
width auto
height $min-height
background-color $grid-layout-bg-color
margin 0
padding 1px 3px 1px 3px
border-top 1px solid $grid-layout-border-color
// link appearence
a
color #333
text-decoration none
font-weight bold
&:hover
text-decoration underline
background-color transparent
input.reset
&:hover
background-color transparent
.mdiv
width 40% !important
.ldiv
div
border 0
.helpBtn
border 0 !important
div.status
position absolute
float none !important
height auto !important
margin 19px 0 !important
font-size 12px
color #333
border 0 !important
div.tot
border 0 !important

63
static/style/help.styl
View file

@ -2,48 +2,55 @@
* Help box default style
*/
@import 'config'
@import 'mixins/arrow'
@import 'mixins/box-shadow'
// help button
.helpBtn
margin 0 5px 0 5px
padding 2px 4px 2px 4px
border-left 1px solid #ccc
border-right 1px solid #ccc
display inline-block
height 27px
margin 0
padding 8px 15px 0 15px
vertical-align top
&:hover
background-color $toolbar-hover-color
// help container
div.helpCont
position absolute
display none
max-width 300px
overflow auto
padding 10px
margin 15px 0
border 1px solid #CCC
line-height 20px
font-size 12px
color #333
background #fff
text-align left
box-shadow 3px 3px 2px #888
arrow(top, 10px white, 2px #ccc)
box-shadow(3px 3px 2px #888)
position absolute
display none
width 300px
padding 10px
margin 45px 0 0 -150px
border 1px solid #CCC
line-height 20px
font-size inherit
color #333
background #fff
text-align left
a
color #cc0000
text-decoration underline;
font-weight normal
color #cc0000
text-decoration underline;
font-weight normal
a.close
color #333
text-decoration none
font-weight bold
color #333
text-decoration none
font-weight bold
&:hover
text-decoration none
hr
border 1px solid #ccc
border 1px solid #ccc
div.helpFooter
margin 10px 0 0 0
margin 10px 0 0 0
h4
margin 2px 2px 2px 2px
font-size 13px
color #333
margin 2px 2px 2px 2px
color #333

4
static/style/keyword.styl
View file

@ -3,4 +3,6 @@
*/
span.keyword
background-color #ffcc00
font-weight 700
font-style italic
border-bottom 1px dotted #CCC

13
static/style/loader.styl
View file

@ -4,12 +4,13 @@
.loader
position absolute
padding 5px 10px 5px 10px
margin 20px 0 0 20px
padding 0.5em 0.7em
margin 10em 0 0 3em
width auto
z-index 1000
font-size 12px
font-weight bold
border 1px solid #666
background-color #f4f4f4
font-weight 600
background-color #A7A7A8
vertical-align middle
border-radius 10px
color #FFF
text-shadow 1px 1px #333

63
static/style/mixins/arrow.styl Normal file
View file

@ -0,0 +1,63 @@
/**
* An arrow mixin for Stylus, based on @shojberg's "cssarrowplease.com"
* @param {Position} position
* @param {size, color} arrow
* @param {size, color} border (optional)
*/
arrow(position, arrow, border = 0 white)
// Resolve arguments
$arrowSize = arrow[0]
$arrowColor = arrow[1]
$borderWidth = border[0]
$borderColor = border[1]
$oppositePosition = opposite-position(position)
// Base CSS
position: relative
background: $arrowColor
// Selector generation
$selectors = "&:after"
if $borderWidth > 0
$selectors = $selectors + ", &:before"
// Arrow position
{$selectors}
{$oppositePosition}: 100%
// Offset
if position in (top bottom)
left: 50%
else
top: 50%
border: solid transparent
content: " "
height: 0
width: 0
position: absolute
pointer-events: none
// The arrow itself
&:after
border-color: rgba(white, 0) // transparent
border-{$oppositePosition}-color: $arrowColor
border-width: $arrowSize
if position in (top bottom)
margin-left: (- @border-width)
else
margin-top: (- @border-width)
// The border
if $borderWidth > 0
&:before
border-color: rgba(white, 0) // transparent
border-{$oppositePosition}-color: $borderColor
border-width: $arrowSize + $borderWidth
if position in (top bottom)
margin-left: (- @border-width)
else
margin-top: (- @border-width)

8
static/style/mixins/box-shadow.styl Normal file
View file

@ -0,0 +1,8 @@
/**
* Box shadow mixin
*/
box-shadow()
-webkit-box-shadow arguments
-moz-box-shadow arguments
box-shadow arguments

45
static/style/paging.styl
View file

@ -2,28 +2,36 @@
* Paging default style
*/
@import 'config'
@import 'config'
filter()
height $filter-height
margin 0
border 1px solid $filter-border-color
background-color $filter-bg-color
&:focus
border-color #66AFE9
outline 0 none
box-shadow 0 1px 1px rgba(0, 0, 0, 0.075) inset,
0 0 8px rgba(102, 175, 233, 0.6)
// paging drop-down list
select.pgSlc
height 20px
vertical-align middle
filter()
vertical-align middle
// paging text-box
input.pgNbInp
width 25px
height 16px
margin 1px
vertical-align middle
filter()
width $min-width
// paging buttons (Next/Previous)
input.pgInp
vertical-align middle
width 19px
height 19px
cursor pointer !important
border 0 !important
font-weight bold
filter()
vertical-align middle
width $min-width
border 0
font-weight bold
.nextPage
@extends input.pgInp
@ -52,13 +60,14 @@ input.pgInp
// paging nb pages
span.nbpg
padding 0 5px 0 0
padding 0 5px
// results per page select
select.rspg
width 50px
margin 1px 5px 0 5px
vertical-align middle
filter()
margin 0 0 0 5px
vertical-align middle
// results per page select label
span.rspgSpan
font-size:11px;
font-size inherit

16
static/style/reset-button.styl
View file

@ -2,13 +2,15 @@
* Reset button default style
*/
@import 'config'
input.reset
width 19px
height 19px
cursor pointer !important
border 0 !important
vertical-align: middle
background: transparent url(themes/btn_clear_filters.png) center center no-repeat !important
display inline-block
width $min-width
height $min-height
border 0
background: transparent url(themes/btn_clear_filters.png) center center no-repeat
vertical-align top
&:hover
background #CAD1D6 url(themes/btn_clear_filters.png) center center no-repeat !important
background-color $toolbar-hover-color

14
static/style/rows-counter.styl
View file

@ -2,14 +2,16 @@
* Rows counter default style
*/
@import 'config'
div.tot
float left
overflow hidden
width 150px
height 15px
border-right 1px solid #ccc
margin 0 5px 0 2px
padding 0 2px 0 2px
min-width 150px
height 100%
margin 0
padding 0.5em
vertical-align middle
span
font-weight bold
font-weight 500

18
static/style/status-bar.styl
View file

@ -2,15 +2,15 @@
* Status bar default style
*/
@import 'config'
div.status
float left
overflow hidden
width 150px
height 15px
border-right 1px solid #ccc
margin 0 5px 0 2px
padding 0 2px 0 2px
float left
overflow hidden
min-width 120px
height 100%
margin 0
padding 0.5em
span
font-weight bold
font-size 11px
font-size inherit

28
static/style/table.styl
View file

@ -2,27 +2,25 @@
* Table's default style
*/
@import 'config'
@import 'config'
table.TF
border-spacing 0
border-top 1px solid $border-color-2
border-left 1px solid $border-color-2
border-bottom 1px solid $border-color-1
border-right 1px solid $border-color-1
font-family $font-family
border-spacing 0
border 0
th
height $th-height
margin 0
background-color $th-bg-color
border-bottom 1px solid $border-color-2
border-right 1px solid $border-color-2
border-left 1px solid $border-color-0
border-top 1px solid $border-color-0
padding $padding
border-bottom 1px solid $th-bottom-border-color
border-top 1px solid $th-top-border-color
border-left 1px solid $th-left-border-color
border-right 1px solid $th-right-border-color
padding 0.1em 0.7em
color $th-font-color
td
margin 0
padding $padding
border-bottom 1px solid $border-color-2
border-right 1px solid $border-color-2
margin 0
padding $padding
border-bottom 1px solid $td-border-color

47
static/style/themes/default/default.styl
View file

@ -43,50 +43,37 @@ input.flt
// toolbar
.inf
background #f4f4f4 url(images/bg_infDiv.jpg) 0 0 repeat-x !important
height $min-height
background #D7D7D7 url(images/bg_infDiv.jpg) 0 0 repeat-x !important
// 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
:hover
background transparent url(images/btn_over_eraser.gif) center center no-repeat !important
// paging
input.pgInp
width 19px
height 19px
cursor pointer !important
border 0 !important
.helpBtn
&:hover
background-color transparent
.nextPage
background transparent url(images/btn_next_page.gif) center center no-repeat !important
:hover
&:hover
background transparent url(images/btn_over_next_page.gif) center center no-repeat !important
.previousPage
background transparent url(images/btn_previous_page.gif) center center no-repeat !important
:hover
&:hover
background transparent url(images/btn_over_previous_page.gif) center center no-repeat !important
.firstPage
background transparent url(images/btn_first_page.gif) center center no-repeat !important
:hover
&:hover
background transparent url(images/btn_over_first_page.gif) center center no-repeat !important
.lastPage
background transparent url(images/btn_last_page.gif) center center no-repeat !important
:hover
&:hover
background transparent url(images/btn_over_last_page.gif) center center no-repeat !important
select.rspg
font-size 10px
// grid-layout
// main container
@ -110,8 +97,8 @@ div.grd_headTblCont
border-right none !important
// headers
div.grd_tblCont table th,
div.grd_headTblCont table th,
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
@ -119,15 +106,17 @@ div.grd_headTblCont table td
border-left 1px solid #fff !important
border-top 1px solid #fff !important
div.grd_tblCont table td
border-bottom 1px solid #999 !important
// toolbar 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
// loader
.loader
border 1px solid #999; background:#fff
border 1px solid #999
.defaultLoader
width 32px
height 32px
@ -138,3 +127,9 @@ div.grd_headTblCont table td
background-color #fff
.odd
background-color #D5D5D5
// filters visibility
span.expClpFlt
a.btnExpClpFlt
&:hover
background-color transparent !important

62
static/style/themes/mytheme/mytheme.styl
View file

@ -47,63 +47,30 @@ input.flt
// toolbar
.inf
background #f4f4f4 url(images/bg_infDiv.jpg) left bottom repeat-x !important
background #D8D8D8
height $min-height
// 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;
background transparent url(images/btn_filter.png) center center no-repeat !important
:hover
background #CAD1D6 url(images/btn_filter.png) center center no-repeat !important
.helpBtn
&:hover
background-color transparent
// paging
// 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
:hover
background #CAD1D6 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
:hover
background #CAD1D6 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
:hover
background #CAD1D6 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
:hover
background #CAD1D6 url(images/btn_last_page.gif) center center no-repeat !important
select.rspg
font-size 10px
// grid-layout
@ -128,6 +95,10 @@ div.grd_headTblCont
div.grd_tblCont table
border-right none !important
td
border-bottom 1px dotted #81963B
border-right 1px dotted #81963B
// headers
div.grd_tblCont table th,
div.grd_headTblCont table th
@ -152,16 +123,13 @@ div.grd_headTblCont table td
// div containing left, middle and right divs
.grd_inf
background #f4f4f4 url(images/bg_infDiv.jpg) center bottom repeat-x !important
background-color #D8D8D8
border-top 1px solid #D0D0D0 !important
height 29px !important
padding-top 2px !important
// loader
.loader
border 0 !important
background transparent !important
margin 185px auto !important
background #81963b !important
.defaultLoader
width 32px
@ -174,3 +142,9 @@ div.grd_headTblCont table td
.odd
background-color #fff
// filters visibility
span.expClpFlt
a.btnExpClpFlt
&:hover
background-color transparent !important

71
static/style/themes/skyblue/skyblue.styl
View file

@ -15,7 +15,7 @@ table.TF
margin 0
padding 5px
color inherit
background #D1E5FE url("images/bg_skyblue.gif") 0 0 repeat-x
background #D1E5FE url(images/bg_skyblue.gif) 0 0 repeat-x
border-color #FDFDFD #A4BED4 #A4BED4 #FDFDFD
border-width 1px
border-style solid
@ -53,7 +53,7 @@ input.flt
.inf
background-color #E3EFFF !important
border 1px solid #A4BED4
height 25px
height $min-height
color #004A6F
div.tot,
@ -62,42 +62,18 @@ div.status
// help
.helpBtn
margin 0 5px 0 5px
padding 2px 4px 2px 4px
color #004A6F !important
font-size 13px
border 1px solid transparent !important
:hover
background-color #FFE4AB
border 1px solid #FFB552 !important
text-decoration none
&:hover
background-color transparent
// 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
:hover
background #FFE4AB url(images/icn_clear_filters.png) center center no-repeat !important
border 1px solid #FFB552 !important
// paging
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
:hover
&:hover
background #FFE4AB url(images/btn_next_page.gif) center center no-repeat !important
border 1px solid #FFB552 !important
@ -105,7 +81,7 @@ input.pgInp
background transparent url(images/btn_prev_page.gif) center center no-repeat !important
border 1px solid transparent !important
:hover
&:hover
background #FFE4AB url(images/btn_prev_page.gif) center center no-repeat !important
border 1px solid #FFB552 !important
@ -113,7 +89,7 @@ input.pgInp
background transparent url(images/btn_first_page.gif) center center no-repeat !important
border 1px solid transparent !important
:hover
&:hover
background #FFE4AB url(images/btn_first_page.gif) center center no-repeat !important
border 1px solid #FFB552 !important
@ -121,13 +97,10 @@ input.pgInp
background transparent url(images/btn_last_page.gif) center center no-repeat !important
border 1px solid transparent !important
:hover
&: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 header
.activeHeader
background #FFE4AB !important
@ -157,7 +130,6 @@ div.grd_headTblCont
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,
@ -168,41 +140,28 @@ div.grd_headTblCont table td
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
// toolbar containing left, middle and right divs
.grd_inf
background-color #D9EAED !important
height 25px
background-color #CCE2FE
color #004A6F
border-top 1px solid #99CCCC !important
.rdiv
height 28px
a
text-decoration none
font-weight bold
// help button
a.helpBtn
vertical-align middle
margin-top 2px !important
padding-top 1px !important
// loader
.loader
border 0 !important
background transparent !important
margin-top 40px
margin-left 0 !important
background-color #2D8EEF
border 1px solid #CCE2FE
border-radius 5px
// alternating background colors
.even
@ -211,6 +170,12 @@ div.grd_tblCont table td
.odd
background-color #E3EFFF
// filters visibility
span.expClpFlt
a.btnExpClpFlt
&:hover
background-color transparent !important
// ezedittable
// selection

51
static/style/toolbar.styl
View file

@ -6,15 +6,19 @@
// left, middle and right divs container (toolbar)
.inf
clear both
width auto
height 25px
background-color $toolbar-bg-color
font-size $toolbar-font-size
margin 0
padding 1px 3px 1px 3px
border 1px solid #ccc
overflow hidden
clear both
width auto
height $min-height
background-color $toolbar-bg-color
font-size $toolbar-font-size
margin 0
padding 0
border-top 1px solid $toolbar-border-color
border-left 1px solid $toolbar-border-color
border-right 1px solid $toolbar-border-color
overflow hidden
border-top-left-radius 3px
border-top-right-radius 3px
// link appearence
a
@ -26,22 +30,25 @@
// left div
.ldiv
float left
width 30%
position inherit
text-align left
float left
width 30%
// height 100%
position inherit
text-align left
// middle div
.mdiv
float left
width: 38%
position inherit
text-align center
padding 1px 0
float left
width 38%
// height 100%
position inherit
text-align center
padding 0
// right div
.rdiv
float right
width 30%
position inherit
text-align right
float right
width 30%
// height 100%
position inherit
text-align right

7
static/templates/advanced-grid-editable.html
View file

@ -50,6 +50,7 @@
var filtersConfig = {
base_path: '../dist/tablefilter/',
grid_layout: true,
grid_width: '900px',
alternate_rows: true,
btn_reset: true,
rows_counter: true,
@ -58,9 +59,9 @@
col_1: 'select',
col_2: 'select',
col_widths: [
"150px", "70px", "70px",
"120px", "120px", "100px",
"100px", "100px", "100px"
'150px', '90px', '70px',
'120px', '120px', '100px',
'100px', '100px', '100px'
],
extensions:[
{

93
static/templates/advanced-grid.html
View file

@ -1,93 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{NAME} v{VERSION} - Selection Grid Demo</title>
<!-- @import partials/style.html -->
</head>
<body>
<h1>{NAME} v{VERSION}</h1>
<h2>Selection grid demo</h2>
<p>
To make the grid rows selectable, you need to import the
{EZEDITTABLE_LINK} plugin, enable the <code>selection</code> property
and configure the <code>advancedGrid</code> with the {EZEDITTABLE_LINK}
options.
</p>
<p>
Instructions: Double-click on a row on or press <code>enter</code> key to
perform action. Enable multiple rows selection by checking the <b>Multiple
selection</b> checkbox. Keep <code>Ctrl/Cmd</code> or <code>Shift</code> key
pressed to select multiple rows.
</p>
<!-- @import partials/pre.html -->
<div class="ezCommandEditor">
<input onclick="var ezEditTable = tf.extension('advancedGrid')._ezEditTable;
if(this.checked){
ezEditTable.selectionModel = 'multiple';
} else {
ezEditTable.selectionModel = 'single';
}" name="chkMultipleSlc" id="chkMultipleSlc" type="checkbox">
<label for="chkMultipleSlc">Multiple selection</label>
</div>
<!-- @import partials/countries-table.html -->
<div class="ezCommandEditor">
<button onclick="alert( tf.extension('advancedGrid')._ezEditTable.Selection.GetActiveRowValues() );">Active row data</button>
<button onclick="alert( tf.extension('advancedGrid')._ezEditTable.Selection.GetSelectedValues() );">Selected rows data</button>
<button onclick="tf.extension('advancedGrid')._ezEditTable.Selection.ClearSelections();">Clear Selection</button>
</div>
<!-- @import partials/tablefilter-script.html -->
<script data-config>
var filtersConfig = {
base_path: '../dist/tablefilter/',
grid_layout: true,
alternate_rows: true,
btn_reset: true,
rows_counter: true,
loader: true,
status_bar: true,
col_1: 'select',
col_2: 'select',
col_widths: [
"150px", "70px", "70px",
"120px", "120px", "100px",
"100px", "100px", "100px"
],
extensions:[
{
name: 'advancedGrid',
// For the purpose of this demo, ezEditTable dependency
// is loaded from its own website which is not a CDN.
// This dependency also requires a licence therefore
// DO NOT import it in this way in your projects.
filename: 'ezEditTable_min.js',
vendor_path: 'http://edittable.free.fr/ezEditTable/',
// Once ezEditTable dependency is installed in your
// project import it by pointing to a local path:
// vendor_path: 'path/to/ezEditTable'
selection: true,
default_selection: 'both',
on_validate_row: function(o, row){
var country = o.Selection.GetActiveRowValues()[0];
alert('Chosen record: ' + country);
}
}, {
name: 'sort',
types: [
'string', 'string', 'number',
'number', 'number', 'number',
'number', 'number', 'number'
]
}
]
};
var tf = new TableFilter('demo', filtersConfig);
tf.init();
</script>
<!-- @import partials/pre-inline-script.html -->
</body>
</html>

6
static/templates/columns-visibility.html
View file

@ -32,10 +32,10 @@ var tfConfig = {
alternate_rows: true,
rows_counter: true,
btn_reset: true,
btn_reset_text: "Clear",
btn_reset_text: 'Clear',
status_bar: true,
col_1: "select",
col_2: "select",
col_1: 'select',
col_2: 'select',
/* columns visibility and sort extension */
extensions:[

12
static/templates/data-types.html
View file

@ -96,17 +96,13 @@ var tfConfig = {
},
extensions:[
{
name: 'sort',
types: [
'number', 'string', 'string',
'US', 'none', 'string'
]
name: 'sort'
},{
name: 'colOps',
id: ["sum1", "sum2"],
id: ['sum1', 'sum2'],
col: [3, 4],
operation: ["sum", "sum"],
write_method: ["innerhtml", 'innerhtml'],
operation: ['sum', 'sum'],
write_method: ['innerhtml', 'innerhtml'],
exclude_row: [totRowIndex],
decimal_precision: [2, 2],
tot_row_index: [totRowIndex],

2
static/templates/pagination.html
View file

@ -31,7 +31,7 @@
var filtersConfig = {
base_path: '../dist/tablefilter/',
paging: true,
results_per_page: ['Page length: ', [10,25,50,100]],
results_per_page: ['Records: ', [10,25,50,100]],
remember_grid_values: true,
remember_page_number: true,
remember_page_length: true,

1
static/templates/starter.html
View file

@ -23,6 +23,7 @@
loader: true,
status_bar: true,
mark_active_columns: true,
highlight_keywords: true,
col_number_format: [
null, null, 'US',
'US', 'US', 'US',