mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-27 10:23:28 +01:00
166 lines
3.4 KiB
JavaScript
166 lines
3.4 KiB
JavaScript
/**
|
|
* eGroupWare eTemplate2 - JS Textbox object
|
|
*
|
|
* @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$
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
/*egw:uses
|
|
jquery.jquery;
|
|
et2_core_inputWidget;
|
|
et2_core_valueWidget;
|
|
*/
|
|
|
|
/**
|
|
* Class which implements the "textbox" XET-Tag
|
|
*/
|
|
var et2_textbox = et2_inputWidget.extend({
|
|
|
|
attributes: {
|
|
"multiline": {
|
|
"name": "multiline",
|
|
"type": "boolean",
|
|
"default": false,
|
|
"description": "If true, the textbox is a multiline edit field."
|
|
},
|
|
"size": {
|
|
"name": "Size",
|
|
"type": "integer",
|
|
"default": et2_no_init,
|
|
"description": "Field width"
|
|
},
|
|
"blur": {
|
|
"name": "Placeholder",
|
|
"type": "string",
|
|
"default": "",
|
|
"description": "This text get displayed if an input-field is empty and does not have the input-focus (blur). It can be used to show a default value or a kind of help-text."
|
|
},
|
|
// These for multi-line
|
|
"rows": {
|
|
"name": "Rows",
|
|
"type": "integer",
|
|
"default": -1,
|
|
"description": "Multiline field height - better to use CSS"
|
|
},
|
|
"cols": {
|
|
"name": "Size",
|
|
"type": "integer",
|
|
"default": -1,
|
|
"description": "Multiline field width - better to use CSS"
|
|
}
|
|
},
|
|
|
|
init: function() {
|
|
this._super.apply(this, arguments);
|
|
|
|
this.input = null;
|
|
|
|
this.createInputWidget();
|
|
},
|
|
|
|
createInputWidget: function() {
|
|
if (this.options.multiline || this.options.rows > 1 || this.options.cols > 1)
|
|
{
|
|
this.input = $j(document.createElement("textarea"));
|
|
|
|
if (this.options.rows > 0)
|
|
{
|
|
this.input.attr("rows", this.options.rows);
|
|
}
|
|
|
|
if (this.options.cols > 0)
|
|
{
|
|
this.input.attr("cols", this.options.cols);
|
|
}
|
|
}
|
|
else
|
|
{
|
|
this.input = $j(document.createElement("input"));
|
|
}
|
|
|
|
if(this.size) {
|
|
this.set_size(this.size);
|
|
}
|
|
if(this.blur) {
|
|
this.set_blur(this.blur);
|
|
}
|
|
this.input.addClass("et2_textbox");
|
|
|
|
this.setDOMNode(this.input[0]);
|
|
},
|
|
|
|
|
|
/**
|
|
* Set input widget size
|
|
* @param _size Rather arbitrary size units, approximately characters
|
|
*/
|
|
set_size: function(_size) {
|
|
if (typeof _size != 'undefined' && _size != this.input.attr("size"))
|
|
{
|
|
this.size = _size;
|
|
this.input.attr("size", this.size);
|
|
}
|
|
},
|
|
|
|
set_blur: function(_value) {
|
|
if(_value) {
|
|
this.input.attr("placeholder", _value + "!"); // HTML5
|
|
if(!this.input[0].placeholder) {
|
|
// Not HTML5
|
|
if(this.input.val() == "") this.input.val(this.options.blur);
|
|
this.input.focus(this,function(e) {
|
|
if(e.data.input.val() == e.data.options.blur) e.data.input.val("");
|
|
}).blur(this, function(e) {
|
|
if(e.data.input.val() == "") e.data.input.val(e.data.options.blur);
|
|
});
|
|
}
|
|
} else {
|
|
this.input.removeAttr("placeholder");
|
|
}
|
|
}
|
|
});
|
|
|
|
et2_register_widget(et2_textbox, ["textbox"]);
|
|
|
|
/**
|
|
* et2_textbox_ro is the dummy readonly implementation of the textbox.
|
|
*/
|
|
var et2_textbox_ro = et2_valueWidget.extend({
|
|
|
|
/**
|
|
* Ignore all more advanced attributes.
|
|
*/
|
|
attributes: {
|
|
"multiline": {
|
|
"ignore": true
|
|
}
|
|
},
|
|
|
|
init: function() {
|
|
this._super.apply(this, arguments);
|
|
|
|
this.value = "";
|
|
this.span = $j(document.createElement("span"))
|
|
.addClass("et2_textbox_ro");
|
|
|
|
this.setDOMNode(this.span[0]);
|
|
},
|
|
|
|
set_value: function(_value) {
|
|
this.value = _value;
|
|
|
|
this.span.text(_value);
|
|
}
|
|
|
|
});
|
|
|
|
et2_register_widget(et2_textbox_ro, ["textbox_ro", "int_ro", "float_ro"]);
|
|
|