egroupware/etemplate/js/et2_widget_image.js
2011-09-06 19:53:14 +00:00

108 lines
2.1 KiB
JavaScript

/**
* eGroupWare eTemplate2 - JS Description object
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @subpackage api
* @link http://www.egroupware.org
* @author Nathan Gray
* @copyright Nathan Gray 2011
* @version $Id$
*/
"use strict";
/*egw:uses
jquery.jquery;
et2_core_baseWidget;
*/
/**
* Class which implements the "image" XET-Tag
*/
var et2_image = et2_baseWidget.extend({
attributes: {
"src": {
"name": "Image",
"type": "string",
"description": "Displayed image"
},
"link": {
},
"link_target":{
},
"imagemap":{
},
"link_size":{
}
},
legacyOptions: ["link", "link_target", "imagemap", "link_size"],
init: function() {
this._super.apply(this, arguments);
// Create the image or a/image tag
this.image = this.node = $j(document.createElement("img"));
if(this.options.link)
{
this.node = $j(document.createElement("a"));
this.image.appendTo(this.node);
}
if(this.options["class"])
{
this.node.addClass(this.options["class"]);
}
this.setDOMNode(this.node[0]);
},
set_label: function(_value) {
if(_value == this.options.label) return;
this.options.label = _value;
// label is NOT the alt attribute in eTemplate, but the title/tooltip
this.image.attr("alt", _value);
this.image.set_statustext(_value);
},
setValue: function(_value) {
// Value is src, images don't get IDs
this.set_src(_value);
},
set_src: function(_value) {
if(!this.isInTree())
{
return;
}
// Check to expand name
if(_value.indexOf("$") != -1 || _value.indexOf("@") != -1) {
var contentMgr = this.getArrayMgr("content");
if (contentMgr != null) {
var val = contentMgr.getValueForID(_value);
if (val !== null)
{
_value = val;
}
}
}
this.options.src = _value;
// Get application to use from template ID
var appname = this.getTemplateApp();
var src = egw.image(_value,appname || "phpgwapi");
if(src )
{
this.image.attr("src", src).show();
}
else
{
this.image.css("display","none");
}
}
});
et2_register_widget(et2_image, ["image"]);