]> code.citadel.org Git - citadel.git/blobdiff - webcit/static/summaryview.js
* iteratorstruct private again
[citadel.git] / webcit / static / summaryview.js
index b19e7efbde7181a00bbe5eae6a332e04fd45132a..930679de9368acced0765c84332bada8d0784cd9 100644 (file)
@@ -21,6 +21,7 @@ var markedRowId = null;
 var mouseDownEvent = null;
 var exitedMouseDown = false;
 
+var currentPage = 0;
 var sortModes = {
   "rdate" : sortRowsByDateDescending,
   "date" : sortRowsByDateAscending,
@@ -52,12 +53,11 @@ 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();
@@ -69,9 +69,10 @@ function getMessages() {
     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') {
@@ -103,6 +104,7 @@ function loadMessages(transport) {
   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");
@@ -128,14 +130,15 @@ function loadMessages(transport) {
       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) {
          WCLog("Error on #"+msgId +" col"+j+":"+e);
        }
       }
     }
     if (data[5]) {
-      trElement.setAttribute("class", "new_message");
+      trElement.ctdlNewMsg = true;
     }
     trElement.dropEnabled = true;
     trElement.ctdlMarked = false;
@@ -145,7 +148,7 @@ function loadMessages(transport) {
   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) {
@@ -163,10 +166,20 @@ function loadMessages(transport) {
   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);
@@ -175,13 +188,15 @@ function resortAndDisplay(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 
@@ -247,6 +262,7 @@ function CtdlMessageListClick(evt) {
   if (!event.shiftKey && !event.ctrlKey && !event.altKey) {
     unmarkAllRows();
     markedRowId = parent.ctdlRowId;
+    document.getElementById("preview_pane").innerHTML = "";
     new Ajax.Updater('preview_pane', 'msg/'+msgId, {method: 'get'});
     markRow(parent);
     new Ajax.Request('ajax_servcmd', {
@@ -313,10 +329,10 @@ function getSortMode(toggleElem) {
 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) {
@@ -361,11 +377,17 @@ function CtdlMessageListKeyUp(event) {
   var key = event.which;
   if (key == 46) { // DELETE
     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();
   }
 }
@@ -407,18 +429,26 @@ function CtdlResizeMouseDown(event) {
 
 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;
@@ -426,7 +456,10 @@ function CtdlResizeMouseMove(event) {
   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";
@@ -457,6 +490,7 @@ function ApplySorterToggle() {
 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;
@@ -465,9 +499,11 @@ function normalizeHeaderTable() {
 
 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;
   }
@@ -476,6 +512,9 @@ function setupPageSelector() {
     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);
   }
@@ -483,6 +522,7 @@ function setupPageSelector() {
 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();
 }