mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-23 15:18:58 +01:00
116 lines
2.9 KiB
JavaScript
116 lines
2.9 KiB
JavaScript
/**
|
|
* EGroupware eTemplate2 - JS widget class containing raw HTML
|
|
*
|
|
* @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
|
|
jsapi.jsapi; // Needed for egw_seperateJavaScript
|
|
/vendor/bower-asset/jquery/dist/jquery.js;
|
|
et2_core_baseWidget;
|
|
*/
|
|
|
|
/**
|
|
* @augments et2_valueWidget
|
|
*/
|
|
var et2_html = (function(){ "use strict"; return et2_valueWidget.extend([et2_IDetachedDOM],
|
|
{
|
|
attributes: {
|
|
'label': {
|
|
'default': "",
|
|
description: "The label is displayed by default in front (for radiobuttons behind) each widget (if not empty). If you want to specify a different position, use a '%s' in the label, which gets replaced by the widget itself. Eg. '%s Name' to have the label Name behind a checkbox. The label can contain variables, as descript for name. If the label starts with a '@' it is replaced by the value of the content-array at this index (with the '@'-removed and after expanding the variables).",
|
|
ignore: false,
|
|
name: "Label",
|
|
translate: true,
|
|
type: "string"
|
|
},
|
|
"needed": {
|
|
"ignore": true
|
|
},
|
|
value: {
|
|
name: "Value",
|
|
description: "The value of the widget",
|
|
type: "html", // "string" would remove html tags by running html_entity_decode
|
|
default: et2_no_init
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Constructor
|
|
*
|
|
* @memberOf et2_html
|
|
*/
|
|
init: function() {
|
|
this._super.apply(this, arguments);
|
|
|
|
// Allow no child widgets
|
|
this.supportedWidgetClasses = [];
|
|
|
|
this.htmlNode = jQuery(document.createElement("span"));
|
|
if(this._type == 'htmlarea')
|
|
{
|
|
this.htmlNode.addClass('et2_textbox_ro');
|
|
}
|
|
if(this.options.label)
|
|
{
|
|
this.htmlNode.append('<span class="et2_label">'+this.options.label+'</span>');
|
|
}
|
|
this.setDOMNode(this.htmlNode[0]);
|
|
},
|
|
|
|
loadContent: function(_data) {
|
|
// Create an object containg the given value and an empty js string
|
|
var html = {html: _data ? _data : '', js: ''};
|
|
|
|
// Seperate the javascript from the given html. The js code will be
|
|
// written to the previously created empty js string
|
|
egw_seperateJavaScript(html);
|
|
|
|
// Append the html to the parent element
|
|
if(this.options.label)
|
|
{
|
|
this.htmlNode.append('<span class="et2_label">'+this.options.label+'</span>');
|
|
}
|
|
this.htmlNode.append(html.html);
|
|
this.htmlNode.append(html.js);
|
|
},
|
|
|
|
set_value: function(_value) {
|
|
this.htmlNode.empty();
|
|
this.loadContent(_value);
|
|
},
|
|
|
|
/**
|
|
* Code for implementing et2_IDetachedDOM
|
|
*
|
|
* @param {array} _attrs
|
|
*/
|
|
getDetachedAttributes: function(_attrs)
|
|
{
|
|
_attrs.push("value", "class");
|
|
},
|
|
|
|
getDetachedNodes: function()
|
|
{
|
|
return [this.htmlNode[0]];
|
|
},
|
|
|
|
setDetachedAttributes: function(_nodes, _values)
|
|
{
|
|
this.htmlNode = jQuery(_nodes[0]);
|
|
if(typeof _values['value'] !== 'undefined')
|
|
{
|
|
this.set_value(_values['value']);
|
|
}
|
|
}
|
|
|
|
});}).call(this);
|
|
et2_register_widget(et2_html, ["html","htmlarea_ro"]);
|
|
|