deblan-mirror/TableFilter
1
0
Fork 0
mirror of https://github.com/koalyptus/TableFilter.git synced 2024-05-12 19:36:41 +02:00
Code Issues Releases Wiki Activity

Started to move ids prefixes in respective modules

Browse source
This commit is contained in:
Max Guglielmi 2015-04-06 19:53:01 +10:00
parent 39d712b317
commit a6df579731
12 changed files with 82 additions and 77 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dist/filtergrid.css vendored
View file

@ -1,6 +1,6 @@
/*------------------------------------------------------------------------
- TableFilter stylesheet by Max Guglielmi
- (build date: Mon Apr 06 2015 19:21:24)
- (build date: Mon Apr 06 2015 19:51:07)
- Edit below for your projects' needs
------------------------------------------------------------------------*/

4
src-es6/modules/checkList.js
View file

@ -43,9 +43,9 @@ export class CheckList{
this.tf = tf;
}
// TODO: add _OnSlcChange event here
// TODO: move event here
onChange(evt){
this.tf.Evt._OnSlcChange(evt);
this.tf.Evt.onSlcChange(evt);
}
optionClick(evt){

26
src-es6/modules/gridLayout.js
View file

@ -43,6 +43,19 @@ export class GridLayout{
this.gridColElms = [];
//div containing grid elements if grid_layout true
this.prfxMainTblCont = 'gridCont_';
//div containing table if grid_layout true
this.prfxTblCont = 'tblCont_';
//div containing headers table if grid_layout true
this.prfxHeadTblCont = 'tblHeadCont_';
//headers' table if grid_layout true
this.prfxHeadTbl = 'tblHead_';
//id of td containing the filter if grid_layout true
this.prfxGridFltTd = '_td_';
//id of th containing column header if grid_layout true
this.prfxGridTh = 'tblHeadTh_';
this.tf = tf;
}
@ -90,7 +103,8 @@ export class GridLayout{
}
//Main container: it will contain all the elements
this.tblMainCont = Dom.create('div',['id', tf.prfxMainTblCont + tf.id]);
this.tblMainCont = Dom.create('div',
['id', this.prfxMainTblCont + tf.id]);
this.tblMainCont.className = this.gridMainContCssClass;
if(this.gridWidth){
this.tblMainCont.style.width = this.gridWidth;
@ -98,7 +112,7 @@ export class GridLayout{
tbl.parentNode.insertBefore(this.tblMainCont, tbl);
//Table container: div wrapping content table
this.tblCont = Dom.create('div',['id', tf.prfxTblCont + tf.id]);
this.tblCont = Dom.create('div',['id', this.prfxTblCont + tf.id]);
this.tblCont.className = this.gridContCssClass;
if(this.gridWidth){
this.tblCont.style.width = this.gridWidth;
@ -121,14 +135,14 @@ export class GridLayout{
//Headers table container: div wrapping headers table
this.headTblCont = Dom.create(
'div',['id', tf.prfxHeadTblCont + tf.id]);
'div',['id', this.prfxHeadTblCont + tf.id]);
this.headTblCont.className = this.gridHeadContCssClass;
if(this.gridWidth){
this.headTblCont.style.width = this.gridWidth;
}
//Headers table
this.headTbl = Dom.create('table', ['id', tf.prfxHeadTbl + tf.id]);
this.headTbl = Dom.create('table', ['id', this.prfxHeadTbl + tf.id]);
var tH = Dom.create('tHead'); //IE<7 needs it
//1st row should be headers row, ids are added if not set
@ -139,7 +153,7 @@ export class GridLayout{
var c = hRow.cells[n];
var thId = c.getAttribute('id');
if(!thId || thId===''){
thId = tf.prfxGridTh+n+'_'+tf.id;
thId = this.prfxGridTh+n+'_'+tf.id;
c.setAttribute('id', thId);
}
sortTriggers.push(thId);
@ -150,7 +164,7 @@ export class GridLayout{
if(this.gridEnableFilters && tf.fltGrid){
tf.externalFltTgtIds = [];
for(var j=0; j<tf.nbCells; j++){
var fltTdId = tf.prfxFlt+j+ tf.prfxGridFltTd +tf.id;
var fltTdId = tf.prfxFlt+j+ this.prfxGridFltTd +tf.id;
var cl = Dom.create(tf.fltCellTag, ['id', fltTdId]);
filtersRow.appendChild(cl);
tf.externalFltTgtIds[j] = fltTdId;

9
src-es6/modules/help.js
View file

@ -51,6 +51,11 @@ export class Help{
'<div align="center" style="margin-top:8px;">' +
'<a href="javascript:void(0);">Close</a></div></div>';
//id prefix for help elements
this.prfxHelpSpan = 'helpSpan_';
//id prefix for help elements
this.prfxHelpDiv = 'helpDiv_';
this.tf = tf;
}
@ -61,8 +66,8 @@ export class Help{
var tf = this.tf;
var helpspan = Dom.create('span',['id', tf.prfxHelpSpan+tf.id]);
var helpdiv = Dom.create('div',['id', tf.prfxHelpDiv+tf.id]);
var helpspan = Dom.create('span',['id', this.prfxHelpSpan+tf.id]);
var helpdiv = Dom.create('div',['id', this.prfxHelpDiv+tf.id]);
//help button is added to defined element
if(!this.helpInstrTgtId){

14
src-es6/modules/popupFilter.js
View file

@ -49,6 +49,11 @@ export class PopupFilter{
this.popUpFltElms = this.popUpFltElmCache || [];
this.popUpFltAdjustToContainer = true;
//id prefix for pop-up filter span
this.prfxPopUpSpan = 'popUpSpan_';
//id prefix for pop-up div containing filter
this.prfxPopUpDiv = 'popUpDiv_';
this.tf = tf;
}
@ -85,7 +90,7 @@ export class PopupFilter{
}
var popUpSpan = Dom.create(
'span',
['id', tf.prfxPopUpSpan+tf.id+'_'+i],
['id', this.prfxPopUpSpan+tf.id+'_'+i],
['ci', i]
);
popUpSpan.innerHTML = this.popUpImgFltHtml;
@ -114,7 +119,7 @@ export class PopupFilter{
build(colIndex, div){
var tf = this.tf;
var popUpDiv = !div ?
Dom.create('div', ['id', tf.prfxPopUpDiv+tf.id+'_'+colIndex]) :
Dom.create('div', ['id', this.prfxPopUpDiv+tf.id+'_'+colIndex]) :
div;
popUpDiv.className = this.popUpDivCssClass;
tf.externalFltTgtIds.push(popUpDiv.id);
@ -140,7 +145,10 @@ export class PopupFilter{
}
popUpFltElm.style.display = 'block';
if(tf['col'+colIndex] === tf.fltTypeInp){
tf.GetFilterElement(colIndex).focus();
var flt = tf.GetFilterElement(colIndex);
if(flt){
flt.focus();
}
}
if(this.onAfterPopUpOpen){
this.onAfterPopUpOpen.call(

24
src-es6/tablefilter.js
View file

@ -572,26 +572,6 @@ export default class TableFilter{
this.prfxCookiePageNb = 'tf_pgnb_';
//page length cookie
this.prfxCookiePageLen = 'tf_pglen_';
//div containing grid elements if grid_layout true
this.prfxMainTblCont = 'gridCont_';
//div containing table if grid_layout true
this.prfxTblCont = 'tblCont_';
//div containing headers table if grid_layout true
this.prfxHeadTblCont = 'tblHeadCont_';
//headers' table if grid_layout true
this.prfxHeadTbl = 'tblHead_';
//id of td containing the filter if grid_layout true
this.prfxGridFltTd = '_td_';
//id of th containing column header if grid_layout true
this.prfxGridTh = 'tblHeadTh_';
//id prefix for help elements
this.prfxHelpSpan = 'helpSpan_';
//id prefix for help elements
this.prfxHelpDiv = 'helpDiv_';
//id prefix for pop-up filter span
this.prfxPopUpSpan = 'popUpSpan_';
//id prefix for pop-up div containing filter
this.prfxPopUpDiv = 'popUpDiv_';
/*** cookies ***/
this.hasStoredValues = false;
@ -1975,23 +1955,19 @@ export default class TableFilter{
if((rowIndex === validIndexes[validIdxLen-1]) &&
paging.currentPageNb!==paging.nbPages){
console.log('last');
paging.setPage('last');
}
else if((rowIndex == validIndexes[0]) &&
paging.currentPageNb!==1){
console.log('first');
paging.setPage('first');
}
else if(rowIndex > validIndexes[pagingEndRow-1] &&
rowIndex < validIndexes[validIdxLen-1]){
console.log('next');
paging.setPage('next');
}
else if(
rowIndex < validIndexes[paging.startPagingRow] &&
rowIndex > validIndexes[0]){
console.log('previous');
paging.setPage('previous');
}
}

4
src/index.html
View file

@ -100,7 +100,7 @@
rows_counter: true,
enable_default_theme: true,
// slc_filling_method: 'innerhtml',
sort: true,
sort: false,
sort_config: {
sort_types: ['string','string','number','number','number']
},
@ -126,7 +126,7 @@
default_selection: 'both',
loadStylesheet: true
},
grid_layout: false,
grid_layout: true,
// grid_width: '500px',
// grid_height: '200px',
on_before_show_msg: function(tf){

4
src/modules/checkList.js
View file

@ -52,10 +52,10 @@ define(["exports", "../dom", "../array", "../string", "../sort", "../event"], fu
_createClass(CheckList, {
onChange: {
// TODO: add _OnSlcChange event here
// TODO: move event here
value: function onChange(evt) {
this.tf.Evt._OnSlcChange(evt);
this.tf.Evt.onSlcChange(evt);
}
},
optionClick: {

25
src/modules/gridLayout.js
View file

@ -52,6 +52,19 @@ define(["exports", "../dom", "../types", "../helpers", "../event"], function (ex
this.gridColElms = [];
//div containing grid elements if grid_layout true
this.prfxMainTblCont = "gridCont_";
//div containing table if grid_layout true
this.prfxTblCont = "tblCont_";
//div containing headers table if grid_layout true
this.prfxHeadTblCont = "tblHeadCont_";
//headers' table if grid_layout true
this.prfxHeadTbl = "tblHead_";
//id of td containing the filter if grid_layout true
this.prfxGridFltTd = "_td_";
//id of th containing column header if grid_layout true
this.prfxGridTh = "tblHeadTh_";
this.tf = tf;
}
@ -102,7 +115,7 @@ define(["exports", "../dom", "../types", "../helpers", "../event"], function (ex
}
//Main container: it will contain all the elements
this.tblMainCont = Dom.create("div", ["id", tf.prfxMainTblCont + tf.id]);
this.tblMainCont = Dom.create("div", ["id", this.prfxMainTblCont + tf.id]);
this.tblMainCont.className = this.gridMainContCssClass;
if (this.gridWidth) {
this.tblMainCont.style.width = this.gridWidth;
@ -110,7 +123,7 @@ define(["exports", "../dom", "../types", "../helpers", "../event"], function (ex
tbl.parentNode.insertBefore(this.tblMainCont, tbl);
//Table container: div wrapping content table
this.tblCont = Dom.create("div", ["id", tf.prfxTblCont + tf.id]);
this.tblCont = Dom.create("div", ["id", this.prfxTblCont + tf.id]);
this.tblCont.className = this.gridContCssClass;
if (this.gridWidth) {
this.tblCont.style.width = this.gridWidth;
@ -131,14 +144,14 @@ define(["exports", "../dom", "../types", "../helpers", "../event"], function (ex
this.tblMainCont.appendChild(d);
//Headers table container: div wrapping headers table
this.headTblCont = Dom.create("div", ["id", tf.prfxHeadTblCont + tf.id]);
this.headTblCont = Dom.create("div", ["id", this.prfxHeadTblCont + tf.id]);
this.headTblCont.className = this.gridHeadContCssClass;
if (this.gridWidth) {
this.headTblCont.style.width = this.gridWidth;
}
//Headers table
this.headTbl = Dom.create("table", ["id", tf.prfxHeadTbl + tf.id]);
this.headTbl = Dom.create("table", ["id", this.prfxHeadTbl + tf.id]);
var tH = Dom.create("tHead"); //IE<7 needs it
//1st row should be headers row, ids are added if not set
@ -149,7 +162,7 @@ define(["exports", "../dom", "../types", "../helpers", "../event"], function (ex
var c = hRow.cells[n];
var thId = c.getAttribute("id");
if (!thId || thId === "") {
thId = tf.prfxGridTh + n + "_" + tf.id;
thId = this.prfxGridTh + n + "_" + tf.id;
c.setAttribute("id", thId);
}
sortTriggers.push(thId);
@ -160,7 +173,7 @@ define(["exports", "../dom", "../types", "../helpers", "../event"], function (ex
if (this.gridEnableFilters && tf.fltGrid) {
tf.externalFltTgtIds = [];
for (var j = 0; j < tf.nbCells; j++) {
var fltTdId = tf.prfxFlt + j + tf.prfxGridFltTd + tf.id;
var fltTdId = tf.prfxFlt + j + this.prfxGridFltTd + tf.id;
var cl = Dom.create(tf.fltCellTag, ["id", fltTdId]);
filtersRow.appendChild(cl);
tf.externalFltTgtIds[j] = fltTdId;

9
src/modules/help.js
View file

@ -46,6 +46,11 @@ define(["exports", "../dom", "../event"], function (exports, _dom, _event) {
this.helpInstrContEl = null;
this.helpInstrDefaultHtml = "<div class=\"helpFooter\"><h4>HTML Table " + "Filter Generator v. " + tf.version + "</h4>" + "<a href=\"http://tablefilter.free.fr\" target=\"_blank\">" + "http://tablefilter.free.fr</a><br/>" + "<span>&copy;2009-" + tf.year + " Max Guglielmi.</span>" + "<div align=\"center\" style=\"margin-top:8px;\">" + "<a href=\"javascript:void(0);\">Close</a></div></div>";
//id prefix for help elements
this.prfxHelpSpan = "helpSpan_";
//id prefix for help elements
this.prfxHelpDiv = "helpDiv_";
this.tf = tf;
}
@ -60,8 +65,8 @@ define(["exports", "../dom", "../event"], function (exports, _dom, _event) {
var tf = this.tf;
var helpspan = Dom.create("span", ["id", tf.prfxHelpSpan + tf.id]);
var helpdiv = Dom.create("div", ["id", tf.prfxHelpDiv + tf.id]);
var helpspan = Dom.create("span", ["id", this.prfxHelpSpan + tf.id]);
var helpdiv = Dom.create("div", ["id", this.prfxHelpDiv + tf.id]);
//help button is added to defined element
if (!this.helpInstrTgtId) {

14
src/modules/popupFilter.js
View file

@ -54,6 +54,11 @@ define(["exports", "../types", "../dom", "../event", "../helpers"], function (ex
this.popUpFltElms = this.popUpFltElmCache || [];
this.popUpFltAdjustToContainer = true;
//id prefix for pop-up filter span
this.prfxPopUpSpan = "popUpSpan_";
//id prefix for pop-up div containing filter
this.prfxPopUpDiv = "popUpDiv_";
this.tf = tf;
}
@ -95,7 +100,7 @@ define(["exports", "../types", "../dom", "../event", "../helpers"], function (ex
if (tf["col" + i] === tf.fltTypeNone) {
continue;
}
var popUpSpan = Dom.create("span", ["id", tf.prfxPopUpSpan + tf.id + "_" + i], ["ci", i]);
var popUpSpan = Dom.create("span", ["id", this.prfxPopUpSpan + tf.id + "_" + i], ["ci", i]);
popUpSpan.innerHTML = this.popUpImgFltHtml;
var header = tf.getHeaderElement(i);
header.appendChild(popUpSpan);
@ -129,7 +134,7 @@ define(["exports", "../types", "../dom", "../event", "../helpers"], function (ex
value: function build(colIndex, div) {
var tf = this.tf;
var popUpDiv = !div ? Dom.create("div", ["id", tf.prfxPopUpDiv + tf.id + "_" + colIndex]) : div;
var popUpDiv = !div ? Dom.create("div", ["id", this.prfxPopUpDiv + tf.id + "_" + colIndex]) : div;
popUpDiv.className = this.popUpDivCssClass;
tf.externalFltTgtIds.push(popUpDiv.id);
var header = tf.getHeaderElement(colIndex);
@ -157,7 +162,10 @@ define(["exports", "../types", "../dom", "../event", "../helpers"], function (ex
}
popUpFltElm.style.display = "block";
if (tf["col" + colIndex] === tf.fltTypeInp) {
tf.GetFilterElement(colIndex).focus();
var flt = tf.GetFilterElement(colIndex);
if (flt) {
flt.focus();
}
}
if (this.onAfterPopUpOpen) {
this.onAfterPopUpOpen.call(null, this, this.popUpFltElms[colIndex], colIndex);

24
src/tablefilter.js
View file

@ -528,26 +528,6 @@ define(["exports", "module", "event", "dom", "string", "cookie", "types", "array
this.prfxCookiePageNb = "tf_pgnb_";
//page length cookie
this.prfxCookiePageLen = "tf_pglen_";
//div containing grid elements if grid_layout true
this.prfxMainTblCont = "gridCont_";
//div containing table if grid_layout true
this.prfxTblCont = "tblCont_";
//div containing headers table if grid_layout true
this.prfxHeadTblCont = "tblHeadCont_";
//headers' table if grid_layout true
this.prfxHeadTbl = "tblHead_";
//id of td containing the filter if grid_layout true
this.prfxGridFltTd = "_td_";
//id of th containing column header if grid_layout true
this.prfxGridTh = "tblHeadTh_";
//id prefix for help elements
this.prfxHelpSpan = "helpSpan_";
//id prefix for help elements
this.prfxHelpDiv = "helpDiv_";
//id prefix for pop-up filter span
this.prfxPopUpSpan = "popUpSpan_";
//id prefix for pop-up div containing filter
this.prfxPopUpDiv = "popUpDiv_";
/*** cookies ***/
this.hasStoredValues = false;
@ -1914,16 +1894,12 @@ define(["exports", "module", "event", "dom", "string", "cookie", "types", "array
var rowIndex = row.rowIndex;
if (rowIndex === validIndexes[validIdxLen - 1] && paging.currentPageNb !== paging.nbPages) {
console.log("last");
paging.setPage("last");
} else if (rowIndex == validIndexes[0] && paging.currentPageNb !== 1) {
console.log("first");
paging.setPage("first");
} else if (rowIndex > validIndexes[pagingEndRow - 1] && rowIndex < validIndexes[validIdxLen - 1]) {
console.log("next");
paging.setPage("next");
} else if (rowIndex < validIndexes[paging.startPagingRow] && rowIndex > validIndexes[0]) {
console.log("previous");
paging.setPage("previous");
}
}