processmaker-builder
Version:
The gulp task runner for ProcessMaker building
1,190 lines (1,165 loc) • 35.7 kB
JavaScript
leimnud.Package.Public({
info :{
Class :"maborak",
File :"module.grid.js",
Name :"grid",
Type :"module",
Version:"0.1"
},
content :function(){
this.elements={};
this.make=function(options)
{
this.options = {
theme:"gray"
}.concatMaborak(options || {});
this.options.paginator={
limit:this.options.data.rows.length,
page :1
}.concatMaborak(this.options.paginator || {});
/* Search Begin */
if(this.options.search===true)
{
this.renderSearch();
}
/* Search End */
this.options.target.appendChild(this.render());
if(this.options.paginator && !this.options.noPaginator)
{
this.paginator();
}
return this;
};
this.render=function()
{
var table,row,cell,dataColumn=this.options.data.column,dataRow;
var rows=dataColumn.length;
var width = 100/dataColumn.length+"%";
/* Grid table BEGIN */
if(this.options.title)
{
this.elements.titleBar = $dce("div");
this.elements.titleBar.innerHTML=this.options.title || "";
this.elements.titleBar.className="app_grid_headerBar___"+this.options.theme;
this.parent.dom.setStyle(this.elements.titleBar,this.options.styleHeaderBar || {});
this.options.target.appendChild(this.elements.titleBar);
}
table = this.elements.table = $dce("table");
this.elements.table.className="app_grid_table___"+this.options.theme;
this.parent.dom.setStyle(table,{
/*font:"normal 11px arial,tahoma,helvetica,sans-serif",
width :"100%",
borderCollapse:"collapse",
margin:0*/
});
row = table.insertRow(-1);
/* right Click BEGIN */
var menuObserver=this.parent.factory(this.parent.pattern.observer,true);
this.parent.event.add(this.options.target,"click",menuObserver.update);
var menu = new this.parent.module.app.menuRight();
menu.make({
target:row,
menu:[
{text:"Option 1",launch:function(){alert(1)}},
{text:"Option 2",launch:function(){alert(2)}},
{text:"Option 3",launch:function(){alert(3)}}
]
});
menuObserver.register(menu.remove,menu);
/* right Click END */
for(var i=0;i<rows;i++)
{
cell = row.insertCell(i);
cell.onmouseover=function(evt,cell)
{
var event = window.event || evt;
var cell = (window.event)?evt:cell;
if(event.ctrlKey)
{
cell.style.cursor="move";
}
else
{
cell.style.cursor="default";
}
}.extend(this,cell);
dataRow = dataColumn[i];
cell.innerHTML=dataRow.title;
cell.className="app_grid_title___"+this.options.theme;
this.parent.dom.setStyle(cell,{
width :dataColumn[i].width || width
}.concatMaborak(dataColumn[i].style || {}));
dataRow.searchable = (dataRow.searchable===false)?false:true;
if(dataRow.type==="counter" || dataRow.type==="drag")
{
this.createColumnData(i,dataRow.data || null);
}
else
{
cell.onmousedown=this.dragCell.args(i);
}
if(dataColumn[i].onchange)
{
dataColumn[i].onchange=(dataColumn[i].onchange.isString)?eval(dataColumn[i].onchange):dataColumn[i].onchange;
}
}
this.fillAllData();
this.renderData();
return table;
};
this.createColumnData=function(key,data)
{
var rows = this.options.data.rows;
for(var i=0;i<rows.length;i++)
{
rows[i].data.insert(key,data);
}
};
this.renderData=function()
{
//alert(this.dataToRender.length)
var table = this.elements.table,row,cell,dataColumn=this.options.data.column,dataRow;
var rows = dataColumn.length;
var width = 100/dataColumn.length+"%";
/* parse Rows BEGIN */
var limit=this.dataToRender.length;
var total=this.dataToRender.length;
var lpp;
var page = this.options.paginator.page;
var forp = (this.options.paginator.limit>limit)?limit:this.options.paginator.limit;
lpp = (((page)==this.options.paginator.pages)?(total-((page-1)*forp)):forp);
var inicio = this.options.paginator.limit*(this.options.paginator.page-1);
inicio = (inicio<0)?0:inicio;
var fin = inicio+lpp;
//alert(inicio+":"+fin);
for(var i=inicio;i<fin;i++)
{
row = table.insertRow(-1);
var domCell = [];
this.options.data.rows[this.dataToRender[i]].info={
rowIndex:i+1
}.concatMaborak(this.options.data.rows[this.dataToRender[i]].info || {});
dataCell = this.options.data.rows[this.dataToRender[i]].data;
for(var j=0;j<rows;j++)
{
cell = row.insertCell(j);
domCell.push(cell);
dataRow = dataCell[j] || 0;
//alert(dataColumn[j])
cell.className="app_grid_data___"+this.options.theme;
if(dataColumn[j].paint)
{
cell.className="app_grid_data___"+this.options.theme+" app_grid_"+dataColumn[j].paint+"___"+this.options.theme;
}
this.parent.dom.setStyle(cell,{
width : dataColumn[j].width || width
}.concatMaborak(dataColumn[j].styleValues || dataRow.style || {}));
if(dataColumn[j].type==="counter" || dataColumn[j].type==="drag")
{
var value = dataRow.value || i+1;
cell.innerHTML=value;
if(dataColumn[j].type==="drag")
{
cell.onmousedown=this.dragRow.args(this.dataToRender[i]);
}
}
else if(dataColumn[j].type==="text" || dataColumn[j].type==="textarea")
{
cell.innerHTML=dataRow.value;
if(dataColumn[j].edit===true)
{
this.editText(this.dataToRender[i],j,cell);
}
}
else if(dataColumn[j].type=="textDropdown")
{
cell.innerHTML=dataColumn[j].data[dataRow.value][1];
if(dataColumn[j].edit===true)
{
this.editTextDropdown(this.dataToRender[i],j,cell);
}
}
else if(dataColumn[j].type=="checkbox")
{
var cb = $dce("input");
cb.type = "checkbox";
cell.appendChild(cb);
cb.checked = (dataRow.value);
cb.disabled=(dataColumn[j].edit===true)?false:true;
this.parent.dom.setStyle(cb,{
padding :0,
margin :0
});
cb.onchange=function(evt,data)
{
data = (window.event)?evt:data;
dataRow = data.dataRow;
cb = data.cb;
dataRow.value=cb.checked;
if(dataColumn[data.indexColumn].onchange)
{
dataColumn[data.indexColumn].onchange({index:this.options.data.rows[data.indexRow],dom:cb});
}
}.extend(this,{cb:cb,dataRow:dataRow,indexColumn:j,indexRow:this.dataToRender[i]});
}
else if(dataColumn[j].type=="dropdown")
{
//cell.innerHTML=dataColumn[j].data[dataRow.value][1];
this.parent.dom.setStyle(cell,{
padding :2
});
var select = $dce("select");
dataCellHeader = dataColumn[j];
//alert(dataCell.data)
for(var k=0;k<dataCellHeader.data.length;k++)
{
var selected = (dataRow.value===dataCellHeader.data[k][0]);
//select.options[i]=new Option(dataCell.data[i][1],dataCell.data[i][0],true);
var option = $dce("option");
select.appendChild(option);
option.value =dataCellHeader.data[k][0];
option.selected = selected;
option.text =dataCellHeader.data[k][1];
}
select.onchange=function(evt,data)
{
data = (window.event)?evt:data;
dataRow = data.dataRow;
select = data.select;
dataRow.value=parseInt(select.options[select.selectedIndex].value,10);
}.extend(this,{select:select,dataRow:dataRow});
cell.appendChild(select);
select.disabled=(dataColumn[j].edit===true)?false:true;
}
}
//this.elements.cells.push(domCell);
//this.elements.rows.push(row);
}
/* parse Rows END */
};
this.paginator=function()
{
/*this.paginatorDOM = $dce("div");
var headerP = $dce("div");
var theme = this.options.theme;
headerP.className="app_grid_paginatorHeader___"+theme;
for(var i=0;i<this.options.paginator.pages;i++)
{
var li = $dce("a");
li.innerHTML = i+1;
li.href = "#";
headerP.appendChild(li);
if((i+1)===this.options.paginator.page)
{
li.className = "app_grid_paginatorLinkSelected___"+theme;
}
else
{
li.className = "app_grid_paginatorLink___"+theme;
li.onmouseup = function(evt,page)
{
page = (this.parent.browser.isIE)?evt:page;
//alert(page+1)
this.options.paginator.page=page+1;
this.clear();
this.paginatorDOM.innerHTML="";
this.paginator();
this.renderData();
}.extend(this,i)
}
}
this.paginatorDOM.appendChild(headerP);
this.parent.dom.setStyle(headerP,{
textAlign :"center",
padding :5
});
this.options.target.appendChild(this.paginatorDOM);*/
this.paginatorDOM = $dce("div");
var headerP = $dce("div");
var theme = this.options.theme;
headerP.className="app_grid_paginatorHeader___"+theme;
this.paginatorDOM.appendChild(headerP);
this.parent.dom.setStyle(headerP,{
textAlign :"center",
padding :5
});
this.options.target.appendChild(this.paginatorDOM);
var p = headerP;
(p.appendChild(this.pDf = $dce("a"))).href="#";
this.pDf.className="app_grid_pDf___"+theme;
this.pDf.onmouseup=function()
{
return this.paginatorTo(1);
}.extend(this);
(p.appendChild(this.pDp = $dce("a"))).href="#";
this.pDp.className="app_grid_pDp___"+theme;
this.pDp.onmouseup=function()
{
return this.paginatorTo(this.options.paginator.page-1);
}.extend(this);
//p.innerHTML+=" Page ";
(p.appendChild(this.pDt1 = $dce("span"))).innerHTML=" Page ";
(p.appendChild(this.pDC = $dce("input"))).type="text";
this.pDC.value = this.options.paginator.page;
this.pDC.className = "app_grid_pDC___"+theme;
this.pDC.onkeyup=function(evt)
{
var evt = (window.event)?window.event:evt;
var key = (evt.which)?evt.which:evt.keyCode;
var pg = parseInt(this.pDC.value);
pg = (isNaN(pg)?1:pg);
if(key==13)
{
this.paginatorTo(pg);
}
return false;
}.extend(this);
(p.appendChild(this.pDt2 = $dce("span"))).innerHTML=" of ";
(p.appendChild(this.pDT = $dce("span"))).innerHTML=this.options.paginator.pages;
this.pDT.className="app_grid_pDT___"+theme;
(p.appendChild(this.pDn = $dce("a"))).href="#";
this.pDn.className="app_grid_pDn___"+theme;
this.pDn.onmouseup=function()
{
return this.paginatorTo(this.options.paginator.page+1);
}.extend(this);
(p.appendChild(this.pDl = $dce("a"))).href="#";
this.pDl.className="app_grid_pDl___"+theme;
this.pDl.onmouseup=function()
{
return this.paginatorTo(this.options.paginator.pages);
}.extend(this);
this.paginatorTo(this.options.paginator.page);
};
this.paginatorTo=function(pagTo,force)
{
pagTo = (pagTo<=0)?1:((pagTo>this.options.paginator.pages)?this.options.paginator.pages:pagTo);
this.pDC.value = pagTo;
if(pagTo!==this.options.paginator.page || force===true)
{
this.options.paginator.page=pagTo;
this.clear();
this.renderData();
}
if(pagTo===1)
{
this.pDf.className="app_grid_pDfDisabled___"+this.options.theme;
this.pDp.className="app_grid_pDpDisabled___"+this.options.theme;
}
else
{
this.pDf.className="app_grid_pDf___"+this.options.theme;
this.pDp.className="app_grid_pDp___"+this.options.theme;
}
if(pagTo===this.options.paginator.pages)
{
this.pDn.className="app_grid_pDnDisabled___"+this.options.theme;
this.pDl.className="app_grid_pDlDisabled___"+this.options.theme;
}
else
{
this.pDn.className="app_grid_pDn___"+this.options.theme;
this.pDl.className="app_grid_pDl___"+this.options.theme;
}
return false;
};
this.renderSearched=function(evt,stext)
{
//alert(345345)
this.dataToRender = [];
var text = this.searchText.value;
//var r = this.options.data.rows;
var r = this.options.data.rows;
var rw = this.elements.table.rows;
var c = this.options.data.column;
for(var i=0;i<r.length;i++)
{
var display = "none";
var dc = r[i].data;
for(var j=0;j<c.length;j++)
{
var d = dc[j];
//console.info(c[j].type+"::"+d.value)
if(c[j].type=="text" || c[j].type==="textDropdown" || c[j].type==="dropdown" || c[j].type==="textarea")
{
//alert(d.value+":"+c[j].type)
//alert((this.getText({i:i,j:j,type:c[j].type})).toString()+"::"+c[j].searchable +"::"+(this.getText({i:i,j:j,type:c[j].type})).toString().match(new RegExp(text,"i")));
if((this.getText({i:i,j:j,type:c[j].type})).toString().match(new RegExp(text,"i")) && c[j].searchable)
{
this.dataToRender.push(i);
display = "";
break;
}
}
}
//alert(r[i].info.rowIndex)
//this.elements.table.rows[i+1].style.display=display;
//this.elements.table.rows[r[i].info.rowIndex].style.display=display;
}
this.options.paginator.pages=Math.ceil(this.dataToRender.length/this.options.paginator.limit);
this.pDT.innerHTML=this.options.paginator.pages;
//alert(this.dataToRender.length);
this.paginatorTo(1,true);
//alert(this.dataToRender.length);
//this.elements.table.rows[2].style.display="none";
};
this.fillAllData=function()
{
this.dataToRender=[];
var c = this.options.data.rows;
for(var i=0;i<c.length;i++)
{
this.dataToRender.push(i);
}
this.options.paginator.pages=Math.ceil(this.dataToRender.length/this.options.paginator.limit);
};
this.sort=function(data)
{
data = {
column:1
}.concatMaborak(data || {});
var d = this.dataToRender;
var r = this.options.data.rows;
var c = this.options.data.column[data.column];
var t = c.type;
var limit= d.length;
c.order = c.order || "ASC";
data.order = c.order;
c.order = (c.order == "ASC")?"DESC":"ASC";
var sd = [];
for(var i=0;i<limit;i++)
{
sd.push({
index:d[i],
value:r[d[i]].data[data.column].value
});
}
var sortedData = sd.sort(function(a,b,order){
var aComp = a.value[0];
var bComp = b.value[0];
//console.info(order);
order1 = (order=="ASC")?-1:1;
order2 = (order=="ASC")?1:-1;
if (aComp < bComp) {return order1}
if (aComp > bComp) {return order2}
return 0;
}.args(data.order));
var sortedIndex = [];
for(var i=0;i<sortedData.length;i++)
{
sortedIndex.push(sortedData[i].index);
}
this.dataToRender = sortedIndex;
this.paginatorTo(this.options.paginator.page,true);
return true;
};
this.getText=function(data)
{
i = data.i;
j = data.j;
var r= this.options.data.rows[i].data;
var c = this.options.data.column[j];
var t = "";
if(data.type=="text" || data.type=="textarea")
{
t = r[j].value;
}
else if(data.type=="textDropdown" || data.type=="dropdown")
{
t = c.data[r[j].value][1];
}
return t;
};
this.renderSearch=function()
{
var div = $dce("div");
div.className="app_grid_headerBar___"+this.options.theme;
this.parent.dom.setStyle(div,{
padding:1,
textAlign:"right"
});
this.searchText = new input(false,{width:200});
this.searchText.onkeyup=function(evt)
{
//alert(searchText)
var evt = (window.event)?window.event:evt;
var key = (evt.which)?evt.which:evt.keyCode;
if(key==13)
{
this.renderSearched();
}
//this.renderSearched();
}.extend(this);
div.appendChild(this.searchText);
div.appendChild(new button("Search",this.renderSearched,{width:70}));
div.appendChild(new button("Options",function(evt)
{
/*evt = (window.event)?window.event:evt;
var posM= this.parent.dom.mouse(evt);*/
options = new leimnud.module.panel();
options.options={
size :{w:200,h:200},
title :"",
target :this.options.target,
position :{x:10,y:10,center:true},
limit :true,
statusBar :false,
//titleBar :false,
control:{
drag :false,
close :true,
resize :false
},
fx:{
modal :true,
shadow :false,
fadeIn :false,
fadeOut :true
}
};
//options.styles.fx.opacityModal.Static=70;
options.setStyle={
//modal :{backgroundColor:"white"},
//frontend:{backgroundColor:"white"},
//containerWindow:{backgroundColor:"white",border:"1px solid #99BBE8"},
//content:{border:"1px solid red"},
//titleBar:{background:"none"},
content :{padding:0,borderWidth:0,backgroundColor:"transparent",border:"0px solid red"}
};
options.make();
//options.addContent("<div style='text-align:right;'><b>Search in:</b></div><br />");
var fs = $dce("fieldset");
this.parent.dom.setStyle(fs,{
fontWeight :"bold",
//border :"1px solid #99BBE8",
//height :"100%",
color :"#000"
});
var lg = $dce("legend");
lg.innerHTML="Search in:";
fs.appendChild(lg);
options.addContent(fs);
var dr = this.options.data.column;
var se = [];
var cn = $dce("div");
this.parent.dom.setStyle(cn,{
fontWeight :"normal",
textAlign :"right",
//backgroundColor :"#D0DEF0",
//border :"1px solid #99BBE8",
color :"#000"
});
fs.appendChild(cn);
for(var i=0;i<dr.length;i++)
{
if(dr[i].type==="text" || dr[i].type==="textDropdown" || dr[i].type==="dropdown" || dr[i].type==="textarea")
{
var ti = $dce("div");
this.parent.dom.setStyle(ti,{
verticalAlign :"middle",
padding :1
});
ti.innerHTML=dr[i].title+" ";
cn.appendChild(ti);
var sl = $dce("input");
sl.type = "checkbox";
ti.appendChild(sl);
sl.checked = dr[i].searchable;
sl.onchange=function(evt,data)
{
var data = (window.event)?evt:data;
this.options.data.column[data.ro].searchable=data.a.checked;
}.extend(this,{a:sl,ro:i});
}
}
//options.addContent(cn);
}.extend(this),{width:70}).disable());
div.appendChild(new button("Add").disable());
div.appendChild(new button("Del").disable());
div.appendChild(new button("New").disable());
this.options.target.appendChild(div);
};
this.editText=function(indexRow,indexCell,dom)
{
dom.ondblclick = function(evt,data)
{
data = (window.event)?evt:data;
var indexRow=data.indexRow,indexCell=data.indexCell;
var dataCell = this.options.data.column[indexCell];
var dataRow = this.options.data.rows[indexRow].data[indexCell];
//alert(indexRow+":"+indexCell+":"+dom.offsetWidth+":"+dom.offsetHeight);
var tp = (dataCell.type=="text")?"input":"textarea";
var input = $dce(tp);
if(dataCell.type=="textarea")
{
this.parent.dom.setStyle(input,{
height :dom.offsetHeight-5
});
}
else
{
input.type="text";
}
this.parent.dom.setStyle(input,{
font :"normal 8pt Tahoma,sans-serif,Tahoma",
padding :3,
paddingLeft :3,
border :"1px solid buttonHighlight",
borderLeft :"1px solid buttonShadow",
borderTop :"1px solid buttonShadow",
backgroundColor:"#EEE",
overflow :"none",
width :"100%"
});
dom.innerHTML="";
this.parent.dom.setStyle(dom,{
padding :1
});
input.value=dataRow.value;
input.onblur=function()
{
this.parent.dom.setStyle(dom,{
padding :5
});
//alert(this.options.data.column[indexCell].onchange);
//dom.innerHTML=dataRow.value = input.value.escapeHTML();
dom.innerHTML=dataRow.value = input.value;
if(this.options.data.column[indexCell].onchange)
{
this.options.data.column[indexCell].onchange({index:this.options.data.rows[indexRow],dom:input});
}
}.extend(this);
dom.appendChild(input);
input.focus();
}.extend(this,{indexRow:indexRow,indexCell:indexCell,dom:dom});
};
this.editTextDropdown=function(indexRow,indexCell,dom)
{
dom.ondblclick = function(evt,data)
{
data = (window.event)?evt:data;
var indexRow=data.indexRow,indexCell=data.indexCell;
var dataCell = this.options.data.column[indexCell];
var dataRow = this.options.data.rows[indexRow].data[indexCell];
dom.innerHTML="";
this.parent.dom.setStyle(dom,{
padding :1
});
var select = $dce("select");
this.parent.dom.setStyle(select,{
font:"normal 11px arial,tahoma,helvetica,sans-serif",
width:"100%"
});
for(var i=0;i<dataCell.data.length;i++)
{
var selected = (dataRow.value===dataCell.data[i][0]);
//select.options[i]=new Option(dataCell.data[i][1],dataCell.data[i][0],true);
var option = $dce("option");
select.appendChild(option);
option.value=dataCell.data[i][0];
option.selected = selected;
option.text =dataCell.data[i][1];
}
dom.appendChild(select);
select.onblur=function()
{
this.parent.dom.setStyle(dom,{
padding :5
});
//alert(dataRow.value+":"+dataCell.data[indexRow][1])
//alert(dataRow.value)
dom.innerHTML=this.editTextDropdownSelectUID(indexCell,indexRow);
}.extend(this);
select.onchange=function()
{
//alert(dataRow.value+":"+select.options[select.selectedIndex].value)
this.options.data.rows[indexRow].data[indexCell].value=parseInt(select.options[select.selectedIndex].value,10);
//dataRow.value=select.options[select.selectedIndex].value;
if(this.options.data.column[indexCell].onchange)
{
this.options.data.column[indexCell].onchange({index:this.options.data.rows[indexRow],dom:select});
}
select.blur();
}.extend(this);
select.focus();
}.extend(this,{indexRow:indexRow,indexCell:indexCell,dom:dom});
};
this.editTextDropdownSelectUID=function(cell,row)
{
data = this.options.data.column[cell].data;
uid = this.options.data.rows[row].data[cell].value;
//alert(data+":"+uid);
for(var i=0;i<data.length;i++)
{
if(data[i][0]===uid)
{
return data[i][1];
}
}
return "";
};
this.clear=function()
{
//alert(this.elements.table.rows.length);
var total = this.elements.table.rows.length;
//for(var i=0;i<total;i++)
for(var i=total-1;i>0;i--)
{
//alert(this.elements.table.rows[i])
this.parent.dom.remove(this.elements.table.rows[i]);
}
};
this.searchables=function()
{
var dr = this.options.data.column;
var se = [];
for(var i=0;i<dr.length;i++)
{
if(dr[i].type==="text")
{
se.push(i);
}
}
return se;
};
this.dragCell=function(evt,cellIndex)
{
var event = window.event || evt;
if(this.inDragProcess===true || !event.ctrlKey)
{
return false;
}
this.inDragProcess=true;
//alert(this.parent.event.dom(event).parentNode);
cellIndex = (this.parent.browser.isIE)?evt:cellIndex;
//var domRow = this.elements.table.rows[row+1];
var domCell = this.parent.event.dom(event);
this.phantomCellStatic = $dce("div");
this.phantomCell = $dce("div");
var j = this.parent.dom.position(domCell,false,true);
var k = this.parent.dom.position(this.elements.table.rows[this.elements.table.rows.length-1].cells[domCell.cellIndex],true,true);
//console.info(k)
this.parent.dom.setStyle([this.phantomCell,this.phantomCellStatic],{
position:"absolute",
width :domCell.offsetWidth-1,
height :(k.y-j.y)-1,
border :"1px solid #99BBE8",
backgroundColor :"#E6EDF7",
top :j.y,
left :j.x
});
this.parent.dom.setStyle(this.phantomCell,{
border :"1px solid #ff4400",
backgroundColor :"orange"
});
this.parent.dom.setStyle(this.phantomCellStatic,{
border :"1px solid green",
backgroundColor :"green"
});
this.parent.dom.opacity(this.phantomCell,30);
this.parent.dom.opacity(this.phantomCellStatic,20);
this.options.target.appendChild(this.phantomCellStatic);
this.options.target.appendChild(this.phantomCell);
this.dropToCell = new this.parent.module.drop();
this.dropToCell.make();
this.registerCellsToDrop();
this.dragToCell=new this.parent.module.drag({
elements:this.phantomCell,
limit:"y"
});
this.dragToCell.events={
move :this.dropToCell.captureFromArray.args(this.dragToCell,false,true),
finish :function(movedUID,domCell){
//var insertRowIn = (this.drop.selected===false)?
var insertRowIn,begin;
var currentIndex = parseInt(domCell.cellIndex);
this.parent.dom.opacity(domCell,100);
if(this.dragToCell.moved)
{
if(this.dropToCell.selected===false)
{
var uid=this.dropToCell.arrayPositions.length-1;
if((this.dropToCell.position.y > this.dropToCell.arrayPositions[uid].y2))
{
insertCellIn= uid;
begin = false;
}
else
{
insertCellIn= 0;
begin = true;
}
}
else
{
insertCellIn= this.dropToCell.selected;
begin = true;
}
//var newRow=this.elements.table.insertRow((begin)?insertRowIn+1:-1);
var row0 = this.elements.table.rows[0];
var insI = (begin)?insertCellIn+1:row0.length-1;
//console.info("Nuevo en: "+insI);
//alert(insI)
var newCell = row0.insertCell(insI);
newCell.parentNode.replaceChild(domCell,newCell);
//console.info("Nuevo cellIndex: "+domCell.cellIndex+":"+newCell.cellIndex);
for(var i=1;i<this.elements.table.rows.length;i++)
{
var cll = this.elements.table.rows[i].cells[currentIndex];
var newLl = this.elements.table.rows[i].insertCell(insI);
newLl.parentNode.replaceChild(cll,newLl);
}
}
else
{
insertCellIn= domCell.cellIndex-1;
begin = true;
}
this.parent.dom.remove([this.phantomCellStatic,this.imageAddCell]);
this.dragToCell.flush();
new this.parent.module.fx.move().make({
duration:((this.dragToCell.moved)?500:0),
end :this.parent.dom.position(domCell,false,true),
dom :this.phantomCell,
onFinish :function()
{
new this.parent.module.fx.fade().make({
duration:500,
end :0,
dom :this.phantomCell,
onFinish:function(){
this.parent.dom.remove(this.phantomCell);
this.inDragProcess=false;
}.extend(this)
});
}.extend(this)
});
}.extend(this,cellIndex,domCell)
};
this.dragToCell.make();
this.dragToCell.onInit(event,0);
this.imageAddCell = $dce("img");
this.imageAddCell.src=this.parent.info.images+"nc.gif";
this.setImageAddCell(domCell.cellIndex-1);
this.options.target.appendChild(this.imageAddCell);
return false;
};
this.dragRow=function(evt,row)
{
var event = window.event || evt;
if(this.inDragProcess===true || !event.ctrlKey)
{
return false;
}
this.inDragProcess=true;
//alert(this.parent.event.dom(event).parentNode);
row = (this.parent.browser.isIE)?evt:row;
//alert(row)
//var domRow = this.elements.table.rows[row+1];
var domRow = this.parent.event.dom(event).parentNode;
//alert(domRow.rowIndex)
this.phantomRowStatic = $dce("div");
this.phantomRow = $dce("div");
var j = this.parent.dom.position(domRow,false,true);
this.parent.dom.setStyle([this.phantomRow,this.phantomRowStatic],{
position:"absolute",
width :domRow.clientWidth-1,
height :domRow.clientHeight-1,
border :"1px solid #99BBE8",
backgroundColor :"#E6EDF7",
top :j.y,
left :j.x
});
this.parent.dom.setStyle(this.phantomRow,{
border :"1px solid #99BBE8",
backgroundColor :"#E6EDF7"
});
this.parent.dom.setStyle(this.phantomRowStatic,{
border :"1px solid green",
backgroundColor :"green"
});
//this.parent.dom.opacity(domRow,40);
this.parent.dom.opacity(this.phantomRow,60);
this.parent.dom.opacity(this.phantomRowStatic,20);
this.options.target.appendChild(this.phantomRowStatic);
this.options.target.appendChild(this.phantomRow);
this.drop = new this.parent.module.drop();
this.drop.make();
this.registerRowsToDrop();
//this.createthis.phantomRowRow(row+1);
this.parent.dom.setStyle(domRow,{
//display:"none"
});
this.drag=new this.parent.module.drag({
elements:this.phantomRow,
limit:"x"
});
this.drag.events={
init :function(row){
}.extend(this,row+1),
move :this.drop.captureFromArray.args(this.drag,false,true),
finish :function(movedUID,domRow){
//var insertRowIn = (this.drop.selected===false)?
var insertRowIn,begin;
this.parent.dom.opacity(domRow,100);
if(this.drag.moved)
{
if(this.drop.selected===false)
{
var uid=this.drop.arrayPositions.length-1;
if((this.drop.position.y > this.drop.arrayPositions[uid].y2)/* && this.lastSelected===uid*/)
{
insertRowIn = uid;
begin = false;
}
else
{
insertRowIn = 0;
begin = true;
}
}
else
{
insertRowIn = this.drop.selected;
begin = true;
}
var newRow=this.elements.table.insertRow((begin)?insertRowIn+1:-1);
newRow.parentNode.replaceChild(domRow,newRow);
//alert(movedUID+":"+this.options.data.rows[movedUID].info.rowIndex+":"+domRow.rowIndex)
this.options.data.rows[movedUID].info.rowIndex=domRow.rowIndex;
//alert(domRow.rowIndex)
}
else
{
insertRowIn = domRow.rowIndex-1;
begin = true;
}
this.parent.dom.remove([this.phantomRowStatic,this.imageAddRow]);
//window.status=insertRowIn+":"+begin;
this.drag.flush();
//this.parent.dom.remove([this.phantomRow,this.phantomRowStatic,this.imageAddRow]);
new this.parent.module.fx.move().make({
duration:((this.drag.moved)?500:0),
//end :{x:this.drop.arrayPositions[insertRowIn].x1,y:this.drop.arrayPositions[insertRowIn].y1},
end :this.parent.dom.position(domRow,false,true),
dom :this.phantomRow,
onFinish :function(insertRowIn,begin,domRow)
{
new this.parent.module.fx.fade().make({
duration:500,
end :0,
dom :this.phantomRow,
onFinish :function(){
this.parent.dom.remove(this.phantomRow);
this.inDragProcess=false;
}.extend(this)
});
}.extend(this,insertRowIn,begin,domRow)
});
//alert("insertRowIn="+insertRowIn+":begin="+begin+":movedUID="+movedUID+":domRow="+domRow);
//alert(this.drop.arrayPositions[insertRowIn].y1);
}.extend(this,row,domRow)
};
this.drag.make();
this.drag.onInit(event,0);
this.imageAddRow = $dce("img");
this.imageAddRow.src=this.parent.info.images+"nr.gif";
this.setImageAddRow(domRow.rowIndex-1);
this.options.target.appendChild(this.imageAddRow);
//this.elements.table.rows[1]=this.elements.table.rows[3];
/*var uidMm = this.parent.event.add(this.options.target,"mousemove",function(evt)
{
evt = window.event || evt;
var m = this.parent.dom.mouse(evt);
window.status = "x="+m.x+": y="+m.y;
}.extend(this));
this.parent.event.removeFromUid(uidMm);*/
//alert(uidMm)
/*var tableCloned = this.elements.table.cloneNode(false);
this.parent.dom.setStyle(tableCloned,{
//border : "1px dashed red"
});
//alert(this.elements.table.clientWidth)
this.phantomRow.appendChild(tableCloned);
var headCloned = this.elements.table.rows[0].cloneNode(true)
var rowCloned = domRow.cloneNode(true);
this.parent.dom.opacity(headCloned,0);
for(var k=0;k<headCloned.cells.length;k++)
{
this.parent.dom.setStyle(headCloned.cells[k],{
borderWidth:0,
height:1
});
this.parent.dom.setStyle(rowCloned.cells[k],{
borderTop:"1px solid red",
borderBottom:"1px solid red"
});
}
this.parent.dom.setStyle(rowCloned.cells[0],{
borderLeft:"1px solid red"
});
this.parent.dom.setStyle(rowCloned.cells[rowCloned.cells.length-1],{
borderRight:"1px solid red"
});
tableCloned.appendChild(headCloned);
tableCloned.appendChild(rowCloned);
//this.fixColumnsWidth(domRow,rowCloned);
this.parent.dom.setStyle(this.phantomRow,{
top :j.y-headCloned.clientHeight,
left:j.x
});*/
//this.ss();
//domRow.style.border="2px solid red";
//domRow.tabIndex=3;
//alert(domRow.rowIndex)
};
this.setImageAddRow=function(uid,last)
{
this.parent.dom.setStyle(this.imageAddRow,{
position:"absolute",
zIndex :100,
top:((last)?this.drop.arrayPositions[uid].y2:this.drop.arrayPositions[uid].y1)-5,
left:this.drop.arrayPositions[uid].x1-1
});
};
this.setImageAddCell=function(uid,last)
{
this.parent.dom.setStyle(this.imageAddCell,{
position:"absolute",
zIndex :100,
top:((last)?this.dropToCell.arrayPositions[uid].y2:this.dropToCell.arrayPositions[uid].y1)-5,
left:this.dropToCell.arrayPositions[uid].x1-5
});
};
this.registerCellsToDrop=function(inRow)
{
var row = this.elements.table.rows[0];
for(var i=1;i<row.cells.length;i++)
{
//if(i!=inRow)
//{
//alert(this.elements.table.rows[i])
this.dropToCell.register({
element : row.cells[i],
value : i,
events : {
over:function(i)
{
//this.setImageAddRow(this.drop.lastSelected);
//console.info(this.dropToCell.selected);
if(this.dropToCell.selected!==false)
{
this.setImageAddCell(this.dropToCell.selected);
}
}.extend(this,i),
out :function(i)
{
if(this.dropToCell.selected===false)
{
var uid=this.dropToCell.arrayPositions.length-1;
if(this.dropToCell.position.y > this.dropToCell.arrayPositions[uid].y2)
{
this.setImageAddCell(uid,true);
}
}
}.extend(this,i)
}
});
//}
}
this.dropToCell.setArrayPositions(true);
};
this.registerRowsToDrop=function(inRow)
{
for(var i=1;i<this.elements.table.rows.length;i++)
{
//if(i!=inRow)
//{
//alert(this.elements.table.rows[i])
this.drop.register({
element : this.elements.table.rows[i],
value : i,
events : {
over:function(i)
{
//this.setImageAddRow(this.drop.lastSelected);
if(this.drop.selected!==false)
{
this.setImageAddRow(this.drop.selected);
}
}.extend(this,i),
out :function(i)
{
if(this.drop.selected===false)
{
var uid=this.drop.arrayPositions.length-1;
if(this.drop.position.y > this.drop.arrayPositions[uid].y2)
{
this.setImageAddRow(uid,true);
}
}
}.extend(this,i)
}
});
//}
}
this.drop.setArrayPositions(true);
};
/**
* {Dom} a Source
* {Dom} b Destiny
*/
this.fixColumnsWidth=function(a,b)
{
var h=0;
for(var i=0;i<a.cells.length;i++)
{
this.parent.dom.setStyle(b.cells[i],{
width:a.cells[i].clientWidth-2
});
h+=a.cells[i].clientWidth+2;
}
//alert(h)
};
this.createPhantomRow=function(In)
{
var domRow = this.elements.table.rows[In];
var ga = this.elements.table.insertRow(In);
for(var i=0;i<this.elements.table.rows[0].cells.length;i++)
{
var gc = ga.insertCell(i);
gc.innerHTML=" ";
}
ga.style.height=domRow.clientHeight;
};
this.save=function(type)
{
type = type || "json";
var data={};
data.column=this.options.data.column;
data.rows = [];
for(var i=0;i<this.options.data.rows.length;i++)
{
var row = this.options.data.rows[i];
var ro = {
info: row.info || {},
data: []
};
for(var j=0;j<row.data.length;j++)
{
if(row.data[j]!=null)
{
var v = this.options.data.rows[i].data[j];
ro.data.push(v);
}
}
data.rows.push(ro);
}
return (type=='json')?data.toJSONString():data;
};
this.add=function()
{
},
this.expand(this);
}
});