mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-01-03 20:49:04 +01:00
121 lines
2.6 KiB
JavaScript
121 lines
2.6 KiB
JavaScript
/**
|
|
* EGroupware eTemplate2 - JS Progrss object
|
|
*
|
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
|
* @package etemplate
|
|
* @subpackage api
|
|
* @link http://www.egroupware.org
|
|
* @author Ralf Becker
|
|
* @version $Id$
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
/*egw:uses
|
|
jquery.jquery;
|
|
et2_core_interfaces;
|
|
et2_core_baseWidget;
|
|
*/
|
|
|
|
/**
|
|
* Class which implements the "image" XET-Tag
|
|
*/
|
|
var et2_progress = et2_baseWidget.extend(/*et2_IDetachedDOM,*/ {
|
|
|
|
attributes: {
|
|
"href": {
|
|
"name": "Link Target",
|
|
"type": "string",
|
|
"description": "Link URL, empty if you don't wan't to display a link."
|
|
},
|
|
"extra_link_target": {
|
|
"name": "Link target",
|
|
"type": "string",
|
|
"default": "_self",
|
|
"description": "Link target descriptor"
|
|
},
|
|
"extra_link_popup": {
|
|
"name": "Popup",
|
|
"type": "string",
|
|
"description": "widthxheight, if popup should be used, eg. 640x480"
|
|
},
|
|
"label": {
|
|
}
|
|
},
|
|
legacyOptions: ["href", "extra_link_target", "imagemap", "extra_link_popup", "id"],
|
|
|
|
init: function()
|
|
{
|
|
this._super.apply(this, arguments);
|
|
|
|
var outer = $j(document.createElement("div")).addClass("et2_progress");
|
|
this.node = $j(document.createElement("div")).width(0).appendTo(outer);
|
|
|
|
if (this.options.href)
|
|
{
|
|
outer.addClass('et2_clickable');
|
|
}
|
|
if(this.options["class"])
|
|
{
|
|
outer.addClass(this.options["class"]);
|
|
}
|
|
this.setDOMNode(outer[0]);
|
|
// gives error "this.node has no method width"
|
|
// this.set_value(50);
|
|
},
|
|
|
|
click: function()
|
|
{
|
|
if(this.options.href)
|
|
{
|
|
egw.call_link(this.options.href, this.options.extra_link_target, this.options.extra_link_popup);
|
|
}
|
|
},
|
|
|
|
// tried set_value and setValue, both get never called :-(
|
|
set_value: function(_value)
|
|
{
|
|
if (_value != "") _value = parseInt(_value)+"%"; // make sure we have percent attached
|
|
this.node.width(_value);
|
|
if (!this.options.label) this.set_label(_value);
|
|
},
|
|
|
|
// set's label as title of this.node
|
|
set_label: function(_value)
|
|
{
|
|
this.node.attr("title", _value);
|
|
}
|
|
|
|
/**
|
|
* Implementation of "et2_IDetachedDOM" for fast viewing in gridview
|
|
*/
|
|
/*
|
|
getDetachedAttributes: function(_attrs) {
|
|
_attrs.push("src", "label");
|
|
},
|
|
|
|
getDetachedNodes: function() {
|
|
return [this.node[0]];
|
|
},
|
|
|
|
setDetachedAttributes: function(_nodes, _values) {
|
|
// Set the given DOM-Nodes
|
|
this.node = $j(_nodes[0]);
|
|
|
|
this.transformAttributes(_values);
|
|
|
|
// Set the attributes
|
|
if (_values["src"])
|
|
{
|
|
this.set_value(_values["value"]);
|
|
}
|
|
|
|
if (_values["label"])
|
|
{
|
|
this.set_label(_values["label"]);
|
|
}
|
|
}*/
|
|
});
|
|
|
|
et2_register_widget(et2_progress, ["progress"]);
|