1 /*********************************************************************************
2 * SugarCRM Community Edition is a customer relationship management program developed by
3 * SugarCRM, Inc. Copyright (C) 2004-2012 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("button");
227 var removeButtonImg = document.createElement('img');
228 var tbody = document.createElement("tbody");
229 var tr = document.createElement("tr");
230 var td1 = document.createElement("td");
231 var td2 = document.createElement("td");
232 var td3 = document.createElement("td");
233 var td4 = document.createElement("td");
234 var td5 = document.createElement("td");
235 var td6 = document.createElement("td");
236 var td7 = document.createElement("td");
237 var td8 = document.createElement("td");
239 //use the value if the tabindex value for email has been passed in from metadata (defined in include/EditView/EditView.tpl
241 var tabIndexCount = 0;
242 if(typeof(SUGAR.TabFields) !='undefined' && typeof(SUGAR.TabFields['email1']) != 'undefined'){
243 tabIndexCount = SUGAR.TabFields['email1'];
245 // set input field attributes
246 newContent.setAttribute("type", "text");
247 newContent.setAttribute("name", this.id + "emailAddress" + this.numberEmailAddresses);
248 newContent.setAttribute("id", this.id + "emailAddress" + this.numberEmailAddresses);
249 newContent.setAttribute("tabindex", tabIndexCount);
250 newContent.setAttribute("size", "30");
251 newContent.setAttribute("title", SUGAR.language.get('app_strings', 'LBL_EMAIL_TITLE'));
254 newContent.setAttribute("value", address);
257 // inner structure of remove button
258 removeButtonImg.setAttribute('src', "index.php?entryPoint=getImage&themeName="+SUGAR.themes.theme_name+"&imageName=id-ff-remove-nobg.png");
261 removeButton.setAttribute("id", this.id + "removeButton" + this.numberEmailAddresses);
262 removeButton.setAttribute("class", "id-ff-remove");
263 removeButton.setAttribute("name", this.numberEmailAddresses);
264 removeButton.eaw = this;
265 removeButton.setAttribute("tabindex", tabIndexCount);
266 removeButton.onclick = function(){this.eaw.removeEmailAddress(this.name);};
267 removeButton.appendChild(removeButtonImg);
270 newContentPrimaryFlag.setAttribute("type", "radio");
271 newContentPrimaryFlag.setAttribute("name", this.id + "emailAddressPrimaryFlag");
272 newContentPrimaryFlag.setAttribute("id", this.id + "emailAddressPrimaryFlag" + this.numberEmailAddresses);
273 newContentPrimaryFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
274 newContentPrimaryFlag.setAttribute("enabled", "true");
275 newContentPrimaryFlag.setAttribute("tabindex", tabIndexCount);
278 newContentReplyToFlag.setAttribute("type", "radio");
279 newContentReplyToFlag.setAttribute("name", this.id + "emailAddressReplyToFlag");
280 newContentReplyToFlag.setAttribute("id", this.id + "emailAddressReplyToFlag" + this.numberEmailAddresses);
281 newContentReplyToFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
282 newContentReplyToFlag.setAttribute("enabled", "true");
283 newContentReplyToFlag.setAttribute("tabindex", tabIndexCount);
284 newContentReplyToFlag.eaw = this;
285 newContentReplyToFlag['onclick']= function() {
286 var form = document.forms[this.eaw.emailView];
288 form = document.forms['editContactForm'];
290 var nav = new String(navigator.appVersion);
292 if(nav.match(/MSIE/gim)) {
293 for(i=0; i<form.elements.length; i++) {
294 var id = new String(form.elements[i].id);
295 if(id.match(/emailAddressReplyToFlag/gim) && form.elements[i].type == 'radio' && id != this.eaw.id) {
296 form.elements[i].checked = false;
300 for(i=0; i<form.elements.length; i++) {
301 var id = new String(form.elements[i].id);
302 if(id.match(/emailAddressReplyToFlag/gim) && form.elements[i].type == 'radio' && id != this.eaw.id) {
303 this.eaw.replyToFlagObject[this.eaw.id] = false;
306 if (this.eaw.replyToFlagObject[this.id]) {
307 this.eaw.replyToFlagObject[this.id] = false;
308 this.checked = false;
310 this.eaw.replyToFlagObject[this.id] = true;
316 newContentOptOutFlag.setAttribute("type", "checkbox");
317 newContentOptOutFlag.setAttribute("name", this.id + "emailAddressOptOutFlag[]");
318 newContentOptOutFlag.setAttribute("id", this.id + "emailAddressOptOutFlag" + this.numberEmailAddresses);
319 newContentOptOutFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
320 newContentOptOutFlag.setAttribute("enabled", "true");
321 newContentOptOutFlag.eaw = this;
322 newContentOptOutFlag.setAttribute("tabindex", tabIndexCount);
323 newContentOptOutFlag['onClick'] = function(){this.eaw.toggleCheckbox(this)};
326 newContentInvalidFlag.setAttribute("type", "checkbox");
327 newContentInvalidFlag.setAttribute("name", this.id + "emailAddressInvalidFlag[]");
328 newContentInvalidFlag.setAttribute("id", this.id + "emailAddressInvalidFlag" + this.numberEmailAddresses);
329 newContentInvalidFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
330 newContentInvalidFlag.setAttribute("enabled", "true");
331 newContentInvalidFlag.eaw = this;
332 newContentInvalidFlag.setAttribute("tabindex", tabIndexCount);
333 newContentInvalidFlag['onClick']= function(){this.eaw.toggleCheckbox(this)};
335 // set the verified flag and verified email value
336 newContentVerifiedFlag.setAttribute("type", "hidden");
337 newContentVerifiedFlag.setAttribute("name", this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses);
338 newContentVerifiedFlag.setAttribute("id", this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses);
339 newContentVerifiedFlag.setAttribute("value", "true");
341 newContentVerifiedValue.setAttribute("type", "hidden");
342 newContentVerifiedValue.setAttribute("name", this.id + "emailAddressVerifiedValue" + this.numberEmailAddresses);
343 newContentVerifiedValue.setAttribute("id", this.id + "emailAddressVerifiedValue" + this.numberEmailAddresses);
344 newContentVerifiedValue.setAttribute("value", address);
345 newContentVerifiedValue.setAttribute("tabindex", tabIndexCount);
348 this.emailView = (this.emailView == '') ? 'EditView' : this.emailView;
349 addToValidateVerified(this.emailView, this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses, 'bool', false, SUGAR.language.get('app_strings', 'LBL_VERIFY_EMAIL_ADDRESS'));
351 tr.setAttribute("id", this.id + "emailAddressRow" + this.numberEmailAddresses);
353 td1.setAttribute("nowrap", "NOWRAP");
354 td3.setAttribute("align", "center");
355 td4.setAttribute("align", "center");
356 td5.setAttribute("align", "center");
357 td6.setAttribute("align", "center");
359 td1.appendChild(newContent);
360 td1.appendChild(document.createTextNode(" "));
361 spanNode = document.createElement('span');
362 spanNode.innerHTML = ' ';
363 td2.appendChild(spanNode);
364 if (this.numberEmailAddresses != 0 || typeof (this.emailIsRequired) == "undefined" || !this.emailIsRequired)
365 td2.appendChild(removeButton);
366 td3.appendChild(newContentPrimaryFlag);
367 td4.appendChild(newContentReplyToFlag);
368 td5.appendChild(newContentOptOutFlag);
369 td6.appendChild(newContentInvalidFlag);
370 td7.appendChild(newContentVerifiedFlag);
371 td8.appendChild(newContentVerifiedValue);
377 if(typeof(this.module) != 'undefined' && this.module == 'Users') {
387 tbody.appendChild(tr);
391 insertInto.appendChild(tbody);
393 // insert the new div->input into the DOM
394 parentObj.insertBefore(Dom.get('targetBody'), insertInto);
396 // CL Fix for 17651 (added OR condition check to see if this is the first email added)
397 if(primaryFlag == '1' || (this.numberEmailAddresses == 0)) {
398 newContentPrimaryFlag.setAttribute("checked", 'true');
399 newContent.setAttribute("title", SUGAR.language.get('app_strings', 'LBL_EMAIL_PRIM_TITLE'));
402 if(replyToFlag == '1') {
403 newContentReplyToFlag.setAttribute("checked", "true");
406 if (replyToFlag == '1') {
407 this.replyToFlagObject[newContentReplyToFlag.id] = true;
409 this.replyToFlagObject[newContentReplyToFlag.id] = false;
412 if(optOutFlag == '1') {
413 newContentOptOutFlag.setAttribute("checked", 'true');
414 newContent.setAttribute("title", SUGAR.language.get('app_strings', 'LBL_EMAIL_OPT_TITLE'));
417 if(invalidFlag == '1') {
418 newContentInvalidFlag.setAttribute("checked", "true");
419 newContent.setAttribute("title", SUGAR.language.get('app_strings', 'LBL_EMAIL_INV_TITLE'));
421 newContent.eaw = this;
422 newContent.onblur = function(e){this.eaw.retrieveEmailAddress(e)};
423 newContent.onkeydown = function(e){this.eaw.handleKeyDown(e)};
424 if (YAHOO.env.ua.ie > 0) {
425 // IE doesn't bubble up "change" events through the DOM.
426 // So we need to fire onChange events on the parent span when the input changes
427 var emailcontainer = Dom.getAncestorByTagName(insertInto,'span');
428 YAHOO.util.Event.addListener(newContent, "change",
429 function(ev, el){SUGAR.util.callOnChangeListers(el);}, emailcontainer
433 // Add validation to field
434 this.EmailAddressValidation(this.emailView, this.id+ 'emailAddress' + this.numberEmailAddresses,this.emailIsRequired, SUGAR.language.get('app_strings', 'LBL_EMAIL_ADDRESS_BOOK_EMAIL_ADDR'));
435 this.numberEmailAddresses++;
436 this.addInProgress = false;
439 EmailAddressValidation : function(ev,fn,r,stR) {
440 YAHOO.util.Event.onContentReady(fn,
441 function () { addToValidate(ev, fn, 'email', r, stR);});
444 removeEmailAddress : function(index) {
445 removeFromValidate(this.emailView, this.id + 'emailAddress' + index);
446 var oNodeToRemove = Dom.get(this.id + 'emailAddressRow' + index);
447 var form = Dom.getAncestorByTagName(oNodeToRemove, "form");
448 oNodeToRemove.parentNode.removeChild(oNodeToRemove);
450 var removedIndex = parseInt(index);
451 //If we are not deleting the last email address, we need to shift the numbering to fill the gap
452 if(this.numberEmailAddresses != removedIndex) {
453 for(var x = removedIndex + 1; x < this.numberEmailAddresses; x++) {
454 Dom.get(this.id + 'emailAddress' + x).setAttribute("name", this.id +"emailAddress" + (x-1));
455 Dom.get(this.id + 'emailAddress' + x).setAttribute("id", this.id +"emailAddress" + (x-1));
457 if(Dom.get(this.id + 'emailAddressInvalidFlag' + x)) {
458 Dom.get(this.id + 'emailAddressInvalidFlag' + x).setAttribute("value", this.id + "emailAddress" + (x-1));
459 Dom.get(this.id + 'emailAddressInvalidFlag' + x).setAttribute("id", this.id + "emailAddressInvalidFlag" + (x-1));
462 if(Dom.get(this.id + 'emailAddressOptOutFlag' + x)){
463 Dom.get(this.id + 'emailAddressOptOutFlag' + x).setAttribute("value", this.id + "emailAddress" + (x-1));
464 Dom.get(this.id + 'emailAddressOptOutFlag' + x).setAttribute("id", this.id + "emailAddressOptOutFlag" + (x-1));
467 if(Dom.get(this.id + 'emailAddressPrimaryFlag' + x)) {
468 Dom.get(this.id + 'emailAddressPrimaryFlag' + x).setAttribute("id", this.id + "emailAddressPrimaryFlag" + (x-1));
471 Dom.get(this.id + 'emailAddressVerifiedValue' + x).setAttribute("id", this.id + "emailAddressVerifiedValue" + (x-1));
472 Dom.get(this.id + 'emailAddressVerifiedFlag' + x).setAttribute("id", this.id + "emailAddressVerifiedFlag" + (x-1));
474 var rButton = Dom.get(this.id + 'removeButton' + x);
475 rButton.setAttribute("name", (x-1));
476 rButton.setAttribute("id", this.id + "removeButton" + (x-1));
477 Dom.get(this.id + 'emailAddressRow' + x).setAttribute("id", this.id + 'emailAddressRow' + (x-1));
481 this.numberEmailAddresses--;
485 if(this.numberEmailAddresses == 0) {
489 var primaryFound = false;
490 for(x=0; x < this.numberEmailAddresses; x++) {
491 if(Dom.get(this.id + 'emailAddressPrimaryFlag' + x).checked) {
497 Dom.get(this.id + 'emailAddressPrimaryFlag0').checked = true;
498 Dom.get(this.id + 'emailAddressPrimaryFlag0').value = this.id + 'emailAddress0';
503 toggleCheckbox : function (el)
505 var form = document.forms[this.emailView];
507 form = document.forms['editContactForm'];
510 if(YAHOO.env.ua.ie) {
511 for(i=0; i<form.elements.length; i++) {
512 var id = new String(form.elements[i].id);
513 if(id.match(/emailAddressInvalidFlag/gim) && form.elements[i].type == 'checkbox' && id != el.id) {
514 form.elements[i].checked = false;
522 forceSubmit : function () {
523 var theForm = Dom.get(this.emailView);
525 theForm.action.value = 'Save';
526 if(!check_form(this.emailView)) {
529 if(this.emailView == 'EditView') {
530 //this is coming from regular edit view form
532 } else if (this.emailView.indexOf('DCQuickCreate')>0){
533 //this is coming from the DC Quick Create Tool Bar, so call save on form
534 DCMenu.save(theForm.id);
535 } else if(this.emailView.indexOf('QuickCreate')>=0) {
536 //this is a subpanel create or edit form
537 SUGAR.subpanelUtils.inlineSave(theForm.id, theForm.module.value+'_subpanel_save_button');
542 emailAddressWidgetLoaded = true;