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" 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())) {
129 if(savePressed || this.enterPressed) {
130 setTimeout("SUGAR.EmailAddressWidget.instances." + this.id + ".forceSubmit()", 2100);
131 } else if(this.tabPressed) {
132 Dom.get(this.id + 'emailAddressPrimaryFlag' + index).focus();
136 var event = this.getEvent(event);
137 var targetEl = this.getEventElement(event);
138 var index = /[a-z]*\d?emailAddress(\d+)/i.exec(targetEl.id)[1];
139 var verifyElementFlag = Dom.get(this.id + 'emailAddressVerifiedFlag' + index);
140 this.verifyElementValue = Dom.get(this.id + 'emailAddressVerifiedValue' + index);
141 verifyElementFlag.value = (trim(targetEl.value) == '' || targetEl.value == this.verifyElementValue.value) ? "true" : "false"
143 //Remove the span element if it is present
144 if(verifyElementFlag.parentNode.childNodes.length > 1) {
145 verifyElementFlag.parentNode.removeChild(verifyElementFlag.parentNode.lastChild);
148 if(/emailAddress\d+$/.test(targetEl.id) && isValidEmail(targetEl.value) && !this.verifying && verifyElementFlag.value == "false") {
149 verifiedTextNode = document.createElement('span');
150 verifyElementFlag.parentNode.appendChild(verifiedTextNode);
151 verifiedTextNode.innerHTML = SUGAR.language.get('app_strings', 'LBL_VERIFY_EMAIL_ADDRESS');
152 this.verifying = true;
153 var cObj = YAHOO.util.Connect.asyncRequest(
155 'index.php?module=Contacts&action=RetrieveEmail&target=' + targetEl.id + '&email=' + targetEl.value,
156 {success: callbackFunction, failure: callbackFunction, scope: this}
161 handleKeyDown: function (event) {
162 var e = this.getEvent(event);
163 var eL = this.getEventElement(e);
164 if ((kc = e["keyCode"])) {
165 this.enterPressed = (kc == 13) ? true : false;
166 this.tabPressed = (kc == 9) ? true : false;
168 if(this.enterPressed || this.tabPressed) {
169 this.retrieveEmailAddress(e);
170 if (this.enterPressed);
176 getEvent :function (event) {
177 return (event ? event : window.event);
180 getEventElement : function (e) {
181 return (e.srcElement ? e.srcElement: (e.target ? e.target : e.currentTarget));
184 freezeEvent : function (e) {
185 if (e.preventDefault) e.preventDefault();
186 e.returnValue = false;
187 e.cancelBubble = true;
188 if (e.stopPropagation) e.stopPropagation();
192 addEmailAddress : function (tableId, address, primaryFlag, replyToFlag, optOutFlag, invalidFlag) {
193 if (this.addInProgress)
195 this.addInProgress = true;
198 var insertInto = Dom.get(tableId);
199 var parentObj = insertInto.parentNode;
200 var newContent = document.createElement("input");
201 var nav = new String(navigator.appVersion);
202 var newContentPrimaryFlag;
204 newContentPrimaryFlag = document.createElement("<input name='emailAddressPrimaryFlag' />");
206 newContentPrimaryFlag = document.createElement("input");
208 var newContentReplyToFlag = document.createElement("input");
209 var newContentOptOutFlag = document.createElement("input");
210 var newContentInvalidFlag = document.createElement("input");
211 var newContentVerifiedFlag = document.createElement("input");
212 var newContentVerifiedValue = document.createElement("input");
213 var removeButton = document.createElement("img");
214 var tbody = document.createElement("tbody");
215 var tr = document.createElement("tr");
216 var td1 = document.createElement("td");
217 var td2 = document.createElement("td");
218 var td3 = document.createElement("td");
219 var td4 = document.createElement("td");
220 var td5 = document.createElement("td");
221 var td6 = document.createElement("td");
222 var td7 = document.createElement("td");
223 var td8 = document.createElement("td");
225 // set input field attributes
226 newContent.setAttribute("type", "text");
227 newContent.setAttribute("name", this.id + "emailAddress" + this.numberEmailAddresses);
228 newContent.setAttribute("id", this.id + "emailAddress" + this.numberEmailAddresses);
229 newContent.setAttribute("tabindex", this.tabIndex);
230 newContent.setAttribute("size", "30");
233 newContent.setAttribute("value", address);
237 removeButton.setAttribute("id", this.id + "removeButton" + this.numberEmailAddresses);
238 removeButton.setAttribute("class", "id-ff-remove");
239 removeButton.setAttribute("name", this.numberEmailAddresses);
240 removeButton.eaw = this;
241 removeButton.setAttribute("src", "index.php?entryPoint=getImage&themeName="+SUGAR.themes.theme_name+"&imageName=id-ff-remove.png");
242 removeButton.onclick = function(){this.eaw.removeEmailAddress(this.name);};
245 newContentPrimaryFlag.setAttribute("type", "radio");
246 newContentPrimaryFlag.setAttribute("name", this.id + "emailAddressPrimaryFlag");
247 newContentPrimaryFlag.setAttribute("id", this.id + "emailAddressPrimaryFlag" + this.numberEmailAddresses);
248 newContentPrimaryFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
249 newContentPrimaryFlag.setAttribute("enabled", "true");
252 newContentReplyToFlag.setAttribute("type", "radio");
253 newContentReplyToFlag.setAttribute("name", this.id + "emailAddressReplyToFlag");
254 newContentReplyToFlag.setAttribute("id", this.id + "emailAddressReplyToFlag" + this.numberEmailAddresses);
255 newContentReplyToFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
256 newContentReplyToFlag.setAttribute("enabled", "true");
257 newContentReplyToFlag.eaw = this;
258 newContentReplyToFlag['onclick']= function() {
259 var form = document.forms[this.eaw.emailView];
261 form = document.forms['editContactForm'];
263 var nav = new String(navigator.appVersion);
265 if(nav.match(/MSIE/gim)) {
266 for(i=0; i<form.elements.length; i++) {
267 var id = new String(form.elements[i].id);
268 if(id.match(/emailAddressReplyToFlag/gim) && form.elements[i].type == 'radio' && id != this.eaw.id) {
269 form.elements[i].checked = false;
273 for(i=0; i<form.elements.length; i++) {
274 var id = new String(form.elements[i].id);
275 if(id.match(/emailAddressReplyToFlag/gim) && form.elements[i].type == 'radio' && id != this.eaw.id) {
276 this.eaw.replyToFlagObject[this.eaw.id] = false;
279 if (this.eaw.replyToFlagObject[this.id]) {
280 this.eaw.replyToFlagObject[this.id] = false;
281 this.checked = false;
283 this.eaw.replyToFlagObject[this.id] = true;
289 newContentOptOutFlag.setAttribute("type", "checkbox");
290 newContentOptOutFlag.setAttribute("name", this.id + "emailAddressOptOutFlag[]");
291 newContentOptOutFlag.setAttribute("id", this.id + "emailAddressOptOutFlag" + this.numberEmailAddresses);
292 newContentOptOutFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
293 newContentOptOutFlag.setAttribute("enabled", "true");
294 newContentOptOutFlag.eaw = this;
295 newContentOptOutFlag['onClick'] = function(){this.eaw.toggleCheckbox(this)};
298 newContentInvalidFlag.setAttribute("type", "checkbox");
299 newContentInvalidFlag.setAttribute("name", this.id + "emailAddressInvalidFlag[]");
300 newContentInvalidFlag.setAttribute("id", this.id + "emailAddressInvalidFlag" + this.numberEmailAddresses);
301 newContentInvalidFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
302 newContentInvalidFlag.setAttribute("enabled", "true");
303 newContentInvalidFlag.eaw = this;
304 newContentInvalidFlag['onClick']= function(){this.eaw.toggleCheckbox(this)};
306 // set the verified flag and verified email value
307 newContentVerifiedFlag.setAttribute("type", "hidden");
308 newContentVerifiedFlag.setAttribute("name", this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses);
309 newContentVerifiedFlag.setAttribute("id", this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses);
310 newContentVerifiedFlag.setAttribute("value", "true");
312 newContentVerifiedValue.setAttribute("type", "hidden");
313 newContentVerifiedValue.setAttribute("name", this.id + "emailAddressVerifiedValue" + this.numberEmailAddresses);
314 newContentVerifiedValue.setAttribute("id", this.id + "emailAddressVerifiedValue" + this.numberEmailAddresses);
315 newContentVerifiedValue.setAttribute("value", address);
318 this.emailView = (this.emailView == '') ? 'EditView' : this.emailView;
319 addToValidateVerified(this.emailView, this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses, 'bool', false, SUGAR.language.get('app_strings', 'LBL_VERIFY_EMAIL_ADDRESS'));
321 tr.setAttribute("id", this.id + "emailAddressRow" + this.numberEmailAddresses);
323 td1.setAttribute("nowrap", "NOWRAP");
324 td3.setAttribute("align", "center");
325 td4.setAttribute("align", "center");
326 td5.setAttribute("align", "center");
327 td6.setAttribute("align", "center");
329 td1.appendChild(newContent);
330 td1.appendChild(document.createTextNode(" "));
331 spanNode = document.createElement('span');
332 spanNode.innerHTML = ' ';
333 td2.appendChild(spanNode);
334 if (this.numberEmailAddresses != 0 || typeof (this.emailIsRequired) == "undefined" || !this.emailIsRequired)
335 td2.appendChild(removeButton);
336 td3.appendChild(newContentPrimaryFlag);
337 td4.appendChild(newContentReplyToFlag);
338 td5.appendChild(newContentOptOutFlag);
339 td6.appendChild(newContentInvalidFlag);
340 td7.appendChild(newContentVerifiedFlag);
341 td8.appendChild(newContentVerifiedValue);
347 if(typeof(this.module) != 'undefined' && this.module == 'Users') {
357 tbody.appendChild(tr);
361 insertInto.appendChild(tbody);
363 // insert the new div->input into the DOM
364 parentObj.insertBefore(Dom.get('targetBody'), insertInto);
366 // CL Fix for 17651 (added OR condition check to see if this is the first email added)
367 if(primaryFlag == '1' || (this.numberEmailAddresses == 0)) {
368 newContentPrimaryFlag.setAttribute("checked", 'true');
371 if(replyToFlag == '1') {
372 newContentReplyToFlag.setAttribute("checked", "true");
375 if (replyToFlag == '1') {
376 this.replyToFlagObject[newContentReplyToFlag.id] = true;
378 this.replyToFlagObject[newContentReplyToFlag.id] = false;
381 if(optOutFlag == '1') {
382 newContentOptOutFlag.setAttribute("checked", 'true');
385 if(invalidFlag == '1') {
386 newContentInvalidFlag.setAttribute("checked", "true");
388 newContent.eaw = this;
389 newContent.onblur = function(e){this.eaw.retrieveEmailAddress(e)};
390 newContent.onkeydown = function(e){this.eaw.handleKeyDown(e)};
392 // Add validation to field
393 addToValidate(this.emailView, this.id + 'emailAddress' + this.numberEmailAddresses, 'email', this.emailIsRequired, SUGAR.language.get('app_strings', 'LBL_EMAIL_ADDRESS_BOOK_EMAIL_ADDR'));
394 this.numberEmailAddresses++;
395 this.addInProgress = false;
398 removeEmailAddress : function(index) {
399 removeFromValidate(this.emailView, this.id + 'emailAddress' + index);
400 var oNodeToRemove = Dom.get(this.id + 'emailAddressRow' + index);
401 oNodeToRemove.parentNode.removeChild(oNodeToRemove);
403 var removedIndex = parseInt(index);
404 //If we are not deleting the last email address, we need to shift the numbering to fill the gap
405 if(this.numberEmailAddresses != removedIndex) {
406 for(var x = removedIndex + 1; x < this.numberEmailAddresses; x++) {
407 Dom.get(this.id + 'emailAddress' + x).setAttribute("name", this.id +"emailAddress" + (x-1));
408 Dom.get(this.id + 'emailAddress' + x).setAttribute("id", this.id +"emailAddress" + (x-1));
410 if(Dom.get(this.id + 'emailAddressInvalidFlag' + x)) {
411 Dom.get(this.id + 'emailAddressInvalidFlag' + x).setAttribute("id", this.id + "emailAddressInvalidFlag" + (x-1));
414 if(Dom.get(this.id + 'emailAddressOptOutFlag' + x)){
415 Dom.get(this.id + 'emailAddressOptOutFlag' + x).setAttribute("id", this.id + "emailAddressOptOutFlag" + (x-1));
418 if(Dom.get(this.id + 'emailAddressPrimaryFlag' + x)) {
419 Dom.get(this.id + 'emailAddressPrimaryFlag' + x).setAttribute("id", this.id + "emailAddressPrimaryFlag" + (x-1));
422 Dom.get(this.id + 'emailAddressVerifiedValue' + x).setAttribute("id", this.id + "emailAddressVerifiedValue" + (x-1));
423 Dom.get(this.id + 'emailAddressVerifiedFlag' + x).setAttribute("id", this.id + "emailAddressVerifiedFlag" + (x-1));
425 var rButton = Dom.get(this.id + 'removeButton' + x);
426 rButton.setAttribute("name", (x-1));
427 rButton.setAttribute("id", this.id + "removeButton" + (x-1));
428 Dom.get(this.id + 'emailAddressRow' + x).setAttribute("id", this.id + 'emailAddressRow' + (x-1));
432 this.numberEmailAddresses--;
436 if(this.numberEmailAddresses == 0) {
440 var primaryFound = false;
441 for(x=0; x < this.numberEmailAddresses; x++) {
442 if(Dom.get(this.id + 'emailAddressPrimaryFlag' + x).checked) {
448 Dom.get(this.id + 'emailAddressPrimaryFlag0').checked = true;
449 Dom.get(this.id + 'emailAddressPrimaryFlag0').value = this.id + 'emailAddress0';
453 toggleCheckbox : function (el)
455 var form = document.forms[this.emailView];
457 form = document.forms['editContactForm'];
461 for(i=0; i<form.elements.length; i++) {
462 var id = new String(form.elements[i].id);
463 if(id.match(/emailAddressInvalidFlag/gim) && form.elements[i].type == 'checkbox' && id != el.id) {
464 form.elements[i].checked = false;
472 forceSubmit : function () {
473 var theForm = Dom.get(this.emailView);
475 theForm.action.value = 'Save';
476 if(!check_form(this.emailView)) {
479 if(this.emailView == 'EditView') {
480 //this is coming from regular edit view form
482 } else if (this.emailView.indexOf('DCQuickCreate')>0){
483 //this is coming from the DC Quick Create Tool Bar, so call save on form
484 DCMenu.save(theForm.id);
485 } else if(this.emailView.indexOf('QuickCreate')>=0) {
486 //this is a subpanel create or edit form
487 SUGAR.subpanelUtils.inlineSave(theForm.id, theForm.module.value+'_subpanel_save_button');
492 emailAddressWidgetLoaded = true;