-/** 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 message_view = null;
var currentSorterToggle = null;
var query = "";
var currentlyMarkedRows = new Object();
+var markedRowId = null;
var mouseDownEvent = null;
var exitedMouseDown = false;
+var currentPage = 0;
var sortModes = {
"rdate" : sortRowsByDateDescending,
"date" : sortRowsByDateAscending,
"rsender" : sortRowsByFromDescending
};
var toggles = {};
-window.console = window.console || {};
-var opera = opera || null;
-if (opera && opera.postError) {
- console.log = opera.postError;
-}
+
var nummsgs = 0;
var startmsg = 0;
function createMessageView() {
mlh_subject.observe('click',ApplySort);
mlh_from.observe('click',ApplySort);
$(document).observe('keyup',CtdlMessageListKeyUp,false);
- window.oncontextmenu = function() { return 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();
+ setupDragDrop(); // here for now
}
function getMessages() {
if (loadingMsg.parentNode == null) {
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)+500;
+ //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;
}
var msgs = data['msgs'];
var length = msgs.length;
rowArray = new Array(); // store so they can be sorted
+ WCLog("Row array length: "+rowArray.length);
var start = new Date();
for(var i=0; i<length;i++) {
var trElement = document.createElement("tr");
var x=j;
if (x==4) x=3;
var classStmt = "col"+x;
- tdElement.setAttribute("class", classStmt);
+ //tdElement.setAttribute("class", classStmt);
+ tdElement.className = classStmt;
} catch (e) {
- if (window.console) {
- console.log("Error on #"+msgId +" col"+j+":"+e);
- }
+ WCLog("Error on #"+msgId +" col"+j+":"+e);
}
}
}
if (data[5]) {
- trElement.setAttribute("class", "new_message");
+ trElement.ctdlNewMsg = true;
}
trElement.dropEnabled = true;
- trElement.ctdlRowId = i;
trElement.ctdlMarked = false;
rowArray[i] = trElement;
}
var end = new Date();
- if (window.console) {
- var delta = end.getTime() - start.getTime();
- console.log("loadMessages construct: " + delta);
- }
+ var delta = end.getTime() - start.getTime();
+ WCLog("loadMessages construct: " + delta);
} 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);
}
- loadingMsg.parentNode.removeChild(loadingMsg);
- setupPageSelector();
- query = "";
+ if (loadingMsg.parentNode != null) {
+ loadingMsg.parentNode.removeChild(loadingMsg);
+ }
+ sizePreviewPane();
}
function resortAndDisplay(sortMode) {
+ WCLog("Begin resortAndDisplay");
var start = new Date();
- emptyElement(message_view);
+ /* 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);
+ message_view = document.createElement("tbody");
+ message_view.setAttribute("id","message_list_body");
+ message_view.className="mailbox_summary";
+ message_view_parent.appendChild(message_view);
+
var fragment = document.createDocumentFragment();
if (sortMode != null) {
rowArray.sort(sortMode);
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","");
+ currentRow.setAttribute("class","");
+ var className = "";
if (((x-1) % 2) == 0) {
- className += " table-alt-row";
+ className = "table-alt-row";
} else {
- className += " table-row";
+ className = "table-row";
+ }
+ if (currentRow.ctdlNewMsg) {
+ className += " new_message";
}
currentRow.className = className;
/* Using element.onclick is evil, but until IE
than prototype observe */
currentRow.onclick = CtdlMessageListClick;
currentRow.ctdlDnDElement = summaryViewDragAndDropHandler;
+ currentRow.ctdlRowId = x;
fragment.appendChild(currentRow);
} catch (e) {
alert("Exception" + e);
}
message_view.appendChild(fragment);
var end = new Date();
- if (window.console) {
var delta = end.getTime() - start.getTime();
- console.log("resortAndDisplay sort and append: " + delta);
- }
+ WCLog("resortAndDisplay sort and append: " + delta);
ApplySorterToggle();
normalizeHeaderTable();
}
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));
+ 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));
+ 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));
+ 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));
+ return strcmp(fromTwo, fromOne);
}
function CtdlMessageListClick(evt) {
var target = event.target ? event.target: event.srcElement; // and again..
var parent = target.parentNode;
var msgId = parent.ctdlMsgId;
- // If the shift key modifier wasn't used, unmark all rows and load the message
- if (!event.shiftKey) {
+ // If the ctrl key modifier wasn't used, unmark all rows and load the message
+ if (!event.shiftKey && !event.ctrlKey && !event.altKey) {
unmarkAllRows();
- new Ajax.Updater('preview_pane', 'msg/'+msgId, {method: 'get'});
+ markedRowId = parent.ctdlRowId;
+ document.getElementById("preview_pane").innerHTML = "";
+ new Ajax.Updater('preview_pane', 'msg/'+msgId+'?Mail=1', {method: 'get'});
markRow(parent);
new Ajax.Request('ajax_servcmd', {
method: 'post',
parameters: 'g_cmd=SEEN ' + msgId + '|1',
onComplete: CtdlMarkRowAsRead(parent)});
- } else if (event.button != 2) {
+ } else if (event.button != 2 && event.shiftKey) {
+ markRow(parent);
+ var rowId = parent.ctdlRowId;
+ var startMarkingFrom = 0;
+ var finish = 0;
+ if (rowId > markedRowId) {
+ startMarkingFrom = markedRowId+1;
+ finish = rowId;
+ } else if (rowId < markedRowId) {
+ startMarkingFrom = rowId+1;
+ finish = markedRowId;
+ }
+ for(var x = startMarkingFrom; x<finish; x++) {
+ WCLog("Marking row "+x);
+ markRow(rowArray[x]);
+ }
+ } else if (event.button != 2 && (event.ctrlKey || event.altKey)) {
markRow(parent);
- // TODO: introduce code to mark rows inbetween
}
}
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) {
delete currentlyMarkedRows[msgId];
delete rowArray[rowArrayId];
}
+ // Now we have to reconstruct rowarray as the array length has changed */
+ var newRowArray = new Array();
+ var x=0;
+ for(var i=0; i<rowArray.length; i++) {
+ var currentRow = rowArray[i];
+ if (currentRow != null) {
+ newRowArray[x] = currentRow;
+ x++;
+ }
+ }
+ 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',
+ 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 opt = document.createElement("option");
var startmsg = i * 500;
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() {