-/** Webcit Summary View v2
- All comments, flowers and death threats to Mathew McBride
- <matt@mcbridematt.dhs.org> / <matt@comalies>
-*/
+/**
+ * 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
+ */
document.observe("dom:loaded", createMessageView);
+var msgs = null;
var message_view = null;
var loadingMsg = null;
var rowArray = null;
var mouseDownEvent = null;
var exitedMouseDown = false;
+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,
- // "reverse" : sortRowsByDateDescending,
"subj" : sortRowsBySubjectAscending,
"rsubj" : sortRowsBySubjectDescending,
"sender": sortRowsByFromAscending,
var nummsgs = 0;
var startmsg = 0;
+
function createMessageView() {
message_view = document.getElementById("message_list_body");
loadingMsg = document.getElementById("loading");
mlh_from = $('mlh_from');
toggles["rdate"] = mlh_date;
toggles["date"] = mlh_date;
- // toggles["reverse"] = mlh_date;
toggles["subj"] = mlh_subject;
toggles["rsubj"] = mlh_subject;
toggles["sender"] = mlh_from;
mlh_subject.observe('click',ApplySort);
mlh_from.observe('click',ApplySort);
$(document).observe('keyup',CtdlMessageListKeyUp,false);
- window.oncontextmenu = function() { return 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);
- sizePreviewPane();
Event.observe(document.onresize ? document : window, "resize", sizePreviewPane);
$('summpage').observe('change', getPage);
takeOverSearchOMatic();
message_view.appendChild(loadingMsg);
}
roomName = getTextContent(document.getElementById("rmname"));
- var parameters = {'room':roomName, 'startmsg': startmsg};
+ var parameters = {'room':roomName, 'startmsg': startmsg, 'stopmsg': -1};
if (is_safe_mode) {
- parameters['maxmsgs'] = 500;
+ 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"] = "2";
+ parameters["SortOrder"] = "0";
}
parameters["SortBy"] = SortBy;
}
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) {
+ return eval('('+data+')');
+ }
+}
function loadMessages(transport) {
try {
- var data = eval('('+transport.responseText+')');
+ var data = evalJSON(transport.responseText);
if (!!data && transport.responseText.length < 2) {
alert("Message loading failed");
}
nummsgs = data['nummsgs'];
- var msgs = data['msgs'];
+ msgs = data['msgs'];
var length = msgs.length;
- rowArray = new Array(); // store so they can be sorted
- var start = new Date();
- for(var i=0; i<length;i++) {
- var trElement = document.createElement("tr");
- var data = msgs[i];
- var msgId = data[0];
- var rowId = "msg_" + msgId;
- trElement.setAttribute("id",rowId);
- //$(trElement).observe('click', CtdlMessageListClick);
- trElement.ctdlMsgId = msgId;
- for(var j=1; j<5;j++) { // 1=msgId (hidden), 4 date timestamp (hidden) 6 = isNew etc.
- var content = data[j];
- if(content.length < 1) {
- content = "(blank)";
- }
- if (j==3) {
- trElement.ctdlDate = content;
- } else {
- try {
- var tdElement = document.createElement("td");
- trElement.appendChild(tdElement);
- var txtContent = document.createTextNode(content);
- tdElement.appendChild(txtContent);
- var x=j;
- if (x==4) x=3;
- var classStmt = "col"+x;
- tdElement.setAttribute("class", classStmt);
- } catch (e) {
- WCLog("Error on #"+msgId +" col"+j+":"+e);
- }
- }
- }
- if (data[5]) {
- trElement.setAttribute("class", "new_message");
- }
- trElement.dropEnabled = true;
- trElement.ctdlMarked = false;
- rowArray[i] = trElement;
- }
- var end = new Date();
- var delta = end.getTime() - start.getTime();
- WCLog("loadMessages construct: " + delta);
+ rowArray = new Array(length); // store so they can be sorted
+ WCLog("Row array length: "+rowArray.length);
} catch (e) {
- window.alert(e);
+ //window.alert(e+"|"+e.description);
}
if (currentSortMode == null) {
if (sortmode.length < 1) {
currentSorterToggle = toggles[sortmode];
}
if (!is_safe_mode) {
- resortAndDisplay(sortRowsByDateDescending);
+ resortAndDisplay(currentSortMode[1]);
} else {
setupPageSelector();
resortAndDisplay(null);
if (loadingMsg.parentNode != null) {
loadingMsg.parentNode.removeChild(loadingMsg);
}
+ sizePreviewPane();
}
function resortAndDisplay(sortMode) {
- var start = new Date();
- emptyElement(message_view);
- var fragment = document.createDocumentFragment();
+ 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();
if (sortMode != null) {
- rowArray.sort(sortMode);
+ msgs.sort(sortMode);
}
- var length = rowArray.length;
+ 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] = "<tbody xmlns:citadel=\"http://citadel.org\" id=\"message_list_body\" class=\"mailbox_summary\">";
for(var x=0; x<length; ++x) {
try {
- var currentRow = rowArray[x];
- var className = currentRow.className;
- className = className.replace("table-alt-row","");
- className = className.replace("table-row","");
+ var currentRow = msgs[x];
+ trTemplate[1] = "msg_"+currentRow[0];
+ var className = "";
if (((x-1) % 2) == 0) {
- className += " table-alt-row";
+ className += "table-alt-row";
} else {
- className += " table-row";
+ className += "table-row";
}
- currentRow.className = className;
- /* Using element.onclick is evil, but until IE
- supports addEventListener, it is much faster
- than prototype observe */
- currentRow.onclick = CtdlMessageListClick;
- currentRow.ctdlDnDElement = summaryViewDragAndDropHandler;
- currentRow.ctdlRowId = x;
- fragment.appendChild(currentRow);
+ if (currentRow[5]) {
+ className += " new_message";
+ }
+ trTemplate[3] = className;
+ trTemplate[5] = currentRow[0];
+ trTemplate[6] = x;
+ trTemplate[9] = currentRow[1];
+ trTemplate[11] = currentRow[2];
+ trTemplate[13] = currentRow[4];
+ var i = x+1;
+ compiled[i] = trTemplate.join("");
} catch (e) {
- alert("Exception" + e);
+ WCLog("Exception on row " + x + ":" + e);
}
}
- message_view.appendChild(fragment);
+ compiled[length+2] = "</tbody>";
var end = new Date();
+ WCLog("iterate: " + (end-start));
+ var compile = compiled.join("");
+ start = new Date();
+ $(message_view_parent).update(compile);
+ message_view_parent.onclick = CtdlMessageListClick;
+ message_view = message_view_parent.firstChild;
+ end = new Date();
var delta = end.getTime() - start.getTime();
- WCLog("resortAndDisplay sort and append: " + delta);
+ WCLog("append: " + delta);
ApplySorterToggle();
normalizeHeaderTable();
}
function sortRowsByDateAscending(a, b) {
- var dateOne = a.ctdlDate;
- var dateTwo = b.ctdlDate;
+ var dateOne = a[3];
+ var dateTwo = b[3];
return (dateOne - dateTwo);
-}
+};
function sortRowsByDateDescending(a, b) {
- var dateOne = a.ctdlDate;
- var dateTwo = b.ctdlDate;
+ var dateOne = a[3];
+ var dateTwo = b[3];
return (dateTwo - dateOne);
-}
-
+};
function sortRowsBySubjectAscending(a, b) {
- var subjectOne = getTextContent(a.getElementsByTagName("td")[0]).toLowerCase();
- var subjectTwo = getTextContent(b.getElementsByTagName("td")[0]).toLowerCase();
- return (subjectOne.charCodeAt(0) - subjectTwo.charCodeAt(0));
-}
-
+ var subjectOne = a[1];
+ var subjectTwo = b[1];
+ return strcmp(subjectOne, subjectTwo);
+};
function sortRowsBySubjectDescending(a, b) {
- var subjectOne = getTextContent(a.getElementsByTagName("td")[0]).toLowerCase();
- var subjectTwo = getTextContent(b.getElementsByTagName("td")[0]).toLowerCase();
- return (subjectTwo.charCodeAt(0) - subjectOne.charCodeAt(0));
-}
-
+ var subjectOne = a[1];
+ var subjectTwo = b[1];
+ return strcmp(subjectTwo, subjectOne);
+};
function sortRowsByFromAscending(a, b) {
- var fromOne = getTextContent(a.getElementsByTagName("td")[1]).toLowerCase();
- var fromTwo = getTextContent(b.getElementsByTagName("td")[1]).toLowerCase();
- return (fromOne.charCodeAt(0) - fromTwo.charCodeAt(0));
-}
-
+ var fromOne = a[2];
+ var fromTwo = b[2];
+ return strcmp(fromOne, fromTwo);
+};
function sortRowsByFromDescending(a, b) {
- var fromOne = getTextContent(a.getElementsByTagName("td")[1]).toLowerCase();
- var fromTwo = getTextContent(b.getElementsByTagName("td")[1]).toLowerCase();
- return (fromTwo.charCodeAt(0) - fromOne.charCodeAt(0));
-}
-
+ 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.ctdlMsgId;
+ var msgId = parent.getAttribute("citadel:msgid");
// If the ctrl key modifier wasn't used, unmark all rows and load the message
if (!event.shiftKey && !event.ctrlKey && !event.altKey) {
unmarkAllRows();
- markedRowId = parent.ctdlRowId;
+ markedRowId = parent.getAttribute("citadel:ctdlrowid");
+ document.getElementById("preview_pane").innerHTML = "";
new Ajax.Updater('preview_pane', 'msg/'+msgId, {method: 'get'});
markRow(parent);
new Ajax.Request('ajax_servcmd', {
method: 'post',
parameters: 'g_cmd=SEEN ' + msgId + '|1',
onComplete: CtdlMarkRowAsRead(parent)});
+ // If the shift key modifier is used, mark a range...
} else if (event.button != 2 && event.shiftKey) {
markRow(parent);
var rowId = parent.ctdlRowId;
WCLog("Marking row "+x);
markRow(rowArray[x]);
}
+ // If the ctrl key modifier is used, toggle one message
} else if (event.button != 2 && (event.ctrlKey || event.altKey)) {
- markRow(parent);
+ if (parent.ctdlMarked == true) {
+ unmarkRow(parent);
+ }
+ else {
+ markRow(parent);
+ }
}
}
function CtdlMarkRowAsRead(rowElement) {
function removeOldSortClass() {
if (currentSorterToggle) {
var classes = currentSorterToggle.className;
- classes = classes.replace("current_sort_mode","");
+ /* classes = classes.replace("current_sort_mode","");
classes = classes.replace("sort_ascending","");
- classes = classes.replace("sort_descending","");
- currentSorterToggle.className = classes;
+ classes = classes.replace("sort_descending",""); */
+ currentSorterToggle.className = "";
}
}
-function markRow( row) {
- var msgId = row.ctdlMsgId;
+function markRow(row) {
+ var msgId = row.getAttribute("citadel:msgid");
row.className = row.className += " marked_row";
- row.ctdlMarked = true;
+ row.setAttribute("citadel:marked","marked");
currentlyMarkedRows[msgId] = row;
}
function unmarkRow(row) {
- var msgId = row.ctdlMsgId;
+ var msgId = row.getAttribute("citadel:msgid");
row.className = row.className.replace("marked_row","");
- row.ctdlMarked = false;
+ row.removeAttribute("citadel:marked");
delete currentlyMarkedRows[msgId];
}
function unmarkAllRows() {
rowArray = newRowArray;
resortAndDisplay(null);
}
-function CtdlMessageListKeyUp(event) {
- var key = event.which;
- if (key == 46) { // DELETE
+
+function deleteAllSelectedMessages() {
for(msgId in currentlyMarkedRows) {
+ if (!room_is_trash) {
new Ajax.Request('ajax_servcmd',
{method: 'post',
parameters: 'g_cmd=MOVE ' + msgId + '|_TRASH_|0'
});
+ } else {
+ new Ajax.Request('ajax_servcmd', {method: 'post',
+ parameters: 'g_cmd=DELE '+msgId});
+ }
}
+ document.getElementById("preview_pane").innerHTML = "";
deleteAllMarkedRows();
- }
+}
+
+function CtdlMessageListKeyUp(event) {
+ var key = event.which;
+ if (key == 46) { // DELETE
+ deleteAllSelectedMessages();
+ }
}
function clearMessage(msgId) {
function sizePreviewPane() {
var preview_pane = document.getElementById("preview_pane");
- var content = $('content'); // we'd like to use prototype methods here
+ 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 heightOfContent = content.offsetHeight;
- for(var i=0; i<childElements.length; i++) {
- var element = childElements[i];
- if (element.id != 'preview_pane') {
- var height = element.offsetHeight;
- sizeOfElementsAbove += height;
- }
+ var heightOfViewPort = document.viewport.getHeight() // prototypejs method
+ var bannerHeight = banner.offsetHeight;
+ var contentViewPortHeight = heightOfViewPort-banner.offsetHeight-message_list_hdr.offsetHeight;
+ contentViewPortHeight = 0.98 * contentViewPortHeight; // leave some error
+ // Set summary_view to 20%;
+ var summary_height = ctdlLocalPrefs.readPref("svheight");
+ if (summary_height == null) {
+ summary_height = 0.20 * contentViewPortHeight;
}
- preview_pane.style.height = (heightOfContent-sizeOfElementsAbove)+"px";
+ // 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 summary_view = document.getElementById("summary_view");
var summaryViewHeight = summary_view.offsetHeight;
var increment = clientY-saved_y;
- summary_view.style.height = (increment+summaryViewHeight)+"px";
+ 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";
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;
function setupPageSelector() {
var summpage = document.getElementById("summpage");
+ var select_page = document.getElementById("selectpage");
summpage.innerHTML = "";
if (is_safe_mode) {
- summpage.parentNode.style.display="inline !important"; //override webcit.css
+ WCLog("unhiding parent page");
+ select_page.className = "";
} else {
return;
}
- var pages = nummsgs / 500;
+ var pages = nummsgs / 499;
for(var i=0; i<pages; i++) {
var opt = document.createElement("option");
- var startmsg = i * 500;
+ 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();
}
projects / citadel.git / blobdiff