1 /*********************************************************************************
2 * SugarCRM Community Edition is a customer relationship management program developed by
3 * SugarCRM, Inc. Copyright (C) 2004-2011 SugarCRM Inc.
5 * This program is free software; you can redistribute it and/or modify it under
6 * the terms of the GNU Affero General Public License version 3 as published by the
7 * Free Software Foundation with the addition of the following permission added
8 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
9 * IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY
10 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
12 * This program is distributed in the hope that it will be useful, but WITHOUT
13 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
14 * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
17 * You should have received a copy of the GNU Affero General Public License along with
18 * this program; if not, see http://www.gnu.org/licenses or write to the Free
19 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
22 * You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road,
23 * SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com.
25 * The interactive user interfaces in modified source and object code versions
26 * of this program must display Appropriate Legal Notices, as required under
27 * Section 5 of the GNU Affero General Public License version 3.
29 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
30 * these Appropriate Legal Notices must retain the display of the "Powered by
31 * SugarCRM" logo. If the display of the logo is not reasonably feasible for
32 * technical reasons, the Appropriate Legal Notices must display the words
33 * "Powered by SugarCRM".
34 ********************************************************************************/
37 //Do not double define
38 if (SUGAR.EmailAddressWidget) return;
40 var Dom = YAHOO.util.Dom;
42 SUGAR.EmailAddressWidget = function(module) {
43 if (!SUGAR.EmailAddressWidget.count[module]) SUGAR.EmailAddressWidget.count[module] = 0;
44 this.count = SUGAR.EmailAddressWidget.count[module];
45 SUGAR.EmailAddressWidget.count[module]++;
47 this.id = this.module + this.count;
48 if (document.getElementById(module+'_email_widget_id'))
49 document.getElementById(module+'_email_widget_id').value = this.id;
50 SUGAR.EmailAddressWidget.instances[this.id] = this;
53 SUGAR.EmailAddressWidget.instances = {};
54 SUGAR.EmailAddressWidget.count = {};
56 SUGAR.EmailAddressWidget.prototype = {
57 emailTemplate : '<tr id="emailAddressRow">' +
58 '<td nowrap="NOWRAP"><input type="text" title="email address 0" name="emailAddress{$index}" id="emailAddress0" size="30"/></td>' +
59 '<td><span> </span><img id="removeButton0" name="0" src="index.php?entryPoint=getImage&themeName=Sugar&imageName=delete_inline.gif"/></td>' +
60 '<td align="center"><input type="radio" name="emailAddressPrimaryFlag" id="emailAddressPrimaryFlag0" value="emailAddress0" enabled="true" checked="true"/></td>' +
61 '<td align="center"><input type="checkbox" name="emailAddressOptOutFlag[]" id="emailAddressOptOutFlag0" value="emailAddress0" enabled="true"/></td>' +
62 '<td align="center"><input type="checkbox" name="emailAddressInvalidFlag[]" id="emailAddressInvalidFlag0" value="emailAddress0" enabled="true"/></td>' +
63 '<td><input type="hidden" name="emailAddressVerifiedFlag0" id="emailAddressVerifiedFlag0" value="true"/></td>' +
64 '<td><input type="hidden" name="emailAddressVerifiedValue0" id="emailAddressVerifiedValue0" value=""/></td></tr>',
66 numberEmailAddresses : 0,
67 replyToFlagObject : new Object(),
72 emailIsRequired: false,
75 prefillEmailAddresses: function(tableId, o){
76 for (i = 0; i < o.length; i++) {
77 o[i].email_address = o[i].email_address.replace(''', "'");
78 this.addEmailAddress(tableId, o[i].email_address, o[i].primary_address, o[i].reply_to_address, o[i].opt_out, o[i].invalid_email);
82 retrieveEmailAddress: function (event) {
83 var callbackFunction = function success(data) {
84 var vals = YAHOO.lang.JSON.parse(data.responseText);
85 var target = vals.target;
86 event = this.getEvent(event);
89 var email = vals.email;
90 if(email != '' && /\d+$/.test(target)) {
91 var matches = target.match(/\d+$/);
92 var targetNumber = matches[0];
93 var optOutEl = Dom.get(this.id + 'emailAddressOptOutFlag' + targetNumber);
95 optOutEl.checked = email['opt_out'] == 1 ? true : false;
97 var invalidEl = Dom.get(this.id + 'emailAddressInvalidFlag' + targetNumber);
99 invalidEl.checked = email['invalid_email'] == 1 ? true : false;
103 //Set the verified flag to true
104 var index = /[a-z]*\d?emailAddress(\d+)/i.exec(target)[1];
106 var verifyElementFlag = Dom.get(this.id + 'emailAddressVerifiedFlag' + index);
108 if(verifyElementFlag.parentNode.childNodes.length > 1) {
109 verifyElementFlag.parentNode.removeChild(verifyElementFlag.parentNode.lastChild);
112 var verifiedTextNode = document.createElement('span');
113 verifiedTextNode.innerHTML = '';
114 verifyElementFlag.parentNode.appendChild(verifiedTextNode);
115 verifyElementFlag.value = "true";
116 this.verifyElementValue = Dom.get(this.id +'emailAddressVerifiedValue' + index);
117 this.verifyElementValue.value = Dom.get(this.id +'emailAddress' + index).value;
118 this.verifying = false;
120 // If Enter key or Save button was pressed then we proceed to attempt a form submission
121 var savePressed = false;
123 var elm = document.activeElement || event.explicitOriginalTarget;
124 if(typeof elm.type != 'undefined' && /submit|button/.test(elm.type.toLowerCase())) {
125 //if we are in here, then the element has been recognized as a button or submit type, so check the id
126 //to make sure it is related to a submit button that should lead to a form submit
128 //note that the document.activeElement and explicitOriginalTarget calls do not work consistantly across
129 // all browsers, so we have to include this check after we are sure that the calls returned something as opposed to in the coindition above.
130 // Also, since this function is called on blur of the email widget, we can't rely on a third object as a flag (a var or hidden form input)
131 // since this function will fire off before the click event from a button is executed, which means the 3rd object will not get updated prior to this function running.
132 if(/save|full|cancel|change/.test(elm.value.toLowerCase())){
133 //this is coming from either a save, full form, cancel, or view change log button, we should set savePressed = true;
140 if(savePressed || this.enterPressed) {
141 setTimeout("SUGAR.EmailAddressWidget.instances." + this.id + ".forceSubmit()", 2100);
142 } else if(this.tabPressed) {
143 Dom.get(this.id + 'emailAddressPrimaryFlag' + index).focus();
147 var event = this.getEvent(event);
148 var targetEl = this.getEventElement(event);
149 var index = /[a-z]*\d?emailAddress(\d+)/i.exec(targetEl.id)[1];
150 var verifyElementFlag = Dom.get(this.id + 'emailAddressVerifiedFlag' + index);
152 if(this.verifyElementValue == null || typeof(this.verifyElementValue)=='undefined'){
153 //we can't do anything without this value, so just return
157 this.verifyElementValue = Dom.get(this.id + 'emailAddressVerifiedValue' + index);
158 verifyElementFlag.value = (trim(targetEl.value) == '' || targetEl.value == this.verifyElementValue.value) ? "true" : "false"
160 //Remove the span element if it is present
161 if(verifyElementFlag.parentNode.childNodes.length > 1) {
162 verifyElementFlag.parentNode.removeChild(verifyElementFlag.parentNode.lastChild);
165 if(/emailAddress\d+$/.test(targetEl.id) && isValidEmail(targetEl.value) && !this.verifying && verifyElementFlag.value == "false") {
166 verifiedTextNode = document.createElement('span');
167 verifyElementFlag.parentNode.appendChild(verifiedTextNode);
168 verifiedTextNode.innerHTML = SUGAR.language.get('app_strings', 'LBL_VERIFY_EMAIL_ADDRESS');
169 this.verifying = true;
170 var cObj = YAHOO.util.Connect.asyncRequest(
172 'index.php?module=Contacts&action=RetrieveEmail&target=' + targetEl.id + '&email=' + targetEl.value,
173 {success: callbackFunction, failure: callbackFunction, scope: this}
178 handleKeyDown: function (event) {
179 var e = this.getEvent(event);
180 var eL = this.getEventElement(e);
181 if ((kc = e["keyCode"])) {
182 this.enterPressed = (kc == 13) ? true : false;
183 this.tabPressed = (kc == 9) ? true : false;
185 if(this.enterPressed || this.tabPressed) {
186 this.retrieveEmailAddress(e);
187 if (this.enterPressed)
193 getEvent :function (event) {
194 return (event ? event : window.event);
197 getEventElement : function (e) {
198 return (e.srcElement ? e.srcElement: (e.target ? e.target : e.currentTarget));
201 freezeEvent : function (e) {
202 if (e.preventDefault) e.preventDefault();
203 e.returnValue = false;
204 e.cancelBubble = true;
205 if (e.stopPropagation) e.stopPropagation();
209 addEmailAddress : function (tableId, address, primaryFlag, replyToFlag, optOutFlag, invalidFlag) {
210 if (this.addInProgress)
212 this.addInProgress = true;
215 var insertInto = Dom.get(tableId);
216 var parentObj = insertInto.parentNode;
217 var newContent = document.createElement("input");
218 var nav = new String(navigator.appVersion);
220 var newContentPrimaryFlag = document.createElement("input");
221 var newContentReplyToFlag = document.createElement("input");
222 var newContentOptOutFlag = document.createElement("input");
223 var newContentInvalidFlag = document.createElement("input");
224 var newContentVerifiedFlag = document.createElement("input");
225 var newContentVerifiedValue = document.createElement("input");
226 var removeButton = document.createElement("img");
227 var tbody = document.createElement("tbody");
228 var tr = document.createElement("tr");
229 var td1 = document.createElement("td");
230 var td2 = document.createElement("td");
231 var td3 = document.createElement("td");
232 var td4 = document.createElement("td");
233 var td5 = document.createElement("td");
234 var td6 = document.createElement("td");
235 var td7 = document.createElement("td");
236 var td8 = document.createElement("td");
238 //use the value if the tabindex value for email has been passed in from metadata (defined in include/EditView/EditView.tpl
240 var tabIndexCount = 0;
241 if(typeof(SUGAR.TabFields) !='undefined' && typeof(SUGAR.TabFields['email1']) != 'undefined'){
242 tabIndexCount = SUGAR.TabFields['email1'];
244 // set input field attributes
245 newContent.setAttribute("type", "text");
246 newContent.setAttribute("name", this.id + "emailAddress" + this.numberEmailAddresses);
247 newContent.setAttribute("id", this.id + "emailAddress" + this.numberEmailAddresses);
248 newContent.setAttribute("tabindex", tabIndexCount);
249 newContent.setAttribute("size", "30");
250 newContent.setAttribute("title", SUGAR.language.get('app_strings', 'LBL_EMAIL_TITLE'));
253 newContent.setAttribute("value", address);
257 removeButton.setAttribute("id", this.id + "removeButton" + this.numberEmailAddresses);
258 removeButton.setAttribute("class", "id-ff-remove");
259 removeButton.setAttribute("name", this.numberEmailAddresses);
260 removeButton.eaw = this;
261 removeButton.setAttribute("src", "index.php?entryPoint=getImage&themeName="+SUGAR.themes.theme_name+"&imageName=id-ff-remove.png");
262 removeButton.setAttribute("tabindex", tabIndexCount);
263 removeButton.onclick = function(){this.eaw.removeEmailAddress(this.name);};
266 newContentPrimaryFlag.setAttribute("type", "radio");
267 newContentPrimaryFlag.setAttribute("name", this.id + "emailAddressPrimaryFlag");
268 newContentPrimaryFlag.setAttribute("id", this.id + "emailAddressPrimaryFlag" + this.numberEmailAddresses);
269 newContentPrimaryFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
270 newContentPrimaryFlag.setAttribute("enabled", "true");
271 newContentPrimaryFlag.setAttribute("tabindex", tabIndexCount);
274 newContentReplyToFlag.setAttribute("type", "radio");
275 newContentReplyToFlag.setAttribute("name", this.id + "emailAddressReplyToFlag");
276 newContentReplyToFlag.setAttribute("id", this.id + "emailAddressReplyToFlag" + this.numberEmailAddresses);
277 newContentReplyToFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
278 newContentReplyToFlag.setAttribute("enabled", "true");
279 newContentReplyToFlag.setAttribute("tabindex", tabIndexCount);
280 newContentReplyToFlag.eaw = this;
281 newContentReplyToFlag['onclick']= function() {
282 var form = document.forms[this.eaw.emailView];
284 form = document.forms['editContactForm'];
286 var nav = new String(navigator.appVersion);
288 if(nav.match(/MSIE/gim)) {
289 for(i=0; i<form.elements.length; i++) {
290 var id = new String(form.elements[i].id);
291 if(id.match(/emailAddressReplyToFlag/gim) && form.elements[i].type == 'radio' && id != this.eaw.id) {
292 form.elements[i].checked = false;
296 for(i=0; i<form.elements.length; i++) {
297 var id = new String(form.elements[i].id);
298 if(id.match(/emailAddressReplyToFlag/gim) && form.elements[i].type == 'radio' && id != this.eaw.id) {
299 this.eaw.replyToFlagObject[this.eaw.id] = false;
302 if (this.eaw.replyToFlagObject[this.id]) {
303 this.eaw.replyToFlagObject[this.id] = false;
304 this.checked = false;
306 this.eaw.replyToFlagObject[this.id] = true;
312 newContentOptOutFlag.setAttribute("type", "checkbox");
313 newContentOptOutFlag.setAttribute("name", this.id + "emailAddressOptOutFlag[]");
314 newContentOptOutFlag.setAttribute("id", this.id + "emailAddressOptOutFlag" + this.numberEmailAddresses);
315 newContentOptOutFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
316 newContentOptOutFlag.setAttribute("enabled", "true");
317 newContentOptOutFlag.eaw = this;
318 newContentOptOutFlag.setAttribute("tabindex", tabIndexCount);
319 newContentOptOutFlag['onClick'] = function(){this.eaw.toggleCheckbox(this)};
322 newContentInvalidFlag.setAttribute("type", "checkbox");
323 newContentInvalidFlag.setAttribute("name", this.id + "emailAddressInvalidFlag[]");
324 newContentInvalidFlag.setAttribute("id", this.id + "emailAddressInvalidFlag" + this.numberEmailAddresses);
325 newContentInvalidFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
326 newContentInvalidFlag.setAttribute("enabled", "true");
327 newContentInvalidFlag.eaw = this;
328 newContentInvalidFlag.setAttribute("tabindex", tabIndexCount);
329 newContentInvalidFlag['onClick']= function(){this.eaw.toggleCheckbox(this)};
331 // set the verified flag and verified email value
332 newContentVerifiedFlag.setAttribute("type", "hidden");
333 newContentVerifiedFlag.setAttribute("name", this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses);
334 newContentVerifiedFlag.setAttribute("id", this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses);
335 newContentVerifiedFlag.setAttribute("value", "true");
337 newContentVerifiedValue.setAttribute("type", "hidden");
338 newContentVerifiedValue.setAttribute("name", this.id + "emailAddressVerifiedValue" + this.numberEmailAddresses);
339 newContentVerifiedValue.setAttribute("id", this.id + "emailAddressVerifiedValue" + this.numberEmailAddresses);
340 newContentVerifiedValue.setAttribute("value", address);
341 newContentVerifiedValue.setAttribute("tabindex", tabIndexCount);
344 this.emailView = (this.emailView == '') ? 'EditView' : this.emailView;
345 addToValidateVerified(this.emailView, this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses, 'bool', false, SUGAR.language.get('app_strings', 'LBL_VERIFY_EMAIL_ADDRESS'));
347 tr.setAttribute("id", this.id + "emailAddressRow" + this.numberEmailAddresses);
349 td1.setAttribute("nowrap", "NOWRAP");
350 td3.setAttribute("align", "center");
351 td4.setAttribute("align", "center");
352 td5.setAttribute("align", "center");
353 td6.setAttribute("align", "center");
355 td1.appendChild(newContent);
356 td1.appendChild(document.createTextNode(" "));
357 spanNode = document.createElement('span');
358 spanNode.innerHTML = ' ';
359 td2.appendChild(spanNode);
360 if (this.numberEmailAddresses != 0 || typeof (this.emailIsRequired) == "undefined" || !this.emailIsRequired)
361 td2.appendChild(removeButton);
362 td3.appendChild(newContentPrimaryFlag);
363 td4.appendChild(newContentReplyToFlag);
364 td5.appendChild(newContentOptOutFlag);
365 td6.appendChild(newContentInvalidFlag);
366 td7.appendChild(newContentVerifiedFlag);
367 td8.appendChild(newContentVerifiedValue);
373 if(typeof(this.module) != 'undefined' && this.module == 'Users') {
383 tbody.appendChild(tr);
387 insertInto.appendChild(tbody);
389 // insert the new div->input into the DOM
390 parentObj.insertBefore(Dom.get('targetBody'), insertInto);
392 // CL Fix for 17651 (added OR condition check to see if this is the first email added)
393 if(primaryFlag == '1' || (this.numberEmailAddresses == 0)) {
394 newContentPrimaryFlag.setAttribute("checked", 'true');
395 newContent.setAttribute("title", SUGAR.language.get('app_strings', 'LBL_EMAIL_PRIM_TITLE'));
398 if(replyToFlag == '1') {
399 newContentReplyToFlag.setAttribute("checked", "true");
402 if (replyToFlag == '1') {
403 this.replyToFlagObject[newContentReplyToFlag.id] = true;
405 this.replyToFlagObject[newContentReplyToFlag.id] = false;
408 if(optOutFlag == '1') {
409 newContentOptOutFlag.setAttribute("checked", 'true');
410 newContent.setAttribute("title", SUGAR.language.get('app_strings', 'LBL_EMAIL_OPT_TITLE'));
413 if(invalidFlag == '1') {
414 newContentInvalidFlag.setAttribute("checked", "true");
415 newContent.setAttribute("title", SUGAR.language.get('app_strings', 'LBL_EMAIL_INV_TITLE'));
417 newContent.eaw = this;
418 newContent.onblur = function(e){this.eaw.retrieveEmailAddress(e)};
419 newContent.onkeydown = function(e){this.eaw.handleKeyDown(e)};
420 if (YAHOO.env.ua.ie > 0) {
421 // IE doesn't bubble up "change" events through the DOM.
422 // So we need to fire onChange events on the parent span when the input changes
423 var emailcontainer = Dom.getAncestorByTagName(insertInto,'span');
424 YAHOO.util.Event.addListener(newContent, "change",
425 function(ev, el){SUGAR.util.callOnChangeListers(el);}, emailcontainer
429 // Add validation to field
430 this.EmailAddressValidation(this.emailView, this.id+ 'emailAddress' + this.numberEmailAddresses,this.emailIsRequired, SUGAR.language.get('app_strings', 'LBL_EMAIL_ADDRESS_BOOK_EMAIL_ADDR'));
431 this.numberEmailAddresses++;
432 this.addInProgress = false;
435 EmailAddressValidation : function(ev,fn,r,stR) {
436 YAHOO.util.Event.onContentReady(fn,
437 function () { addToValidate(ev, fn, 'email', r, stR);});
440 removeEmailAddress : function(index) {
441 removeFromValidate(this.emailView, this.id + 'emailAddress' + index);
442 var oNodeToRemove = Dom.get(this.id + 'emailAddressRow' + index);
443 oNodeToRemove.parentNode.removeChild(oNodeToRemove);
445 var removedIndex = parseInt(index);
446 //If we are not deleting the last email address, we need to shift the numbering to fill the gap
447 if(this.numberEmailAddresses != removedIndex) {
448 for(var x = removedIndex + 1; x < this.numberEmailAddresses; x++) {
449 Dom.get(this.id + 'emailAddress' + x).setAttribute("name", this.id +"emailAddress" + (x-1));
450 Dom.get(this.id + 'emailAddress' + x).setAttribute("id", this.id +"emailAddress" + (x-1));
452 if(Dom.get(this.id + 'emailAddressInvalidFlag' + x)) {
453 Dom.get(this.id + 'emailAddressInvalidFlag' + x).setAttribute("value", this.id + "emailAddress" + (x-1));
454 Dom.get(this.id + 'emailAddressInvalidFlag' + x).setAttribute("id", this.id + "emailAddressInvalidFlag" + (x-1));
457 if(Dom.get(this.id + 'emailAddressOptOutFlag' + x)){
458 Dom.get(this.id + 'emailAddressOptOutFlag' + x).setAttribute("value", this.id + "emailAddress" + (x-1));
459 Dom.get(this.id + 'emailAddressOptOutFlag' + x).setAttribute("id", this.id + "emailAddressOptOutFlag" + (x-1));
462 if(Dom.get(this.id + 'emailAddressPrimaryFlag' + x)) {
463 Dom.get(this.id + 'emailAddressPrimaryFlag' + x).setAttribute("id", this.id + "emailAddressPrimaryFlag" + (x-1));
466 Dom.get(this.id + 'emailAddressVerifiedValue' + x).setAttribute("id", this.id + "emailAddressVerifiedValue" + (x-1));
467 Dom.get(this.id + 'emailAddressVerifiedFlag' + x).setAttribute("id", this.id + "emailAddressVerifiedFlag" + (x-1));
469 var rButton = Dom.get(this.id + 'removeButton' + x);
470 rButton.setAttribute("name", (x-1));
471 rButton.setAttribute("id", this.id + "removeButton" + (x-1));
472 Dom.get(this.id + 'emailAddressRow' + x).setAttribute("id", this.id + 'emailAddressRow' + (x-1));
476 this.numberEmailAddresses--;
480 if(this.numberEmailAddresses == 0) {
484 var primaryFound = false;
485 for(x=0; x < this.numberEmailAddresses; x++) {
486 if(Dom.get(this.id + 'emailAddressPrimaryFlag' + x).checked) {
492 Dom.get(this.id + 'emailAddressPrimaryFlag0').checked = true;
493 Dom.get(this.id + 'emailAddressPrimaryFlag0').value = this.id + 'emailAddress0';
497 toggleCheckbox : function (el)
499 var form = document.forms[this.emailView];
501 form = document.forms['editContactForm'];
504 if(YAHOO.env.ua.ie) {
505 for(i=0; i<form.elements.length; i++) {
506 var id = new String(form.elements[i].id);
507 if(id.match(/emailAddressInvalidFlag/gim) && form.elements[i].type == 'checkbox' && id != el.id) {
508 form.elements[i].checked = false;
516 forceSubmit : function () {
517 var theForm = Dom.get(this.emailView);
519 theForm.action.value = 'Save';
520 if(!check_form(this.emailView)) {
523 if(this.emailView == 'EditView') {
524 //this is coming from regular edit view form
526 } else if (this.emailView.indexOf('DCQuickCreate')>0){
527 //this is coming from the DC Quick Create Tool Bar, so call save on form
528 DCMenu.save(theForm.id);
529 } else if(this.emailView.indexOf('QuickCreate')>=0) {
530 //this is a subpanel create or edit form
531 SUGAR.subpanelUtils.inlineSave(theForm.id, theForm.module.value+'_subpanel_save_button');
536 emailAddressWidgetLoaded = true;