mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-30 18:49:08 +01:00
0a28f3812e
- Inclusion of the following javascript directories:
* Connector: javascript object to interface xmlhttprequest object. This object allows
asynchronous posts and support for messages while this post is being done, such as
"wait, contacting server", etc.
* JsAPI: general javascript functions and methods
* jsolait: performs conversion from a xmlrpc message to a javascript object
* xmlRpcMsgCreator: performs conversion from a javascript object to a xmlrpc message
* dynapi: cross-browser class to draw layers
- Update in setup version: now is 1.0.1.008; Update your versions. There was made a
change in phpgw_vfs2_files table in handling of modified files.
- Upgrade of vfs2 classes and PclZip class
- Changes in javascript object and common object to allow the javascript backend to
applications to work (now just filescenter will use it...)
319 lines
11 KiB
JavaScript
319 lines
11 KiB
JavaScript
/****************************************************************************\
|
|
* Dynamic JS Win - Javascript Object *
|
|
* *
|
|
* Written by: *
|
|
* - Raphael Derosso Pereira <raphaelpereira@users.sourceforge.net> *
|
|
* ------------------------------------------------------------------------ *
|
|
* This program is free software; you can redistribute it and/or modify it *
|
|
* under the terms of the GNU General Public License as published by the *
|
|
* Free Software Foundation; either version 2 of the License, or (at your *
|
|
* option) any later version. *
|
|
\****************************************************************************/
|
|
|
|
if (!window.dd)
|
|
{
|
|
throw("wz_dragdrop lib must be loaded!");
|
|
}
|
|
|
|
function dJSWin(params)
|
|
{
|
|
this.init(params);
|
|
}
|
|
|
|
dJSWin.prototype.init = function(params)
|
|
{
|
|
if (!params || typeof(params) != 'object' || !params.id || !params.width || !params.height || !params.content_id)
|
|
{
|
|
throw("Can't create empty window or window without width, height or ID");
|
|
}
|
|
|
|
/* Internal Variables */
|
|
this.clientArea = document.createElement('div');
|
|
this.title = document.createElement('div');
|
|
this.title_text = document.createElement('span');
|
|
this.buttons = new Array();
|
|
this.shadows = new Array();
|
|
this.border = new Array();
|
|
this.content = Element(params.content_id);
|
|
this.includedContents = params['include_contents'];
|
|
var _this = this;
|
|
var style;
|
|
|
|
style = document.createElement('link');
|
|
style.href = GLOBALS['serverRoot'] + "phpgwapi/js/dJSWin/dJSWin.css";
|
|
style.rel = "stylesheet";
|
|
style.type = "text/css";
|
|
document.body.appendChild(style);
|
|
|
|
if (is_moz1_6)
|
|
{
|
|
var content_ = this.content;
|
|
this.content = this.content.cloneNode(true);
|
|
|
|
content_.id = content_.id+'CLONE';
|
|
content_.style.display = 'none';
|
|
}
|
|
|
|
this.border['t'] = document.createElement('div');
|
|
this.border['b'] = document.createElement('div');
|
|
this.border['l'] = document.createElement('div');
|
|
this.border['r'] = document.createElement('div');
|
|
|
|
this.shadows['r'] = document.createElement('div');
|
|
this.shadows['b'] = document.createElement('div');
|
|
|
|
this.buttons['xDIV'] = document.createElement('div');
|
|
|
|
if (params['button_x_img'])
|
|
{
|
|
this.buttons['xIMG'] = document.createElement('IMG');
|
|
this.buttons['xIMG'].src = params['button_x_img'];
|
|
this.buttons['xIMG'].style.cursor = 'hand';
|
|
this.buttons['xDIV'].appendChild(this.buttons['xIMG']);
|
|
}
|
|
else
|
|
{
|
|
this.buttons.xDIV.innerHTML = 'X';
|
|
}
|
|
|
|
/* Inicialization */
|
|
this.title.id = params['id'];
|
|
this.title.style.position = 'absolute';
|
|
this.title.style.visibility = 'hidden';
|
|
this.title.style.width = parseInt(params['width']) + 2 + 'px';
|
|
this.title.style.height = params['title_height'] ? params['title_height'] : '18px';
|
|
this.title.style.backgroundColor = '#3978d6';
|
|
// this.title.className = 'dJSWin_title';
|
|
this.title.style.top = '0px';
|
|
this.title.style.left = '0px';
|
|
this.title.style.zIndex = '1';
|
|
|
|
this.title_text.style.position = 'relative';
|
|
this.title_text.className = 'dJSWin_title_text';
|
|
// this.title_text.style.cursor = 'move';
|
|
this.title_text.innerHTML = params['title'];
|
|
this.title_text.style.zIndex = '1';
|
|
|
|
this.clientArea.id = params['id']+'_clientArea';
|
|
this.clientArea.style.position = 'absolute';
|
|
this.clientArea.style.visibility = 'hidden';
|
|
this.clientArea.style.width = parseInt(params['width']) + 2 + 'px';
|
|
this.clientArea.style.height = params['height'];
|
|
this.clientArea.style.top = parseInt(this.title.style.height) + 'px';
|
|
this.clientArea.style.left = '0px';
|
|
// this.clientArea.style.backgroundColor = params['bg_color'];
|
|
// this.clientArea.style.overflow = 'auto';
|
|
this.clientArea.className = 'dJSWin_main';
|
|
|
|
this.buttons.xDIV.id = params['id']+'_button';
|
|
this.buttons.xDIV.style.position = 'absolute';
|
|
this.buttons.xDIV.style.visibility = 'hidden';
|
|
this.buttons.xDIV.style.cursor = 'hand';
|
|
this.buttons.xDIV.style.top = '1px';
|
|
this.buttons.xDIV.style.left = parseInt(params['width']) - 13 + 'px';
|
|
this.buttons.xDIV.style.zIndex = '1';
|
|
this.buttons.xDIV.onclick = function() {_this.close();};
|
|
|
|
this.content.style.visibility = 'hidden';
|
|
//this.content.style.top = parseInt(this.title.style.height) + 'px';
|
|
this.content.style.top = '0px';
|
|
this.content.style.left = '0px';
|
|
|
|
this.shadows.b.id = params['id']+'_shadowb';
|
|
this.shadows.b.style.position = 'absolute';
|
|
this.shadows.b.style.visibility = 'hidden';
|
|
this.shadows.b.style.backgroundColor = '#666';
|
|
this.shadows.b.style.width = params['width'];
|
|
this.shadows.b.style.height = '4px';
|
|
this.shadows.b.style.top = parseInt(this.title.style.height) + parseInt(params['height']) + 'px';
|
|
this.shadows.b.style.left = '4px';
|
|
|
|
this.shadows.r.id = params['id']+'_shadowr';
|
|
this.shadows.r.style.position = 'absolute';
|
|
this.shadows.r.style.visibility = 'hidden';
|
|
this.shadows.r.style.backgroundColor = '#666';
|
|
this.shadows.r.style.width = '4px';
|
|
this.shadows.r.style.height = parseInt(params['height']) + parseInt(this.title.style.height) + 'px';
|
|
this.shadows.r.style.top = '4px';
|
|
this.shadows.r.style.left = params['width'];
|
|
|
|
this.border.t.id = params['id']+'_border_t';
|
|
this.border.b.id = params['id']+'_border_b';
|
|
this.border.l.id = params['id']+'_border_l';
|
|
this.border.r.id = params['id']+'_border_r';
|
|
|
|
this.border.t.style.position = 'absolute';
|
|
this.border.b.style.position = 'absolute';
|
|
this.border.l.style.position = 'absolute';
|
|
this.border.r.style.position = 'absolute';
|
|
|
|
this.border.t.style.visibility = 'hidden';
|
|
this.border.b.style.visibility = 'hidden';
|
|
this.border.l.style.visibility = 'hidden';
|
|
this.border.r.style.visibility = 'hidden';
|
|
|
|
this.border.t.className = 'dJSWin_title';
|
|
this.border.b.className = 'dJSWin_title';
|
|
this.border.l.className = 'dJSWin_title';
|
|
this.border.r.className = 'dJSWin_title';
|
|
|
|
this.border.t.style.border = '0px';
|
|
this.border.b.style.border = '0px';
|
|
this.border.l.style.border = '0px';
|
|
this.border.r.style.border = '0px';
|
|
|
|
if (params['border'])
|
|
{
|
|
this.border.t.style.width = parseInt(params['width']) + 2 + 'px';
|
|
this.border.b.style.width = parseInt(params['width']) + 2 + 'px';
|
|
this.border.l.style.width = '2px';
|
|
this.border.r.style.width = '2px';
|
|
|
|
this.border.t.style.height = '2px';
|
|
this.border.b.style.height = '2px';
|
|
this.border.l.style.height = parseInt(params['height']) + parseInt(this.title.style.height) + 4 + 'px';
|
|
this.border.r.style.height = parseInt(params['height']) + parseInt(this.title.style.height) + 4 + 'px';
|
|
|
|
this.border.t.style.top = '-2px';
|
|
this.border.b.style.top = parseInt(params['height']) + parseInt(this.title.style.height) + 'px';
|
|
this.border.l.style.top = '-2px';
|
|
this.border.r.style.top = '-2px';
|
|
|
|
this.border.t.style.left = '-2px';
|
|
this.border.b.style.left = '-2px';
|
|
this.border.l.style.left = '-2px';
|
|
this.border.r.style.left = params['width'];
|
|
|
|
this.shadows.b.style.top = parseInt(this.shadows.b.style.top) + 2 + 'px';
|
|
this.shadows.r.style.top = parseInt(this.shadows.r.style.top) + 2 + 'px';
|
|
this.shadows.b.style.left = parseInt(this.shadows.b.style.left) + 2 + 'px';
|
|
this.shadows.r.style.left = parseInt(this.shadows.r.style.left) + 2 + 'px';
|
|
}
|
|
else
|
|
{
|
|
this.border.t.style.width = '0px';
|
|
this.border.b.style.width = '0px';
|
|
this.border.l.style.width = '0px';
|
|
this.border.r.style.width = '0px';
|
|
}
|
|
|
|
if (!is_moz1_6)
|
|
{
|
|
this.content.parentNode.removeChild(this.content);
|
|
}
|
|
|
|
this.title.appendChild(this.title_text);
|
|
this.title.appendChild(this.clientArea);
|
|
this.title.appendChild(this.buttons.xDIV);
|
|
this.title.appendChild(this.border.t);
|
|
this.title.appendChild(this.border.b);
|
|
this.title.appendChild(this.border.l);
|
|
this.title.appendChild(this.border.r);
|
|
this.title.appendChild(this.shadows.r);
|
|
this.title.appendChild(this.shadows.b);
|
|
this.clientArea.appendChild(this.content);
|
|
|
|
document.body.appendChild(this.title);
|
|
this.draw();
|
|
}
|
|
|
|
dJSWin.prototype.close = function()
|
|
{
|
|
dd.elements[this.title.id].hide();
|
|
}
|
|
|
|
dJSWin.prototype.open = function()
|
|
{
|
|
this.moveTo(window.innerWidth/2 + window.pageXOffset - dd.elements[this.title.id].w/2,
|
|
window.innerHeight/2 + window.pageYOffset - dd.elements[this.clientArea.id].h/2);
|
|
|
|
dd.elements[this.title.id].maximizeZ();
|
|
dd.elements[this.title.id].show();
|
|
}
|
|
|
|
dJSWin.prototype.show = function()
|
|
{
|
|
this.open();
|
|
}
|
|
|
|
dJSWin.prototype.hide = function()
|
|
{
|
|
this.close();
|
|
}
|
|
|
|
dJSWin.prototype.moveTo = function(x,y)
|
|
{
|
|
dd.elements[this.title.id].moveTo(x,y);
|
|
}
|
|
|
|
dJSWin.prototype.x = function()
|
|
{
|
|
return dd.elements[this.title.id].x;
|
|
}
|
|
|
|
dJSWin.prototype.y = function()
|
|
{
|
|
return dd.elements[this.title.id].y;
|
|
}
|
|
|
|
dJSWin.prototype.draw = function()
|
|
{
|
|
if (dd.elements && dd.elements[this.title.id])
|
|
{
|
|
return;
|
|
}
|
|
|
|
if (this.drawn)
|
|
{
|
|
return;
|
|
}
|
|
|
|
this.drawn = true;
|
|
|
|
ADD_DHTML(this.title.id+CURSOR_MOVE);
|
|
ADD_DHTML(this.clientArea.id+NO_DRAG);
|
|
ADD_DHTML(this.buttons.xDIV.id+NO_DRAG);
|
|
ADD_DHTML(this.content.id+NO_DRAG);
|
|
ADD_DHTML(this.shadows.r.id+NO_DRAG);
|
|
ADD_DHTML(this.shadows.b.id+NO_DRAG);
|
|
ADD_DHTML(this.border.t.id+NO_DRAG);
|
|
ADD_DHTML(this.border.b.id+NO_DRAG);
|
|
ADD_DHTML(this.border.l.id+NO_DRAG);
|
|
ADD_DHTML(this.border.r.id+NO_DRAG);
|
|
|
|
dd.elements[this.title.id].addChild(dd.elements[this.border.t.id]);
|
|
|
|
dd.elements[this.title.id].addChild(dd.elements[this.clientArea.id]);
|
|
dd.elements[this.title.id].addChild(dd.elements[this.buttons.xDIV.id]);
|
|
dd.elements[this.title.id].addChild(dd.elements[this.content.id]);
|
|
dd.elements[this.title.id].addChild(dd.elements[this.shadows.r.id]);
|
|
dd.elements[this.title.id].addChild(dd.elements[this.shadows.b.id]);
|
|
dd.elements[this.title.id].addChild(dd.elements[this.border.b.id]);
|
|
dd.elements[this.title.id].addChild(dd.elements[this.border.l.id]);
|
|
dd.elements[this.title.id].addChild(dd.elements[this.border.r.id]);
|
|
|
|
|
|
if (typeof(this.includedContents) == 'object')
|
|
{
|
|
for (var i in this.includedContents)
|
|
{
|
|
ADD_DHTML(this.includedContents[i]+NO_DRAG);
|
|
dd.elements[this.title.id].addChild(dd.elements[this.includedContents[i]]);
|
|
}
|
|
}
|
|
|
|
dd.elements[this.title.id].hide();
|
|
dd.elements[this.title.id].moveTo(window.innerWidth/2 - dd.elements[this.clientArea.id].w/2,
|
|
window.innerHeight/2 - dd.elements[this.clientArea.id].h/2);
|
|
|
|
}
|
|
|
|
if (!dd.elements)
|
|
{
|
|
var div = document.createElement('div');
|
|
div.id = '__NONE__#';
|
|
div.style.position = 'absolute';
|
|
|
|
SET_DHTML(div.id);
|
|
}
|