Changeset 320 for trunk/expressoMail1_2/js/draw_api.js
- Timestamp:
- 06/18/08 11:28:42 (16 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/expressoMail1_2/js/draw_api.js
r271 r320 1 var openBox = { 2 'content_id' : [], 3 'tab_folder' : [] 4 }; 5 var numBox = 0; // Open Mailboxes at context 6 1 7 function draw_tree_folders(folders){ 2 8 // Check if the tree folders alredy exist. … … 24 30 if(data[i].folder_id == get_current_folder()){ 25 31 var old_new_m = isNaN(parseInt(Element('new_m').innerHTML)) ? parseInt(Element('new_m').firstChild.innerHTML) : parseInt(Element('new_m').innerHTML); 26 if(!isNaN(old_new_m) && old_new_m < data[i].folder_unseen){27 Element('tot_m').innerHTML = parseInt(Element('tot_m').innerHTML) + (parseInt(data[i].folder_unseen)-old_new_m);28 }32 // if(!isNaN(old_new_m) && old_new_m < data[i].folder_unseen){ 33 // Element('tot_m').innerHTML = parseInt(Element('tot_m').innerHTML) + (parseInt(data[i].folder_unseen)-old_new_m); 34 // } 29 35 Element('new_m').innerHTML = data[i].folder_unseen ? '<font color="RED">'+data[i].folder_unseen+'</font>' : 0; 30 36 draw_paging(Element('tot_m').innerHTML); … … 43 49 for (var i=0; i<folders.length; i++){ 44 50 if (folders[i].folder_unseen > 0) 51 { 45 52 var nn = new dNode({id:folders[i].folder_id, caption:lang_folder(folders[i].folder_name) + '<font style=color:red> (</font><span id="dftree_'+folders[i].folder_id+'_unseen" style=color:red>'+folders[i].folder_unseen+'</span><font style=color:red>)</font>', onClick:"change_folder('"+folders[i].folder_id+"','"+folders[i].folder_name+"')", plusSign:folders[i].folder_hasChildren}); 46 53 54 if( folders[i].folder_name.toLowerCase() == 'inbox' ) 55 Element('new_m').innerHTML = '<font style="color:red">' + folders[i].folder_unseen + '</font>'; 56 } 47 57 else 48 58 var nn = new dNode({id:folders[i].folder_id, caption:lang_folder(folders[i].folder_name), onClick:"change_folder('"+folders[i].folder_id+"','"+folders[i].folder_name+"')", plusSign:folders[i].folder_hasChildren}); … … 62 72 tree_folders.getNodeById('INBOX')._select(); 63 73 draw_paging(Element('tot_m').innerHTML); 74 // Draw right menu folders. 75 /* 76 var treeroot = document.getElementById('chroottree_folders'); 77 for (var linkBox = treeroot.firstChild; linkBox != null; linkBox = linkBox.nextSibling) 78 _dragArea.makeMenuBox(linkBox); 79 */ 64 80 } 65 81 … … 93 109 } 94 110 } 95 96 97 111 } 98 112 … … 105 119 Element('new_m').innerHTML = '<font face="Verdana" size="1" color="RED">'+f_unseen.innerHTML+'</font>'; 106 120 else 107 Element('new_m').innerHTML = 0; 121 { 122 if( parseInt(Element('new_m').innerHTML) == 0 ) 123 Element('new_m').innerHTML = 0; 124 } 108 125 folders = data; 109 126 cExecute ("$this.imap_functions.get_range_msgs2&folder=INBOX&msg_range_begin=1&msg_range_end="+preferences.max_email_per_page+"&sort_box_type=SORTARRIVAL&sort_box_reverse=1", handler_draw_box); … … 112 129 113 130 var handler_draw_box = function(data){ 114 draw_box(data, 'INBOX'); 131 draw_box(data, 'INBOX', true); 132 //alternate_border(0); 115 133 } 116 134 117 135 // Action on change folders. 118 136 function change_folder(folder, folder_name){ 137 if (openBox.tab_folder[0] != folder) 138 { 139 current_folder = folder; 140 var handler_draw_box = function(data) 141 { 142 if(!verify_session(data)) 143 return; 144 alternate_border(0); 145 Element("border_id_0").innerHTML = " " + lang_folder(folder_name) + ' <font face="Verdana" size="1" color="#505050">[<span id="new_m"> </span> / <span id="tot_m"></span>]</font>'; 146 draw_box(data, folder, true); 147 draw_paging(data.num_msgs); 148 Element("tot_m").innerHTML = data.num_msgs; 149 update_menu(); 150 return true; 151 } 152 cExecute ("$this.imap_functions.get_range_msgs2&folder="+current_folder+"&msg_range_begin=1&msg_range_end="+preferences.max_email_per_page+"&sort_box_type="+sort_box_type+ "&search_box_type="+ search_box_type +"&sort_box_reverse="+sort_box_reverse+"", handler_draw_box); 153 } else 154 alternate_border(0); 155 } 156 157 function open_folder(folder, folder_name){ 119 158 if (get_current_folder()!= folder) 120 159 { … … 123 162 { 124 163 if(!verify_session(data)) 125 return; 126 Element("border_id_0").innerHTML = " " + lang_folder(folder_name) + ' <font face="Verdana" size="1" color="#505050">[<span id="new_m"> </span> / <span id="tot_m"></span>]</font>'; 127 draw_box(data, current_folder); 128 draw_paging(data.num_msgs); 129 Element("tot_m").innerHTML = data.num_msgs; 130 update_menu(); 131 alternate_border(0); 164 return false; 165 numBox++; 166 create_border(folder_name,numBox.toString()); 167 draw_box(data, current_folder, false); 168 alternate_border(numBox); 169 return true; 132 170 } 133 171 cExecute ("$this.imap_functions.get_range_msgs2&folder="+current_folder+"&msg_range_begin=1&msg_range_end="+preferences.max_email_per_page+"&sort_box_type="+sort_box_type+ "&search_box_type="+ search_box_type +"&sort_box_reverse="+sort_box_reverse+"", handler_draw_box); 134 172 } 135 173 else 136 alternate_border(0); 174 alternate_border(numBox); 175 return true; 137 176 } 138 177 … … 246 285 247 286 // Draw the inbox and another folders 248 function draw_box(headers_msgs, msg_folder){ 249 kill_current_box(); 287 function draw_box(headers_msgs, msg_folder, alternate){ 288 if (alternate) 289 kill_current_box(); 250 290 251 291 if(is_ie) 252 292 document.getElementById("border_table").width = "99.5%"; 253 293 254 var content_id_0 = document.getElementById("content_id_0"); 255 256 table_message_header_box = document.getElementById("table_message_header_box"); 294 openBox.content_id[numBox] = document.getElementById("content_id_"+numBox); 295 openBox.tab_folder[numBox] = msg_folder; 296 297 table_message_header_box = document.getElementById("table_message_header_box_"+numBox); 257 298 if (table_message_header_box == null){ 258 299 var table_element = document.createElement("TABLE"); 259 300 var tbody_element = document.createElement("TBODY"); 260 table_element.setAttribute("id", "table_message_header_box ");301 table_element.setAttribute("id", "table_message_header_box_"+numBox); 261 302 table_element.className = "table_message_header_box"; 262 303 … … 292 333 td_element3.setAttribute("width", "31%"); 293 334 td_element3.onclick = function () {sort_box(search_box_type,'SORTFROM');}; 294 td_element3.id = "message_header_SORTFROM ";335 td_element3.id = "message_header_SORTFROM_"+numBox; 295 336 td_element3.align = "left"; 296 337 td_element3.innerHTML = get_lang("Who"); … … 299 340 td_element4.setAttribute("width", "41%"); 300 341 td_element4.onclick = function () {sort_box(search_box_type,'SORTSUBJECT');}; 301 td_element4.id = "message_header_SORTSUBJECT ";342 td_element4.id = "message_header_SORTSUBJECT_"+numBox; 302 343 td_element4.align = "left"; 303 344 td_element4.innerHTML = get_lang("Subject"); … … 306 347 td_element5.setAttribute("width", "14%"); 307 348 td_element5.onclick = function () {sort_box(search_box_type,'SORTARRIVAL');}; 308 td_element5.id = "message_header_SORTARRIVAL ";349 td_element5.id = "message_header_SORTARRIVAL_"+numBox; 309 350 td_element5.align = "center"; 310 351 td_element5.innerHTML = get_lang("Date"); … … 312 353 td_element6.setAttribute("width", "14%"); 313 354 td_element6.onclick = function () {sort_box(search_box_type,'SORTSIZE');} 314 td_element6.id = "message_header_SORTSIZE ";355 td_element6.id = "message_header_SORTSIZE_"+numBox; 315 356 td_element6.align = "left"; 316 357 td_element6.innerHTML = get_lang("Size"); … … 324 365 tbody_element.appendChild(tr_element); 325 366 table_element.appendChild(tbody_element); 326 content_id_0.appendChild(table_element);367 openBox.content_id[numBox].appendChild(table_element); 327 368 } 328 369 draw_header_box(); … … 362 403 table_element.appendChild(tbody_element); 363 404 364 var _divScroll = Element("divScrollMain"); 405 var _divScroll = document.getElementById("divScrollMain_"+numBox); 406 365 407 var bar = document.getElementById("toolbar"); 366 408 var offset = 0; … … 368 410 if(!_divScroll){ 369 411 _divScroll = document.createElement("DIV"); 370 _divScroll.id = "divScrollMain ";412 _divScroll.id = "divScrollMain_"+numBox; 371 413 } 372 414 … … 391 433 // Fim: Redimensiona DIV SCROLL 392 434 _divScroll.appendChild(table_element); 393 content_id_0.appendChild(_divScroll);435 openBox.content_id[numBox].appendChild(_divScroll); 394 436 395 437 var f_unseen = 0; … … 415 457 416 458 if ((preferences.use_shortcuts == '1') && (headers_msgs[0])) 417 select_msg(headers_msgs[0].msg_number, 'null' );459 select_msg(headers_msgs[0].msg_number, 'null', true); 418 460 419 461 var tdFolders = Element("folderscol"); 420 462 tdFolders.style.display = preferences.hide_folders == '1' ? "none" : ""; 421 alternate_border( 0);463 alternate_border(numBox); 422 464 draw_footer_box(headers_msgs.num_msgs); 423 465 Element('main_table').style.display = ''; … … 458 500 459 501 function make_tr_message(headers_msgs, msg_folder){ 460 var tr_element = document.createElement( "TR");502 var tr_element = document.createElement('tr'); 461 503 tr_element.style.height = preferences.line_height; 462 504 var _fontSize = preferences.font_size ? preferences.font_size : "11"; … … 625 667 var message_header = Element("message_header_"+search); 626 668 var handler_draw_box = function(data){ 627 draw_box(data, get_current_folder() );669 draw_box(data, get_current_folder(),true); 628 670 draw_paging(Element('tot_m').innerHTML); 629 671 } … … 665 707 break; 666 708 } 667 Element("message_header_SORTFROM").innerHTML = get_lang("Who");668 Element("message_header_SORTSUBJECT").innerHTML = get_lang("Subject");669 Element("message_header_SORTARRIVAL").innerHTML = get_lang("Date");670 Element("message_header_SORTSIZE").innerHTML = get_lang("Size");671 Element("message_header_"+(sort_box_type.lastIndexOf("SORT") != "-1" ? sort_box_type : "SORTARRIVAL")).innerHTML = "<B>"+type_name+"</B><img src ='templates/default/images/arrow_"+(sort_box_reverse == 1 ? 'desc' : 'asc')+"endant.gif'>";709 document.getElementById("message_header_SORTFROM_"+numBox).innerHTML = get_lang("Who"); 710 document.getElementById("message_header_SORTSUBJECT_"+numBox).innerHTML = get_lang("Subject"); 711 document.getElementById("message_header_SORTARRIVAL_"+numBox).innerHTML = get_lang("Date"); 712 document.getElementById("message_header_SORTSIZE_"+numBox).innerHTML = get_lang("Size"); 713 document.getElementById("message_header_"+(sort_box_type.lastIndexOf("SORT") != "-1" ? sort_box_type : "SORTARRIVAL")+"_"+numBox ).innerHTML = "<B>"+type_name+"</B><img src ='templates/default/images/arrow_"+(sort_box_reverse == 1 ? 'desc' : 'asc')+"endant.gif'>"; 672 714 } 673 715 function draw_message(info_msg, ID){ … … 743 785 } 744 786 787 if (info_msg.DispositionNotificationTo) 788 { 789 td.innerHTML += ' <img style="cursor:pointer" alt="'+ get_lang('Message with read notification') + '" title="'+ get_lang('Message with read notification') + '" src="templates/default/images/notification.gif">'; 790 } 791 745 792 // NORMAL MSG 746 793 if(info_msg.Draft != 'X') … … 852 899 div_other_options.innerHTML += ' | <span class="message_options" onclick="spam(\''+info_msg.msg_folder+'\', '+info_msg.msg_number+',\'null\')";>'+get_lang("Mark as Spam")+'</span>'; 853 900 } 901 854 902 td_other_options.appendChild(div_other_options); 855 903 //td_other_options.innerHTML = option_print + option_reply_to_all + option_source_msg; … … 1321 1369 input_to.rows = 2; 1322 1370 input_to.onkeypress = function (e) 1323 1324 1325 1326 1327 1328 1329 { 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1371 { 1372 if ((e.keyCode) == 120) //F9 1373 { 1374 emQuickSearch(input_to.value, 'to', ID); 1375 } 1376 else 1377 { 1378 if (((e.keyCode == 13) || ((e.keyCode == 38)||(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden')) 1379 { 1380 e.preventDefault(); 1381 search_contacts(e.keyCode,this.id); 1382 } 1383 } 1384 } 1385 input_to.onkeyup = function (e) 1386 { 1387 if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40)) 1388 { 1389 search_contacts(e.keyCode,this.id); 1390 } 1391 } 1344 1392 } 1345 1393 else … … 1347 1395 input_to.rows = 3; 1348 1396 input_to.onkeyup = function (e) 1349 1350 1351 1352 1353 1354 1355 1356 1357 } 1358 1397 { 1398 if ((window.event.keyCode) == 120) //F9 1399 { 1400 emQuickSearch(input_to.value, 'to', ID); 1401 } 1402 else 1403 { 1404 search_contacts(window.event.keyCode,this.id); 1405 } 1406 } 1359 1407 } 1360 1408 td_to.appendChild(input_to); … … 1400 1448 input_cc.onfocus = function(){clearTimeout(parseInt(setTimeOutLayer)); search_contacts('onfocus',this.id);}; 1401 1449 input_cc.onblur = function(){setTimeOutLayer=setTimeout('search_contacts("lostfocus","'+this.id+'")',100);}; 1402 if (!is_ie) 1403 { 1404 input_cc.rows = 2; 1405 input_cc.onkeypress = function (e) 1406 { 1407 if ((e.keyCode) == 120) //F9 1408 { 1409 emQuickSearch(input_cc.value, 'cc', ID); 1410 } 1411 else 1412 { 1413 if (((e.keyCode == 13) || ((e.keyCode == 38)||(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden')) 1414 { 1415 e.preventDefault(); 1416 search_contacts(e.keyCode,this.id); 1417 } 1418 } 1419 } 1420 input_cc.onkeyup = function (e) 1421 { 1422 if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40)) 1423 { 1424 search_contacts(e.keyCode,this.id); 1425 } 1426 } 1427 } 1428 else if (is_ie) 1429 { 1430 input_cc.rows = 3; 1431 input_cc.onkeyup = function (e) 1432 { 1433 if ((window.event.keyCode) == 120) //F9 1434 { 1435 emQuickSearch(input_cc.value, 'cc', ID); 1436 } 1437 else 1438 { 1439 search_contacts(window.event.keyCode,this.id); 1440 } 1441 } 1442 } 1450 if (!is_ie) 1451 { 1452 input_cc.rows = 2; 1453 input_cc.onkeypress = function (e) 1454 { 1455 if ((e.keyCode) == 120) //F9 1456 { 1457 emQuickSearch(input_cc.value, 'cc', ID); 1458 } 1459 else 1460 { 1461 if (((e.keyCode == 13) || ((e.keyCode == 38)||(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden')) 1462 { 1463 e.preventDefault(); 1464 search_contacts(e.keyCode,this.id); 1465 } 1466 } 1467 } 1468 input_cc.onkeyup = function (e) 1469 { 1470 if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40)) 1471 { 1472 search_contacts(e.keyCode,this.id); 1473 } 1474 } 1475 } 1476 else if (is_ie) 1477 { 1478 input_cc.rows = 3; 1479 input_cc.onkeyup = function (e) 1480 { 1481 if ((window.event.keyCode) == 120) //F9 1482 { 1483 emQuickSearch(input_cc.value, 'cc', ID); 1484 } 1485 else 1486 { 1487 search_contacts(window.event.keyCode,this.id); 1488 } 1489 } 1490 } 1491 1443 1492 td_cc.appendChild(input_cc); 1444 1493 var img_search = document.createElement("IMG"); … … 1481 1530 input_cco.onfocus = function(){clearTimeout(parseInt(setTimeOutLayer)); search_contacts('onfocus',this.id);}; 1482 1531 input_cco.onblur = function(){setTimeOutLayer=setTimeout('search_contacts("lostfocus","'+this.id+'")',100);}; 1532 1483 1533 if (!is_ie) 1484 { 1485 input_cco.rows = 2; 1486 input_cco.onkeypress = function (e) 1487 { 1488 if ((e.keyCode) == 120) //F9 1489 { 1490 emQuickSearch(input_cco.value, 'cco', ID); 1491 } 1492 else 1493 { 1494 if (((e.keyCode == 13) || ((e.keyCode == 38)||(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden')) 1495 { 1496 e.preventDefault(); 1497 search_contacts(e.keyCode,this.id); 1498 } 1499 } 1500 } 1501 input_cco.onkeyup = function (e) 1502 { 1503 if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40)) 1504 { 1505 search_contacts(e.keyCode,this.id); 1506 } 1507 } 1508 } 1509 else if (is_ie) 1510 { 1511 input_cco.rows = 3; 1512 input_cco.onkeyup = function (e) 1513 { 1514 if ((window.event.keyCode) == 120) //F9 1515 { 1516 emQuickSearch(input_cco.value, 'cco', ID); 1517 } 1518 else 1519 { 1520 search_contacts(window.event.keyCode,this.id); 1521 } 1522 } 1523 } 1534 { 1535 input_cco.rows = 2; 1536 input_cco.onkeypress = function (e) 1537 { 1538 if ((e.keyCode) == 120) //F9 1539 { 1540 emQuickSearch(input_cco.value, 'cco', ID); 1541 } 1542 else 1543 { 1544 if (((e.keyCode == 13) || ((e.keyCode == 38)||(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden')) 1545 { 1546 e.preventDefault(); 1547 search_contacts(e.keyCode,this.id); 1548 } 1549 } 1550 } 1551 input_cco.onkeyup = function (e) 1552 { 1553 if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40)) 1554 { 1555 search_contacts(e.keyCode,this.id); 1556 } 1557 } 1558 } 1559 else if (is_ie) 1560 { 1561 input_cco.rows = 3; 1562 input_cco.onkeyup = function (e) 1563 { 1564 if ((window.event.keyCode) == 120) //F9 1565 { 1566 emQuickSearch(input_cco.value, 'cco', ID); 1567 } 1568 else 1569 { 1570 search_contacts(window.event.keyCode,this.id); 1571 } 1572 } 1573 } 1574 1524 1575 td_cco.appendChild(input_cco); 1525 1576 var img_search = document.createElement("IMG"); … … 1553 1604 a_cc_link.setAttribute("href","javascript:void(0)"); 1554 1605 a_cc_link.setAttribute("tabIndex","-1"); 1555 a_cc_link.onclick = function () {this.style.display='none';document.getElementById('tr_cc_'+ID).style.display='';document.getElementById('space_link_'+ID).style.display='none';input_cc.focus(); }1606 a_cc_link.onclick = function () {this.style.display='none';document.getElementById('tr_cc_'+ID).style.display='';document.getElementById('space_link_'+ID).style.display='none';input_cc.focus(); return false;} 1556 1607 td2_link.appendChild(a_cc_link); 1557 1608 var space = document.createElement("span"); … … 1564 1615 a_cco_link.setAttribute("href","javascript:void(0)"); 1565 1616 a_cco_link.setAttribute("tabIndex","-1"); 1566 a_cco_link.onclick = function () {this.style.display='none';document.getElementById('tr_cco_'+ID).style.display='';document.getElementById('space_link_'+ID).style.display='none';input_cco.focus(); }1617 a_cco_link.onclick = function () {this.style.display='none';document.getElementById('tr_cco_'+ID).style.display='';document.getElementById('space_link_'+ID).style.display='none';input_cco.focus(); return false;} 1567 1618 td2_link.appendChild(a_cco_link); 1568 1619 tr_link.appendChild(td1_link); … … 1605 1656 var add_files = document.createElement("A"); 1606 1657 add_files.setAttribute("href", "javascript:void(0)"); 1607 add_files.onclick = function () { addFile(ID);};1658 add_files.onclick = function () { addFile(ID); return false;}; 1608 1659 add_files.innerHTML = get_lang("Attachments: add+"); 1609 1660 add_files.setAttribute("tabIndex","-1"); … … 1650 1701 _div.style.height = document.body.clientHeight - _offset - 105; 1651 1702 content.style.height = document.body.clientHeight - _offset - 80; 1703 1652 1704 _div.style.overflow = "auto"; 1653 1705 _div.style.width = defaultWidth;
Note: See TracChangeset
for help on using the changeset viewer.