2011-08-26 00:42:07 +02:00
|
|
|
/**
|
|
|
|
* eGroupWare eTemplate2 - JS URL 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
|
|
|
|
et2_textbox;
|
|
|
|
et2_valueWidget;
|
2011-08-29 23:15:53 +02:00
|
|
|
phpgwapi.jquery.jquery.base64;
|
2011-08-26 00:42:07 +02:00
|
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Class which implements the "url" XET-Tag, which covers URLs, email & phone
|
|
|
|
*/
|
|
|
|
var et2_url = et2_textbox.extend({
|
|
|
|
|
|
|
|
attributes: {
|
|
|
|
"multiline": {
|
|
|
|
"ignore": true
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
createInputWidget: function() {
|
|
|
|
this.input = $j(document.createElement("input"))
|
|
|
|
.blur(this,this.validate)
|
|
|
|
.blur(this,function(e){e.data.set_value(e.data.getValue());});
|
|
|
|
|
|
|
|
this._button = null;
|
|
|
|
|
|
|
|
console.log(this);
|
|
|
|
|
|
|
|
if(this.size) {
|
|
|
|
this.set_size(this.size);
|
|
|
|
}
|
|
|
|
|
|
|
|
this.setDOMNode(this.input[0]);
|
|
|
|
},
|
|
|
|
|
|
|
|
destroy: function() {
|
|
|
|
if(this.input) {
|
|
|
|
this.input.unbind();
|
|
|
|
}
|
|
|
|
this._button = null;
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Override parent to update href of 'button'
|
|
|
|
*/
|
|
|
|
set_value: function(_value) {
|
|
|
|
this.update_button(_value);
|
|
|
|
this._super.apply(this, arguments);
|
|
|
|
},
|
|
|
|
|
|
|
|
update_button: function(_value) {
|
|
|
|
if(this.value == _value) return;
|
|
|
|
if(_value)
|
|
|
|
{
|
|
|
|
// Create button if it doesn't exist yet
|
|
|
|
if(this._button == null)
|
|
|
|
{
|
|
|
|
this._button = $j(document.createElement("a")).addClass("et2_url");
|
|
|
|
this.getSurroundings().insertDOMNode(this._button[0]);
|
|
|
|
this.getSurroundings().update();
|
|
|
|
}
|
|
|
|
this._button.removeClass("url phone email").removeAttr("href");
|
2011-08-29 23:15:53 +02:00
|
|
|
_value = this.get_link(this._type, _value);
|
2011-08-26 00:42:07 +02:00
|
|
|
switch(this._type)
|
|
|
|
{
|
|
|
|
case "url":
|
|
|
|
// Silently use http if no protocol
|
|
|
|
this._button.attr("href", _value).attr("target", "_blank").addClass("url");
|
|
|
|
break;
|
|
|
|
case "url-phone":
|
2011-08-29 23:15:53 +02:00
|
|
|
if(_value) {
|
|
|
|
if(typeof _value == 'function')
|
|
|
|
{
|
|
|
|
this._button.click(this, _value).addClass("phone").show();
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
this._button.attr("href", _value).addClass("phone").show();
|
|
|
|
}
|
|
|
|
} else if (_value === false) {
|
2011-08-26 00:42:07 +02:00
|
|
|
// Can't make a good handler, hide button
|
|
|
|
this._button.hide();
|
|
|
|
}
|
|
|
|
break;
|
|
|
|
case "url-email":
|
2011-08-29 23:15:53 +02:00
|
|
|
if(typeof _value == 'function')
|
2011-08-26 00:42:07 +02:00
|
|
|
{
|
2011-08-29 23:15:53 +02:00
|
|
|
this._button.click(this, _value).addClass("email");
|
2011-08-26 00:42:07 +02:00
|
|
|
}
|
2011-08-29 23:15:53 +02:00
|
|
|
else
|
2011-08-26 00:42:07 +02:00
|
|
|
{
|
|
|
|
this._button.attr("href", _value).addClass("email");
|
|
|
|
}
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
2011-08-26 01:00:44 +02:00
|
|
|
if(this._button) this._button.hide();
|
|
|
|
if(this._button && this.getSurroundings && this.getSurroundings().deleteDOMNode)
|
2011-08-26 00:42:07 +02:00
|
|
|
{
|
|
|
|
this.getSurroundings().deleteDOMNode(this._button[0]);
|
|
|
|
}
|
|
|
|
this._button = null;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
2011-08-29 23:15:53 +02:00
|
|
|
get_link: function(type, value) {
|
|
|
|
if(!value) return false;
|
|
|
|
switch(type)
|
|
|
|
{
|
|
|
|
case "url":
|
|
|
|
// Silently use http if no protocol
|
|
|
|
if(value.indexOf("://") == -1) value = "http://"+value;
|
|
|
|
break;
|
|
|
|
case "url-phone":
|
|
|
|
// Clean number
|
|
|
|
value = value.replace('♥','').replace('(0)','');
|
|
|
|
value = value.replace(/[abc]/gi,2).replace(/[def]/gi,3).replace(/[ghi]/gi,4).replace(/[jkl]/gi,5).replace(/[mno]/gi,6);
|
|
|
|
value = value.replace(/[pqrs]/gi,7).replace(/[tuv]/gi,8).replace(/[wxyz]/gi,9);
|
|
|
|
|
|
|
|
if (egw.config("call_link")) {
|
|
|
|
var link = egw.config("call_link");
|
|
|
|
var size = [300,200];
|
|
|
|
var user_id = "";
|
|
|
|
var user_phone = "";
|
|
|
|
if(link.indexOf("%t") !== -1)
|
|
|
|
{
|
|
|
|
//TODO: get user ID & phone number
|
|
|
|
}
|
|
|
|
if(egw.config("call_popup"))
|
|
|
|
{
|
|
|
|
size = egw.config("call_popup").split("x");
|
|
|
|
}
|
|
|
|
link = link.replace("%1", value).replace("%u",user_id).replace("%t",user_phone);
|
|
|
|
value = function() {egw_openWindowCentered(link, false,size[0],size[1]);};
|
|
|
|
}
|
|
|
|
else if(navigator.userAgent.indexOf('AppleWebKit') !== -1 && (
|
|
|
|
navigator.userAgent.indexOf("iPhone") !== -1 ||
|
|
|
|
navigator.userAgent.indexOf("Android") !== -1
|
|
|
|
) &&
|
|
|
|
value.indexOf("tel:") == -1)
|
|
|
|
{
|
|
|
|
value = "tel:"+value;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
// Can't make a good handler
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
break;
|
|
|
|
case "url-email":
|
|
|
|
if(egw.link_registry && egw.link_registry.felamimail)
|
|
|
|
{
|
|
|
|
return function() {egw.open("","felamimail","add","send_to="+jQuery.base64Encode(value));};
|
|
|
|
}
|
|
|
|
else if(value.indexOf("mailto:") == -1)
|
|
|
|
{
|
|
|
|
value = "mailto:"+value;
|
|
|
|
}
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
|
|
|
|
return value;
|
|
|
|
},
|
|
|
|
|
2011-08-26 00:42:07 +02:00
|
|
|
validate: function(e) {
|
|
|
|
e.data.hideMessage();
|
|
|
|
|
|
|
|
if(e.data._super) {
|
|
|
|
e.data._super.apply(this, arguments);
|
|
|
|
}
|
|
|
|
|
|
|
|
// Check value, and correct if possible
|
|
|
|
var value = jQuery.trim(e.data.getValue());
|
|
|
|
if(value == "") return;
|
|
|
|
switch(e.data._type) {
|
|
|
|
case "url":
|
|
|
|
if(value.indexOf("://") == -1) {
|
|
|
|
e.data.set_value("http://"+value);
|
|
|
|
e.data.showMessage(egw.lang("Protocol is required"), "hint", true);
|
|
|
|
}
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
et2_register_widget(et2_url, ["url", "url-email", "url-phone"]);
|
|
|
|
|
|
|
|
/**
|
|
|
|
* et2_url_ro is the readonly implementation of the url, email & phone.
|
|
|
|
* It renders things as links, when possible
|
|
|
|
*/
|
|
|
|
var et2_url_ro = et2_valueWidget.extend({
|
|
|
|
|
|
|
|
init: function() {
|
|
|
|
this._super.apply(this, arguments);
|
|
|
|
|
|
|
|
this.value = "";
|
|
|
|
this.span = $j(document.createElement("a"))
|
|
|
|
.addClass("et2_textbox readonly");
|
|
|
|
this.setDOMNode(this.span[0]);
|
|
|
|
},
|
|
|
|
|
|
|
|
set_value: function(_value) {
|
|
|
|
this.value = _value;
|
|
|
|
|
2011-08-29 23:15:53 +02:00
|
|
|
var link = et2_url.prototype.get_link(this._type, _value);
|
|
|
|
|
|
|
|
if(link == false && this.getDOMNode().nodeName == "A")
|
|
|
|
{
|
|
|
|
this.span = $j(document.createElement("span"));
|
|
|
|
this.span.text(_value);
|
|
|
|
this.setDOMNode(this.span[0]);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
else if (this.getDOMNode().nodeName != "A")
|
|
|
|
{
|
|
|
|
this.span = $j(document.createElement("a"));
|
|
|
|
this.setDOMNode(this.span[0]);
|
|
|
|
}
|
2011-08-26 00:42:07 +02:00
|
|
|
this.span.text(_value);
|
|
|
|
switch(this._type) {
|
|
|
|
case "url":
|
2011-08-29 23:15:53 +02:00
|
|
|
this.span.attr("href", link).attr("target", "_blank");
|
2011-08-26 00:42:07 +02:00
|
|
|
break;
|
|
|
|
case "url-phone":
|
2011-08-29 23:15:53 +02:00
|
|
|
if(typeof link == 'function')
|
|
|
|
{
|
|
|
|
this.span.click(this, link);
|
|
|
|
this.span.attr("href", "javascript:void(0)");
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
this.span.attr("href", link);
|
2011-08-26 00:42:07 +02:00
|
|
|
}
|
|
|
|
break;
|
|
|
|
case "url-email":
|
2011-08-29 23:15:53 +02:00
|
|
|
if(typeof link == 'function')
|
|
|
|
{
|
|
|
|
this.span.click(this, link);
|
|
|
|
this.span.attr("href", "javascript:void(0)");
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
this.span.attr("href", link);
|
|
|
|
}
|
2011-08-26 00:42:07 +02:00
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
et2_register_widget(et2_url_ro, ["url_ro", "url-email_ro", "url-phone_ro"]);
|
|
|
|
|