mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-16 21:13:16 +01:00
8b2dae28f7
- Added indexOf function for IE compatiblity - this and some other code is redundant to that in egw_action_common.js - Probably this code should be merged into jsapi and jsapi.js should be cleaned up and splitted into multiple files - Implemented template widget - Implemented dummy implementation of description widget - Improved et2_placeholder - it now shows all properties set for that placeholder - Improved and extended test page - Improved interface system in et2_inheritance.js - each object derrived from Class now has a instanceOf function which checks, whether the object is either an instance of the given class or implements the given interface (same behaviour as instanceOf in Java) - Widgets can now define which other widget classes are allowed inside of them
124 lines
2.9 KiB
JavaScript
124 lines
2.9 KiB
JavaScript
/**
|
|
* eGroupWare eTemplate2 - JS Template base class
|
|
*
|
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
|
* @package etemplate
|
|
* @subpackage api
|
|
* @link http://www.egroupware.org
|
|
* @author Andreas Stöckel
|
|
* @copyright Stylite 2011
|
|
* @version $Id$
|
|
*/
|
|
|
|
/*egw:uses
|
|
et2_widget;
|
|
*/
|
|
|
|
/**
|
|
* Class which implements the "template" XET-Tag. When the id parameter is set,
|
|
* the template class checks whether another template with this id already
|
|
* exists. If yes, this template is removed from the DOM tree, copied and
|
|
* inserted in place of this template.
|
|
*
|
|
* TODO: Check whether this widget behaves as it should.
|
|
*/
|
|
et2_template = et2_DOMWidget.extend({
|
|
|
|
/**
|
|
* Initializes this template widget as a simple container.
|
|
*/
|
|
init: function(_parent) {
|
|
this.proxiedTemplate = null;
|
|
this.isProxied = false;
|
|
|
|
this.div = document.createElement("div");
|
|
|
|
this._super.apply(this, arguments);
|
|
},
|
|
|
|
/**
|
|
* If the parent node is changed, either the DOM-Node of the proxied template
|
|
* or the DOM-Node of this template is connected to the parent DOM-Node.
|
|
*/
|
|
onSetParent: function() {
|
|
// Check whether the parent implements the et2_IDOMNode interface. If
|
|
// yes, grab the DOM node and create our own.
|
|
if (this._parent && this._parent.implements(et2_IDOMNode)) {
|
|
var parentNode = this._parent.getDOMNode();
|
|
|
|
if (parentNode)
|
|
{
|
|
if (this.proxiedTemplate)
|
|
{
|
|
this.proxiedTemplate.setParentDOMNode(parentNode);
|
|
}
|
|
else if (!this.isProxied)
|
|
{
|
|
this.setParentDOMNode(parentNode);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
makeProxied: function() {
|
|
if (!this.isProxied)
|
|
{
|
|
this.detatchFromDOM();
|
|
this.div = null;
|
|
this.parentNode = null;
|
|
}
|
|
|
|
this.isProxied = true;
|
|
},
|
|
|
|
set_id: function(_value) {
|
|
if (_value != this.id)
|
|
{
|
|
// Check whether a template with the given name already exists and
|
|
// is not a proxy.
|
|
var tmpl = this.getRoot().getWidgetById(_value);
|
|
if (tmpl instanceof et2_template && tmpl.proxiedTemplate == null &&
|
|
tmpl != this)
|
|
{
|
|
// Check whether we still have a proxied template, if yes,
|
|
// destroy it
|
|
if (this.proxiedTemplate != null)
|
|
{
|
|
this.proxiedTemplate.destroy();
|
|
this.proxiedTemplate = null;
|
|
}
|
|
|
|
// This element does not have a node in the tree
|
|
this.detatchFromDOM();
|
|
|
|
// Detatch the proxied template from the DOM to and set its
|
|
// isProxied property to true
|
|
tmpl.makeProxied();
|
|
|
|
// Create a clone of the template and add it as child of this
|
|
// template (done by passing "this" to the clone function)
|
|
this.proxiedTemplate = tmpl.clone(this);
|
|
|
|
// Disallow adding any new node to this template
|
|
this.supportedWidgetClasses = [];
|
|
|
|
// Call the parent change event function
|
|
this.onSetParent();
|
|
}
|
|
else
|
|
{
|
|
this._super(_value);
|
|
}
|
|
}
|
|
},
|
|
|
|
getDOMNode: function(_fromProxy) {
|
|
return this.div;
|
|
}
|
|
|
|
});
|
|
|
|
et2_register_widget(et2_template, ["template"]);
|
|
|
|
|