/** * 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; phpgwapi.jquery.jquery.base64; */ /** * 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; 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"); _value = this.get_link(this._type, _value); 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": 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) { // Can't make a good handler, hide button this._button.hide(); } break; case "url-email": if(typeof _value == 'function') { this._button.click(this, _value).addClass("email"); } else { this._button.attr("href", _value).addClass("email"); } break; } } else { if(this._button) this._button.hide(); if(this._button && this.getSurroundings && this.getSurroundings().removeDOMNode) { this.getSurroundings().removeDOMNode(this._button[0]); } this._button = null; } }, 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); // movile Webkit (iPhone, Android) have precedence over server configuration! if (navigator.userAgent.indexOf('AppleWebKit') !== -1 && (navigator.userAgent.indexOf("iPhone") !== -1 || navigator.userAgent.indexOf("Android") !== -1) && value.indexOf("tel:") == -1) { value = "tel:"+value; } else if (egw.config("call_link")) { var link = egw.config("call_link").replace("%1", value). replace("%u",egw.user('account_id')).replace("%t",egw.user('account_phone')); if(egw.config("call_popup")) { var size = egw.config("call_popup").split("x"); value = function() { egw_openWindowCentered(link, false,size[0],size[1]); }; } else // no popup { value = function() { window.open(link, false); }; } } 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; }, 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; 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]); } this.span.text(_value); switch(this._type) { case "url": this.span.attr("href", link).attr("target", "_blank"); break; case "url-phone": if(typeof link == 'function') { this.span.click(this, link); this.span.attr("href", "javascript:void(0)"); } else { this.span.attr("href", link); } break; case "url-email": if(typeof link == 'function') { this.span.click(this, link); this.span.attr("href", "javascript:void(0)"); } else { this.span.attr("href", link); } break; } } }); et2_register_widget(et2_url_ro, ["url_ro", "url-email_ro", "url-phone_ro"]);