4 // JavaScript function library for WebCit.
10 var room_is_trash = 0;
12 if (document.layers) {browserType = "nn4"}
13 if (document.all) {browserType = "ie"}
14 if (window.navigator.userAgent.toLowerCase().match("gecko")) {
18 var ns6=document.getElementById&&!document.all;
21 function CtdlRandomString() {
22 return((Math.random()+'').substr(3));
27 // We love string tokenizers.
28 function extract_token(source_string, token_num, delimiter) {
30 var extracted_string = source_string;
33 for (i=0; i<token_num; ++i) {
34 var j = extracted_string.indexOf(delimiter);
36 extracted_string = extracted_string.substr(j+1);
41 j = extracted_string.indexOf(delimiter);
43 extracted_string = extracted_string.substr(0, j);
46 return extracted_string;
51 // This code handles the popups for important-messages.
52 function hide_imsg_popup() {
53 if (browserType == "gecko" )
54 document.poppedLayer = eval('document.getElementById(\'important_message\')');
55 else if (browserType == "ie")
56 document.poppedLayer = eval('document.all[\'important_message\']');
58 document.poppedLayer = eval('document.layers[\'`important_message\']');
60 document.poppedLayer.style.visibility = "hidden";
64 // This function activates the ajax-powered recipient autocompleters on the message entry screen.
65 function activate_entmsg_autocompleters() {
66 new Ajax.Autocompleter('cc_id', 'cc_name_choices', 'cc_autocomplete', {} );
67 new Ajax.Autocompleter('bcc_id', 'bcc_name_choices', 'bcc_autocomplete', {} );
68 new Ajax.Autocompleter('recp_id', 'recp_name_choices', 'recp_autocomplete', {} );
73 // Toggle the icon bar between menu/roomlist...
74 var which_div_expanded = null;
75 var num_drop_targets = 0;
76 var drop_targets_elements = new Array();
77 var drop_targets_roomnames = new Array();
79 function switch_to_room_list() {
80 $('iconbar').innerHTML = $('iconbar').innerHTML.substr(0, $('iconbar').innerHTML.indexOf('switch'));
81 CtdlLoadScreen('iconbar');
82 new Ajax.Updater('iconbar', 'iconbar_ajax_rooms', { method: 'get' } );
85 function expand_floor(floor_div) {
86 if (which_div_expanded != null) {
87 if ($(which_div_expanded) != null) {
88 $(which_div_expanded).style.display = 'none' ;
92 // clicking on the already-expanded floor causes the whole list to collapse
93 if (which_div_expanded == floor_div) {
94 which_div_expanded = null;
96 // notify the server that no floors are expanded
98 'set_floordiv_expanded/-1', {
105 // expand the requested floor
106 $(floor_div).style.display = 'block';
107 which_div_expanded = floor_div;
109 // notify the server of which floor is expanded
111 'set_floordiv_expanded/'+floor_div, {
117 function switch_to_menu_buttons() {
118 which_div_expanded = null;
119 num_drop_targets = 0;
120 CtdlLoadScreen('iconbar');
121 new Ajax.Updater('iconbar', 'iconbar_ajax_menu', { method: 'get' } );
125 // Static variables for mailbox view...
127 var CtdlNumMsgsSelected = 0;
128 var CtdlMsgsSelected = new Array();
129 var CtdlLastMsgnumSelected = 0;
131 // This gets called when you single click on a message in the mailbox view.
132 // We know that the element id of the table row will be the letter 'm' plus the message number.
134 function CtdlSingleClickMsg(evt, msgnum) {
136 // Clear the preview pane until we load the new message
137 $('preview_pane').innerHTML = '';
139 // De-select any messages that were already selected, *unless* the Ctrl or
140 // Shift key is being pressed, in which case the user wants multi select
142 if ( (!evt.ctrlKey) && (!evt.shiftKey) ) {
143 if (CtdlNumMsgsSelected > 0) {
144 for (i=0; i<CtdlNumMsgsSelected; ++i) {
145 $('m'+CtdlMsgsSelected[i]).style.backgroundColor = '#fff';
146 $('m'+CtdlMsgsSelected[i]).style.color = '#000';
148 CtdlNumMsgsSelected = 0;
152 // For multi select ... is the message being clicked already selected?
153 already_selected = 0;
154 if ( (evt.ctrlKey) && (CtdlNumMsgsSelected > 0) ) {
155 for (i=0; i<CtdlNumMsgsSelected; ++i) {
156 if (CtdlMsgsSelected[i] == msgnum) {
157 already_selected = 1;
158 already_selected_pos = i;
163 // Now select (or de-select) the message
164 if ( (evt.ctrlKey) && (already_selected == 1) ) {
166 // Deselect: first un-highlight it...
167 $('m'+msgnum).style.backgroundColor = '#fff';
168 $('m'+msgnum).style.color = '#000';
170 // Then remove it from the selected messages list.
171 for (i=already_selected_pos; i<(CtdlNumMsgsSelected-1); ++i) {
172 CtdlMsgsSelected[i] = CtdlMsgsSelected[i+1];
174 CtdlNumMsgsSelected = CtdlNumMsgsSelected - 1;
178 else if (evt.shiftKey) {
180 // Group select: first clear everything out...
181 if (CtdlNumMsgsSelected > 0) {
182 for (i=0; i<CtdlNumMsgsSelected; ++i) {
183 $('m'+CtdlMsgsSelected[i]).style.backgroundColor = '#fff';
184 $('m'+CtdlMsgsSelected[i]).style.color = '#000';
187 CtdlNumMsgsSelected = 0;
189 // Then highlight and select the group.
190 // Traverse the table looking for a row whose ID contains the desired msgnum
192 var in_the_group = 0;
194 var table = $('summary_headers');
196 for (var r = 0; r < table.rows.length; r++) {
197 var thename = table.rows[r].id;
198 if ( (thename.substr(1) == msgnum) || (thename.substr(1) == CtdlLastMsgnumSelected) ) {
199 in_the_group = 1 - in_the_group;
205 if ( (in_the_group == 1) || (is_edge == 1) ) {
207 table.rows[r].style.backgroundColor='#69aaff';
208 table.rows[r].style.color='#fff';
210 // And add it to the selected messages list.
211 CtdlNumMsgsSelected = CtdlNumMsgsSelected + 1;
212 CtdlMsgsSelected[CtdlNumMsgsSelected-1] = thename.substr(1);
219 // Select: first highlight it...
220 $('m'+msgnum).style.backgroundColor='#69aaff';
221 $('m'+msgnum).style.color='#fff';
223 // Then add it to the selected messages list.
224 CtdlNumMsgsSelected = CtdlNumMsgsSelected + 1;
225 CtdlMsgsSelected[CtdlNumMsgsSelected-1] = msgnum;
228 CtdlLoadScreen('preview_pane');
229 // Update the preview pane
230 new Ajax.Updater('preview_pane', 'msg/'+msgnum, { method: 'get' } );
232 // Mark the message as read
236 parameters: 'g_cmd=SEEN '+msgnum+'|1',
237 onComplete: CtdlRemoveTheUnseenBold(msgnum)
242 // Save the selected position in case the user does a group select next time.
243 CtdlLastMsgnumSelected = msgnum;
245 return false; // try to defeat the default click behavior
248 // Delete selected messages.
249 function CtdlDeleteSelectedMessages(evt) {
251 if (CtdlNumMsgsSelected < 1) {
252 // Nothing to delete, so exit silently.
255 for (i=0; i<CtdlNumMsgsSelected; ++i) {
256 if (parseInt(room_is_trash) > 0) {
260 parameters: 'g_cmd=DELE ' + CtdlMsgsSelected[i],
261 onComplete: CtdlClearDeletedMsg(CtdlMsgsSelected[i])
269 parameters: 'g_cmd=MOVE ' + CtdlMsgsSelected[i] + '|_TRASH_|0',
270 onComplete: CtdlClearDeletedMsg(CtdlMsgsSelected[i])
275 CtdlNumMsgsSelected = 0;
277 // Clear the preview pane too.
278 $('preview_pane').innerHTML = '';
282 // Move selected messages.
283 function CtdlMoveSelectedMessages(evt, target_roomname) {
285 if (CtdlNumMsgsSelected < 1) {
286 // Nothing to delete, so exit silently.
289 for (i=0; i<CtdlNumMsgsSelected; ++i) {
293 parameters:'g_cmd=MOVE ' + CtdlMsgsSelected[i] + '|' + target_roomname + '|0',
294 onComplete:CtdlClearDeletedMsg(CtdlMsgsSelected[i])
298 CtdlNumMsgsSelected = 0;
300 // Clear the preview pane too.
301 $('preview_pane').innerHTML = '';
306 // This gets called when the user touches the keyboard after selecting messages...
307 function CtdlMsgListKeyPress(evt) {
308 if(document.all) { // aIEeee
309 var whichKey = window.event.keyCode;
311 else { // non-sux0r browsers
312 var whichKey = evt.which;
314 if (whichKey == 46) { // DELETE key
315 CtdlDeleteSelectedMessages(evt);
320 // Take the boldface away from a message to indicate that it has been seen.
321 function CtdlRemoveTheUnseenBold(msgnum) {
322 $('m'+msgnum).style.fontWeight='normal';
325 // A message has been deleted, so yank it from the list.
326 function CtdlClearDeletedMsg(msgnum) {
329 // Traverse the table looking for a row whose ID contains the desired msgnum
330 var table = $('summary_headers');
332 for (var r = 0; r < table.rows.length; r++) {
333 var thename = table.rows[r].id;
334 if (thename.substr(1) == msgnum) {
339 alert('error: browser failed to clear row ' + r);
344 else { // if we can't delete it,
345 new Effect.Squish('m'+msgnum); // just hide it.
351 // These functions called when the user down-clicks on the message list resizer bar
356 function CtdlResizeMsgListMouseUp(evt) {
357 document.onmouseup = null;
358 document.onmousemove = null;
359 if (document.layers) {
360 document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
365 function CtdlResizeMsgListMouseMove(evt) {
366 y = (ns6 ? evt.clientY : event.clientY);
367 increment = y - saved_y;
369 // First move the bottom of the message list...
370 d = $('message_list');
372 divHeight = d.offsetHeight;
374 else if (d.style.pixelHeight) {
375 divHeight = d.style.pixelHeight;
377 d.style.height = (divHeight + increment) + 'px';
379 // Then move the top of the preview pane...
380 d = $('preview_pane');
382 divTop = d.offsetTop;
384 else if (d.style.pixelTop) {
385 divTop = d.style.pixelTop;
387 d.style.top = (divTop + increment) + 'px';
389 // Resize the bottom of the preview pane...
390 d = $('preview_pane');
392 divHeight = d.offsetHeight;
394 else if (d.style.pixelHeight) {
395 divHeight = d.style.pixelHeight;
397 d.style.height = (divHeight - increment) + 'px';
399 // Then move the top of the slider bar.
400 d = $('resize_msglist');
402 divTop = d.offsetTop;
404 else if (d.style.pixelTop) {
405 divTop = d.style.pixelTop;
407 d.style.top = (divTop + increment) + 'px';
413 function CtdlResizeMsgListMouseDown(evt) {
414 saved_y = (ns6 ? evt.clientY : event.clientY);
415 document.onmouseup = CtdlResizeMsgListMouseUp;
416 document.onmousemove = CtdlResizeMsgListMouseMove;
417 if (document.layers) {
418 document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
420 return false; // disable the default action
427 // These functions handle moving sticky notes around the screen by dragging them
429 var uid_of_note_being_dragged = 0;
430 var saved_cursor_style = 'default';
431 var note_was_dragged = 0;
433 function NotesDragMouseUp(evt) {
434 document.onmouseup = null;
435 document.onmousemove = null;
436 if (document.layers) {
437 document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
440 d = $('note-' + uid_of_note_being_dragged);
441 d.style.cursor = saved_cursor_style;
443 // Only submit the change if motion actually happened
444 if (note_was_dragged > 0) {
445 alert('FIXME do ajax call to move position x=' + d.style.left + ' y=' + d.style.top);
448 uid_of_note_being_dragged = '';
452 function NotesDragMouseMove(evt) {
453 x = (ns6 ? evt.clientX : event.clientX);
454 x_increment = x - saved_x;
455 y = (ns6 ? evt.clientY : event.clientY);
456 y_increment = y - saved_y;
459 d = $('note-' + uid_of_note_being_dragged);
461 divTop = parseInt(d.style.top);
462 divLeft = parseInt(d.style.left);
464 d.style.top = (divTop + y_increment) + 'px';
465 d.style.left = (divLeft + x_increment) + 'px';
469 note_was_dragged = 1;
474 function NotesDragMouseDown(evt, uid) {
475 saved_x = (ns6 ? evt.clientX : event.clientX);
476 saved_y = (ns6 ? evt.clientY : event.clientY);
477 document.onmouseup = NotesDragMouseUp;
478 document.onmousemove = NotesDragMouseMove;
479 if (document.layers) {
480 document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
482 uid_of_note_being_dragged = uid;
483 d = $('note-' + uid_of_note_being_dragged);
484 saved_cursor_style = d.style.cursor;
485 d.style.cursor = 'move';
486 return false; // disable the default action
502 // These functions handle drag and drop message moving
506 function CtdlMoveMsgMouseDown(evt, msgnum) {
508 // do the highlight first
509 CtdlSingleClickMsg(evt, msgnum);
511 // Now handle the possibility of dragging
512 saved_x = (ns6 ? evt.clientX : event.clientX);
513 saved_y = (ns6 ? evt.clientY : event.clientY);
514 document.onmouseup = CtdlMoveMsgMouseUp;
515 document.onmousemove = CtdlMoveMsgMouseMove;
516 if (document.layers) {
517 document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
523 function CtdlMoveMsgMouseMove(evt) {
524 x = (ns6 ? evt.clientX : event.clientX);
525 y = (ns6 ? evt.clientY : event.clientY);
527 if ( (x == saved_x) && (y == saved_y) ) {
531 if (CtdlNumMsgsSelected < 1) {
538 drag_o_text = "<div style=\"overflow:none; background-color:#fff; color:#000; border: 1px solid black; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;\"><tr><td>";
539 for (i=0; i<CtdlNumMsgsSelected; ++i) {
540 drag_o_text = drag_o_text +
541 ctdl_ts_getInnerText(
542 $('m'+CtdlMsgsSelected[i]).cells[0]
545 drag_o_text = drag_o_text + "<div>";
547 mm_div = document.createElement("DIV");
548 mm_div.style.position='absolute';
549 mm_div.style.top = y + 'px';
550 mm_div.style.left = x + 'px';
551 mm_div.style.pixelHeight = '300';
552 mm_div.style.pixelWidth = '300';
553 mm_div.innerHTML = drag_o_text;
554 document.body.appendChild(mm_div);
557 mm_div.style.top = y + 'px';
558 mm_div.style.left = x + 'px';
561 return false; // prevent the default mouse action from happening?
564 function CtdlMoveMsgMouseUp(evt) {
565 document.onmouseup = null;
566 document.onmousemove = null;
567 if (document.layers) {
568 document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
572 document.body.removeChild(mm_div);
576 if (num_drop_targets < 1) { // nowhere to drop
580 // Did we release the mouse button while hovering over a drop target?
581 // NOTE: this only works cross-browser because the iconbar div is always
582 // positioned at 0,0. Browsers differ in whether the 'offset'
583 // functions return pos relative to the document or parent.
585 for (i=0; i<num_drop_targets; ++i) {
587 x = (ns6 ? evt.clientX : event.clientX);
588 y = (ns6 ? evt.clientY : event.clientY);
590 l = parseInt(drop_targets_elements[i].offsetLeft);
591 t = parseInt(drop_targets_elements[i].offsetTop);
592 r = parseInt(drop_targets_elements[i].offsetLeft)
593 + parseInt(drop_targets_elements[i].offsetWidth);
594 b = parseInt(drop_targets_elements[i].offsetTop)
595 + parseInt(drop_targets_elements[i].offsetHeight);
597 /* alert('Offsets are: ' + l + ' ' + t + ' ' + r + ' ' + b + '.'); */
599 if ( (x >= l) && (x <= r) && (y >= t) && (y <= b) ) {
600 // Yes, we dropped it on a hotspot.
601 CtdlMoveSelectedMessages(evt, drop_targets_roomnames[i]);
610 function ctdl_ts_getInnerText(el) {
611 if (typeof el == "string") return el;
612 if (typeof el == "undefined") { return el };
613 if (el.innerText) return el.innerText; //Not needed but it is faster
616 var cs = el.childNodes;
618 for (var i = 0; i < l; i++) {
619 switch (cs[i].nodeType) {
620 case 1: //ELEMENT_NODE
621 str += ts_getInnerText(cs[i]);
624 str += cs[i].nodeValue;
633 // This function handles the creation of new notes in the "Notes" view.
635 function add_new_note() {
637 new_eid = CtdlRandomString();
639 $('new_notes_here').innerHTML = $('new_notes_here').innerHTML
640 + '<IMG ALIGN=MIDDLE src=\"static/storenotes_48x.gif\" id=\"' + new_eid + '\" alt=\"Note\" class=\"notes\">'
641 + '<script type=\"text/javascript\">new Draggable (\"%s\", {revert:true})</script>'
642 + '<span id=\"note' + new_eid + '\">' + Date() + '</span><br />'
645 new Ajax.InPlaceEditor('note' + new_eid,
646 'updatenote?eid=' + new_eid , {rows:5,cols:72});
649 function CtdlShowRaw(msgnum) {
650 var customnav = document.createElement("span");
651 var mode_citadel = document.createElement("a");
652 mode_citadel.appendChild(document.createTextNode("Citadel Source"));
653 var mode_rfc822 = document.createElement("a");
654 mode_rfc822.appendChild(document.createTextNode(" RFC822 Source"));
655 mode_citadel.setAttribute("href","#");
656 mode_rfc822.setAttribute("href","#");
657 mode_rfc822.setAttribute("onclick","rawSwitch822('" + msgnum + "');");
658 mode_citadel.setAttribute("onclick","rawSwitchCitadel('" + msgnum + "');");
659 customnav.appendChild(mode_citadel);
660 customnav.appendChild(mode_rfc822);
661 customnav.setAttribute("class","floatcustomnav");
662 floatwindow("headerscreen","pre",customnav);
663 rawSwitch822(msgnum);
666 function rawSwitch822(msgnum) {
667 CtdlLoadScreen("headerscreen");
668 new Ajax.Updater("headerscreen",
670 { method: 'post',parameters: 'g_cmd=MSG2 ' +msgnum } );
674 function rawSwitchCitadel(msgnum) {
675 CtdlLoadScreen("headerscreen");
676 new Ajax.Updater("headerscreen",
678 { method: 'post',parameters: 'g_cmd=MSG0 ' +msgnum } );
682 function floatwindow(newdivid,contentelementtype,customnav) {
683 var windiv = document.createElement("div");
684 windiv.setAttribute("class","floatwindow");
685 var winid = newdivid+"_window";
686 windiv.setAttribute("id",winid);
687 var nav = document.createElement("div");
688 if (customnav != null) {
689 nav.appendChild(customnav);
691 var minimizeA = document.createElement("a");
692 var minimizeButton = document.createTextNode("Close");
693 minimizeA.appendChild(minimizeButton);
694 minimizeA.setAttribute("onclick","killFloatWindow(this);");
695 minimizeA.setAttribute("href","#");
696 nav.appendChild(minimizeA);
697 nav.setAttribute("class","floatnav");
698 windiv.appendChild(nav);
699 var contentarea = document.createElement("pre");
700 contentarea.setAttribute("class","floatcontent");
701 contentarea.setAttribute("id",newdivid);
702 windiv.appendChild(contentarea);
703 document.body.appendChild(windiv);
705 function killFloatWindow(caller) {
706 var span = caller.parentNode;
707 var fwindow = span.parentNode;
708 fwindow.parentNode.removeChild(fwindow);
710 // Place a gradient loadscreen on an element, e.g to use before Ajax.updater
711 function CtdlLoadScreen(elementid) {
712 var elem = document.getElementById(elementid);
713 elem.innerHTML = "<div align=center><br><table border=0 cellpadding=10 bgcolor=\"#ffffff\"><tr><td><img src=\"static/throbber.gif\" /><font color=\"#AAAAAA\"> Loading....</font></td></tr></table><br /></div>";
717 // Show info for a user, basically replaces showuser()
718 // matt@comalies is to blame for this poorly coded masterpiece.
719 function CtdlShowUserInfoPopup(Element) {
721 // hopefully no one needs to use the class attribute... could be better done
722 // with xmlns though..
723 var user = Element.getAttribute("class");
724 var updname = "biospace_"+user;
725 if (document.getElementById(updname) == null) {
726 // insert a space for the bio
727 var pNode = Element.parentNode;
728 var newdiv = document.createElement("div");
730 newdiv.innerHTML = "Getting user info....";
731 pNode.appendChild(newdiv);
732 CtdlLoadScreen(updname);
733 new Ajax.Updater(updname, 'showuser_ajax?who='+user, { method: 'get' } );
744 // Pop open the address book (target_input is the INPUT field to populate)
746 function PopOpenAddressBook(target_input) {
747 $('address_book_popup').style.display = 'block';
748 p = 'target_input=' + target_input + '&r=' + CtdlRandomString();
750 'address_book_popup_middle_div',
751 'display_address_book_middle_div',
760 function PopulateAddressBookInnerDiv(which_addr_book, target_input) {
761 $('address_book_inner_div').innerHTML = "<div align=center><br><table border=0 cellpadding=10 bgcolor=\"#ffffff\"><tr><td><img src=\"static/throbber.gif\" /><font color=\"#AAAAAA\"> Loading....</font></td></tr></table><br /></div>";
762 p = 'which_addr_book=' + which_addr_book
763 + '&target_input=' + target_input
764 + '&r=' + CtdlRandomString();
766 'address_book_inner_div',
767 'display_address_book_inner_div',
775 // What happens when a contact is selected from the address book popup
776 // (populate the specified target)
778 function AddContactsToTarget(target, whichaddr) {
779 while (whichaddr.selectedIndex != -1) {
780 if (target.value.length > 0) {
781 target.value = target.value + ', ';
783 target.value = target.value + whichaddr.value;
784 whichaddr.options[whichaddr.selectedIndex].selected = false;
788 // Respond to a meeting invitation
789 function RespondToInvitation(question_divname, title_divname, msgnum, cal_partnum, sc) {
790 p = 'msgnum=' + msgnum + '&cal_partnum=' + cal_partnum + '&sc=' + sc ;
791 new Ajax.Updater(title_divname, 'respond_to_request', { method: 'post', parameters: p } );
792 Effect.Fade(question_divname, { duration: 0.5 });
795 // Handle a received RSVP
796 function HandleRSVP(question_divname, title_divname, msgnum, cal_partnum, sc) {
797 p = 'msgnum=' + msgnum + '&cal_partnum=' + cal_partnum + '&sc=' + sc ;
798 new Ajax.Updater(title_divname, 'handle_rsvp', { method: 'post', parameters: p } );
799 Effect.Fade(question_divname, { duration: 0.5 });