its wCLog now, as js styleguides command us.
[citadel.git] / webcit / static / summaryview.js
index 80ff3414df8fba6e12683b3ff2bf13ba1dffdf6b..109b3fd46d69e2c131df08778cce21d5d5d99fa6 100644 (file)
@@ -62,6 +62,14 @@ 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");
@@ -85,7 +93,12 @@ function createMessageView() {
        document.getElementById('m_refresh').setAttribute("href","#");
        Event.observe(document.onresize ? document : window, "resize", normalizeHeaderTable);
        Event.observe(document.onresize ? document : window, "resize", sizePreviewPane);
-       $('summpage').observe('change', getPage);
+       if ( $('summpage') ) {
+               $('summpage').observe('change', getPage);
+       }
+       else {
+               alert('error: summpage does not exist');
+       }
        takeOverSearchOMatic();
        setupDragDrop(); // here for now
 }
@@ -143,10 +156,11 @@ function loadMessages(transport) {
                        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);
+               wCLog("Row array length: "+rowArray.length);
        } catch (e) {
                //window.alert(e+"|"+e.description);
        }
@@ -167,9 +181,10 @@ function loadMessages(transport) {
                loadingMsg.parentNode.removeChild(loadingMsg);
        }
        sizePreviewPane();
+        refreshMessageCounter();
 }
 function resortAndDisplay(sortMode) {
-       WCLog("Begin resortAndDisplay");
+       wCLog("Begin resortAndDisplay");
   
        /* We used to try and clear out the message_view element,
           but stupid IE doesn't even do that properly */
@@ -181,14 +196,14 @@ function resortAndDisplay(sortMode) {
                        msgs.sort(sortMode);
                }
        } catch (e) {
-               WCLog("Sort error: " + e);
+               wCLog("Sort error: " + e);
        }
        var endSort = new Date();
-       WCLog("Sort rowArray in " + (endSort-startSort));
+       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\">";
+       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];
@@ -211,20 +226,20 @@ function resortAndDisplay(sortMode) {
                        var i = x+1;
                        compiled[i] = trTemplate.join("");
                } catch (e) {
-                       WCLog("Exception on row " +  x + ":" + e);
+                       wCLog("Exception on row " +  x + ":" + e);
                }
        }
-       compiled[length+2] = "</tbody>";
+       compiled[length+2] = "</table>";
        var end = new Date();
-       WCLog("iterate: " + (end-start));
+       wCLog("iterate: " + (end-start));
        var compile = compiled.join("");
        start = new Date();
        $(message_view_parent).update(compile);
-       message_view_parent.onclick = CtdlMessageListClick;
+       message_view_parent.observe('click', CtdlMessageListClick);
        message_view = message_view_parent.firstChild;
        end = new Date();
        var delta = end.getTime() - start.getTime();
-       WCLog("append: " + delta);
+       wCLog("append: " + delta);
        ApplySorterToggle();
        normalizeHeaderTable();
 }
@@ -259,68 +274,97 @@ function sortRowsByFromDescending(a, b) {
        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");
-       // If the ctrl key modifier wasn't used, unmark all rows and load the message
-       if (!event.shiftKey && !event.ctrlKey && !event.altKey) {
-               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);
-               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) {
-               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 (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 && (event.ctrlKey || event.altKey)) {
-               if (parent.getAttribute("citadel:marked")) {
-                       unmarkRow(parent);
-               }
-               else {
-                       markRow(parent);
-               }
+    /* 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;
@@ -357,10 +401,10 @@ function getSortMode(toggleElem) {
 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 = classes.replace("current_sort_mode","");
+               classes = classes.replace("sort_ascending","");
+               classes = classes.replace("sort_descending","");
+               currentSorterToggle.className = classes;
        }
 }
 function markRow(row) {
@@ -383,10 +427,16 @@ function unmarkAllRows() {
 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);
@@ -400,27 +450,55 @@ function deleteAllMarkedRows() {
        }
        msgs = newMsgs;
        resortAndDisplay(null);
+       refreshMessageCounter();
 }
-
 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});
+    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 = "";
        }
-       document.getElementById("preview_pane").innerHTML = "";
-       deleteAllMarkedRows();
+    }
+
+    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;
-       if (key == 46) { // DELETE
+       var key = event.which || event.keyCode;
+
+       if (key == 46) {                                /* DELETE */
                deleteAllSelectedMessages();
        }
 }
@@ -471,7 +549,7 @@ function sizePreviewPane() {
        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
+       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) {
@@ -519,7 +597,8 @@ function ApplySorterToggle() {
        }
        currentSorterToggle.className = className;
 }
-/** Hack to make the header table line up with the data */
+
+/* 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");
@@ -535,7 +614,7 @@ function setupPageSelector() {
        var select_page = document.getElementById("selectpage");
        summpage.innerHTML = "";
        if (is_safe_mode) {
-               WCLog("unhiding parent page");
+               wCLog("unhiding parent page");
                select_page.className = "";
        } else {
                return;
@@ -552,6 +631,7 @@ function setupPageSelector() {
                summpage.appendChild(opt);
        }
 }
+
 function getPage(event) {
        var target = event.target;
        startmsg = target.options.item(target.selectedIndex).value;
@@ -559,6 +639,7 @@ function getPage(event) {
        //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