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())) {
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);
219 var newContentPrimaryFlag = document.createElement("input");
220 var newContentReplyToFlag = document.createElement("input");
221 var newContentOptOutFlag = document.createElement("input");
222 var newContentInvalidFlag = document.createElement("input");
223 var newContentVerifiedFlag = document.createElement("input");
224 var newContentVerifiedValue = document.createElement("input");
225 var removeButton = document.createElement("img");
226 var tbody = document.createElement("tbody");
227 var tr = document.createElement("tr");
228 var td1 = document.createElement("td");
229 var td2 = document.createElement("td");
230 var td3 = document.createElement("td");
231 var td4 = document.createElement("td");
232 var td5 = document.createElement("td");
233 var td6 = document.createElement("td");
234 var td7 = document.createElement("td");
235 var td8 = document.createElement("td");
237 // set input field attributes
238 newContent.setAttribute("type", "text");
239 newContent.setAttribute("name", this.id + "emailAddress" + this.numberEmailAddresses);
240 newContent.setAttribute("id", this.id + "emailAddress" + this.numberEmailAddresses);
241 newContent.setAttribute("tabindex", this.tabIndex);
242 newContent.setAttribute("size", "30");
245 newContent.setAttribute("value", address);
249 removeButton.setAttribute("id", this.id + "removeButton" + this.numberEmailAddresses);
250 removeButton.setAttribute("class", "id-ff-remove");
251 removeButton.setAttribute("name", this.numberEmailAddresses);
252 removeButton.eaw = this;
253 removeButton.setAttribute("src", "index.php?entryPoint=getImage&themeName="+SUGAR.themes.theme_name+"&imageName=id-ff-remove.png");
254 removeButton.onclick = function(){this.eaw.removeEmailAddress(this.name);};
257 newContentPrimaryFlag.setAttribute("type", "radio");
258 newContentPrimaryFlag.setAttribute("name", this.id + "emailAddressPrimaryFlag");
259 newContentPrimaryFlag.setAttribute("id", this.id + "emailAddressPrimaryFlag" + this.numberEmailAddresses);
260 newContentPrimaryFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
261 newContentPrimaryFlag.setAttribute("enabled", "true");
264 newContentReplyToFlag.setAttribute("type", "radio");
265 newContentReplyToFlag.setAttribute("name", this.id + "emailAddressReplyToFlag");
266 newContentReplyToFlag.setAttribute("id", this.id + "emailAddressReplyToFlag" + this.numberEmailAddresses);
267 newContentReplyToFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
268 newContentReplyToFlag.setAttribute("enabled", "true");
269 newContentReplyToFlag.eaw = this;
270 newContentReplyToFlag['onclick']= function() {
271 var form = document.forms[this.eaw.emailView];
273 form = document.forms['editContactForm'];
275 var nav = new String(navigator.appVersion);
277 if(nav.match(/MSIE/gim)) {
278 for(i=0; i<form.elements.length; i++) {
279 var id = new String(form.elements[i].id);
280 if(id.match(/emailAddressReplyToFlag/gim) && form.elements[i].type == 'radio' && id != this.eaw.id) {
281 form.elements[i].checked = false;
285 for(i=0; i<form.elements.length; i++) {
286 var id = new String(form.elements[i].id);
287 if(id.match(/emailAddressReplyToFlag/gim) && form.elements[i].type == 'radio' && id != this.eaw.id) {
288 this.eaw.replyToFlagObject[this.eaw.id] = false;
291 if (this.eaw.replyToFlagObject[this.id]) {
292 this.eaw.replyToFlagObject[this.id] = false;
293 this.checked = false;
295 this.eaw.replyToFlagObject[this.id] = true;
301 newContentOptOutFlag.setAttribute("type", "checkbox");
302 newContentOptOutFlag.setAttribute("name", this.id + "emailAddressOptOutFlag[]");
303 newContentOptOutFlag.setAttribute("id", this.id + "emailAddressOptOutFlag" + this.numberEmailAddresses);
304 newContentOptOutFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
305 newContentOptOutFlag.setAttribute("enabled", "true");
306 newContentOptOutFlag.eaw = this;
307 newContentOptOutFlag['onClick'] = function(){this.eaw.toggleCheckbox(this)};
310 newContentInvalidFlag.setAttribute("type", "checkbox");
311 newContentInvalidFlag.setAttribute("name", this.id + "emailAddressInvalidFlag[]");
312 newContentInvalidFlag.setAttribute("id", this.id + "emailAddressInvalidFlag" + this.numberEmailAddresses);
313 newContentInvalidFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
314 newContentInvalidFlag.setAttribute("enabled", "true");
315 newContentInvalidFlag.eaw = this;
316 newContentInvalidFlag['onClick']= function(){this.eaw.toggleCheckbox(this)};
318 // set the verified flag and verified email value
319 newContentVerifiedFlag.setAttribute("type", "hidden");
320 newContentVerifiedFlag.setAttribute("name", this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses);
321 newContentVerifiedFlag.setAttribute("id", this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses);
322 newContentVerifiedFlag.setAttribute("value", "true");
324 newContentVerifiedValue.setAttribute("type", "hidden");
325 newContentVerifiedValue.setAttribute("name", this.id + "emailAddressVerifiedValue" + this.numberEmailAddresses);
326 newContentVerifiedValue.setAttribute("id", this.id + "emailAddressVerifiedValue" + this.numberEmailAddresses);
327 newContentVerifiedValue.setAttribute("value", address);
330 this.emailView = (this.emailView == '') ? 'EditView' : this.emailView;
331 addToValidateVerified(this.emailView, this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses, 'bool', false, SUGAR.language.get('app_strings', 'LBL_VERIFY_EMAIL_ADDRESS'));
333 tr.setAttribute("id", this.id + "emailAddressRow" + this.numberEmailAddresses);
335 td1.setAttribute("nowrap", "NOWRAP");
336 td3.setAttribute("align", "center");
337 td4.setAttribute("align", "center");
338 td5.setAttribute("align", "center");
339 td6.setAttribute("align", "center");
341 td1.appendChild(newContent);
342 td1.appendChild(document.createTextNode(" "));
343 spanNode = document.createElement('span');
344 spanNode.innerHTML = ' ';
345 td2.appendChild(spanNode);
346 if (this.numberEmailAddresses != 0 || typeof (this.emailIsRequired) == "undefined" || !this.emailIsRequired)
347 td2.appendChild(removeButton);
348 td3.appendChild(newContentPrimaryFlag);
349 td4.appendChild(newContentReplyToFlag);
350 td5.appendChild(newContentOptOutFlag);
351 td6.appendChild(newContentInvalidFlag);
352 td7.appendChild(newContentVerifiedFlag);
353 td8.appendChild(newContentVerifiedValue);
359 if(typeof(this.module) != 'undefined' && this.module == 'Users') {
369 tbody.appendChild(tr);
373 insertInto.appendChild(tbody);
375 // insert the new div->input into the DOM
376 parentObj.insertBefore(Dom.get('targetBody'), insertInto);
378 // CL Fix for 17651 (added OR condition check to see if this is the first email added)
379 if(primaryFlag == '1' || (this.numberEmailAddresses == 0)) {
380 newContentPrimaryFlag.setAttribute("checked", 'true');
383 if(replyToFlag == '1') {
384 newContentReplyToFlag.setAttribute("checked", "true");
387 if (replyToFlag == '1') {
388 this.replyToFlagObject[newContentReplyToFlag.id] = true;
390 this.replyToFlagObject[newContentReplyToFlag.id] = false;
393 if(optOutFlag == '1') {
394 newContentOptOutFlag.setAttribute("checked", 'true');
397 if(invalidFlag == '1') {
398 newContentInvalidFlag.setAttribute("checked", "true");
400 newContent.eaw = this;
401 newContent.onblur = function(e){this.eaw.retrieveEmailAddress(e)};
402 newContent.onkeydown = function(e){this.eaw.handleKeyDown(e)};
403 if (YAHOO.env.ua.ie > 0) {
404 // IE doesn't bubble up "change" events through the DOM.
405 // So we need to fire onChange events on the parent span when the input changes
406 var emailcontainer = Dom.getAncestorByTagName(insertInto,'span');
407 YAHOO.util.Event.addListener(newContent, "change",
408 function(ev, el){SUGAR.util.callOnChangeListers(el);}, emailcontainer
412 // Add validation to field
413 this.EmailAddressValidation(this.emailView, this.id+ 'emailAddress' + this.numberEmailAddresses,this.emailIsRequired, SUGAR.language.get('app_strings', 'LBL_EMAIL_ADDRESS_BOOK_EMAIL_ADDR'));
414 this.numberEmailAddresses++;
415 this.addInProgress = false;
418 EmailAddressValidation : function(ev,fn,r,stR) {
419 YAHOO.util.Event.onContentReady(fn,
420 function () { addToValidate(ev, fn, 'email', r, stR);});
423 removeEmailAddress : function(index) {
424 removeFromValidate(this.emailView, this.id + 'emailAddress' + index);
425 var oNodeToRemove = Dom.get(this.id + 'emailAddressRow' + index);
426 oNodeToRemove.parentNode.removeChild(oNodeToRemove);
428 var removedIndex = parseInt(index);
429 //If we are not deleting the last email address, we need to shift the numbering to fill the gap
430 if(this.numberEmailAddresses != removedIndex) {
431 for(var x = removedIndex + 1; x < this.numberEmailAddresses; x++) {
432 Dom.get(this.id + 'emailAddress' + x).setAttribute("name", this.id +"emailAddress" + (x-1));
433 Dom.get(this.id + 'emailAddress' + x).setAttribute("id", this.id +"emailAddress" + (x-1));
435 if(Dom.get(this.id + 'emailAddressInvalidFlag' + x)) {
436 Dom.get(this.id + 'emailAddressInvalidFlag' + x).setAttribute("id", this.id + "emailAddressInvalidFlag" + (x-1));
439 if(Dom.get(this.id + 'emailAddressOptOutFlag' + x)){
440 Dom.get(this.id + 'emailAddressOptOutFlag' + x).setAttribute("id", this.id + "emailAddressOptOutFlag" + (x-1));
443 if(Dom.get(this.id + 'emailAddressPrimaryFlag' + x)) {
444 Dom.get(this.id + 'emailAddressPrimaryFlag' + x).setAttribute("id", this.id + "emailAddressPrimaryFlag" + (x-1));
447 Dom.get(this.id + 'emailAddressVerifiedValue' + x).setAttribute("id", this.id + "emailAddressVerifiedValue" + (x-1));
448 Dom.get(this.id + 'emailAddressVerifiedFlag' + x).setAttribute("id", this.id + "emailAddressVerifiedFlag" + (x-1));
450 var rButton = Dom.get(this.id + 'removeButton' + x);
451 rButton.setAttribute("name", (x-1));
452 rButton.setAttribute("id", this.id + "removeButton" + (x-1));
453 Dom.get(this.id + 'emailAddressRow' + x).setAttribute("id", this.id + 'emailAddressRow' + (x-1));
457 this.numberEmailAddresses--;
461 if(this.numberEmailAddresses == 0) {
465 var primaryFound = false;
466 for(x=0; x < this.numberEmailAddresses; x++) {
467 if(Dom.get(this.id + 'emailAddressPrimaryFlag' + x).checked) {
473 Dom.get(this.id + 'emailAddressPrimaryFlag0').checked = true;
474 Dom.get(this.id + 'emailAddressPrimaryFlag0').value = this.id + 'emailAddress0';
478 toggleCheckbox : function (el)
480 var form = document.forms[this.emailView];
482 form = document.forms['editContactForm'];
485 if(YAHOO.env.ua.ie) {
486 for(i=0; i<form.elements.length; i++) {
487 var id = new String(form.elements[i].id);
488 if(id.match(/emailAddressInvalidFlag/gim) && form.elements[i].type == 'checkbox' && id != el.id) {
489 form.elements[i].checked = false;
497 forceSubmit : function () {
498 var theForm = Dom.get(this.emailView);
500 theForm.action.value = 'Save';
501 if(!check_form(this.emailView)) {
504 if(this.emailView == 'EditView') {
505 //this is coming from regular edit view form
507 } else if (this.emailView.indexOf('DCQuickCreate')>0){
508 //this is coming from the DC Quick Create Tool Bar, so call save on form
509 DCMenu.save(theForm.id);
510 } else if(this.emailView.indexOf('QuickCreate')>=0) {
511 //this is a subpanel create or edit form
512 SUGAR.subpanelUtils.inlineSave(theForm.id, theForm.module.value+'_subpanel_save_button');
517 emailAddressWidgetLoaded = true;