0c6160429a
- Property no fill. - A validation was added in popupWindow add id: 'panelFieldProperties'
1794 lines
51 KiB
JavaScript
Executable File
1794 lines
51 KiB
JavaScript
Executable File
/**
|
|
* @author MaBoRaK
|
|
* @extends Class leimnud.module.panel
|
|
* @param options Panel options
|
|
*/
|
|
leimnud.Package.Public({
|
|
info :{
|
|
Class :"maborak",
|
|
File :"module.panel.js",
|
|
Name :"panel",
|
|
Type :"module",
|
|
Version :"1.0.5"
|
|
},
|
|
content :function(options)
|
|
{
|
|
this.uid = this.parent.tools.createUID();
|
|
this.zIndex = 0;
|
|
this.stepZindex = 5;
|
|
this.controlSize= {w:15,h:15};
|
|
this.elements = {};
|
|
this.setStyle = {};
|
|
this.events = {};
|
|
this.tab = {};
|
|
this.showing = {};
|
|
this.make=function()
|
|
{
|
|
this.makeTmpDB();
|
|
this.options = {
|
|
statusBar :false,
|
|
titleBar :true,
|
|
cursorToDrag :"default",
|
|
elementToDrag :"title",
|
|
strict_position:true
|
|
}.concatMaborak(this.options || {});
|
|
this.options.fx = {
|
|
blinkToFront:true,
|
|
shadow :true,
|
|
opacity :true,
|
|
modal :false,
|
|
fadeIn :false,
|
|
fadeOut :false,
|
|
drag :true
|
|
}.concatMaborak(this.options.fx || {});
|
|
//this.options.fx = this.options.fx || {};
|
|
this.options.control = {
|
|
resize:false,
|
|
close:true,
|
|
drag:true
|
|
}.concatMaborak(this.options.control || {});
|
|
this.options.statusBar = (this.options.statusBarButtons || this.options.control.resize)?true:this.options.statusBar;
|
|
|
|
this.options.size = {
|
|
w:200,h:200
|
|
}.concatMaborak(this.options.size || {});
|
|
this.options.position= {
|
|
x:20,y:20
|
|
}.concatMaborak(this.options.position || {});
|
|
|
|
|
|
/**
|
|
*
|
|
* theme Begin
|
|
*
|
|
*/
|
|
this.makeTheme();
|
|
/**
|
|
*
|
|
* theme End
|
|
*
|
|
*/
|
|
|
|
/***
|
|
*
|
|
* containerWindow Begin
|
|
*
|
|
*/
|
|
this.elements.containerWindow = $dce("div");
|
|
if (typeof this.options.id != 'undefined') {
|
|
this.elements.containerWindow.id=this.options.id;
|
|
}
|
|
this.elements.containerWindow.className="panel_containerWindow___"+this.getTheme("containerWindow");
|
|
this.styles.containerWindow();
|
|
if(this.options.fx.fadeIn===true)
|
|
{
|
|
this.parent.dom.opacity(this.elements.containerWindow,0);
|
|
}
|
|
this.target().appendChild(this.elements.containerWindow);
|
|
/**
|
|
*
|
|
* containerWindow End
|
|
*
|
|
*/
|
|
|
|
/**
|
|
*
|
|
* mfrontend Begin
|
|
*
|
|
*/
|
|
this.elements.frontend = $dce("div");
|
|
this.elements.frontend.className="panel_frontend___"+this.getTheme("frontend");
|
|
this.styles.frontend();
|
|
this.elements.containerWindow.appendChild(this.elements.frontend);
|
|
|
|
/**
|
|
*
|
|
* titlebar Begin
|
|
*
|
|
*/
|
|
this.elements.titleBar = $dce("div");
|
|
this.elements.titleBar.className="panel_titleBar___"+this.getTheme("titleBar");
|
|
this.parent.exec(this.styles.titleBar,false,false,this);
|
|
this.elements.frontend.appendChild(this.elements.titleBar);
|
|
|
|
/** Title */
|
|
|
|
this.elements.title = $dce("div");
|
|
this.elements.title.className="panel_title___"+this.getTheme("title");
|
|
this.parent.exec(this.styles.title,false,false,this);
|
|
this.elements.title.innerHTML=this.options.title ||"";
|
|
this.elements.titleBar.appendChild(this.elements.title);
|
|
|
|
/**
|
|
*
|
|
* titlebar End
|
|
*
|
|
*/
|
|
|
|
/** HeaderBar Begin */
|
|
|
|
this.elements.headerBar = $dce("div");
|
|
this.elements.headerBar.className="panel_headerBar___"+this.getTheme("headerBar");
|
|
this.styles.headerBar();
|
|
this.elements.frontend.appendChild(this.elements.headerBar);
|
|
|
|
/**
|
|
*
|
|
* HeaderBar End
|
|
*
|
|
*/
|
|
|
|
|
|
|
|
|
|
/**
|
|
*
|
|
* tab Vertical Begin
|
|
*
|
|
*/
|
|
this.elements.tab = $dce("div");
|
|
this.elements.tab.className="panel_tab___"+this.getTheme("tab");
|
|
|
|
/**
|
|
*
|
|
* tab Vertical End
|
|
*
|
|
*/
|
|
|
|
/**
|
|
*
|
|
* content Begin
|
|
*
|
|
*/
|
|
this.elements.content = $dce("div");
|
|
this.elements.content.className="panel_content___"+this.getTheme("content");
|
|
//this.elements.content.innerHTML=" ";
|
|
|
|
/** Loader */
|
|
|
|
this.elements.loader = $dce("div");
|
|
this.elements.loader.className="panel_loader___"+this.getTheme("loader");
|
|
this.elements.frontend.appendChild(this.elements.content);
|
|
this.elements.frontend.appendChild(this.elements.tab);
|
|
this.elements.frontend.appendChild(this.elements.loader);
|
|
|
|
/**
|
|
*
|
|
* content End
|
|
*
|
|
*/
|
|
|
|
/**
|
|
*
|
|
* statusBar Begin
|
|
*
|
|
*/
|
|
this.elements.statusBar = $dce("div");
|
|
this.elements.statusBar.className="panel_statusBar___"+this.getTheme("statusBar");
|
|
this.styles.statusBar();
|
|
this.elements.frontend.appendChild(this.elements.statusBar);
|
|
/**
|
|
*
|
|
* statusBar End
|
|
*
|
|
*/
|
|
/**
|
|
*
|
|
* statusButttons Begin
|
|
*
|
|
*/
|
|
this.elements.statusButtons = $dce("div");
|
|
this.elements.statusButtons.className="panel_statusButtons___"+this.getTheme("statusButtons");
|
|
this.styles.statusButtons();
|
|
this.elements.statusBar.appendChild(this.elements.statusButtons);
|
|
/**
|
|
*
|
|
* statusButtons End
|
|
*
|
|
*/
|
|
/**
|
|
*
|
|
* status Begin
|
|
*
|
|
*/
|
|
this.elements.status = $dce("div");
|
|
this.elements.status.innerHTML=" ";
|
|
this.elements.status.className="panel_status___"+this.getTheme("status");
|
|
this.parent.exec(this.styles.status,false,false,this);
|
|
this.elements.statusBar.appendChild(this.elements.status);
|
|
/**
|
|
*
|
|
* status End
|
|
*
|
|
*/
|
|
|
|
/**
|
|
*
|
|
* resize Begin
|
|
*
|
|
*/
|
|
this.elements.resize = $dce("div");
|
|
this.elements.resize.className="panel_resize___"+this.getTheme("resize");
|
|
this.styles.resize();
|
|
this.elements.statusBar.appendChild(this.elements.resize);
|
|
/**
|
|
*
|
|
* resize End
|
|
*
|
|
*/
|
|
/* Height Content Fix*/
|
|
/**
|
|
*
|
|
* controls Begin
|
|
*
|
|
*/
|
|
this.makeStatusButtons();
|
|
/**
|
|
*
|
|
* controls End
|
|
*
|
|
*/
|
|
|
|
this.parent.exec(this.styles.loader,false,false,this);
|
|
this.parent.exec(this.styles.tab,false,false,this);
|
|
this.parent.exec(this.styles.content,false,false,this);
|
|
|
|
/**
|
|
*
|
|
* frontend End
|
|
*
|
|
*/
|
|
|
|
|
|
/**
|
|
*
|
|
* backend Begin
|
|
*
|
|
*/
|
|
this.elements.backend = $dce("div");
|
|
this.elements.backend.className="panel_backend___"+this.getTheme("backend");
|
|
this.parent.exec(this.styles.backend,false,false,this);
|
|
this.elements.containerWindow.appendChild(this.elements.backend);
|
|
/* Iframe for IE */
|
|
if(this.parent.browser.isIE)
|
|
{
|
|
this.elements.iframe=$dce("iframe");
|
|
this.elements.iframe.className="panel_iframe___"+this.getTheme("iframe");
|
|
this.elements.iframe.frameBorder="no";
|
|
this.elements.iframe.scrolling="no";
|
|
this.elements.iframe.src="about:blank";
|
|
this.parent.exec(this.styles.iframe,false,false,this);
|
|
this.elements.backend.appendChild(this.elements.iframe);
|
|
}
|
|
/**
|
|
*
|
|
* backend End
|
|
*
|
|
*/
|
|
/**
|
|
*
|
|
* Events manager Begin
|
|
*
|
|
*/
|
|
this.makeEvents();
|
|
/**
|
|
*
|
|
* Events manager End
|
|
*
|
|
*/
|
|
|
|
/**
|
|
*
|
|
* fx Begin
|
|
*
|
|
*/
|
|
this.makeFx();
|
|
/**
|
|
*
|
|
* fx End
|
|
*
|
|
*/
|
|
|
|
|
|
/**
|
|
*
|
|
* controls Begin
|
|
*
|
|
*/
|
|
this.makeControls();
|
|
/**
|
|
*
|
|
* controls End
|
|
*
|
|
*/
|
|
/**
|
|
*
|
|
* make Fade
|
|
*
|
|
*/
|
|
if(this.options.fx.fadeIn===true)
|
|
{
|
|
new this.parent.module.fx.fade().make({
|
|
duration:1000,
|
|
end :this.styles.fx.opacityPanel.Static/100,
|
|
dom :this.elements.containerWindow
|
|
});
|
|
}
|
|
/**
|
|
*
|
|
* make Fade
|
|
*
|
|
*/
|
|
|
|
};
|
|
/**
|
|
* Make Fx
|
|
*/
|
|
this.makeFx=function()
|
|
{
|
|
if(this.options.fx.shadow)
|
|
{
|
|
this.elements.shadow = $dce("div");
|
|
this.elements.shadow.className="panel_shadow___"+this.getTheme("shadow");
|
|
this.parent.exec(this.styles.shadow,false,false,this);
|
|
if(this.options.fx.fadeIn===true)
|
|
{
|
|
this.parent.dom.opacity(this.elements.shadow,0);
|
|
new this.parent.module.fx.fade().make({
|
|
duration :1000,
|
|
end :this.styles.fx.opacityShadow.Static/100,
|
|
dom :this.elements.shadow
|
|
});
|
|
}
|
|
this.target().appendChild(this.elements.shadow);
|
|
}
|
|
if(this.options.fx.modal)
|
|
{
|
|
this.elements.modal = $dce("div");
|
|
this.elements.modal.className="panel_modal___"+this.getTheme("modal");
|
|
this.elements.modal.id="panel_modal___"+this.getTheme("modal");
|
|
if(this.options.fx.fadeIn===true)
|
|
{
|
|
this.parent.dom.opacity(this.elements.modal,0);
|
|
}
|
|
this.styles.modal();
|
|
this.target().appendChild(this.elements.modal);
|
|
}
|
|
if(this.options.fx.blinkToFront===true)
|
|
{
|
|
this.events.init.push(this.blink);
|
|
this.elements.containerWindow.onmousedown =this.blink;
|
|
}
|
|
if(this.options.fx.opacity)
|
|
{
|
|
this.events.init.push(this.fx.setOpacity);
|
|
this.events.finish.push(this.fx.unsetOpacity);
|
|
}
|
|
if(this.options.fx.rolled)
|
|
{
|
|
this.roll();
|
|
}
|
|
};
|
|
this.makeStatusButtons=function()
|
|
{
|
|
if(this.options.statusBarButtons)
|
|
{
|
|
this.parent.dom.setStyle(this.elements.statusBar,{
|
|
//height:25
|
|
});
|
|
var t = this.options.statusBarButtons;
|
|
this.elements.statusBarButtons=[];
|
|
for(var i=0;i<t.length;i++)
|
|
{
|
|
/* var b = $dce("input");
|
|
b.type = t[i].type || "button";
|
|
b.value = t[i].value || "Button";
|
|
this.parent.dom.setStyle(b,{
|
|
font:"normal 8pt Tahoma,MiscFixed"
|
|
});*/
|
|
var b = new button(t[i].value || "Button");
|
|
this.elements.statusBarButtons.push(b);
|
|
this.elements.statusButtons.appendChild(b);
|
|
}
|
|
}
|
|
};
|
|
this.blink=function(){
|
|
if(this.zIndex<this.parent.tmp.panel.zIndex)
|
|
{
|
|
this.zIndex=this.makezIndex();
|
|
this.parent.dom.setStyle(this.elements.containerWindow,{
|
|
zIndex:this.zIndex
|
|
});
|
|
if(this.options.fx.shadow)
|
|
{
|
|
this.shadowReIndex();
|
|
}
|
|
}
|
|
};
|
|
this.move=function(opt)
|
|
{
|
|
opt = {
|
|
fx:true,
|
|
x:this.options.position.x,
|
|
y:this.options.position.y
|
|
}.concatMaborak(opt);
|
|
//if(typeof opt.x!=="undefined" && typeof opt.y!=="undefined")
|
|
//{
|
|
this.options.position.x = opt.x;
|
|
this.options.position.y = opt.y;
|
|
if(opt.fx===true)
|
|
{
|
|
new this.parent.module.fx.move().make({
|
|
duration:500,
|
|
end :opt,
|
|
dom :this.elements.containerWindow,
|
|
onFinish:opt.onFinish || function(){}
|
|
});
|
|
if(this.options.fx.shadow)
|
|
{
|
|
new this.parent.module.fx.move().make({
|
|
duration:500,
|
|
end :{x:opt.x+2,y:opt.y+2},
|
|
dom :this.elements.shadow
|
|
});
|
|
}
|
|
}
|
|
else
|
|
{
|
|
this.parent.dom.setStyle(this.elements.containerWindow,{
|
|
left:opt.x,
|
|
top:opt.y
|
|
});
|
|
if(this.options.fx.shadow)
|
|
{
|
|
this.parent.dom.setStyle(this.elements.shadow,{
|
|
top :(parseInt(this.parent.dom.getStyle(this.elements.containerWindow,"top"),10)+2),
|
|
left:(parseInt(this.parent.dom.getStyle(this.elements.containerWindow,"left"),10)+2)
|
|
});
|
|
}
|
|
}
|
|
//}
|
|
};
|
|
this.maximize=function()
|
|
{
|
|
this.move({
|
|
x:0,
|
|
y:0,
|
|
fx:true,
|
|
onFinish:function()
|
|
{
|
|
new this.parent.module.fx.algorithm().make({
|
|
duration : 1000,
|
|
begin : this.options.size.w,
|
|
transition : "sineInOut",
|
|
end : this.target().offsetWidth,
|
|
onTransition: function(fx){
|
|
this.resize({w:fx.result});
|
|
}.extend(this),
|
|
onFinish:function(fx)
|
|
{
|
|
this.resize({w:fx.options.end});
|
|
new this.parent.module.fx.algorithm().make({
|
|
duration : 1000,
|
|
begin : this.options.size.h,
|
|
transition : "sineInOut",
|
|
end : this.target().clientHeight,
|
|
onTransition: function(fx){
|
|
this.resize({h:fx.result});
|
|
}.extend(this),
|
|
onFinish:function(fx)
|
|
{
|
|
this.resize({h:fx.options.end});
|
|
}.extend(this)
|
|
});
|
|
}.extend(this)
|
|
});
|
|
}.extend(this)
|
|
});
|
|
};
|
|
this.resize=function(opt)
|
|
{
|
|
opt = opt || {};
|
|
this.options.size={
|
|
w:opt.w || this.options.size.w,
|
|
h:opt.h || this.options.size.h
|
|
};
|
|
this.parent.dom.setStyle(this.elements.containerWindow,{
|
|
width:this.options.size.w,
|
|
height:this.options.size.h
|
|
});
|
|
this.styles.content();
|
|
if(this.options.fx.shadow)
|
|
{
|
|
this.styles.shadow();
|
|
}
|
|
if(this.tab.display==="horizontal")
|
|
{
|
|
this.parent.dom.setStyle(this.elements.tab,{
|
|
width:this.elements.containerWindow.clientWidth-8
|
|
});
|
|
}
|
|
};
|
|
this.center=function(inR)
|
|
{
|
|
inR = inR || false;
|
|
var center = {
|
|
x:(((this.target().clientWidth/2)+this.target().scrollLeft)-(this.options.size.w/2)),
|
|
y:(((this.target().clientHeight/2)+this.target().scrollTop)-(this.options.size.h/2))
|
|
};
|
|
if(inR==="x" || inR==="y")
|
|
{
|
|
this.options.position.x = ((inR==="x")?center.x:(this.options.position.x || 0));
|
|
this.options.position.y = ((inR==="y")?center.y:(this.options.position.y || 0));
|
|
}
|
|
else
|
|
{
|
|
this.options.position.x = center.x;
|
|
this.options.position.y = center.y;
|
|
this.options.position.x = this.options.position.x || 0;
|
|
this.options.position.y = this.options.position.y || 0;
|
|
|
|
}
|
|
this.options.position.x = (this.options.position.x<0)?0:this.options.position.x;
|
|
this.options.position.y = (this.options.position.y<0)?0:this.options.position.y;
|
|
this.move({x:this.options.position.x,y:this.options.position.y});
|
|
};
|
|
this.fixContent=function(rcr)
|
|
{
|
|
//alert(this.elements.content.clientHeight+":"+this.elements.content.scrollHeight);
|
|
//var diff = parseInt(this.elements.content.scrollHeight-this.originalContent.h,10);
|
|
//alert(this.elements.content.scrollHeight+":"+(this.elements.content.offsetHeight+this.elements.content.scrollHeight))
|
|
var v1 = this.elements.content.scrollHeight;
|
|
//alert(v1)
|
|
var v2 = this.elements.content.clientHeight;
|
|
//alert(v2)
|
|
//var v1 = 1745;
|
|
//var v2 = 503;
|
|
var diff = parseInt(v1-v2);
|
|
//alert(this.elements.content.scrollHeight+"-"+this.elements.content.clientHeight+"="+(diff))
|
|
var originalSize = this.options.size;
|
|
var originalContentSize = this.originalContent;
|
|
return;
|
|
//alert(this.elements.content.scrollHeight+":"+this.elements.content.clientHeight+":"+originalContentSize.h+":"+this.options.size.h+":"+diff)
|
|
if(diff>0)
|
|
{
|
|
this.resize({
|
|
//w:this.options.size.w,
|
|
h:this.options.size.h+diff
|
|
});
|
|
this.options.size = originalSize;
|
|
this.originalContent= originalContentSize;
|
|
}
|
|
else if(this.elements.content.clientHeight>originalContentSize.h)
|
|
{
|
|
this.resize({
|
|
//w:this.options.size.w,
|
|
h:this.options.size.h
|
|
});
|
|
if(rcr!==true)
|
|
{
|
|
// this.fixContent(true);
|
|
}
|
|
}
|
|
};
|
|
/**
|
|
* Make Events
|
|
*/
|
|
this.makeEvents=function()
|
|
{
|
|
this.events.init =(this.events.init)?((this.events.init.isArray)?this.events.init:[this.events.init]):[];
|
|
this.events.move =(this.events.move)?((this.events.move.isArray)?this.events.move:[this.events.move]):[];
|
|
this.events.finish =(this.events.finish)?((this.events.finish.isArray)?this.events.finish:[this.events.finish]):[];
|
|
};
|
|
this.makeControls=function()
|
|
{
|
|
this.controls=[];
|
|
/** Close */
|
|
if(this.options.control.close)
|
|
{
|
|
this.elements.close = $dce("div");
|
|
this.elements.close.className="panel_close___"+this.getTheme("close");
|
|
this.parent.exec(this.styles.close,false,false,this);
|
|
this.controls.push(this.elements.close);
|
|
this.elements.titleBar.appendChild(this.elements.close);
|
|
}
|
|
/** Rollup/Rolldown */
|
|
if(this.options.control.roll)
|
|
{
|
|
this.elements.roll = $dce("div");
|
|
this.elements.roll.className="panel_roll___"+this.getTheme("roll");
|
|
this.styles.roll();
|
|
this.controls.push(this.elements.roll);
|
|
this.elements.titleBar.appendChild(this.elements.roll);
|
|
this.elements.title.ondblclick=this.roll;
|
|
}
|
|
if(this.options.control.setup)
|
|
{
|
|
this.elements.setup = $dce("div");
|
|
this.elements.setup.className="panel_roll___"+this.getTheme("roll");
|
|
this.styles.setup();
|
|
this.controls.push(this.elements.setup);
|
|
this.elements.titleBar.appendChild(this.elements.setup);
|
|
}
|
|
|
|
/**
|
|
* Drag window
|
|
*/
|
|
if(this.options.control.drag)
|
|
{
|
|
var etd = this.elements[this.options.elementToDrag];
|
|
this.parent.dom.setStyle(this.elements.title,{cursor:this.options.cursorToDrag});
|
|
this.drag=new this.parent.module.drag({
|
|
link:{
|
|
elements:[etd],
|
|
ref:((this.options.fx.shadow===true)?[this.elements.containerWindow,this.elements.shadow]:[this.elements.containerWindow])
|
|
},
|
|
limit:this.options.limit || false
|
|
});
|
|
this.drag.events={
|
|
init :this.events.init,
|
|
move :this.events.move,
|
|
finish :this.events.finish.concat(function(pan){
|
|
pan.options.position.x=parseInt(pan.elements.containerWindow.style.left,10);
|
|
pan.options.position.y=parseInt(pan.elements.containerWindow.style.top,10);
|
|
}.extend(this.drag,this))
|
|
};
|
|
this.drag.cursor=this.options.cursorToDrag;
|
|
this.drag.make();
|
|
}
|
|
/**
|
|
* Resize window
|
|
*/
|
|
if(this.options.control.resize)
|
|
{
|
|
this.parent.dom.setStyle(this.elements.resize,{cursor:"nw-resize"});
|
|
this.resizeDrag=new this.parent.module.drag({
|
|
link:{
|
|
elements:[this.elements.resize],
|
|
ref:[]
|
|
},
|
|
noCursorMove:true
|
|
});
|
|
this.resizeDrag.cursor="nw-resize";
|
|
this.resizeDrag.events={
|
|
init :function(panel)
|
|
{
|
|
this.panelBeginSize=panel.options.size;
|
|
}.extend(this.resizeDrag,this),
|
|
move :function(panel){
|
|
var np={
|
|
x:this.currentCursorPosition.x-this.cursorStart.x,
|
|
y:this.currentCursorPosition.y-this.cursorStart.y
|
|
};
|
|
panel.resize({
|
|
w:this.panelBeginSize.w+np.x,
|
|
h:this.panelBeginSize.h+np.y
|
|
});
|
|
}.extend(this.resizeDrag,this)
|
|
};
|
|
this.resizeDrag.make();
|
|
}
|
|
else
|
|
{
|
|
this.parent.dom.setStyle(this.elements.resize,{background:"transparent"});
|
|
}
|
|
};
|
|
this.makeTab=function(dynamic)
|
|
{
|
|
if(this.loading===true){return false;}
|
|
|
|
var thm = this.tab.display==="vertical"?"":"H";
|
|
var tb =this.elements.tabOptions[this.tabSelected];
|
|
tb.className="panel_tabOptionSelected"+thm+"___"+this.getTheme("tabOptionSelected");
|
|
//tb.onmouseover = this.styles.tabCSS.sover.args(tb);
|
|
//tb.onmouseout = this.styles.tabCSS.sout.args(tb);
|
|
tb.onmouseover = function(o,j){
|
|
o = window.event?o:j;
|
|
o.a.className=o.b;
|
|
}.args({a:tb,b:"panel_tabOptionSelectedOver"+thm+"___"+this.getTheme("tabOptionSelectedOver")});
|
|
tb.onmouseout = function(o,j){
|
|
o = window.event?o:j;
|
|
o.a.className=o.b;
|
|
}.args({a:tb,b:"panel_tabOptionSelected"+thm+"___"+this.getTheme("tabOptionSelected")});
|
|
var tc = (typeof this.tab.options[this.tabSelected].content);
|
|
if(!dynamic)
|
|
{
|
|
/*this.parent.dom.setStyle(tb,this.styles.tabCSS.sel.concatMaborak({
|
|
width :parseInt(this.parent.dom.getStyle(tb,"width"),10)-((!this.parent.browser.isIE)?3:0),
|
|
borderLeftWidth :4
|
|
}));*/
|
|
if(this.tab.display==="vertical")
|
|
{
|
|
var hj = (parseInt(this.parent.dom.getStyle(tb,"width"),10)-((!this.parent.browser.isIE)?3:0));
|
|
this.parent.dom.setStyle(tb,{
|
|
width :hj,
|
|
borderLeftWidth :4
|
|
});
|
|
}
|
|
else
|
|
{
|
|
this.parent.dom.setStyle(tb,{
|
|
//height :parseInt(this.parent.dom.getStyle(tb,"height"),10)-((!this.parent.browser.isIE)?3:0),
|
|
//borderTopWidth :4,
|
|
//paddingTop :5
|
|
});
|
|
}
|
|
}
|
|
tb.onmouseup=function(){return false;};
|
|
if(this.tabLastSelected!==false)
|
|
{
|
|
var tls =this.elements.tabOptions[this.tabLastSelected];
|
|
tls.className="panel_tabOption"+thm+"___"+this.getTheme("tabOption");
|
|
//tls.onmouseover = this.styles.tabCSS.over.args(tls);
|
|
tls.onmouseover = function(o,j){
|
|
o = window.event?o:j;
|
|
o.a.className=o.b;
|
|
}.args({a:tls,b:"panel_tabOptionOver"+thm+"___"+this.getTheme("tabOptionOver")});
|
|
//tls.onmouseout = this.styles.tabCSS.out.args(tls);
|
|
tls.onmouseout = function(o,j){
|
|
o = window.event?o:j;
|
|
o.a.className=o.b;
|
|
}.args({a:tls,b:"panel_tabOption"+thm+"___"+this.getTheme("tabOption")});
|
|
tls.onmouseup=function(event,tabID){
|
|
if(this.tab.manualDisabled){return false;}
|
|
this.tabSelected=(this.parent.browser.isIE)?event:tabID;
|
|
this.makeTab();
|
|
//this.resize();
|
|
return false;
|
|
}.extend(this,this.tabLastSelected);
|
|
|
|
/*this.parent.dom.setStyle(tls,this.styles.tabCSS.def.concatMaborak({
|
|
width :parseInt(this.parent.dom.getStyle(tb,"width"),10)+((!this.parent.browser.isIE)?3:0),
|
|
borderLeftWidth :1
|
|
}));*/
|
|
|
|
if(this.tab.display==="vertical")
|
|
{
|
|
this.parent.dom.setStyle(tls,{
|
|
width :parseInt(this.parent.dom.getStyle(tb,"width"),10)+((!this.parent.browser.isIE)?3:0),
|
|
borderLeftWidth :1
|
|
});
|
|
}
|
|
else
|
|
{
|
|
this.parent.dom.setStyle(tls,{
|
|
//height :parseInt(this.parent.dom.getStyle(tb,"height"),10)+((!this.parent.browser.isIE)?3:0),
|
|
//borderTopWidth :1,
|
|
//paddingTop :10
|
|
});
|
|
}
|
|
this.parent.dom.setStyle(tls,this.setStyle.tabOption || {});
|
|
}
|
|
if (typeof(this.flag) != "undefined") {
|
|
delete this.flag;
|
|
return true;
|
|
}
|
|
|
|
this.parent.dom.setStyle(tb,this.setStyle.tabOptionSelected || {});
|
|
if(!this.tab.options[this.tabSelected].noClear)
|
|
{
|
|
this.clearContent();
|
|
}
|
|
this.addContent(this.tab.options[this.tabSelected].content);
|
|
|
|
this.tabLastSelected=this.tabSelected;
|
|
return true;
|
|
};
|
|
this.selectTab=function(tab)
|
|
{
|
|
if(tab>=this.elements.tabOptions.length){return false;}
|
|
if(this.tabSelected===tab){
|
|
this.tabLastSelected=false;
|
|
}
|
|
this.tabSelected = tab;
|
|
this.makeTab((this.tabLastSelected===false)?true:false);
|
|
return true;
|
|
};
|
|
this.shadowReIndex=function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.shadow,{
|
|
zIndex :this.zIndex-2
|
|
});
|
|
};
|
|
this.reIndexElements=function()
|
|
{
|
|
|
|
};
|
|
this.controlPosition=function()
|
|
{
|
|
var cl=this.controls.length+1;
|
|
return ((3*cl)+(this.controlSize.w*this.controls.length));
|
|
};
|
|
this.makeTmpDB=function()
|
|
{
|
|
if(!this.parent.tmp.panel)
|
|
{
|
|
this.parent.tmp.panel={};
|
|
this.parent.tmp.panel.zIndex=100;
|
|
}
|
|
};
|
|
this.makezIndex=function()
|
|
{
|
|
this.parent.tmp.panel.zIndex+=this.stepZindex;
|
|
return this.parent.tmp.panel.zIndex;
|
|
};
|
|
this.target=function()
|
|
{
|
|
return (this.options.target)?this.options.target:this.parent.dom.capture("tag.body 0");
|
|
};
|
|
/**
|
|
*
|
|
* @return {Int} h Height border,padding of Top/Bottom Panel
|
|
*
|
|
*/
|
|
this.spaceOutPanel=function()
|
|
{
|
|
var brdr={
|
|
x:(parseInt(this.parent.dom.getStyle(this.elements.content,"marginLeft") || 0,10)+parseInt(this.parent.dom.getStyle(this.elements.content,"marginRight") || 0,10)),
|
|
y:(parseInt(this.parent.dom.getStyle(this.elements.content,"marginTop") || 0,10)+parseInt(this.parent.dom.getStyle(this.elements.content,"marginBottom") || 0,10))
|
|
};
|
|
var pddn={
|
|
x:(parseInt(this.parent.dom.getStyle(this.elements.content,"paddingLeft") || 0,10)+parseInt(this.parent.dom.getStyle(this.elements.content,"paddingRight") || 0,10)),
|
|
y:(parseInt(this.parent.dom.getStyle(this.elements.content,"paddingTop") || 0,10)+parseInt(this.parent.dom.getStyle(this.elements.content,"paddingBottom") || 0,10))
|
|
};
|
|
var bbb={
|
|
x:(parseInt(this.parent.dom.getStyle(this.elements.content,"borderLeftWidth") || 1,10)+parseInt(this.parent.dom.getStyle(this.elements.content,"borderRightWidth") || 1,10)),
|
|
y:(parseInt(this.parent.dom.getStyle(this.elements.content,"borderTopWidth") || 1,10)+parseInt(this.parent.dom.getStyle(this.elements.content,"borderBottomWidth") || 1,10))
|
|
};
|
|
//alert(brdr.y+((this.parent.browser.isIE)?-1:pddn.y+1)+2)
|
|
return {
|
|
//x:brdr.x+((this.parent.browser.isIE)?0:pddn.x)+bbb.x,
|
|
x:brdr.x+pddn.x+bbb.x,
|
|
//y:brdr.y+((this.parent.browser.isIE)?-1:pddn.y+1)+bbb.y
|
|
y:brdr.y+pddn.y+bbb.y
|
|
};
|
|
};
|
|
this.roll=function()
|
|
{
|
|
if(this.rolling){return false;}
|
|
if(this.inroll===true)
|
|
{
|
|
this.rolling=true;
|
|
this.inroll=false;
|
|
this.parent.dom.setStyle(this.elements.containerWindow,{
|
|
overflow:"hidden",
|
|
//height :this.options.size.h,
|
|
width :this.lastWidth
|
|
});
|
|
this.parent.dom.setStyle([this.elements.content,this.elements.statusBar],{
|
|
display:"block"
|
|
});
|
|
new this.parent.module.fx.algorithm().make({
|
|
transition :"sineOut",
|
|
duration :1000,
|
|
begin :this.elements.containerWindow.offsetHeight,
|
|
end :this.options.size.h,
|
|
onTransition :function(fx){
|
|
this.parent.dom.setStyle([this.elements.containerWindow],{
|
|
height:fx.result
|
|
});
|
|
if(this.options.fx.shadow)
|
|
{
|
|
this.styles.shadow();
|
|
}
|
|
|
|
}.extend(this),
|
|
onFinish :function(fx){
|
|
this.parent.dom.setStyle([this.elements.containerWindow],{
|
|
height:this.options.size.h
|
|
});
|
|
if(this.options.fx.shadow)
|
|
{
|
|
this.styles.shadow();
|
|
}
|
|
this.parent.dom.setStyle(this.elements.frontend,{
|
|
width:"auto"
|
|
});
|
|
this.rolling=false;
|
|
return (this.events.roll || function(){})();
|
|
}.extend(this)
|
|
});
|
|
}
|
|
else
|
|
{
|
|
this.rolling=true;
|
|
this.inroll=true;
|
|
//alert(this.parent.dom.getStyle(this.elements.titleBar,"height")+":"+this.elements.titleBar.clientHeight)
|
|
this.lastWidth=this.options.size.w || this.elements.containerWindow.offsetWidth;
|
|
this.parent.dom.setStyle(this.elements.containerWindow,{
|
|
overflow:"hidden",
|
|
//height :this.elements.titleBar.clientHeight,
|
|
width :this.options.fx.rollWidth || this.lastWidth
|
|
});
|
|
new this.parent.module.fx.algorithm().make({
|
|
transition :"sineOut",
|
|
duration :1000,
|
|
begin :this.elements.containerWindow.offsetHeight,
|
|
end :this.elements.titleBar.offsetHeight,
|
|
onTransition :function(fx){
|
|
this.parent.dom.setStyle([this.elements.containerWindow],{
|
|
height:fx.result
|
|
});
|
|
if(this.options.fx.shadow)
|
|
{
|
|
this.styles.shadow();
|
|
}
|
|
|
|
}.extend(this),
|
|
onFinish :function(fx){
|
|
this.parent.dom.setStyle([this.elements.containerWindow],{
|
|
height:this.elements.titleBar.clientHeight
|
|
});
|
|
this.parent.dom.setStyle([this.elements.content,this.elements.statusBar],{
|
|
display:"none"
|
|
});
|
|
if(this.options.fx.shadow)
|
|
{
|
|
this.styles.shadow();
|
|
}
|
|
this.parent.dom.setStyle(this.elements.frontend,{
|
|
width:"100%"
|
|
});
|
|
this.rolling=false;
|
|
return (this.events.roll || function(){})();
|
|
}.extend(this)
|
|
});
|
|
}
|
|
};
|
|
this.remove=function()
|
|
{
|
|
//alert(this.parent.dom.getOpacity(this.elements.shadow))
|
|
if(this.inRemove===true){return false;}else{this.inRemove=true;}
|
|
var e = [];
|
|
if(this.options.fx.fadeOut===true)
|
|
{
|
|
e.push(this.elements.containerWindow);
|
|
//e.push(this.elements.shadow);
|
|
//e.push(this.elements.modal);
|
|
}
|
|
if(this.options.fx.shadow)
|
|
{
|
|
e.push(this.elements.shadow);
|
|
}
|
|
if(this.options.fx.modal)
|
|
{
|
|
e.push(this.elements.modal);
|
|
}
|
|
if(this.events.remove)
|
|
{
|
|
this.events.remove=(this.events.remove.isArray)?this.events.remove:[this.events.remove];
|
|
for(var i=0;i<this.events.remove.length;i++)
|
|
{
|
|
if(typeof this.events.remove[i]=='function')
|
|
{
|
|
this.events.remove[i]();
|
|
}
|
|
}
|
|
}
|
|
if(this.cancelClose===true){return false;}
|
|
if(this.options.fx.fadeOut===true)
|
|
{
|
|
new this.parent.module.fx.fade().make({
|
|
duration:500,
|
|
end :0,
|
|
dom :e,
|
|
onFinish :function(){
|
|
if(this.drag){this.drag.flush();}
|
|
for(var i in this.elements)
|
|
{
|
|
if(this.elements.propertyIsEnumerable(i))
|
|
{
|
|
this.parent.dom.remove(this.elements[i]);
|
|
delete this.elements[i];
|
|
}
|
|
}
|
|
/* if(this.events.remove && typeof this.events.remove=="function")
|
|
{
|
|
return this.events.remove();
|
|
}*/
|
|
|
|
}.extend(this)
|
|
});
|
|
}
|
|
else
|
|
{
|
|
if(this.drag){this.drag.flush();}
|
|
for(var i in this.elements)
|
|
{
|
|
if(this.elements.propertyIsEnumerable(i))
|
|
{
|
|
this.parent.dom.remove(this.elements[i]);
|
|
delete this.elements[i];
|
|
}
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
this.addContent=function(content)
|
|
{
|
|
var Rt = false;
|
|
if(typeof content=="string")
|
|
{
|
|
this.elements.content.innerHTML+=content;
|
|
//alert(this.elements.content.clientHeight)
|
|
var Rt = true;
|
|
}
|
|
else if(typeof content=="object")
|
|
{
|
|
this.elements.content.appendChild(content);
|
|
//alert(this.elements.content.clientHeight)
|
|
var Rt = true;
|
|
}
|
|
else if(typeof content=="function")
|
|
{
|
|
content();
|
|
}
|
|
return Rt;
|
|
};
|
|
this.open=function(options)
|
|
{
|
|
options = {
|
|
proxy:false
|
|
}.concatMaborak(options || {});
|
|
this.clearContent();
|
|
if(options.proxy===false)
|
|
{
|
|
if(options.url)
|
|
{
|
|
var rpc = new this.parent.module.rpc.xmlhttp({
|
|
url : options.url,
|
|
method : "GET"
|
|
// args :
|
|
});
|
|
this.loader.show();
|
|
rpc.callback = function(rpc)
|
|
{
|
|
this.loader.hide();
|
|
var content = rpc.xmlhttp.responseText;
|
|
var scripts = content.extractScript();
|
|
this.addContent(content);
|
|
scripts.evalScript();
|
|
var forms = this.elements.content.getElementsByTagName('form');
|
|
for(var i=0;i<forms.length;i++)
|
|
{
|
|
var sub = new leimnud.module.app.submit({
|
|
form : forms[i]
|
|
});
|
|
sub.callback = function(){
|
|
//alert(sub.rpc.xmlhttp.responseText)
|
|
};
|
|
}
|
|
}.extend(this);
|
|
rpc.make();
|
|
}
|
|
else if(options.html)
|
|
{
|
|
this.addContent(options.html);
|
|
}
|
|
else if(options.image)
|
|
{
|
|
this.addContent("<div style='text-align:center;'><img src=\""+options.image+"\" /></div>");
|
|
}
|
|
|
|
}
|
|
else
|
|
{
|
|
this.addContent(new DOM('iframe',{
|
|
src:options.url
|
|
},{
|
|
border:"0px solid red",
|
|
height:"100%",
|
|
width:"100%"
|
|
}));
|
|
}
|
|
return true;
|
|
};
|
|
this.clearContent=function()
|
|
{
|
|
this.elements.content.innerHTML="";
|
|
return true;
|
|
};
|
|
this.addContentTitle=function(content)
|
|
{
|
|
if(typeof content=="string")
|
|
{
|
|
this.elements.title.innerHTML=content;
|
|
return true;
|
|
}
|
|
else if(typeof content=="object")
|
|
{
|
|
this.elements.title.appendChild(content);
|
|
return true;
|
|
}
|
|
return false;
|
|
},
|
|
this.addContentStatus=function(content)
|
|
{
|
|
if(typeof content=="string")
|
|
{
|
|
this.elements.status.innerHTML+=content;
|
|
}
|
|
else if(typeof content=="object")
|
|
{
|
|
this.elements.status.appendChild(content);
|
|
}
|
|
if(!this.showing.status){
|
|
this.status.show();
|
|
}
|
|
return true;
|
|
};
|
|
this.clearContentStatus=function()
|
|
{
|
|
this.elements.status.innerHTML="";
|
|
return true;
|
|
};
|
|
this.fx={
|
|
setOpacity:function()
|
|
{
|
|
//alert(this.styles.fx.opacityPanel.Static/100)
|
|
this.parent.dom.setStyle(this.elements.containerWindow,{
|
|
opacity:this.styles.fx.opacityPanel.Move/100,
|
|
filter:"alpha(opacity="+this.styles.fx.opacityPanel.Move+")"
|
|
});
|
|
if(this.options.fx.shadow===true){
|
|
this.parent.dom.setStyle(this.elements.shadow,{
|
|
opacity:this.styles.fx.opacityShadow.Move/100,
|
|
filter:"alpha(opacity="+this.styles.fx.opacityShadow.Move+")"
|
|
});
|
|
}
|
|
},
|
|
unsetOpacity:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.containerWindow,{
|
|
opacity:this.styles.fx.opacityPanel.Static/100,
|
|
filter:"alpha(opacity="+this.styles.fx.opacityPanel.Static+")"
|
|
});
|
|
if(this.options.fx.shadow===true){
|
|
this.parent.dom.setStyle(this.elements.shadow,{
|
|
opacity:this.styles.fx.opacityShadow.Static/100,
|
|
filter:"alpha(opacity="+this.styles.fx.opacityShadow.Static+")"
|
|
});
|
|
}
|
|
}
|
|
}.expand(this);
|
|
this.styles={
|
|
containerWindow:function()
|
|
{
|
|
this.options.size.w = this.options.size.w || 200;
|
|
this.options.size.h = this.options.size.h || 200;
|
|
if(this.options.intoDOM)
|
|
{
|
|
var center = {
|
|
x:(((this.target().offsetWidth/2)+this.target().scrollLeft)-(this.options.size.w/2)),
|
|
y:(((this.target().offsetHeight/2)+this.target().scrollTop)-(this.options.size.h/2))
|
|
};
|
|
}
|
|
else
|
|
{
|
|
var scroll = this.parent.dom.getPageScroll();
|
|
this.parent.dom.get_doc()
|
|
var center = {
|
|
x:((((this.parent.dom.get_doc().clientWidth)/2)+scroll[0])-(this.options.size.w/2)),
|
|
y:((((this.parent.dom.get_doc().clientHeight)/2)+scroll[1])-(this.options.size.h/2))
|
|
};
|
|
}
|
|
if(this.options.position.center===true)
|
|
{
|
|
this.options.position.x = center.x;
|
|
this.options.position.y = center.y;
|
|
}
|
|
else if(this.options.position.centerX===true || this.options.position.centerY===true)
|
|
{
|
|
this.options.position.x = ((this.options.position.centerX===true)?center.x:(this.options.position.x || 0));
|
|
this.options.position.y = ((this.options.position.centerY===true)?center.y:(this.options.position.y || 0));
|
|
}
|
|
else
|
|
{
|
|
this.options.position.x = this.options.position.x || 0;
|
|
this.options.position.y = this.options.position.y || 0;
|
|
}
|
|
|
|
if(this.options.strict_position)
|
|
{
|
|
this.options.position.x = (this.options.position.x<0)?0:this.options.position.x;
|
|
this.options.position.y = (this.options.position.y<0)?0:this.options.position.y;
|
|
}
|
|
|
|
|
|
this.zIndex = this.options.zIndex || this.makezIndex();
|
|
this.parent.dom.setStyle(this.elements.containerWindow,{
|
|
width : this.options.size.w,
|
|
height : this.options.size.h,
|
|
//border:"1px solid #A3A2BC",
|
|
position :"absolute",
|
|
left : this.options.position.x,
|
|
top : this.options.position.y,
|
|
opacity : this.styles.fx.opacityPanel.Static/100,
|
|
filter : "alpha(opacity="+this.styles.fx.opacityPanel.Static+")",
|
|
zIndex : this.zIndex
|
|
});
|
|
this.parent.dom.setStyle(this.elements.containerWindow,this.setStyle.containerWindow || {});
|
|
},
|
|
frontend:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.frontend,{
|
|
width:(this.parent.browser.isIE)?"auto":"100%"
|
|
//height:"100%",
|
|
//position:"absolute",
|
|
//backgroundColor:"#FFFFFF",
|
|
//zIndex:2,
|
|
//overflow:"hidden",
|
|
//top:0,
|
|
//left:0
|
|
});
|
|
this.parent.dom.setStyle(this.elements.frontend,this.setStyle.frontend || {});
|
|
|
|
},
|
|
backend:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.backend,{
|
|
//width:"100%",
|
|
//height:"100%",
|
|
//position:"absolute",
|
|
//overflow:"hidden",
|
|
//zIndex:1,
|
|
//top:0,
|
|
//left:0
|
|
});
|
|
this.parent.dom.setStyle(this.elements.backend,this.setStyle.backend || {});
|
|
|
|
},
|
|
loader:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.loader,{
|
|
//display:"none",
|
|
background:"url('/images/classic/loader_B.gif')",
|
|
backgroundRepeat:"no-repeat",
|
|
width:32,
|
|
height:32,
|
|
position:"absolute",
|
|
display:"none"
|
|
});
|
|
this.parent.dom.setStyle(this.elements.loader,this.setStyle.loader || {});
|
|
},
|
|
iframe:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.iframe,{
|
|
//width:"100%",
|
|
//height:"100%",
|
|
//position:"absolute",
|
|
//overflow:"hidden",
|
|
//zIndex:1,
|
|
//top:0,
|
|
//left:0
|
|
});
|
|
this.parent.dom.setStyle(this.elements.iframe,this.setStyle.iframe || {});
|
|
|
|
},
|
|
titleBar:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.titleBar,{
|
|
//position:"relative",
|
|
display:((!this.options.titleBar)?"none":"")
|
|
//overflow:"hidden"
|
|
//background:"url("+this.parent.info.base+"images/panel.bg.title.gif)",
|
|
//backgroundColor:"white",
|
|
//backgroundRepeat:"repeat-x"
|
|
//borderBottom:"1px solid #DBE0E5"
|
|
|
|
});
|
|
this.parent.dom.setStyle(this.elements.titleBar,this.setStyle.titleBar || {});
|
|
},
|
|
title:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.title,{
|
|
//textAlign:"center",
|
|
//width:"100%",
|
|
//height:"100%",
|
|
//color:"black",
|
|
//font:"normal 8pt Tahoma,MiscFixed",
|
|
//fontWeight:"bold",
|
|
//paddingLeft:5,
|
|
//paddingTop:3,
|
|
//zIndex:1
|
|
});
|
|
this.parent.dom.setStyle(this.elements.title,this.setStyle.title || {});
|
|
},
|
|
roll:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.roll,{
|
|
//position:"absolute",
|
|
//top:3,
|
|
//font:"normal 0pt tahoma",
|
|
//padding:0,
|
|
right:this.controlPosition(),
|
|
height:this.controlSize.h,
|
|
width:this.controlSize.w
|
|
//border:"1px solid #006699",
|
|
//zIndex:2
|
|
});
|
|
this.parent.dom.setStyle(this.elements.roll,this.setStyle.roll || {});
|
|
this.parent.event.add(this.elements.roll,"mouseup",this.roll,false);
|
|
},
|
|
setup:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.setup,{
|
|
//position:"absolute",
|
|
//top:3,
|
|
//font:"normal 0pt tahoma",
|
|
//padding:0,
|
|
right:this.controlPosition(),
|
|
height:this.controlSize.h,
|
|
width:this.controlSize.w
|
|
//border:"1px solid #006699",
|
|
//zIndex:2
|
|
});
|
|
this.parent.dom.setStyle(this.elements.setup,this.setStyle.setup || {});
|
|
this.parent.event.add(this.elements.setup,"mouseup",(this.options.setup && typeof this.options.setup=='function')?this.options.setup:function(){return false;},false);
|
|
},
|
|
close:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.close,{
|
|
//font :"normal 0pt tahoma",
|
|
//padding :0,
|
|
//position:"absolute",
|
|
height :this.controlSize.h,
|
|
//top :3,
|
|
right :this.controlPosition(),
|
|
width :this.controlSize.w
|
|
//background:"url("+this.parent.info.base+"images/panel.close.static.gif)"
|
|
//cursor :"hand",
|
|
//zIndex :2
|
|
});
|
|
this.parent.dom.setStyle(this.elements.close,this.setStyle.close || {});
|
|
/*this.elements.close.onmouseover=this.parent.closure({
|
|
method:function(){
|
|
this.parent.dom.setStyle(this.elements.close,{
|
|
background:"url("+this.parent.info.base+"images/panel.close.over.gif)",
|
|
cursor:"pointer"
|
|
});
|
|
},
|
|
instance:this
|
|
});
|
|
this.elements.close.onmouseout=this.parent.closure({
|
|
method:function(){
|
|
this.parent.dom.setStyle(this.elements.close,{
|
|
background:"url("+this.parent.info.base+"images/panel.close.static.gif)",
|
|
cursor :"pointer"
|
|
});
|
|
},
|
|
instance:this
|
|
});*/
|
|
/*this.elements.close.onmouseup=this.parent.closure({
|
|
method:this.remove,
|
|
instance:this
|
|
});*/
|
|
this.parent.event.add(this.elements.close,"mouseup",this.remove,false);
|
|
},
|
|
headerBar:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.headerBar,{
|
|
//position:"relative",
|
|
display:((!this.options.headerBar)?"none":"block")
|
|
//overflow:"hidden"
|
|
//background:"url("+this.parent.info.base+"images/panel.bg.title.gif)",
|
|
//backgroundColor:"white",
|
|
//backgroundRepeat:"repeat-x"
|
|
//borderBottom:"1px solid #DBE0E5"
|
|
|
|
});
|
|
this.parent.dom.setStyle(this.elements.headerBar,this.setStyle.headerBar || {});
|
|
},
|
|
shadow:function()
|
|
{
|
|
//alert((parseInt(this.parent.dom.getStyle(this.elements.containerWindow,"top"),10)+2)+":"+(parseInt(this.parent.dom.getStyle(this.elements.containerWindow,"left"),10)+2))
|
|
//alert(parseInt(this.parent.dom.getStyle(this.elements.containerWindow,"top"),10)+2)
|
|
this.parent.dom.setStyle(this.elements.shadow,{
|
|
width :this.elements.containerWindow.offsetWidth,
|
|
height :this.elements.containerWindow.offsetHeight,
|
|
//position:"absolute",
|
|
top :(parseInt(this.parent.dom.getStyle(this.elements.containerWindow,"top"),10)+2),
|
|
left :(parseInt(this.parent.dom.getStyle(this.elements.containerWindow,"left"),10)+2),
|
|
//backgroundColor:"#CCCCCC",
|
|
opacity :this.styles.fx.opacityShadow.Static/100,
|
|
filter :"alpha(opacity="+this.styles.fx.opacityShadow.Static+")",
|
|
zIndex :this.zIndex-2
|
|
});
|
|
this.parent.dom.setStyle(this.elements.shadow,this.setStyle.shadow || {});
|
|
},
|
|
modal:function()
|
|
{
|
|
//if(this.parent.browser.isIE)
|
|
//{
|
|
//var h = (this.parent.browser.isIE)?this.target().scrollHeight:this.target().scrollHeight;
|
|
//var ps = this.parent.dom.getPageSize();
|
|
//var ps = this.parent.dom.getPageSize();
|
|
//alert(this.parent.dom.get_doc());
|
|
//alert(window.document.compatMode+":"+window.document.html+":"+window.document.body+":"+this.parent.dom.get_doc()+":");
|
|
//alert(this.parent.dom.getDoc()+":"+this.parent.dom.getDoc().scrollHeight)
|
|
var ps = [this.parent.dom.get_doc().scrollWidth,this.parent.dom.get_doc().scrollHeight];
|
|
//alert(ps[1]);
|
|
//alert(this.target().scrollHeight)
|
|
this.parent.dom.setStyle(this.elements.modal,{
|
|
height :ps[1],
|
|
width :ps[0],
|
|
position:"absolute",
|
|
zIndex :this.zIndex-3
|
|
});
|
|
/*}
|
|
else
|
|
{
|
|
this.parent.dom.setStyle(this.elements.modal,{
|
|
height :"100%",
|
|
width :"100%",
|
|
//position:"fixed",
|
|
zIndex :this.zIndex-3
|
|
});
|
|
}*/
|
|
if(this.options.fx.fadeIn===true)
|
|
{
|
|
new this.parent.module.fx.fade().make({
|
|
duration :1000,
|
|
end :this.styles.fx.opacityModal.Static/100,
|
|
dom :this.elements.modal
|
|
});
|
|
}
|
|
else
|
|
{
|
|
this.parent.dom.opacity(this.elements.modal,this.styles.fx.opacityModal.Static);
|
|
}
|
|
|
|
this.parent.dom.setStyle(this.elements.modal,this.setStyle.modal || {});
|
|
},
|
|
tab:function()
|
|
{
|
|
|
|
this.tab = {
|
|
display :"horizontal",
|
|
initIn :20,
|
|
step :5,
|
|
optHeight:20,
|
|
widthFixed:true,
|
|
optWidth:this.tab.width-4
|
|
}.concatMaborak(this.tab);
|
|
var thm = this.tab.display==="vertical"?"":"H";
|
|
var heightContent = this.options.size.h-(this.elements.titleBar.offsetHeight+this.elements.statusBar.offsetHeight);
|
|
//alert(this.elements.headerBar.offsetHeight+":"+this.elements.headerBar.clientHeight)
|
|
var beginTop = this.elements.titleBar.offsetHeight+this.elements.headerBar.offsetHeight;
|
|
var beginLeft = 4;
|
|
var space = this.spaceOutPanel();
|
|
this.tab.width = (this.tab.display==="vertical")?((this.tab.options)?((this.tab.width)?this.tab.width:80):0):4;
|
|
this.parent.dom.setStyle(this.elements.tab,this.setStyle.tab || {});
|
|
if(this.tab.options)
|
|
{
|
|
this.parent.dom.setStyle(this.elements.tab,{
|
|
height :((this.tab.display==="vertical")?heightContent:this.tab.optHeight+4+(this.parent.browser.isIE ? 14 : 0)),
|
|
//border :"1px solid red",
|
|
width :((this.tab.display==="vertical")?this.tab.width:this.options.size.w-8),
|
|
top :beginTop,
|
|
left :((this.tab.display==="vertical")?0:4)
|
|
});
|
|
|
|
this.tabSelected = false;
|
|
this.tabLastSelected = false;
|
|
/*this.tab.initIn = this.tab.initIn || 20;
|
|
this.tab.step = (typeof this.tab.step=="number")?this.tab.step:5;
|
|
this.tab.optHeight = this.tab.optHeight || 25;
|
|
this.tab.optWidth = (this.tab.optWidth || (this.tab.width -4));*/
|
|
this.tab.diffWidthBugPadding = ((this.parent.browser.isIE)?0:20);
|
|
this.elements.tabOptions=[];
|
|
var lastBul = 0;
|
|
for(var i=0;i<this.tab.options.length;i++)
|
|
{
|
|
var opH = this.tab.initIn+(this.tab.step*i)+(this.tab.optHeight*i);
|
|
//var opW = beginLeft+this.tab.initIn+(this.tab.step*i)+((this.tab.optWidth-this.tab.diffWidthBugPadding)*i);
|
|
var opW = (this.tab.initIn+((this.tab.widthFixed===true)?(this.tab.optWidth*i):lastBul))+(this.tab.step*i);
|
|
var tb = $dce("div");
|
|
this.parent.dom.setStyle(tb,{
|
|
padding:5,
|
|
paddingLeft:((this.tab.display==="vertical")?15:5),
|
|
paddingTop:((this.tab.display==="vertical")?5:4),
|
|
//width:this.tab.optWidth-((this.tab.display==="vertical")?this.tab.diffWidthBugPadding:10),
|
|
width:((this.tab.widthFixed)?this.tab.optWidth-((this.tab.display==="vertical")?this.tab.diffWidthBugPadding:10):(typeof(mb_strlen) !== 'undefined' ? (mb_strlen(this.tab.options[i].title || '') * 0.60) + 'em' : 'auto')),
|
|
//height:this.tab.optHeight-((this.tab.display==="vertical")?((this.parent.browser.isIE)?0:10):0),
|
|
//height:this.tab.optHeight-((this.parent.browser.isIE)?0:10),
|
|
position:"absolute",
|
|
left:((this.tab.display==="vertical")?((this.tab.width-this.tab.optWidth)-((this.parent.browser.isIE)?-1:1)):opW),
|
|
//left:0,
|
|
top:((this.tab.display==="vertical")?opH:0),//"auto"),
|
|
bottom:((this.tab.display==="vertical")?"auto":0)
|
|
});
|
|
tb.innerHTML=this.tab.options[i].title || "";
|
|
if(this.tab.options[i].selected===true)
|
|
{
|
|
this.tabSelected = i;
|
|
tb.className="panel_tabOptionSelected"+thm+"___"+this.getTheme("tabOptionSelected");
|
|
}
|
|
else
|
|
{
|
|
tb.className="panel_tabOption"+thm+"___"+this.getTheme("tabOption");
|
|
tb.onmouseover = function(o,j){
|
|
o = window.event?o:j;
|
|
o.a.className=o.b;
|
|
}.args({a:tb,b:"panel_tabOptionOver"+thm+"___"+this.getTheme("tabOptionOver")});
|
|
tb.onmouseout = function(o,j){
|
|
o = window.event?o:j;
|
|
o.a.className=o.b;
|
|
}.args({a:tb,b:"panel_tabOption"+thm+"___"+this.getTheme("tabOption")});
|
|
|
|
this.parent.dom.setStyle(tb,this.setStyle.tabOption || {});
|
|
tb.onmouseup=function(event,tabID){
|
|
if(this.tab.manualDisabled){return false;}
|
|
this.tabSelected=(this.parent.browser.isIE)?event:tabID;
|
|
this.makeTab();
|
|
return false;
|
|
}.extend(this,i);
|
|
}
|
|
this.elements.tab.appendChild(tb);
|
|
|
|
lastBul+=tb.clientWidth;
|
|
this.elements.tabOptions.push(tb);
|
|
}
|
|
this.tabSelected=(this.tabSelected===false)?0:this.tabSelected;
|
|
this.makeTab();
|
|
}
|
|
},
|
|
content:function()
|
|
{
|
|
//if(this.tab.options){this.makeTab();}
|
|
var mgLeft = ((this.tab.options)?parseInt(this.parent.dom.getStyle(this.elements.tab,"width"),10):4);
|
|
var mgTop = ((this.tab.options)?parseInt(this.parent.dom.getStyle(this.elements.tab,"height"),10)-1:4);
|
|
this.parent.dom.setStyle(this.elements.content,{
|
|
// background:"",
|
|
//color:"black",
|
|
//font:"normal 8pt Tahoma,MiscFixed",
|
|
//textAlign:"justify",
|
|
//border:"1px solid #A3A2BC",
|
|
//overflow:"scroll",
|
|
borderTopWidth:(!this.options.titleBar)?0:'auto',
|
|
margin:4,
|
|
marginLeft:((this.tab.display==="vertical")?mgLeft:4),
|
|
marginTop:((this.tab.display==="vertical")?4:mgTop)
|
|
//marginLeft:4
|
|
});
|
|
//alert(this.spaceOutPanel().y)
|
|
var tamH = this.elements.titleBar.offsetHeight+this.elements.statusBar.offsetHeight+this.elements.headerBar.offsetHeight;
|
|
var heightContent = this.options.size.h-tamH-(this.tab.options ? 20 : 0);
|
|
//var heightContent = this.options.size.h-(this.elements.statusBar.clientHeight+this.elements.headerBar.clientHeight);
|
|
//alert(this.elements.titleBar.clientHeight+":"+this.elements.statusBar.offsetHeight+":"+this.elements.headerBar.clientHeight)
|
|
this.parent.dom.setStyle(this.elements.content,this.setStyle.content || {});
|
|
var space = this.spaceOutPanel();
|
|
//var hC = (heightContent-((this.options.statusBarButtons || this.tab.options)?space.y:2));
|
|
//var hC = heightContent;
|
|
var hC = (heightContent-space.y);
|
|
//var wC = (this.options.size.w-space.x);
|
|
var wC = (this.options.size.w-space.x);
|
|
//alert(this.options.size.h+"::"+tamH+":"+(tamH+space.y)+"="+hC+"???"+space.y+"***"+this.elements.titleBar.clientHeight+":"+this.elements.statusBar.offsetHeight+":"+this.elements.headerBar.clientHeight);
|
|
this.parent.dom.setStyle(this.elements.content,{
|
|
height :hC,
|
|
width :wC
|
|
//width :50
|
|
});
|
|
this.originalContent = {
|
|
w:wC,
|
|
h:hC
|
|
};
|
|
},
|
|
statusBar:function()
|
|
{
|
|
//this.parent.dom.setStyle(this.elements.statusBar,{
|
|
// position:"relative",
|
|
// width :"100%",
|
|
// font :"normal 8pt tahoma,MiscFixed",
|
|
// padding :0,
|
|
// margin :0,
|
|
// borderTop:"1px solid #A3A2BC",
|
|
// border:"1px solid #A3A2BC",
|
|
// backgroundColor:"white",
|
|
//color:"black",
|
|
//overflow:"hidden",
|
|
// height :10
|
|
//});
|
|
if(!this.options.statusBar)
|
|
{
|
|
this.showing.status=false;
|
|
this.parent.dom.setStyle(this.elements.statusBar,{
|
|
display:"none"
|
|
});
|
|
}
|
|
this.parent.dom.setStyle(this.elements.statusBar,this.setStyle.statusBar || {});
|
|
},
|
|
status:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.status,{
|
|
display:((this.options.control.resize && !this.options.statusBarButtons)?"":"none")
|
|
//display:"none"
|
|
});
|
|
this.parent.dom.setStyle(this.elements.status,this.setStyle.status || {});
|
|
},
|
|
statusButtons:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.statusButtons,{
|
|
position:"relative",
|
|
textAlign:"center",
|
|
display:((this.options.statusBarButtons)?"":"none")
|
|
});
|
|
this.parent.dom.setStyle(this.elements.statusButtons,this.setStyle.statusButtons || {});
|
|
},
|
|
resize:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.resize,{
|
|
// position:"absolute",
|
|
// width :17,
|
|
// bottom:0,
|
|
// right:0,
|
|
//font :"normal 8pt tahoma",
|
|
//padding :0,
|
|
//margin :0,
|
|
//borderTop:"0px solid #A3A2BC",
|
|
//backgroundColor:"red",
|
|
// height:17,
|
|
// overflow:"hidden"
|
|
});
|
|
this.parent.dom.setStyle(this.elements.resize,this.setStyle.resize || {});
|
|
},
|
|
fx:{
|
|
opacityShadow:{
|
|
Static :20,
|
|
Move :5
|
|
},
|
|
opacityModal:{
|
|
Static :40,
|
|
Move :10
|
|
},
|
|
opacityPanel:{
|
|
Static :100,
|
|
Move :50
|
|
}
|
|
},
|
|
tabCSS:{
|
|
over:function(event,obj){
|
|
obj = this.parent.browser.isIE?event:obj;
|
|
this.parent.dom.setStyle(obj,{
|
|
//backgroundColor:"white"
|
|
});
|
|
},
|
|
out:function(event,obj){
|
|
obj = this.parent.browser.isIE?event:obj;
|
|
this.parent.dom.setStyle(obj,{
|
|
//backgroundColor:"#EEE"
|
|
});
|
|
},
|
|
sover:function(event,obj){
|
|
obj = this.parent.browser.isIE?event:obj;
|
|
this.parent.dom.setStyle(obj,{
|
|
cursor:"default"
|
|
});
|
|
},
|
|
sout:function(event,obj){
|
|
obj = this.parent.browser.isIE?event:obj;
|
|
this.parent.dom.setStyle(obj,{
|
|
});
|
|
},
|
|
sel:{
|
|
font :"normal 8pt Tahoma,MiscFixed",
|
|
border :"1px solid #A3A2BC",
|
|
borderRight :"1px solid #FFF",
|
|
backgroundColor :"white",
|
|
fontWeight :"bold",
|
|
textAlign :"left",
|
|
color :"#000000"
|
|
},
|
|
def:{
|
|
font :"normal 8pt Tahoma,Miscfixed",
|
|
border :"1px solid #A3A2BC",
|
|
margin :0,
|
|
fontWeight :"normal",
|
|
color :"#000000",
|
|
backgroundColor :"EEEEEE",
|
|
textAlign :"left",
|
|
cursor :"default"
|
|
}
|
|
}
|
|
|
|
}.expand(this,true);
|
|
this.makeTheme=function()
|
|
{
|
|
this.themesDefault = ["processmaker_fixed","panel","firefox"];
|
|
this.theme = this.options.theme || "firefox";
|
|
if(this.themesDefault.inArray(this.theme))
|
|
{
|
|
this.theme="processmaker";
|
|
}
|
|
};
|
|
this.getTheme=function(obj)
|
|
{
|
|
return (this.customTheme && this.customTheme[obj])?this.customTheme[obj]:this.theme;
|
|
};
|
|
this.command=function(fn,args,ret)
|
|
{
|
|
if(typeof fn==="function")
|
|
{
|
|
this.parent.exec(fn,args || false,ret || false,this);
|
|
}
|
|
};
|
|
this.loader={
|
|
show:function()
|
|
{
|
|
this.loading = true;
|
|
var mgTop = ((this.tab.options)?parseInt(this.parent.dom.getStyle(this.elements.tab,"height"),10)-1:0);
|
|
this.parent.dom.setStyle(this.elements.loader,{
|
|
top :((this.options.size.h/2)-(32/2)+mgTop),
|
|
left :((this.options.size.w/2)-(32/2)),
|
|
display :"block"
|
|
});
|
|
},
|
|
hide:function()
|
|
{
|
|
this.parent.dom.setStyle(this.elements.loader,{
|
|
display:"none"
|
|
});
|
|
this.loading = false;
|
|
}
|
|
}.expand(this);
|
|
this.status={
|
|
show:function()
|
|
{
|
|
//var hS=parseInt(this.parent.dom.getStyle(this.elements.statusBar,"height"),10);
|
|
|
|
//alert(hS)
|
|
var hhS = this.elements.status.offsetHeight;
|
|
var hC=parseInt(this.parent.dom.getStyle(this.elements.content,"height"),10);
|
|
this.parent.dom.setStyle([this.elements['status'],this.elements.statusBar],{
|
|
display:""
|
|
});
|
|
var hS=this.elements.statusBar.offsetHeight;
|
|
this.parent.dom.setStyle(this.elements.content,{
|
|
height:hC-(hS-hhS)
|
|
});
|
|
this.showing.status = true;
|
|
},
|
|
hide:function()
|
|
{
|
|
if(this.showing.status===true)
|
|
{
|
|
var hS=parseInt(this.parent.dom.getStyle(this.elements.statusBar,"height"),10);
|
|
var hC=parseInt(this.parent.dom.getStyle(this.elements.content,"height"),10);
|
|
this.parent.dom.setStyle(this.elements.statusBar,{
|
|
display:"none"
|
|
});
|
|
this.parent.dom.setStyle(this.elements.content,{
|
|
height:hC+hS
|
|
});
|
|
this.showing.status = false;
|
|
}
|
|
},
|
|
write:function()
|
|
{
|
|
|
|
}
|
|
}.expand(this);
|
|
this.expand(this);
|
|
}
|
|
});
|