#{datatitle}
#{databody}
'),
"t-chat":new Template('
'),
"t-glass":new Template('
'),
"t-xp":new Template('
'),
"t-blank":new Template('
')
},
Layout: {
"glass":['glass','#000000','#aaaaaa','#000000'],
"xp":['xp','#000000','#444444','#ffffff'],
"xpred":['xp','#ff794a','#9a0000','#ffa4a4'],
"xpgreen":['xp','#9afe66','#357d19','#cdffcc'],
"xpblue":['xp','#3e99df','#003399','#afd8ff'],
"xpyellow":['xp','#ffff01','#ffcc00','#feff99'],
"xpgrey":['xp','#000000','#444444','#dedede'],
"blank":['blank','#000000','#444444','#ffffff'],
"chat":['chat','#ffff01','#ffcc00','#feff99']
},
ObjStatus: {
overlayLayer:false,
overlayLayerFadeIn:false,
overlayLayerFadeClick:false,
overlayContainer:false,
overlayContainerDrag:false,
overlayContainerTimer:false,
overlayContent:false,
imgObj:false,
imgLoader:false
},
// FORCERWindow Constructor
initialize: function() {
},
// FORCERWindow.Alert(msg,config)
Alert: function(databody,datacfg) {
datacfg = this._parseConfig(datacfg);
if (typeof(databody) != 'string') databody = '';
this.OverlayLoadTemplate(datacfg);
this.OverlaySetBody(databody+this._parseButtons(datacfg));
this.OverlayContainerShow(datacfg);
return true;
},
// FORCERWindow.OpenUrl(datatitle,dataurl,datacfg)
OpenUrl: function(datatitle,dataurl,datacfg) {
if (typeof(dataurl) != 'string') return false;
if (typeof(datatitle) != 'string') datatitle = 'URL: '+dataurl;
datacfg.title= datatitle;
datacfg.resize = true;
datacfg = this._parseConfig(datacfg);
this.OverlayLoadTemplate(datacfg);
this.OverlaySetBody(FORCERWindow.Template.iframe.evaluate({"dataurl":dataurl}));
this.OverlayContainerShow(datacfg);
return true;
},
// FORCERWindow.OpenImage(datatitle,dataurl,datadesc,datacfg)
OpenImage: function(datatitle,dataurl,datadesc,datacfg) {
if (typeof(dataurl) != 'string') return false;
if (typeof(datatitle) != 'string') datatitle = 'Picture: '+dataurl;
datacfg = this._parseConfig(datacfg);
this.OverlayLoadTemplate(datacfg);
this.OverlaySetBody(FORCERWindow.Template.image.evaluate({"datatitle":datatitle,"datadesc":datadesc}));
this.OverlayContainerShow(datacfg);
this.ObjStatus.imgObj = new Image();
this.ObjStatus.imgLoader = this.ObjStatus.imgObj.on("load", this._OpenImageLoaded.bind(this));
this.ObjStatus.imgObj.src = dataurl;
return;
},
// FORCERWindow._OpenImageLoaded()
_OpenImageLoaded: function() {
this.ObjStatus.imgLoader.stop();
this._setSize(this.ObjStatus.imgObj.width+22,this.ObjStatus.imgObj.height+45);
$('forcerwindowoverlayimage').writeAttribute({'src':this.ObjStatus.imgObj.src});
},
// FORCERWindow.openPrompt(datatitle,databody,datacfg)
openPrompt: function(datatitle,databody,datacfg) {
if (typeof(databody) != 'string') databody = '';
if (typeof(datatitle) != 'string') datatitle = 'Prompt';
datacfg.title= datatitle;
datacfg = this._parseConfig(datacfg);
this.OverlayLoadTemplate(datacfg);
this.OverlaySetBody(FORCERWindow.Template.prompt.evaluate({"databody":databody})+this._parseButtons(datacfg));
this.OverlayContainerShow(datacfg);
return true;
},
// FORCERWindow.OpenArticle(datatitle,datadesc,datacfg)
OpenArticle: function(datatitle,databody,datacfg) {
if (typeof(datatitle) != 'string') datatitle = 'Artikel';
if (typeof(databody) != 'string') databody = '';
datacfg.title = datatitle;
datacfg.layout = 'blank';
datacfg.maxscreen = true;
datacfg.buttons = "close";
datacfg = this._parseConfig(datacfg);
this.OverlayLoadTemplate(datacfg);
this.OverlaySetBody(FORCERWindow.Template.article.evaluate({"datatitle":datatitle,"databody":databody})+this._parseButtons(datacfg));
this.OverlayContainerShow(datacfg);
return true;
},
// FORCERWindow.OpenUploadBar(datamsg,datamodus,databt)
OpenUploadBar: function(datamsg,datamodus,databt) {
this.openPrompt('Upload in Progress','
Upload in Progress
'+datamsg+'
',{'layout' : 0, 'fade' : true, 'close' : false, 'sizeX' : 500, 'sizeY' : 200});
return true;
},
// FORCERWindow.OpenAlert(datamsg,datamodus)
OpenAlert: function(datamsg,datamodus) {
switch (datamodus) {
case "error5":this.openPrompt('Error','
',{"timer":5,"layout":'xpred',"fade":true,"sizeX":400,"sizeY":170});break;
case "error":this.openPrompt('Error','
',{"layout":'xpred',"fade":true,"sizeX":400,"sizeY":170,"buttons":"ok"});break;
case "load":this.openPrompt('Loading','
',{"layout":'xp',"fade":true,"close":false,"sizeX":400,"sizeY":170});break;
case "upload":this.openPrompt('Uploading','
',{"layout":'xp',"fade":true,"close":false,"sizeX":400,"sizeY":170});break;
case "saving":this.openPrompt('Saving','
',{"layout":'xp',"fade":true,"close":false,"sizeX":400,"sizeY":170});break;
case "wait":this.openPrompt('Please wait','
',{"layout":'xp',"fade":true,"close":false,"sizeX":400,"sizeY":170});break;
case "success": this.openPrompt('Successful','
',{"layout":'xpgreen',"fade":true,"close":false,"sizeX":400,"sizeY":170,"buttons":'ok'});break;
case "success5":this.openPrompt('Successful','
',{"timer":5,"layout":'xpgreen',"fade":false,"close":false,"sizeX":400,"sizeY":170,"buttons":'ok'});break;
default:this.openPrompt('Info',datamsg,{"layout":'xpblue',"fade":true,"sizeX":400,"sizeY":170,"buttons":'ok'});break;
}
return true;
},
// FORCERWindow OverlayLoadTemplate
OverlayLoadTemplate: function(datacfg) {
this.OverlayContainerInit(datacfg);
if (this.ObjStatus.overlayContainer) {
this.OverlayResetTemplate();
if (this.Layout[datacfg.layout]) {var localLayout = this.Layout[datacfg.layout];}
else {var localLayout = this.Layout['xp'];}
var evaldata = Object.extend(datacfg,{'bordercolor':localLayout[1],'topcolor':localLayout[2],'bgcolor':localLayout[3]});
this.OverlaySetContainer(this.Template['t-'+localLayout[0]].evaluate(evaldata));
if (datacfg.drag && !datacfg.fullscreen) {
this.ObjStatus.overlayContainerDrag = new Draggable('forcerwindowoverlaycontainer',{handle:'forcerwindowoverlaytop'});
try {$('forcerwindowoverlaytop').setStyle({cursor:'move'});}
catch(e) {}
}
if (datacfg.resize && !datacfg.fullscreen) {
this.ObjStatus.overlayContainer.setStyle({"resize":'both'});
}
if (datacfg.close) {
this.ObjStatus.overlayContainer.insert({"top":'
'});
}
return true;
}
return false;
},
// FORCERWindow OverlayContainerShow()
OverlayContainerShow: function(datacfg) {
if (!this.ObjStatus.overlayContainer) { return false;}
if (datacfg.fade) {this.OverlayLayerFadeIn(datacfg);}
else {this.OverlayLayerFadeOut();}
this._setSize(datacfg.sizeX,datacfg.sizeY);
this.ObjStatus.overlayContainer.show();
if (datacfg.timer && typeof(datacfg.timer)=='number') {
window.setTimeout('FORCERWindow.OverlayContainerHide();',(datacfg.timer*1000));
}
return true;
},
// FORCERWindow.OverlayContainerHide()
OverlayContainerHide: function() {
if (this.ObjStatus.overlayContainer) {
this.ObjStatus.overlayContainer.hide();
this.OverlayResetTemplate();
}
this.OverlayLayerFadeOut();
},
// FORCERWindow.OverlaySetContainer()
OverlaySetContainer: function(content) {
try {this.ObjStatus.overlayContainer.update(content);}
catch(e) {}
},
// FORCERWindow.OverlaySetTitle()
OverlaySetTitle: function(content) {
try {$('forcerwindowoverlaytitle').update(content);}
catch(e) {}
},
// FORCERWindow.OverlaySetBody()
OverlaySetBody: function(content) {
try {$('forcerwindowoverlaybody').update(content);}
catch(e) {}
},
// FORCERWindow.OverlayLayerFadeIn()
OverlayLayerFadeIn: function(datacfg) {
if (this.ObjStatus.overlayLayerFadeIn) {return false;}
this.ObjStatus.overlayLayerFadeIn = true;
var arrayPageSize = this.getPageSize();
$$('select','object','embed').each(function(node){node.style.visibility='hidden';});
if (!this.ObjStatus.overlayLayer) {
$$('body')[0].appendChild(new Element("div",{"id":'forcerwindowoverlay',"class":'css3trans',"style":'position:absolute;top:0;left:0;z-index:99;width:'+arrayPageSize[0]+'px;height:'+arrayPageSize[1]+'px;background-color:'+datacfg.fadeColor}));
this.ObjStatus.overlayLayer = $('forcerwindowoverlay');
this.ObjStatus.overlayLayer.hide();
}
else {
this.ObjStatus.overlayLayer.setStyle({"backgroundColor":datacfg.fadeColor,"width":arrayPageSize[0]+'px',"height":arrayPageSize[1]+'px'});
}
if (datacfg.close) {
this.ObjStatus.overlayLayerFadeClick = this.ObjStatus.overlayLayer.on("click",this.OverlayContainerHide.bind(this));
}
else if (this.OverlayContainerHideB) {
this.ObjStatus.overlayLayerFadeClick.stop();
}
this.ObjStatus.overlayLayer.show();
this.ObjStatus.overlayLayer.setOpacity(datacfg.fadeOpacity);
return true;
},
// FORCERWindow.OverlayLayerFadeOut()
OverlayLayerFadeOut: function() {
if (!this.ObjStatus.overlayLayer || !this.ObjStatus.overlayLayerFadeIn) {return false;}
this.ObjStatus.overlayLayerFadeIn = false;
this.ObjStatus.overlayLayer.hide();
$$('select','object','embed').each(function(node){node.style.visibility='visible';});
return true;
},
// FORCERWindow.OverlayResetTemplate()
OverlayResetTemplate: function() {
if (this.ObjStatus.overlayContainerDrag) {
this.ObjStatus.overlayContainerDrag.destroy();
this.ObjStatus.overlayContainerDrag = false;
}
if (this.ObjStatus.overlayContainer) {
this.ObjStatus.overlayContainer.update();
}
return true;
},
// FORCERWindow.OverlayContainerInit()
OverlayContainerInit: function(datacfg) {
var arrayWindowSize = this.getWindowSize();
var arrayPagePosition = [((arrayWindowSize[0]-datacfg.sizeX)/2),((arrayWindowSize[1]-datacfg.sizeY)/2)];
if (!this.ObjStatus.overlayContainer) {
var objBody = $$('body')[0];
objBody.appendChild(new Element("div",{"id":'forcerwindowoverlaycontainer',"class":'css3trans',"style":'position:fixed;left:'+(arrayPagePosition[0])+'px;top:'+(arrayPagePosition[1])+'px;z-index:999;width:'+datacfg.sizeX+'px;height:'+datacfg.sizeY+'px',"display":'none',"text-align":'left'}));
this.ObjStatus.overlayContainer = $('forcerwindowoverlaycontainer');
}
else {
this.ObjStatus.overlayContainer.setStyle({"left":arrayPagePosition[0]+'px',"top":arrayPagePosition[1]+'px'});
}
return true;
},
// FORCERWindow._parseButtons(datacfg)
_parseButtons: function(datacfg) {
if (typeof(datacfg.buttons) == "object" && datacfg.buttons.length > 0) {
var str = '
';
for (var i = 0; i < datacfg.buttons.length; i++) {
if (datacfg.buttons[i].link == 'close') {datacfg.buttons[i].link = 'FORCERWindow.OverlayContainerHide()';}
str += FORCERWindow.Template.button.evaluate(datacfg.buttons[i]);
};
str += '';
return str;
}
return '';
},
// FORCERWindow._setSize(w,h)
_setSize: function(w,h) {
var currentSize = [this.ObjStatus.overlayContainer.getWidth(),this.ObjStatus.overlayContainer.getHeight()];
if (currentSize[0] != w || currentSize[1] != h) {
var arrayWindowSize = this.getWindowSize();
var arrayPagePosition = [((arrayWindowSize[0]-w)/2),((arrayWindowSize[1]-h)/2)];
this.ObjStatus.overlayContainer.setStyle({"width":w+'px',"left":arrayPagePosition[0]+'px',"height":h+'px',"top":arrayPagePosition[1]+'px'});
}
return true;
},
// FORCERWindow._parseConfig(config)
_parseConfig: function(config) {
if (typeof(config) != 'object' || config.length == 0) {return this.Config.defaultCFG;}
var data = $H(this.Config.defaultCFG).merge(config).toObject();
if (data.fullscreen || data.maxscreen) {
var WindowSize = this.getWindowSize();
data.sizeX = (WindowSize[0]-50);
data.sizeY = (WindowSize[1]-50);
if (data.maxscreen && data.sizeX > 980) {data.sizeX = 980;}
}
if (typeof(data.buttons) == 'string') {
switch (data.buttons) {
case "close": data.buttons = [{"name":'schließen',"link":'close'}];break;
case "ok": data.buttons = [{"name":'ok',"link":'close'}];break;
default: data.buttons = [{"name":'ok',"link":'close'}];break;
}
}
return data;
},
// FORCERWindow.getScrollSize()
getScrollSize: function() {
if (window.innerHeight && window.scrollMaxY) {
return[window.innerWidth + window.scrollMaxX,window.innerHeight + window.scrollMaxY];
}
else if (document.body.scrollHeight > document.body.offsetHeight) {
return[document.body.scrollWidth,document.body.scrollHeight];
}
return [document.body.offsetWidth,document.body.offsetHeight];
},
// FORCERWindow.getWindowSize()
getWindowSize: function() {
var windowWidth, windowHeight;
if (self.innerHeight) {
windowWidth = (document.documentElement.clientWidth) ? document.documentElement.clientWidth : self.innerWidth;
windowHeight = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight) {
windowWidth = document.documentElement.clientWidth,windowHeight = document.documentElement.clientHeight;
}
else if (document.body) {
windowWidth = document.body.clientWidth,windowHeight = document.body.clientHeight;
}
return [windowWidth,windowHeight];
},
// FORCERWindow.getPageSize()
getPageSize: function() {
var ScrollSize = this.getScrollSize(),WindowSize = this.getWindowSize();
return [(ScrollSize[0]
Loading
Please wait ...