mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-06-08 00:42:28 +02:00
commit
b88b51ae64
|
@ -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' +
|
||||
|
|
|
@ -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
13087
demos/advanced-grid.html
File diff suppressed because it is too large
Load diff
|
@ -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:[
|
||||
|
|
|
@ -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],
|
||||
|
|
|
@ -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
1
dist/starter.html
vendored
|
@ -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
53
dist/tablefilter/style/colsVisibility.css
vendored
|
@ -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
16
dist/tablefilter/style/filtersVisibility.css
vendored
|
@ -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
585
dist/tablefilter/style/tablefilter.css
vendored
|
@ -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
139
dist/tablefilter/style/themes/default/default.css
vendored
|
@ -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
166
dist/tablefilter/style/themes/mytheme/mytheme.css
vendored
|
@ -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
216
dist/tablefilter/style/themes/skyblue/skyblue.css
vendored
|
@ -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
4
dist/tablefilter/tablefilter.js
vendored
File diff suppressed because one or more lines are too long
2
dist/tablefilter/tf-1.js
vendored
2
dist/tablefilter/tf-1.js
vendored
|
@ -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
|
||||
*/
|
||||
|
||||
|
|
|
@ -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(
|
||||
|
|
|
@ -3,5 +3,5 @@
|
|||
*/
|
||||
|
||||
.activeHeader
|
||||
background #004080 !important
|
||||
background-color #66AFE9 !important
|
||||
color #fff !important
|
||||
|
|
|
@ -3,6 +3,6 @@
|
|||
*/
|
||||
|
||||
.even
|
||||
background-color #fff
|
||||
background-color #FFF
|
||||
.odd
|
||||
background-color #E5E5E5
|
||||
background-color #F9F9F9
|
||||
|
|
|
@ -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
|
||||
|
||||
|
|
|
@ -2,6 +2,10 @@
|
|||
* ColsVisibility extension default style
|
||||
*/
|
||||
|
||||
@import '../config'
|
||||
@import '../mixins/arrow'
|
||||
@import '../mixins/box-shadow'
|
||||
|
||||
$item-bg-color = #335EA8
|
||||
$item-font-color = #fff
|
||||
|
||||
|
@ -10,26 +14,35 @@ span.colVisSpan
|
|||
|
||||
// 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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -3,82 +3,97 @@
|
|||
*/
|
||||
|
||||
@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
|
||||
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
|
||||
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
|
||||
font-family inherit
|
||||
display block
|
||||
color $filter-font-color
|
||||
background-color $filter-bg-color
|
||||
border 1px solid $filter-border-color
|
||||
border 1px inset $filter-border-color
|
||||
margin 0
|
||||
width 97%
|
||||
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
|
||||
font-family inherit
|
||||
color $filter-font-color
|
||||
background-color $filter-bg-color
|
||||
border 1px solid $filter-border-color
|
||||
margin 0 1px 1px 0
|
||||
width 99%
|
||||
height 100px
|
||||
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
|
||||
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 #C8E0FB
|
||||
border 1px solid #e4e4e4
|
||||
padding 1px 3px 1px 1px
|
||||
margin 20px auto 0 0px
|
||||
background-color $th-bg-color
|
||||
border 1px solid $filter-row-bg-color
|
||||
padding 0
|
||||
|
|
|
@ -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,7 +53,6 @@ div.grd_headTblCont
|
|||
// tables
|
||||
div.grd_tblCont table,
|
||||
div.grd_headTblCont table
|
||||
font-size 12px
|
||||
border-collapse collapse
|
||||
table-layout fixed
|
||||
|
||||
|
@ -59,19 +60,23 @@ div.grd_tblCont table
|
|||
border-right 1px solid $grid-layout-border-color
|
||||
|
||||
// headers
|
||||
div.grd_tblCont table th,
|
||||
div.grd_headTblCont table th,
|
||||
div.grd_headTblCont table td
|
||||
div.grd_tblCont table th
|
||||
div.grd_headTblCont table th
|
||||
height $th-height
|
||||
background-color $grid-layout-bg-color
|
||||
padding 2px 2px 2px 2px !important
|
||||
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
|
||||
@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
|
||||
padding $padding
|
||||
border-bottom 1px solid $grid-layout-border-color
|
||||
overflow hidden
|
||||
text-overflow ellipsis
|
||||
|
||||
|
@ -79,9 +84,43 @@ div.grd_tblCont table td
|
|||
.grd_inf
|
||||
clear both
|
||||
width auto
|
||||
height 25px
|
||||
height $min-height
|
||||
background-color $grid-layout-bg-color
|
||||
font-size 11px
|
||||
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
|
||||
|
|
|
@ -2,28 +2,36 @@
|
|||
* 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
|
||||
arrow(top, 10px white, 2px #ccc)
|
||||
box-shadow(3px 3px 2px #888)
|
||||
position absolute
|
||||
display none
|
||||
max-width 300px
|
||||
overflow auto
|
||||
width 300px
|
||||
padding 10px
|
||||
margin 15px 0
|
||||
margin 45px 0 0 -150px
|
||||
border 1px solid #CCC
|
||||
line-height 20px
|
||||
font-size 12px
|
||||
font-size inherit
|
||||
color #333
|
||||
background #fff
|
||||
text-align left
|
||||
box-shadow 3px 3px 2px #888
|
||||
|
||||
a
|
||||
color #cc0000
|
||||
|
@ -45,5 +53,4 @@ div.helpFooter
|
|||
margin 10px 0 0 0
|
||||
h4
|
||||
margin 2px 2px 2px 2px
|
||||
font-size 13px
|
||||
color #333
|
||||
|
|
|
@ -3,4 +3,6 @@
|
|||
*/
|
||||
|
||||
span.keyword
|
||||
background-color #ffcc00
|
||||
font-weight 700
|
||||
font-style italic
|
||||
border-bottom 1px dotted #CCC
|
||||
|
|
|
@ -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
63
static/style/mixins/arrow.styl
Normal 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
8
static/style/mixins/box-shadow.styl
Normal file
|
@ -0,0 +1,8 @@
|
|||
/**
|
||||
* Box shadow mixin
|
||||
*/
|
||||
|
||||
box-shadow()
|
||||
-webkit-box-shadow arguments
|
||||
-moz-box-shadow arguments
|
||||
box-shadow arguments
|
|
@ -4,25 +4,33 @@
|
|||
|
||||
@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
|
||||
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
|
||||
filter()
|
||||
vertical-align middle
|
||||
width 19px
|
||||
height 19px
|
||||
cursor pointer !important
|
||||
border 0 !important
|
||||
width $min-width
|
||||
border 0
|
||||
font-weight bold
|
||||
|
||||
.nextPage
|
||||
|
@ -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
|
||||
filter()
|
||||
margin 0 0 0 5px
|
||||
vertical-align middle
|
||||
|
||||
// results per page select label
|
||||
span.rspgSpan
|
||||
font-size:11px;
|
||||
font-size inherit
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
min-width 120px
|
||||
height 100%
|
||||
margin 0
|
||||
padding 0.5em
|
||||
|
||||
span
|
||||
font-weight bold
|
||||
font-size 11px
|
||||
font-size inherit
|
||||
|
|
|
@ -5,24 +5,22 @@
|
|||
@import 'config'
|
||||
|
||||
table.TF
|
||||
font-family $font-family
|
||||
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
|
||||
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
|
||||
border-bottom 1px solid $td-border-color
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -8,13 +8,17 @@
|
|||
.inf
|
||||
clear both
|
||||
width auto
|
||||
height 25px
|
||||
height $min-height
|
||||
background-color $toolbar-bg-color
|
||||
font-size $toolbar-font-size
|
||||
margin 0
|
||||
padding 1px 3px 1px 3px
|
||||
border 1px solid #ccc
|
||||
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
|
||||
|
@ -28,20 +32,23 @@
|
|||
.ldiv
|
||||
float left
|
||||
width 30%
|
||||
// height 100%
|
||||
position inherit
|
||||
text-align left
|
||||
|
||||
// middle div
|
||||
.mdiv
|
||||
float left
|
||||
width: 38%
|
||||
width 38%
|
||||
// height 100%
|
||||
position inherit
|
||||
text-align center
|
||||
padding 1px 0
|
||||
padding 0
|
||||
|
||||
// right div
|
||||
.rdiv
|
||||
float right
|
||||
width 30%
|
||||
// height 100%
|
||||
position inherit
|
||||
text-align right
|
||||
|
|
|
@ -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:[
|
||||
{
|
||||
|
|
|
@ -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>
|
|
@ -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:[
|
||||
|
|
|
@ -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],
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -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',
|
||||
|
|
Loading…
Reference in a new issue