--- /dev/null
+/*
+ * Webcit Summary View v2
+ * All comments, flowers and death threats to Mathew McBride
+ * <matt@mcbridematt.dhs.org> / <matt@comalies>
+ * Copyright 2009 The Citadel Team
+ * Licensed under the GPL V3
+ *
+ * QA reminders: because I keep forgetting / get cursed.
+ * After changing anything in here, make sure that you still can:
+ * 1. Resort messages in both normal and paged view.
+ * 2. Select a range with shift-click
+ * 3. Select messages with ctrl-click
+ * 4. Normal click will deselect everything done above
+ * 5. Move messages, and they will disappear
+ */
+
+document.observe("dom:loaded", createMessageView);
+
+var msgs = null;
+var message_view = null;
+var loadingMsg = null;
+var rowArray = null;
+var currentSortMode = null;
+
+// Header elements
+var mlh_date = null;
+var mlh_subject = null;
+var mlh_from = null;
+var currentSorterToggle = null;
+var query = "";
+var currentlyMarkedRows = new Object();
+var markedRowIndex = null;
+var currentlyHasRowsSelected = false;
+
+var mouseDownEvent = null;
+var exitedMouseDown = false;
+
+var originalMarkedRow = null;
+var previousFinish = 0;
+var markedFrom = 0;
+var trTemplate = new Array(11);
+trTemplate[0] = "<tr id=\"";
+trTemplate[2] = "\" citadel:dropenabled=\"dropenabled\" class=\"";
+trTemplate[4] = "\" citadel:dndelement=\"summaryViewDragAndDropHandler\" citadel:msgid=\"";
+trTemplate[6] = "\" citadel:ctdlrowid=\"";
+trTemplate[8] = "\"><td class=\"col1\">";
+trTemplate[10] = "</td><td class=\"col2\">";
+trTemplate[12] = "</td><td class=\"col3\">";
+trTemplate[14] = "</td></tr>";
+
+
+var currentPage = 0;
+var sortModes = {
+ "rdate" : sortRowsByDateDescending,
+ "date" : sortRowsByDateAscending,
+ "subj" : sortRowsBySubjectAscending,
+ "rsubj" : sortRowsBySubjectDescending,
+ "sender": sortRowsByFromAscending,
+ "rsender" : sortRowsByFromDescending
+};
+var toggles = {};
+
+var nummsgs = 0;
+var startmsg = 0;
+var newmsgs = 0;
+
+function refreshMessageCounter() {
+ var templStr = document.getElementById("nummsgs_template").innerHTML;
+ templStr = templStr.replace(/UNREADMSGS/, newmsgs);
+ templStr = templStr.replace(/TOTALMSGS/, nummsgs);
+ document.getElementById("nummsgs").innerHTML = templStr;
+}
+
+function createMessageView() {
+ message_view = document.getElementById("message_list_body");
+ loadingMsg = document.getElementById("loading");
+ getMessages();
+ mlh_date = $("mlh_date");
+ mlh_subject = $('mlh_subject');
+ mlh_from = $('mlh_from');
+ toggles["rdate"] = mlh_date;
+ toggles["date"] = mlh_date;
+ toggles["subj"] = mlh_subject;
+ toggles["rsubj"] = mlh_subject;
+ toggles["sender"] = mlh_from;
+ toggles["rsender"] = mlh_from;
+ mlh_date.observe('click',ApplySort);
+ mlh_subject.observe('click',ApplySort);
+ mlh_from.observe('click',ApplySort);
+ $(document).observe('keyup',CtdlMessageListKeyUp,false);
+ $('resize_msglist').observe('mousedown', CtdlResizeMouseDown);
+ $('m_refresh').observe('click', getMessages);
+ document.getElementById('m_refresh').setAttribute("href","#");
+ Event.observe(document.onresize ? document : window, "resize", normalizeHeaderTable);
+ Event.observe(document.onresize ? document : window, "resize", sizePreviewPane);
+ if ( $('summpage') ) {
+ $('summpage').observe('change', getPage);
+ }
+ else {
+ alert('error: summpage does not exist');
+ }
+ takeOverSearchOMatic();
+ setupDragDrop(); // here for now
+}
+
+function getMessages() {
+ if (loadingMsg.parentNode == null) {
+ message_view.innerHTML = "";
+ message_view.appendChild(loadingMsg);
+ }
+ roomName = getTextContent(document.getElementById("rmname"));
+ var parameters = {'room':roomName, 'startmsg': startmsg, 'stopmsg': -1};
+ if (is_safe_mode) {
+ parameters['stopmsg'] = parseInt(startmsg)+499;
+ //parameters['maxmsgs'] = 500;
+ if (currentSortMode != null) {
+ var SortBy = currentSortMode[0];
+ if (SortBy.charAt(0) == 'r') {
+ SortBy = SortBy.substr(1);
+ parameters["SortOrder"] = "0";
+ }
+ parameters["SortBy"] = SortBy;
+ }
+ }
+ if (query.length > 0) {
+ parameters["query"] = query;
+ }
+ new Ajax.Request("roommsgs", {
+ method: 'get',
+ onSuccess: loadMessages,
+ parameters: parameters,
+ sanitize: false,
+ evalJSON: false,
+ onFailure: function(e) { alert("Failure: " + e);}
+ });
+}
+
+function evalJSON(data) {
+ var jsonData = null;
+ if (typeof(JSON) === 'object' && typeof(JSON.parse) === 'function') {
+ try {
+ jsonData = JSON.parse(data);
+ } catch (e) {
+ // ignore
+ }
+ }
+ if (jsonData == null) {
+ jsonData = eval('('+data+')');
+ }
+ return jsonData;
+}
+function loadMessages(transport) {
+ try {
+ var data = evalJSON(transport.responseText);
+ if (!!data && transport.responseText.length < 2) {
+ alert("Message loading failed");
+ }
+ nummsgs = data['nummsgs'];
+ newmsgs = data['newmsgs'];
+ msgs = data['msgs'];
+ var length = msgs.length;
+ rowArray = new Array(length); // store so they can be sorted
+ wCLog("Row array length: "+rowArray.length);
+ } catch (e) {
+ //window.alert(e+"|"+e.description);
+ }
+ if (currentSortMode == null) {
+ if (sortmode.length < 1) {
+ sortmode = "rdate";
+ }
+ currentSortMode = [sortmode, sortModes[sortmode]];
+ currentSorterToggle = toggles[sortmode];
+ }
+ if (!is_safe_mode) {
+ resortAndDisplay(currentSortMode[1]);
+ } else {
+ setupPageSelector();
+ resortAndDisplay(null);
+ }
+ if (loadingMsg.parentNode != null) {
+ loadingMsg.parentNode.removeChild(loadingMsg);
+ }
+ sizePreviewPane();
+ refreshMessageCounter();
+}
+function resortAndDisplay(sortMode) {
+ wCLog("Begin resortAndDisplay");
+
+ /* We used to try and clear out the message_view element,
+ but stupid IE doesn't even do that properly */
+ var message_view_parent = message_view.parentNode;
+ message_view_parent.removeChild(message_view);
+ var startSort = new Date();
+ try {
+ if (sortMode != null) {
+ msgs.sort(sortMode);
+ }
+ } catch (e) {
+ wCLog("Sort error: " + e);
+ }
+ var endSort = new Date();
+ wCLog("Sort rowArray in " + (endSort-startSort));
+ var start = new Date();
+ var length = msgs.length;
+ var compiled = new Array(length+2);
+ compiled[0] = "<table class=\"mailbox_summary\" id=\"summary_headers\" \"cellspacing=0\" style=\"width:100%;-moz-user-select:none;\">";
+ for(var x=0; x<length; ++x) {
+ try {
+ var currentRow = msgs[x];
+ trTemplate[1] = "msg_"+currentRow[0];
+ var className = "";
+ if (((x-1) % 2) == 0) {
+ className += "table-alt-row";
+ } else {
+ className += "table-row";
+ }
+ if (currentRow[5]) {
+ className += " new_message";
+ }
+ trTemplate[3] = className;
+ trTemplate[5] = currentRow[0];
+ trTemplate[7] = x;
+ trTemplate[9] = currentRow[1];
+ trTemplate[11] = currentRow[2];
+ trTemplate[13] = currentRow[4];
+ var i = x+1;
+ compiled[i] = trTemplate.join("");
+ } catch (e) {
+ wCLog("Exception on row " + x + ":" + e);
+ }
+ }
+ compiled[length+2] = "</table>";
+ var end = new Date();
+ wCLog("iterate: " + (end-start));
+ var compile = compiled.join("");
+ start = new Date();
+ $(message_view_parent).update(compile);
+ message_view_parent.observe('click', CtdlMessageListClick);
+ message_view = message_view_parent.firstChild;
+ end = new Date();
+ var delta = end.getTime() - start.getTime();
+ wCLog("append: " + delta);
+ ApplySorterToggle();
+ normalizeHeaderTable();
+}
+function sortRowsByDateAscending(a, b) {
+ var dateOne = a[3];
+ var dateTwo = b[3];
+ return (dateOne - dateTwo);
+};
+function sortRowsByDateDescending(a, b) {
+ var dateOne = a[3];
+ var dateTwo = b[3];
+ return (dateTwo - dateOne);
+};
+function sortRowsBySubjectAscending(a, b) {
+ var subjectOne = a[1];
+ var subjectTwo = b[1];
+ return strcmp(subjectOne, subjectTwo);
+};
+function sortRowsBySubjectDescending(a, b) {
+ var subjectOne = a[1];
+ var subjectTwo = b[1];
+ return strcmp(subjectTwo, subjectOne);
+};
+function sortRowsByFromAscending(a, b) {
+ var fromOne = a[2];
+ var fromTwo = b[2];
+ return strcmp(fromOne, fromTwo);
+};
+function sortRowsByFromDescending(a, b) {
+ var fromOne = a[2];
+ var fromTwo = b[2];
+ return strcmp(fromTwo, fromOne);
+};
+function CtdlMessageListClick(evt) {
+ /* Since element.onload is used here, test to see if evt is defined */
+ var event = evt ? evt : window.event;
+ var target = event.target ? event.target: event.srcElement; // and again..
+ var parent = target.parentNode;
+ var msgId = parent.getAttribute("citadel:msgid");
+ var is_shift_pressed = event.shiftKey;
+ var is_ctrl_pressed = event.ctrlKey;
+ var rowclass = parent.getAttribute("class");
+ var msgUnseen = rowclass.search("new_message") >= 0;
+
+ /* debugging
+ str = '.';
+ if (is_shift_pressed) {
+ str = str + 'S';
+ }
+ str = str + '.';
+ if (is_ctrl_pressed) {
+ str = str + 'C';
+ }
+ str = str + '.';
+ $('ib_summary').innerHTML = str;
+ */
+
+ // If the ctrl key modifier wasn't used, unmark all rows and load the message
+ if (!is_shift_pressed && !is_ctrl_pressed) {
+ previousFinish = 0;
+ markedFrom = 0;
+ unmarkAllRows();
+ markedRowIndex = parent.rowIndex;
+ originalMarkedRow = parent;
+ document.getElementById("preview_pane").innerHTML = "";
+ new Ajax.Updater('preview_pane', 'msg/'+msgId, {method: 'get'});
+ markRow(parent);
+
+ if (msgUnseen) {
+ var p = encodeURI('g_cmd=SEEN ' + msgId + '|1');
+ new Ajax.Request('ajax_servcmd', {
+ method: 'post',
+ parameters: p,
+ onComplete: CtdlMarkRowAsRead(parent)
+ });
+ }
+ // If the shift key modifier is used, mark a range...
+ } else if (event.button != 2 && is_shift_pressed) {
+ if (originalMarkedRow == null) {
+ originalMarkedRow = parent;
+ markRow(parent);
+ } else {
+ unmarkAllRows();
+ markRow(parent);
+ markRow(originalMarkedRow);
+ }
+ var rowIndex = parent.rowIndex;
+ if (markedFrom == 0) {
+ markedFrom = rowIndex;
+ }
+ var startMarkingFrom = 0;
+ var finish = 0;
+ if (markedRowIndex === null) {
+ startMarkingFrom = 0;
+ finish = rowIndex;
+ }
+ else if (rowIndex > markedRowIndex) {
+ startMarkingFrom = markedRowIndex+1;
+ finish = rowIndex;
+ } else if (rowIndex < markedRowIndex) {
+ startMarkingFrom = rowIndex+1;
+ finish = markedRowIndex;
+ }
+ previousFinish = finish;
+ wCLog('startMarkingFrom=' + startMarkingFrom + ', finish=' + finish);
+ for(var x = startMarkingFrom; x<finish; x++) {
+ wCLog("Marking row " + x);
+ markRow(parent.parentNode.rows[x]);
+ }
+ // If the ctrl key modifier is used, toggle one message
+ } else if (event.button != 2 && is_ctrl_pressed) {
+ if (parent.getAttribute("citadel:marked")) {
+ unmarkRow(parent);
+ }
+ else {
+ markRow(parent);
+ }
+ }
+}
+function CtdlMarkRowAsRead(rowElement) {
+ var classes = rowElement.className;
+ classes = classes.replace("new_message","");
+ rowElement.className = classes;
+ newmsgs--;
+ refreshMessageCounter();
+}
+function ApplySort(event) {
+ var target = event.target;
+ var sortId = target.id;
+ removeOldSortClass();
+ currentSorterToggle = target;
+ var sortModes = getSortMode(target); // returns [[key, func],[key,func]]
+ var sortModeToUse = null;
+ if (currentSortMode[0] == sortModes[0][0]) {
+ sortModeToUse = sortModes[1];
+ } else {
+ sortModeToUse = sortModes[0];
+ }
+ currentSortMode = sortModeToUse;
+ if (is_safe_mode) {
+ getMessages(); // in safe mode, we load from server already sorted
+ } else {
+ resortAndDisplay(sortModeToUse[1]);
+ }
+}
+function getSortMode(toggleElem) {
+ var forward = null;
+ var reverse = null;
+ for(var key in toggles) {
+ var kr = (key.charAt(0) == 'r');
+ if (toggles[key] == toggleElem && !kr) {
+ forward = [key, sortModes[key]];
+ } else if (toggles[key] == toggleElem && kr) {
+ reverse = [key, sortModes[key]];
+ }
+ }
+ return [forward, reverse];
+}
+function removeOldSortClass() {
+ if (currentSorterToggle) {
+ var classes = currentSorterToggle.className;
+ classes = classes.replace("current_sort_mode","");
+ classes = classes.replace("sort_ascending","");
+ classes = classes.replace("sort_descending","");
+ currentSorterToggle.className = classes;
+ }
+}
+function markRow(row) {
+ var msgId = row.getAttribute("citadel:msgid");
+ row.className = row.className += " marked_row";
+ row.setAttribute("citadel:marked","marked");
+ currentlyMarkedRows[msgId] = row;
+}
+function unmarkRow(row) {
+ var msgId = row.getAttribute("citadel:msgid");
+ row.className = row.className.replace("marked_row","");
+ row.removeAttribute("citadel:marked");
+ delete currentlyMarkedRows[msgId];
+}
+function unmarkAllRows() {
+ for(msgId in currentlyMarkedRows) {
+ unmarkRow(currentlyMarkedRows[msgId]);
+ }
+}
+function deleteAllMarkedRows() {
+ for(msgId in currentlyMarkedRows) {
+ var row = currentlyMarkedRows[msgId];
+ var rowclass = row.getAttribute("class");
+ var msgUnseen = rowclass.search("new_message") >= 0;
+
+ var rowArrayId = row.getAttribute("citadel:ctdlrowid");
+ row.parentNode.removeChild(row);
+ delete currentlyMarkedRows[msgId];
+ delete msgs[rowArrayId];
+ if (msgUnseen)
+ newmsgs--;
+ nummsgs--;
+ }
+ // Now we have to reconstruct rowarray as the array length has changed */
+ var newMsgs = new Array(msgs.length-1);
+ var x=0;
+ for(var i=0; i<rowArray.length; i++) {
+ var currentRow = msgs[i];
+ if (currentRow != null) {
+ newMsgs[x] = currentRow;
+ x++;
+ }
+ }
+ msgs = newMsgs;
+ resortAndDisplay(null);
+ refreshMessageCounter();
+}
+function deleteAllSelectedMessages() {
+ var mvCommand = "";
+ var msgIds = "";
+ for(msgId in currentlyMarkedRows) {
+ msgIds += ","+msgId;
+
+ if (msgIds.length > 800) {
+ if (!room_is_trash) {
+ mvCommand = encodeURI("g_cmd=MOVE " + msgIds + "|_TRASH_|0");
+ }
+ else {
+ mvCommand = encodeURI("g_cmd=DELE " + msgIds);
+ }
+ new Ajax.Request("ajax_servcmd", {
+ parameters: mvCommand,
+ method: 'post',
+ onSuccess: function(transport) {
+ wCLog(transport.responseText);
+ }
+ });
+ msgIds = "";
+ }
+ }
+
+ if (!room_is_trash) {
+ mvCommand = encodeURI("g_cmd=MOVE " + msgIds + "|_TRASH_|0");
+ }
+ else {
+ mvCommand = encodeURI("g_cmd=DELE " + msgIds);
+ }
+ new Ajax.Request("ajax_servcmd", {
+ parameters: mvCommand,
+ method: 'post',
+ onSuccess: function(transport) {
+ wCLog(transport.responseText);
+ }
+ });
+
+ document.getElementById("preview_pane").innerHTML = "";
+ deleteAllMarkedRows();
+}
+
+
+function CtdlMessageListKeyUp(event) {
+ var key = event.which || event.keyCode;
+
+ if (key == 46) { /* DELETE */
+ deleteAllSelectedMessages();
+ }
+}
+
+function clearMessage(msgId) {
+ var row = document.getElementById('msg_'+msgId);
+ row.parentNode.removeChild(row);
+ delete currentlyMarkedRows[msgId];
+}
+
+function summaryViewContextMenu() {
+ if (!exitedMouseDown) {
+ var contextSource = document.getElementById("listViewContextMenu");
+ CtdlSpawnContextMenu(mouseDownEvent, contextSource);
+ }
+}
+
+function summaryViewDragAndDropHandler() {
+ var element = document.createElement("div");
+ var msgList = document.createElement("ul");
+ element.appendChild(msgList);
+ for(msgId in currentlyMarkedRows) {
+ msgRow = currentlyMarkedRows[msgId];
+ var subject = getTextContent(msgRow.getElementsByTagName("td")[0]);
+ var li = document.createElement("li");
+ msgList.appendChild(li);
+ setTextContent(li, subject);
+ li.ctdlMsgId = msgId;
+ }
+ return element;
+}
+
+var saved_y = 0;
+function CtdlResizeMouseDown(event) {
+ $(document).observe('mousemove', CtdlResizeMouseMove);
+ $(document).observe('mouseup', CtdlResizeMouseUp);
+ saved_y = event.clientY;
+}
+
+function sizePreviewPane() {
+ var preview_pane = document.getElementById("preview_pane");
+ var summary_view = document.getElementById("summary_view");
+ var banner = document.getElementById("banner");
+ var message_list_hdr = document.getElementById("message_list_hdr");
+ var content = $('global'); // we'd like to use prototype methods here
+ var childElements = content.childElements();
+ var sizeOfElementsAbove = 0;
+ var heightOfViewPort = document.viewport.getHeight() // prototypejs method
+ var bannerHeight = banner.offsetHeight;
+ var contentViewPortHeight = heightOfViewPort-banner.offsetHeight-message_list_hdr.offsetHeight;
+ contentViewPortHeight = 0.95 * contentViewPortHeight; // leave some error (especially for FF3!!)
+ // Set summary_view to 20%;
+ var summary_height = ctdlLocalPrefs.readPref("svheight");
+ if (summary_height == null) {
+ summary_height = 0.20 * contentViewPortHeight;
+ }
+ // Set preview_pane to the remainder
+ var preview_height = contentViewPortHeight - summary_height;
+
+ summary_view.style.height = (summary_height)+"px";
+ preview_pane.style.height = (preview_height)+"px";
+}
+function CtdlResizeMouseMove(event) {
+ var clientX = event.clientX;
+ var clientY = event.clientY;
+ var summary_view = document.getElementById("summary_view");
+ var summaryViewHeight = summary_view.offsetHeight;
+ var increment = clientY-saved_y;
+ var summary_view_height = increment+summaryViewHeight;
+ summary_view.style.height = (summary_view_height)+"px";
+ // store summary view height
+ ctdlLocalPrefs.setPref("svheight",summary_view_height);
+ var msglist = document.getElementById("preview_pane");
+ var msgListHeight = msglist.offsetHeight;
+ msglist.style.height = (msgListHeight-increment)+"px";
+ saved_y = clientY;
+ /* For some reason the grippy doesn't work without position: absolute
+ so we need to set its top pos manually all the time */
+ var resize = document.getElementById("resize_msglist");
+ var resizePos = resize.offsetTop;
+ resize.style.top = (resizePos+increment)+"px";
+}
+function CtdlResizeMouseUp(event) {
+ $(document).stopObserving('mousemove', CtdlResizeMouseMove);
+ $(document).stopObserving('mouseup', CtdlResizeMouseUp);
+}
+function ApplySorterToggle() {
+ var className = currentSorterToggle.className;
+ className += " current_sort_mode";
+ if (currentSortMode[1] == sortRowsByDateDescending ||
+ currentSortMode[1] == sortRowsBySubjectDescending ||
+ currentSortMode[1] == sortRowsByFromDescending) {
+ className += " sort_descending";
+ } else {
+ className += " sort_ascending";
+ }
+ currentSorterToggle.className = className;
+}
+
+/* Hack to make the header table line up with the data */
+function normalizeHeaderTable() {
+ var message_list_hdr = document.getElementById("message_list_hdr");
+ var summary_view = document.getElementById("summary_view");
+ var resize_msglist = document.getElementById("resize_msglist");
+ var headerTable = message_list_hdr.getElementsByTagName("table")[0];
+ var dataTable = summary_view.getElementsByTagName("table")[0];
+ var dataTableWidth = dataTable.offsetWidth;
+ headerTable.style.width = dataTableWidth+"px";
+}
+
+function setupPageSelector() {
+ var summpage = document.getElementById("summpage");
+ var select_page = document.getElementById("selectpage");
+ summpage.innerHTML = "";
+ if (is_safe_mode) {
+ wCLog("unhiding parent page");
+ select_page.className = "";
+ } else {
+ return;
+ }
+ var pages = nummsgs / 499;
+ for(var i=0; i<pages; i++) {
+ var opt = document.createElement("option");
+ var startmsg = i * 499;
+ opt.setAttribute("value",startmsg);
+ if (currentPage == i) {
+ opt.setAttribute("selected","selected");
+ }
+ opt.appendChild(document.createTextNode((i+1)));
+ summpage.appendChild(opt);
+ }
+}
+
+function getPage(event) {
+ var target = event.target;
+ startmsg = target.options.item(target.selectedIndex).value;
+ currentPage = target.selectedIndex;
+ //query = ""; // We are getting a page from the _entire_ msg list, don't query
+ getMessages();
+}
+
+function takeOverSearchOMatic() {
+ var searchForm = document.getElementById("searchomatic").getElementsByTagName("form")[0];
+ // First disable the form post
+ searchForm.setAttribute("action","javascript:void();");
+ searchForm.removeAttribute("method");
+ $(searchForm).observe('submit', doSearch);
+}
+function doSearch() {
+ query = document.getElementById("srchquery").value;
+ getMessages();
+ return false;
+}