jssource/src_files/include/SubPanel/SubPanelTiles.js

   1 /*********************************************************************************
   2  * SugarCRM Community Edition is a customer relationship management program developed by
   3  * SugarCRM, Inc. Copyright (C) 2004-2012 SugarCRM Inc.
   4  *
   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.
  11  *
  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
  15  * details.
  16  *
  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
  20  * 02110-1301 USA.
  21  *
  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.
  24  *
  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.
  28  *
  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  ********************************************************************************/
  35
  36
  37
  38
  39 var request_id = 0;
  40 var current_child_field = '';
  41 var current_subpanel_url = '';
  42 var child_field_loaded = new Object();
  43 var request_map = new Object();
  44
  45 function get_module_name()
  46 {
  47         if(typeof(window.document.forms['DetailView']) == 'undefined') {
  48                 return '';
  49         } else {
  50
  51                 //check to see if subpanel_parent_module input exists.  If so override module name
  52                 //this is used in the case when the subpanel contents are of the same module as the current module
  53                 //and the record in $_REQUEST is of the parent object.  By specifying the subpanel_parent_module,
  54                 //you allow normal processing to continue.  For an example, see trackdetailview.html/php in campaigns module
  55                 if(typeof(window.document.forms['DetailView'].elements['subpanel_parent_module']) != 'undefined' &&
  56                 window.document.forms['DetailView'].elements['subpanel_parent_module'].value != ''){
  57                         return window.document.forms['DetailView'].elements['subpanel_parent_module'].value;
  58                 }
  59                 return window.document.forms['DetailView'].elements['module'].value;
  60         }
  61 }
  62 /*this function will take in three parameters, m,i,a and recreate navigation
  63 * m = module
  64 * i = record id
  65 * a = action (detail/edit)
  66 * t = element to be modified
  67 * r = relationship to update after edit.
  68 * This is done to minimize page size
  69 * */
  70 function subp_nav(m,i,a,t,r){
  71         if(t.href.search(/#/) < 0){
  72                 //no need to process if url has already been converted
  73                 return;
  74         }
  75         if(a=='d'){
  76                 a='DetailView';
  77         }else{
  78                 a='EditView';
  79         }
  80         url = "index.php?module="+m+"&action="+a+"&record="+i+"&parent_module="+get_module_name()+"&parent_id="+get_record_id()+"&return_module="+get_module_name()+"&return_id="+get_record_id()+"&return_action=DetailView";
  81         if  (r)
  82         {
  83                 url += "&return_relationship=" + r;
  84         }
  85         t.href = url;
  86 }
  87
  88
  89 /*this function will take in three parameters, m,i,a and recreate navigation
  90 * m = module
  91 * i = record id
  92 * a = action (detail/edit)
  93 * This is done to minimize page size
  94 * */
  95 function sub_p_rem(sp,lf,li,rp){
  96
  97         return_url = "index.php?module="+get_module_name()+"&action=SubPanelViewer&subpanel="+sp+"&record="+get_record_id()+"&sugar_body_only=1&inline=1";
  98
  99         remove_url = "index.php?module="+ get_module_name()
 100                         + "&action=DeleteRelationship"
 101                         + "&record="+ get_record_id()
 102                         + "&linked_field="+ lf  //$linked_field"
 103                         + "&linked_id="+ li //$record"
 104                         + "&return_url=" + escape(escape(return_url))
 105                         + "&refresh_page=" + rp;//$refresh_page"
 106         showSubPanel(sp,remove_url,true);
 107 }
 108
 109 function sp_rem_conf(){
 110         return confirm(SUGAR.language.get('app_strings', 'NTC_REMOVE_CONFIRMATION'))
 111 }
 112
 113 function sub_p_del(sp,submod,subrec, rp){
 114         return_url = "index.php?module="+get_module_name()+"&action=SubPanelViewer&subpanel="+sp+"&record="+get_record_id()+"&sugar_body_only=1&inline=1";
 115
 116         remove_url = "index.php?module="+ submod
 117                         + "&action=delete"
 118                         + "&record="+ subrec
 119                         + "&return_url=" + escape(escape(return_url))
 120                         + "&refresh_page=" + rp;//$refresh_page"
 121         showSubPanel(sp,remove_url,true);
 122 }
 123
 124 function sp_del_conf(){
 125         return confirm(SUGAR.language.get('app_strings', 'NTC_DELETE_CONFIRMATION'))
 126 }
 127
 128 function get_record_id()
 129 {
 130         return window.document.forms['DetailView'].elements['record'].value;
 131 }
 132 function get_layout_def_key()
 133 {
 134         if(typeof(window.document.forms['DetailView'].elements['layout_def_key']) == 'undefined')return '';
 135         return window.document.forms['DetailView'].elements['layout_def_key'].value;
 136 }
 137
 138 function save_finished(args)
 139 {
 140         var child_field = request_map[args.request_id];
 141         delete (child_field_loaded[child_field] );
 142         showSubPanel(child_field);
 143 }
 144
 145 function set_return_and_save_background(popup_reply_data)
 146 {
 147         var form_name = popup_reply_data.form_name;
 148         var name_to_value_array = popup_reply_data.name_to_value_array;
 149         var passthru_data = popup_reply_data.passthru_data;
 150         var select_entire_list = typeof( popup_reply_data.select_entire_list ) == 'undefined' ? 0 : popup_reply_data.select_entire_list;
 151         var current_query_by_page = popup_reply_data.current_query_by_page;
 152         // construct the POST request
 153         var query_array =  new Array();
 154         if (name_to_value_array != 'undefined') {
 155                 for (var the_key in name_to_value_array)
 156                 {
 157                         if(the_key == 'toJSON')
 158                         {
 159                                 /* just ignore */
 160                         }
 161                         else
 162                         {
 163                                 query_array.push(the_key+"="+name_to_value_array[the_key]);
 164                         }
 165                 }
 166         }
 167         //construct the muulti select list
 168         var selection_list = popup_reply_data.selection_list;
 169         if (selection_list != 'undefined') {
 170                 for (var the_key in selection_list)
 171                 {
 172                         query_array.push('subpanel_id[]='+selection_list[the_key])
 173                 }
 174         }
 175         var module = get_module_name();
 176         var id = get_record_id();
 177
 178         query_array.push('value=DetailView');
 179         query_array.push('module='+module);
 180         query_array.push('http_method=get');
 181         query_array.push('return_module='+module);
 182         query_array.push('return_id='+id);
 183         query_array.push('record='+id);
 184         query_array.push('isDuplicate=false');
 185         query_array.push('action=Save2');
 186         query_array.push('inline=1');
 187         query_array.push('select_entire_list='+select_entire_list);
 188         if(select_entire_list == 1){
 189                 query_array.push('current_query_by_page='+current_query_by_page);
 190         }
 191         var refresh_page = escape(passthru_data['refresh_page']);
 192         for (prop in passthru_data) {
 193                 if (prop=='link_field_name') {
 194                         query_array.push('subpanel_field_name='+escape(passthru_data[prop]));
 195                 } else {
 196                         if (prop=='module_name') {
 197                                 query_array.push('subpanel_module_name='+escape(passthru_data[prop]));
 198                         } else {
 199                                 query_array.push(prop+'='+escape(passthru_data[prop]));
 200                         }
 201                 }
 202         }
 203
 204         var query_string = query_array.join('&');
 205         request_map[request_id] = passthru_data['child_field'];
 206
 207         var returnstuff = http_fetch_sync('index.php',query_string);
 208         request_id++;
 209         got_data(returnstuff, true);
 210         if(refresh_page == 1){
 211                 document.location.reload(true);
 212         }
 213 }
 214
 215 function got_data(args, inline)
 216 {
 217
 218         var list_subpanel = document.getElementById('list_subpanel_'+request_map[args.request_id].toLowerCase());
 219         //this function assumes that we are always working with a subpanel..
 220         //add a null check to prevent failures when we are not.
 221         if (list_subpanel != null) {
 222                 var subpanel = document.getElementById('subpanel_'+request_map[args.request_id].toLowerCase());
 223                 var child_field = request_map[args.request_id].toLowerCase();
 224                 if(inline){
 225
 226                         child_field_loaded[child_field] = 2;
 227                         list_subpanel.innerHTML='';
 228                         list_subpanel.innerHTML=args.responseText;
 229
 230                 } else {
 231                         child_field_loaded[child_field] = 1;
 232                         subpanel.innerHTML='';
 233                         subpanel.innerHTML=args.responseText;
 234
 235                         /* walk into the DOM and insert the list_subpanel_* div */
 236                         var inlineTable = subpanel.getElementsByTagName('table');
 237                         inlineTable = inlineTable[1];
 238                         inlineTable = subpanel.removeChild(inlineTable);
 239                         var listDiv = document.createElement('div');
 240                         listDiv.id = 'list_subpanel_'+request_map[args.request_id].toLowerCase();
 241                         subpanel.appendChild(listDiv);
 242                         listDiv.appendChild(inlineTable);
 243                 }
 244                 subpanel.style.display = '';
 245                 set_div_cookie(subpanel.cookie_name, '');
 246
 247                 if (current_child_field != '' && child_field != current_child_field)
 248                 {
 249                         // commented out for now.  this was originally used by tab UI of subpanels
 250                         //hideSubPanel(current_child_field);
 251                 }
 252                 current_child_field = child_field;
 253                 //reinit action menus
 254                 $("ul.clickMenu").each(function(index, node){
 255                         $(node).sugarActionMenu();
 256                 });
 257         }
 258 }
 259
 260 function showSubPanel(child_field,url,force_load,layout_def_key)
 261 {
 262         var inline = 1;
 263         if ( typeof(force_load) == 'undefined' || force_load == null)
 264         {
 265                 force_load = false;
 266         }
 267
 268         if (force_load || typeof( child_field_loaded[child_field] ) == 'undefined')
 269         {
 270                 request_map[request_id] = child_field;
 271                 if ( typeof (url) == 'undefined' || url == null)
 272                 {
 273                         var module = get_module_name();
 274                         var id = get_record_id();
 275             if ( typeof(layout_def_key) == 'undefined' || layout_def_key == null ) {
 276                 layout_def_key = get_layout_def_key();
 277             }
 278
 279                         url = 'index.php?sugar_body_only=1&module='+module+'&subpanel='+child_field+'&action=SubPanelViewer&inline=' + inline + '&record='+id + '&layout_def_key='+ layout_def_key;
 280                 }
 281
 282                 if ( url.indexOf('http://') != 0  && url.indexOf('https://') != 0)
 283                 {
 284                         url = ''+url ;
 285                 }
 286
 287                 current_subpanel_url = url;
 288                 // http_fetch_async(url,got_data,request_id++);
 289                 var returnstuff = http_fetch_sync(url+ '&inline=' + inline + '&ajaxSubpanel=true');
 290                 request_id++;
 291                 got_data(returnstuff, inline);
 292         }
 293         else
 294         {
 295                 var subpanel = document.getElementById('subpanel_'+child_field);
 296                 subpanel.style.display = '';
 297
 298                 set_div_cookie(subpanel.cookie_name, '');
 299
 300                 if (current_child_field != '' && child_field != current_child_field)
 301                 {
 302                         hideSubPanel(current_child_field);
 303                 }
 304
 305                 current_child_field = child_field;
 306         }
 307         if(typeof(url) != 'undefined' && url != null && url.indexOf('refresh_page=1') > 0){
 308                 document.location.reload();
 309         }
 310
 311 }
 312
 313 function markSubPanelLoaded(child_field){
 314         child_field_loaded[child_field] = 2;
 315 }
 316 function hideSubPanel(child_field)
 317 {
 318         var subpanel = document.getElementById('subpanel_'+child_field);
 319         subpanel.style.display = 'none';
 320         set_div_cookie(subpanel.cookie_name, 'none');
 321 }
 322 var sub_cookie_name = get_module_name() + '_divs';
 323 var temp = Get_Cookie(sub_cookie_name);
 324 var div_cookies = new Array();
 325
 326 if(temp && typeof(temp) != 'undefined'){
 327         div_cookies = get_sub_cookies(temp);
 328 }
 329 function set_div_cookie(name, display){
 330         div_cookies[name] = display;
 331         Set_Cookie(sub_cookie_name, subs_to_cookie(div_cookies), 3000, false, false,false);
 332 }
 333
 334
 335 function local_open_popup(name, width, height,arg1, arg2, arg3, params)
 336 {
 337         return open_popup(name, width, height,arg1,arg2,arg3, params);
 338 }
 339
 340 SUGAR.subpanelUtils = function() {
 341         var originalLayout = null,
 342         subpanelContents = {},
 343         subpanelLocked = {},
 344
 345         // Keeps track of the current subpanel id
 346         currentPanelDiv;
 347
 348         return {
 349                 // get the current subpanel layout
 350                 getLayout: function(asString, ignoreHidden) {
 351                     subpanels = document.getElementById('subpanel_list');
 352                     subpanelIds = new Array();
 353                     for(wp = 0; wp < subpanels.childNodes.length; wp++) {
 354                       if(typeof subpanels.childNodes[wp].id != 'undefined' && subpanels.childNodes[wp].id.match(/whole_subpanel_[\w-]*/) && (typeof ignoreHidden == 'undefined' || subpanels.childNodes[wp].style.display != 'none')) {
 355                                 subpanelIds.push(subpanels.childNodes[wp].id.replace(/whole_subpanel_/,''));
 356                       }
 357                     }
 358                         if(asString) return subpanelIds.join(',');
 359                         else return subpanelIds;
 360                 },
 361
 362                 // called when subpanel is picked up
 363                 onDrag: function(e, id) {
 364                         originalLayout = SUGAR.subpanelUtils.getLayout(true, true);
 365                 },
 366
 367                 // called when subpanel is dropped
 368                 onDrop: function(e, id) {
 369                         newLayout = SUGAR.subpanelUtils.getLayout(true, true);
 370                         if(originalLayout != newLayout) { // only save if the layout has changed
 371                                 SUGAR.subpanelUtils.saveLayout(newLayout);
 372                         }
 373                 },
 374
 375                 // save the layout of the subpanels
 376                 saveLayout: function(order) {
 377                         ajaxStatus.showStatus(SUGAR.language.get('app_strings', 'LBL_SAVING_LAYOUT'));
 378
 379                         if(typeof SUGAR.subpanelUtils.currentSubpanelGroup != 'undefined') {
 380                                 var orderList = SUGAR.subpanelUtils.getLayout(false, true);
 381                                 var currentGroup = SUGAR.subpanelUtils.currentSubpanelGroup;
 382                         }
 383                         var success = function(data) {
 384                                 ajaxStatus.showStatus(SUGAR.language.get('app_strings', 'LBL_SAVED_LAYOUT'));
 385                                 window.setTimeout('ajaxStatus.hideStatus()', 2000);
 386                                 if(typeof SUGAR.subpanelUtils.currentSubpanelGroup != 'undefined') {
 387                                         SUGAR.subpanelUtils.reorderSubpanelSubtabs(currentGroup, orderList);
 388                                 }
 389                         }
 390
 391                         url = 'index.php?module=Home&action=SaveSubpanelLayout&layout=' + order + '&layoutModule=' + currentModule;
 392                         if(typeof SUGAR.subpanelUtils.currentSubpanelGroup != 'undefined') {
 393                                 url = url + '&layoutGroup=' + encodeURI(SUGAR.subpanelUtils.currentSubpanelGroup);
 394                         }
 395                         var cObj = YAHOO.util.Connect.asyncRequest('GET', url, {success: success, failure: success});
 396                 },
 397
 398         /**
 399          * Call when an inline create is saved.
 400          * Note: We require the subpanel name to refresh the subpanel contents and
 401          * to close the subpanel after the save. However, the code the generates the
 402          * button doesn't have access to the subpanel name, only the module name.
 403          * Hence this rather long-winded mechanism.
 404          * @param theForm
 405          * @param buttonName id of the originating 'save' button - we determine the
 406          *          associated subpanel name by climbing the DOM from this point
 407          */
 408                 inlineSave: function(theForm, buttonName) {
 409                         ajaxStatus.showStatus(SUGAR.language.get('app_strings', 'LBL_SAVING'));
 410                         var success = function(data) {
 411                                 var element = document.getElementById(buttonName);
 412                                 do {
 413                                         element = element.parentNode;
 414                                 } while ( element.className != 'quickcreate' && element.parentNode ) ;
 415
 416                                 if (element.className == 'quickcreate') {
 417                                         var subpanel = element.id.slice(9,-7) ; // retrieve the subpanel name from the div id - the name is encoded as 'subpanel_<subpanelname>_newdiv'
 418
 419                                         var module = get_module_name();
 420                                         var id = get_record_id();
 421                                         var layout_def_key = get_layout_def_key();
 422                                         try {
 423                                                 eval('result = ' + data.responseText);
 424                                         } catch (err) {
 425
 426                                         }
 427
 428                                         if (typeof(result) != 'undefined' && result != null && result['status'] == 'dupe') {
 429                                                 document.location.href = "index.php?" + result['get'].replace(/&amp;/gi,'&').replace(/&lt;/gi,'<').replace(/&gt;/gi,'>').replace(/&#039;/gi,'\'').replace(/&quot;/gi,'"').replace(/\r\n/gi,'\n');
 430                                                 return;
 431                                         } else {
 432                                                 SUGAR.subpanelUtils.cancelCreate(buttonName);
 433                                                 showSubPanel(subpanel, null, true);
 434                                                 ajaxStatus.showStatus(SUGAR.language.get('app_strings', 'LBL_SAVED'));
 435                                                 window.setTimeout('ajaxStatus.hideStatus()', 1000);
 436                             if(reloadpage) window.location.reload(false);
 437                                         }
 438                                 }
 439                         }
 440             // reload page if we are setting status to Held
 441             var reloadpage = false;
 442             // Bug #51388 - Captivea (qch)
 443             reloadpage = reloadpage || ((buttonName == 'Meetings_subpanel_save_button' || buttonName == 'Calls_subpanel_save_button' )
 444                         && typeof(theForm) !='undefined' && typeof(document.getElementById(theForm)) != 'undefined'
 445                     && typeof(document.getElementById(theForm).status) != 'undefined'
 446                     && document.getElementById(theForm).status[document.getElementById(theForm).status.selectedIndex].value == 'Held');
 447             reloadpage = reloadpage || (buttonName == 'Tasks_subpanel_save_button'
 448                         && typeof(theForm) !='undefined' && typeof(document.getElementById(theForm)) != 'undefined'
 449                         && typeof(document.getElementById(theForm).status) != 'undefined'
 450                         && document.getElementById(theForm).status[document.getElementById(theForm).status.selectedIndex].value == 'Completed');
 451
 452             YAHOO.util.Connect.setForm(theForm, true, true);
 453                         var cObj = YAHOO.util.Connect.asyncRequest('POST', 'index.php', {success: success, failure: success, upload:success});
 454                         return false;
 455                 },
 456
 457         /**
 458          * Retrieves the subpanel form.
 459          * Note: We only allow one subpanel form to be open at any given time
 460          * because some of the form widgets interfere with each other.
 461          * @param theForm
 462          * @param theDiv
 463          * @param loadingStr
 464          */
 465                 sendAndRetrieve: function(theForm, theDiv, loadingStr) {
 466             // look whether a quick create form is currently opened
 467             var quickCreateDiv = YAHOO.util.Selector.query("div.quickcreate", null, true);
 468             if (quickCreateDiv)
 469             {
 470                 var form = YAHOO.util.Selector.query("form", quickCreateDiv, true);
 471                 if (form)
 472                 {
 473                     // discover cancelCreate function parameters needed
 474                     var moduleName = form.id.replace(/.*?_([^_]+)$/, "$1");
 475                     var buttonName = moduleName + "_subpanel_cancel_button";
 476                     var cancelled  = false;
 477
 478                     // try to cancel form submission
 479                     SUGAR.subpanelUtils.cancelCreate(buttonName, function()
 480                     {
 481                         cancelled = true;
 482                     });
 483
 484                     // if submission cancellation was cancelled, do nothing
 485                     if (cancelled)
 486                     {
 487                         return false;
 488                     }
 489                 }
 490             }
 491
 492                         function success(data) {
 493                                 var theDivObj = document.getElementById(theDiv),
 494                     divName = theDiv + '_newDiv',
 495                     form_el;
 496                 SUGAR.subpanelUtils.dataToDOMAvail = false;
 497
 498                 // Show buttons before we remove subpanel
 499                 if (typeof currentPanelDiv != 'undefined' && currentPanelDiv != null) {
 500                     var button_elements = YAHOO.util.Selector.query('td.buttons', currentPanelDiv, false);
 501                     YAHOO.util.Dom.setStyle(button_elements, 'display', '');
 502                 }
 503
 504                 // Check if preview subpanel form exists, remove if it does.
 505                 SUGAR.subpanelUtils.removeSubPanel();
 506
 507                                 subpanelContents[theDiv] = {};
 508                                 subpanelContents[theDiv]['list'] = theDivObj;
 509                                 subpanelContents[theDiv]['newDiv'] = document.createElement('div');
 510                                 subpanelContents[theDiv]['newDiv'].innerHTML = '<script type="text/javascript">SUGAR.subpanelUtils.dataToDOMAvail=true;</script>' + data.responseText;
 511                                 subpanelContents[theDiv]['newDiv'].id = divName;
 512                                 subpanelContents[theDiv]['newDiv'].className = 'quickcreate';
 513
 514                                 // Grab the buttons from the subpanel and hide them
 515                                 var button_elements = YAHOO.util.Selector.query('td.buttons', theDiv, false);
 516                                 YAHOO.util.Dom.setStyle(button_elements, 'display', 'none');
 517                                 button_elements = YAHOO.util.Selector.query('ul.SugarActionMenu', theDiv, false);
 518                                 YAHOO.util.Dom.setStyle(button_elements, 'display', 'none');
 519
 520                 // Add the form object to the DOM
 521                                 theDivObj.parentNode.insertBefore(subpanelContents[theDiv]['newDiv'], theDivObj);
 522                 currentPanelDiv = divName;
 523
 524                 if (!SUGAR.subpanelUtils.dataToDOMAvail) {
 525                                         SUGAR.util.evalScript(data.responseText);
 526                                 }
 527
 528                                 form_el = YAHOO.util.Selector.query('form', divName, true);
 529                 YAHOO.util.Dom.setStyle(form_el, 'padding-bottom', '10px');
 530
 531                 subpanelLocked[theDiv] = false;
 532                 setTimeout("enableQS(false)",500);
 533                                 ajaxStatus.hideStatus();
 534                         }
 535
 536                         if (subpanelLocked[theDiv] === true) {
 537                 return false;
 538             }
 539
 540                         subpanelLocked[theDiv] = true;
 541
 542                         loadingStr = loadingStr || SUGAR.language.get('app_strings', 'LBL_LOADING');
 543                         ajaxStatus.showStatus(loadingStr);
 544                         YAHOO.util.Connect.setForm(theForm);
 545                         YAHOO.util.Connect.asyncRequest('POST', 'index.php', {success: success, failure: success});
 546
 547                         return false;
 548                 },
 549
 550         // as long as formerly the function used to be always returning false,
 551         // there was no possibility to determine, was the creation cancelled or not.
 552         // we couldn't modify function return value in case of user cancels the
 553         // cancellation as long as it (false) is used in multiple places to
 554         // prevent DOM event propagation. thus, cancelCallback optional
 555         // parameter is added to be able to track this case
 556                 cancelCreate: function(buttonName, cancelCallback) {
 557                         var element = document.getElementById(buttonName),
 558                 theForm = element.form,
 559                 confirmMsg = onUnloadEditView(theForm);
 560
 561                         do {
 562                                 element = element.parentNode;
 563                         } while ( element.className != 'quickcreate' && element.parentNode ) ;
 564
 565                         var theDiv = element.id.substr(0,element.id.length-7);
 566
 567                         if (typeof(subpanelContents[theDiv]) == 'undefined')
 568                 return false;
 569
 570             if ( confirmMsg != null ) {
 571                 if ( !confirm(confirmMsg) ) {
 572                     if ("function" === typeof cancelCallback)
 573                     {
 574                         cancelCallback();
 575                     }
 576                     return false;
 577                 } else {
 578                     disableOnUnloadEditView(theForm);
 579                 }
 580             }
 581
 582             SUGAR.subpanelUtils.removeSubPanel();
 583             var button_elements = YAHOO.util.Selector.query('td.buttons', theDiv, false);
 584             YAHOO.util.Dom.setStyle(button_elements, 'display', '');
 585             button_elements = YAHOO.util.Selector.query('ul.SugarActionMenu', theDiv, false);
 586             YAHOO.util.Dom.setStyle(button_elements, 'display', '');
 587
 588                         return false;
 589                 },
 590
 591                 loadSubpanelGroupFromMore: function(group){
 592                         SUGAR.subpanelUtils.updateSubpanelMoreTab(group);
 593                         SUGAR.subpanelUtils.loadSubpanelGroup(group);
 594                 },
 595
 596                 updateSubpanelMoreTab: function(group){
 597                         // Update Tab
 598                         var moreTab = document.getElementById(SUGAR.subpanelUtils.subpanelMoreTab + '_sp_tab');
 599                         moreTab.id = group + '_sp_tab';
 600                         moreTab.getElementsByTagName('a')[0].innerHTML = group;
 601                         moreTab.getElementsByTagName('a')[0].href = "javascript:SUGAR.subpanelUtils.loadSubpanelGroup('"+group+"');";
 602
 603                         // Update Menu
 604                         var menuLink = document.getElementById(group+'_sp_mm');
 605                         menuLink.id = SUGAR.subpanelUtils.subpanelMoreTab+'_sp_mm';
 606                         menuLink.href = "javascript:SUGAR.subpanelUtils.loadSubpanelGroupFromMore('"+SUGAR.subpanelUtils.subpanelMoreTab+"');";
 607                         menuLink.innerHTML = SUGAR.subpanelUtils.subpanelMoreTab;
 608
 609                         SUGAR.subpanelUtils.subpanelMoreTab = group;
 610                 },
 611
 612         /**
 613          * Removes the current subpanel if it exists.
 614          */
 615         removeSubPanel: function() {
 616             var currentPanelEl = null;
 617             if (typeof currentPanelDiv != 'undefined' && currentPanelDiv != null) {
 618                 currentPanelEl = document.getElementById(currentPanelDiv);
 619             }
 620
 621             if (currentPanelEl != null) {
 622                 currentPanelEl.parentNode.removeChild(currentPanelEl);
 623                 SUGAR.ajaxUI.cleanGlobals();
 624                 currentPanelDiv = null;
 625             }
 626         },
 627
 628                 /* loadSubpanels:
 629                 /* construct set of needed subpanels */
 630                 /* if we have not yet loaded this subpanel group, */
 631                 /*     set loadedGroups[group] */
 632                 /*     for each subpanel in subpanelGroups[group] */
 633                 /*         if document.getElementById('whole_subpanel_'+subpanel) doesn't exist */
 634                 /*         then add subpanel to set of needed subpanels */
 635                 /*     if we need to load any subpanels, send a request for them */
 636                 /*            with updateSubpanels as the callback. */
 637                 /* otherwise call updateSubpanels */
 638                 /* call setGroupCookie */
 639
 640                 loadSubpanelGroup: function(group){
 641                         if(group == SUGAR.subpanelUtils.currentSubpanelGroup) return;
 642
 643                         if(SUGAR.subpanelUtils.loadedGroups[group]){
 644                                 SUGAR.subpanelUtils.updateSubpanel(group);
 645                         }else{
 646
 647                                 SUGAR.subpanelUtils.loadedGroups.push(group);
 648                                 var needed = [];
 649                                 for(group_sp in SUGAR.subpanelUtils.subpanelGroups[group]){
 650                                         if(typeof(SUGAR.subpanelUtils.subpanelGroups[group][group_sp]) == 'string' && !document.getElementById('whole_subpanel_'+SUGAR.subpanelUtils.subpanelGroups[group][group_sp])){
 651                                                 needed.push(SUGAR.subpanelUtils.subpanelGroups[group][group_sp]);
 652                                         }
 653                                 }
 654                                 var success = function(){
 655                                         SUGAR.subpanelUtils.updateSubpanelEventHandlers(needed);
 656                                         SUGAR.subpanelUtils.updateSubpanels(group);
 657                                 };
 658                                 /* needed to retrieve each of the specified subpanels and install them ...*/
 659                                 /* load them in bulk, insert via innerHTML, then sort nodes later. */
 660                                 if(needed.length){
 661
 662                                         ajaxStatus.showStatus(SUGAR.language.get('app_strings', 'LBL_LOADING'));
 663                                         SUGAR.util.retrieveAndFill(SUGAR.subpanelUtils.requestUrl + needed.join(','),'subpanel_list', null, success, null, true);
 664                                 }else{
 665                                         SUGAR.subpanelUtils.updateSubpanels(group);
 666                                 }
 667                         }
 668                         SUGAR.subpanelUtils.setGroupCookie(group);
 669                 },
 670
 671                 /* updateSubpanels:
 672                 /* for each child node of subpanel_list */
 673                 /*     let subpanel name be id.match(/whole_subpanel_(\w*)/) */
 674                 /*     if the subpanel name is in the list of subpanels for the current group, show it */
 675                 /*     otherwise hide it */
 676                 /* swap nodes to suit user's order */
 677                 /* call updateSubpanelTabs */
 678
 679                 updateSubpanels: function(group){
 680                         var sp_list = document.getElementById('subpanel_list');
 681                         for(sp in sp_list.childNodes){
 682                                 if(sp_list.childNodes[sp].id){
 683                                         sp_list.childNodes[sp].style.display = 'none';
 684                                 }
 685                         }
 686
 687                         for(group_sp in SUGAR.subpanelUtils.subpanelGroups[group]){
 688                 if ( typeof(SUGAR.subpanelUtils.subpanelGroups[group][group_sp]) != 'string' )
 689                 {
 690                     continue;
 691                 }
 692                                 var cur = document.getElementById('whole_subpanel_'+SUGAR.subpanelUtils.subpanelGroups[group][group_sp]);
 693
 694                 if(cur == null)
 695                 {
 696                     continue;
 697                 }
 698
 699                 cur.style.display = 'block';
 700
 701                         }
 702
 703                         SUGAR.subpanelUtils.updateSubpanelTabs(group);
 704                 },
 705
 706                 updateSubpanelTabs: function(group){
 707                         if(SUGAR.subpanelUtils.showLinks){
 708                                 SUGAR.subpanelUtils.updateSubpanelSubtabs(group);
 709                                 document.getElementById('subpanelSubTabs').innerHTML = SUGAR.subpanelUtils.subpanelSubTabs[group];
 710                         }
 711
 712                         oldTab = document.getElementById(SUGAR.subpanelUtils.currentSubpanelGroup+'_sp_tab');
 713                         if(oldTab){
 714                                 oldTab.className = '';
 715                                 oldTab.getElementsByTagName('a')[0].className = '';
 716                         }
 717
 718                         mainTab = document.getElementById(group+'_sp_tab');
 719                         mainTab.className = 'active';
 720                         mainTab.getElementsByTagName('a')[0].className = 'current';
 721
 722                         SUGAR.subpanelUtils.currentSubpanelGroup = group;
 723                         ajaxStatus.hideStatus();
 724                 },
 725
 726                 updateSubpanelEventHandlers: function(){
 727                         if(SubpanelInitTabNames){
 728                                 SubpanelInitTabNames(SUGAR.subpanelUtils.getLayout(false));
 729                         }
 730                 },
 731
 732                 reorderSubpanelSubtabs: function(group, order){
 733                         SUGAR.subpanelUtils.subpanelGroups[group] = order;
 734                         if(SUGAR.subpanelUtils.showLinks==1){
 735                                 SUGAR.subpanelUtils.updateSubpanelSubtabs(group);
 736                                 if(SUGAR.subpanelUtils.currentSubpanelGroup == group){
 737                                         document.getElementById('subpanelSubTabs').innerHTML = SUGAR.subpanelUtils.subpanelSubTabs[group];
 738                                 }
 739                         }
 740                 },
 741
 742                 // Re-renders the contents of subpanelSubTabs[group].
 743                 // Does not immediately affect what's on the screen.
 744                 updateSubpanelSubtabs: function(group){
 745                         var notFirst = 0;
 746                         var preMore = SUGAR.subpanelUtils.subpanelGroups[group].slice(0, SUGAR.subpanelUtils.subpanelMaxSubtabs);
 747
 748                         SUGAR.subpanelUtils.subpanelSubTabs[group] = '<table border="0" cellpadding="0" cellspacing="0" height="20" width="100%" class="subTabs"><tr>';
 749
 750                         for(var sp_key = 0; sp_key < preMore.length; sp_key++){
 751                                 if(notFirst != 0){
 752                                         SUGAR.subpanelUtils.subpanelSubTabs[group] += '<td width="1"> | </td>';
 753                                 }else{
 754                                         notFirst = 1;
 755                                 }
 756                                 SUGAR.subpanelUtils.subpanelSubTabs[group] += '<td nowrap="nowrap"><a href="#'+preMore[sp_key]+'" class="subTabLink">'+SUGAR.subpanelUtils.subpanelTitles[preMore[sp_key]]+'</a></td>';
 757                         }
 758                         if(document.getElementById('MoreSub'+group+'PanelMenu')){
 759                                 SUGAR.subpanelUtils.subpanelSubTabs[group] += '<td nowrap="nowrap"> | &nbsp;<span class="subTabMore" id="MoreSub'+group+'PanelHandle" style="margin-left:2px; cursor: pointer; cursor: hand;" align="absmiddle" onmouseover="SUGAR.subpanelUtils.menu.tbspButtonMouseOver(this.id,\'\',\'\',0);">&gt;&gt;</span></td>';
 760                         }
 761                         SUGAR.subpanelUtils.subpanelSubTabs[group] += '<td width="100%">&nbsp;</td></tr></table>';
 762
 763                         // Update the more menu for the current group
 764                         var postMore = SUGAR.subpanelUtils.subpanelGroups[group].slice(SUGAR.subpanelUtils.subpanelMaxSubtabs);
 765                         var subpanelMenu = document.getElementById('MoreSub'+group+'PanelMenu');
 766
 767                         if(postMore && subpanelMenu){
 768                                 subpanelMenu.innerHTML = '';
 769                                 for(var sp_key = 0; sp_key < postMore.length; sp_key++){
 770                                         subpanelMenu.innerHTML += '<a href="#'+postMore[sp_key]+'" class="menuItem" parentid="MoreSub'+group+'PanelMenu" onmouseover="hiliteItem(this,\'yes\'); closeSubMenus(this);" onmouseout="unhiliteItem(this);">'+SUGAR.subpanelUtils.subpanelTitles[postMore[sp_key]]+'</a>';
 771                                 }
 772                                 subpanelMenu += '</div>';
 773                         }
 774                 },
 775
 776                 setGroupCookie: function(group){
 777                         Set_Cookie(SUGAR.subpanelUtils.tabCookieName, group, 3000, false, false,false);
 778                 }
 779         };
 780 }();
 781
 782 SUGAR.subpanelUtils.menu = function(){
 783         return {
 784                 tbspButtonMouseOver : function(id,top,left,leftOffset){ //*//
 785                         closeMenusDelay = eraseTimeout(closeMenusDelay);
 786                         if (openMenusDelay == null){
 787                                 openMenusDelay = window.setTimeout("SUGAR.subpanelUtils.menu.spShowMenu('"+id+"','"+top+"','"+left+"','"+leftOffset+"')", delayTime);
 788                         }
 789                 },
 790                 spShowMenu : function(id,top,left,leftOffset){ //*//
 791                         openMenusDelay = eraseTimeout(openMenusDelay);
 792                         var menuName = id.replace(/Handle/i,'Menu');
 793                         var menu = getLayer(menuName);
 794                         //if (menu) menu.className = 'tbButtonMouseOverUp';
 795                         if (currentMenu){
 796                                 closeAllMenus();
 797                         }
 798                         SUGAR.subpanelUtils.menu.spPopupMenu(id, menu, top,left,leftOffset);
 799                 },
 800                 spPopupMenu : function(handleID, menu, top, left, leftOffset){ //*//
 801                         var bw = checkBrowserWidth();
 802                         var menuName = handleID.replace(/Handle/i,'Menu');
 803                         var menuWidth = 120;
 804                         var imgWidth = document.getElementById(handleID).width;
 805                         if (menu){
 806                                 var menuHandle = getLayer(handleID);
 807                                 var p=menuHandle;
 808                                 if (left == "") {
 809                                         var left = 0;
 810                                         while(p&&p.tagName.toUpperCase()!='BODY'){
 811                                                 left+=p.offsetLeft;
 812                                                 p=p.offsetParent;
 813                                         }
 814                                         left+=parseInt(leftOffset);
 815                                 }
 816                                 if (top == "") {
 817                                         var top = 0;
 818                                         p=menuHandle;
 819                                         top+=p.offsetHeight;
 820                                         while(p&&p.tagName.toUpperCase()!='BODY'){
 821                                                 top+=p.offsetTop;
 822                                                 p=p.offsetParent;
 823                                         }
 824                                 }
 825                                 if (left+menuWidth>bw) {
 826                                         left = left-menuWidth+imgWidth;
 827                                 }
 828                                 setMenuVisible(menu, left, top, false);
 829                         }
 830                 }
 831         };
 832 }();