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' && !(/_email_widget_add/.test(elm.id.toLowerCase())) && /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;
203 newContentPrimaryFlag = document.createElement("input");
204 var newContentReplyToFlag = document.createElement("input");
205 var newContentOptOutFlag = document.createElement("input");
206 var newContentInvalidFlag = document.createElement("input");
207 var newContentVerifiedFlag = document.createElement("input");
208 var newContentVerifiedValue = document.createElement("input");
209 var removeButton = document.createElement("img");
210 var tbody = document.createElement("tbody");
211 var tr = document.createElement("tr");
212 var td1 = document.createElement("td");
213 var td2 = document.createElement("td");
214 var td3 = document.createElement("td");
215 var td4 = document.createElement("td");
216 var td5 = document.createElement("td");
217 var td6 = document.createElement("td");
218 var td7 = document.createElement("td");
219 var td8 = document.createElement("td");
221 // set input field attributes
222 newContent.setAttribute("type", "text");
223 newContent.setAttribute("name", this.id + "emailAddress" + this.numberEmailAddresses);
224 newContent.setAttribute("id", this.id + "emailAddress" + this.numberEmailAddresses);
225 newContent.setAttribute("tabindex", this.tabIndex);
226 newContent.setAttribute("size", "30");
229 newContent.setAttribute("value", address);
233 removeButton.setAttribute("id", this.id + "removeButton" + this.numberEmailAddresses);
234 removeButton.setAttribute("class", "id-ff-remove");
235 removeButton.setAttribute("name", this.numberEmailAddresses);
236 removeButton.eaw = this;
237 removeButton.setAttribute("src", "index.php?entryPoint=getImage&themeName="+SUGAR.themes.theme_name+"&imageName=id-ff-remove.png");
238 removeButton.onclick = function(){this.eaw.removeEmailAddress(this.name);};
241 newContentPrimaryFlag.setAttribute("type", "radio");
242 newContentPrimaryFlag.setAttribute("name", this.id + "emailAddressPrimaryFlag");
243 newContentPrimaryFlag.setAttribute("id", this.id + "emailAddressPrimaryFlag" + this.numberEmailAddresses);
244 newContentPrimaryFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
245 newContentPrimaryFlag.setAttribute("enabled", "true");
248 newContentReplyToFlag.setAttribute("type", "radio");
249 newContentReplyToFlag.setAttribute("name", this.id + "emailAddressReplyToFlag");
250 newContentReplyToFlag.setAttribute("id", this.id + "emailAddressReplyToFlag" + this.numberEmailAddresses);
251 newContentReplyToFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
252 newContentReplyToFlag.setAttribute("enabled", "true");
253 newContentReplyToFlag.eaw = this;
254 newContentReplyToFlag['onclick']= function() {
255 var form = document.forms[this.eaw.emailView];
257 form = document.forms['editContactForm'];
259 var nav = new String(navigator.appVersion);
261 if(nav.match(/MSIE/gim)) {
262 for(i=0; i<form.elements.length; i++) {
263 var id = new String(form.elements[i].id);
264 if(id.match(/emailAddressReplyToFlag/gim) && form.elements[i].type == 'radio' && id != this.eaw.id) {
265 form.elements[i].checked = false;
269 for(i=0; i<form.elements.length; i++) {
270 var id = new String(form.elements[i].id);
271 if(id.match(/emailAddressReplyToFlag/gim) && form.elements[i].type == 'radio' && id != this.eaw.id) {
272 this.eaw.replyToFlagObject[this.eaw.id] = false;
275 if (this.eaw.replyToFlagObject[this.id]) {
276 this.eaw.replyToFlagObject[this.id] = false;
277 this.checked = false;
279 this.eaw.replyToFlagObject[this.id] = true;
285 newContentOptOutFlag.setAttribute("type", "checkbox");
286 newContentOptOutFlag.setAttribute("name", this.id + "emailAddressOptOutFlag[]");
287 newContentOptOutFlag.setAttribute("id", this.id + "emailAddressOptOutFlag" + this.numberEmailAddresses);
288 newContentOptOutFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
289 newContentOptOutFlag.setAttribute("enabled", "true");
290 newContentOptOutFlag.eaw = this;
291 newContentOptOutFlag['onClick'] = function(){this.eaw.toggleCheckbox(this)};
294 newContentInvalidFlag.setAttribute("type", "checkbox");
295 newContentInvalidFlag.setAttribute("name", this.id + "emailAddressInvalidFlag[]");
296 newContentInvalidFlag.setAttribute("id", this.id + "emailAddressInvalidFlag" + this.numberEmailAddresses);
297 newContentInvalidFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
298 newContentInvalidFlag.setAttribute("enabled", "true");
299 newContentInvalidFlag.eaw = this;
300 newContentInvalidFlag['onClick']= function(){this.eaw.toggleCheckbox(this)};
302 // set the verified flag and verified email value
303 newContentVerifiedFlag.setAttribute("type", "hidden");
304 newContentVerifiedFlag.setAttribute("name", this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses);
305 newContentVerifiedFlag.setAttribute("id", this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses);
306 newContentVerifiedFlag.setAttribute("value", "true");
308 newContentVerifiedValue.setAttribute("type", "hidden");
309 newContentVerifiedValue.setAttribute("name", this.id + "emailAddressVerifiedValue" + this.numberEmailAddresses);
310 newContentVerifiedValue.setAttribute("id", this.id + "emailAddressVerifiedValue" + this.numberEmailAddresses);
311 newContentVerifiedValue.setAttribute("value", address);
314 this.emailView = (this.emailView == '') ? 'EditView' : this.emailView;
315 addToValidateVerified(this.emailView, this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses, 'bool', false, SUGAR.language.get('app_strings', 'LBL_VERIFY_EMAIL_ADDRESS'));
317 tr.setAttribute("id", this.id + "emailAddressRow" + this.numberEmailAddresses);
319 td1.setAttribute("nowrap", "NOWRAP");
320 td3.setAttribute("align", "center");
321 td4.setAttribute("align", "center");
322 td5.setAttribute("align", "center");
323 td6.setAttribute("align", "center");
325 td1.appendChild(newContent);
326 td1.appendChild(document.createTextNode(" "));
327 spanNode = document.createElement('span');
328 spanNode.innerHTML = ' ';
329 td2.appendChild(spanNode);
330 if (this.numberEmailAddresses != 0 || typeof (this.emailIsRequired) == "undefined" || !this.emailIsRequired)
331 td2.appendChild(removeButton);
332 td3.appendChild(newContentPrimaryFlag);
333 td4.appendChild(newContentReplyToFlag);
334 td5.appendChild(newContentOptOutFlag);
335 td6.appendChild(newContentInvalidFlag);
336 td7.appendChild(newContentVerifiedFlag);
337 td8.appendChild(newContentVerifiedValue);
343 if(typeof(this.module) != 'undefined' && this.module == 'Users') {
353 tbody.appendChild(tr);
357 insertInto.appendChild(tbody);
359 // insert the new div->input into the DOM
360 parentObj.insertBefore(Dom.get('targetBody'), insertInto);
362 // CL Fix for 17651 (added OR condition check to see if this is the first email added)
363 if(primaryFlag == '1' || (this.numberEmailAddresses == 0)) {
364 newContentPrimaryFlag.setAttribute("checked", 'true');
367 if(replyToFlag == '1') {
368 newContentReplyToFlag.setAttribute("checked", "true");
371 if (replyToFlag == '1') {
372 this.replyToFlagObject[newContentReplyToFlag.id] = true;
374 this.replyToFlagObject[newContentReplyToFlag.id] = false;
377 if(optOutFlag == '1') {
378 newContentOptOutFlag.setAttribute("checked", 'true');
381 if(invalidFlag == '1') {
382 newContentInvalidFlag.setAttribute("checked", "true");
384 newContent.eaw = this;
385 newContent.onblur = function(e){this.eaw.retrieveEmailAddress(e)};
386 newContent.onkeydown = function(e){this.eaw.handleKeyDown(e)};
387 if (YAHOO.env.ua.ie) {
388 // IE doesn't bubble up "change" events through the DOM. So we need to find events that are looking at our parent and manually push them down to here
389 var emailcontainer = Dom.getAncestorByTagName(insertInto,'span');
390 var listeners = YAHOO.util.Event.getListeners(emailcontainer);
391 if (typeof listeners != 'undefined' && listeners instanceof Array) {
392 for (var i=0; i<listeners.length; ++i) {
393 var listener = listeners[i];
394 YAHOO.util.Event.addListener(newContent, listener.type, listener.fn, listener.obj, listener.adjust);
399 // Add validation to field
400 addToValidate(this.emailView, this.id + 'emailAddress' + this.numberEmailAddresses, 'email', this.emailIsRequired, SUGAR.language.get('app_strings', 'LBL_EMAIL_ADDRESS_BOOK_EMAIL_ADDR'));
401 this.numberEmailAddresses++;
402 this.addInProgress = false;
405 removeEmailAddress : function(index) {
406 removeFromValidate(this.emailView, this.id + 'emailAddress' + index);
407 var oNodeToRemove = Dom.get(this.id + 'emailAddressRow' + index);
408 oNodeToRemove.parentNode.removeChild(oNodeToRemove);
410 var removedIndex = parseInt(index);
411 //If we are not deleting the last email address, we need to shift the numbering to fill the gap
412 if(this.numberEmailAddresses != removedIndex) {
413 for(var x = removedIndex + 1; x < this.numberEmailAddresses; x++) {
414 Dom.get(this.id + 'emailAddress' + x).setAttribute("name", this.id +"emailAddress" + (x-1));
415 Dom.get(this.id + 'emailAddress' + x).setAttribute("id", this.id +"emailAddress" + (x-1));
417 if(Dom.get(this.id + 'emailAddressInvalidFlag' + x)) {
418 Dom.get(this.id + 'emailAddressInvalidFlag' + x).setAttribute("id", this.id + "emailAddressInvalidFlag" + (x-1));
421 if(Dom.get(this.id + 'emailAddressOptOutFlag' + x)){
422 Dom.get(this.id + 'emailAddressOptOutFlag' + x).setAttribute("id", this.id + "emailAddressOptOutFlag" + (x-1));
425 if(Dom.get(this.id + 'emailAddressPrimaryFlag' + x)) {
426 Dom.get(this.id + 'emailAddressPrimaryFlag' + x).setAttribute("id", this.id + "emailAddressPrimaryFlag" + (x-1));
429 Dom.get(this.id + 'emailAddressVerifiedValue' + x).setAttribute("id", this.id + "emailAddressVerifiedValue" + (x-1));
430 Dom.get(this.id + 'emailAddressVerifiedFlag' + x).setAttribute("id", this.id + "emailAddressVerifiedFlag" + (x-1));
432 var rButton = Dom.get(this.id + 'removeButton' + x);
433 rButton.setAttribute("name", (x-1));
434 rButton.setAttribute("id", this.id + "removeButton" + (x-1));
435 Dom.get(this.id + 'emailAddressRow' + x).setAttribute("id", this.id + 'emailAddressRow' + (x-1));
439 this.numberEmailAddresses--;
443 if(this.numberEmailAddresses == 0) {
447 var primaryFound = false;
448 for(x=0; x < this.numberEmailAddresses; x++) {
449 if(Dom.get(this.id + 'emailAddressPrimaryFlag' + x).checked) {
455 Dom.get(this.id + 'emailAddressPrimaryFlag0').checked = true;
456 Dom.get(this.id + 'emailAddressPrimaryFlag0').value = this.id + 'emailAddress0';
460 toggleCheckbox : function (el)
462 var form = document.forms[this.emailView];
464 form = document.forms['editContactForm'];
467 if(YAHOO.env.ua.ie) {
468 for(i=0; i<form.elements.length; i++) {
469 var id = new String(form.elements[i].id);
470 if(id.match(/emailAddressInvalidFlag/gim) && form.elements[i].type == 'checkbox' && id != el.id) {
471 form.elements[i].checked = false;
479 forceSubmit : function () {
480 var theForm = Dom.get(this.emailView);
482 theForm.action.value = 'Save';
484 if(!check_form(this.emailView)) {
488 if(this.emailView == 'EditView') {
490 } else if(this.emailView == 'QuickCreate') {
491 SUGAR.subpanelUtils.inlineSave(theForm.id, theForm.module.value.toLowerCase());
496 emailAddressWidgetLoaded = true;