]> code.citadel.org Git - citadel.git/blobdiff - webcit/static/summaryview.js
* Fix some IE (mainly IE6) overflow issues
[citadel.git] / webcit / static / summaryview.js
index d686980c1028d911206f602fb2982c21e367c383..0b0e1e405e019094800f5173ed627e8427a8ad5e 100644 (file)
@@ -16,6 +16,7 @@ var mlh_from = null;
 var currentSorterToggle = null;
 var query = "";
 var currentlyMarkedRows = new Object();
+var markedRowId = null;
 
 var mouseDownEvent = null;
 var exitedMouseDown = false;
@@ -30,11 +31,7 @@ var sortModes = {
   "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() {
@@ -55,15 +52,15 @@ 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) {
@@ -130,11 +127,10 @@ 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) {
-         if (!!window.console) {
-           console.log("Error on #"+msgId +" col"+j+":"+e);
-         }
+         WCLog("Error on #"+msgId +" col"+j+":"+e);
        }
       }
     }
@@ -142,17 +138,14 @@ function loadMessages(transport) {
       trElement.setAttribute("class", "new_message");
     }
     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) {
@@ -164,11 +157,13 @@ function loadMessages(transport) {
   if (!is_safe_mode) {
   resortAndDisplay(sortRowsByDateDescending);
   } else {
+    setupPageSelector();
     resortAndDisplay(null);
   }
-  loadingMsg.parentNode.removeChild(loadingMsg);
-  setupPageSelector();
-  query = "";
+  if (loadingMsg.parentNode != null) {
+    loadingMsg.parentNode.removeChild(loadingMsg);
+  }
+  sizePreviewPane();
 }
 function resortAndDisplay(sortMode) {
   var start = new Date();
@@ -195,6 +190,7 @@ function resortAndDisplay(sortMode) {
        than prototype observe */
     currentRow.onclick = CtdlMessageListClick;
     currentRow.ctdlDnDElement = summaryViewDragAndDropHandler;
+    currentRow.ctdlRowId = x;
     fragment.appendChild(currentRow);
     } catch (e) {
       alert("Exception" + e);
@@ -202,10 +198,8 @@ function resortAndDisplay(sortMode) {
   }
   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();
 }
@@ -250,18 +244,35 @@ 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();
+    markedRowId = parent.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)});
-  } 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) {
@@ -335,16 +346,34 @@ function deleteAllMarkedRows() {
     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
     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();
   }
 }
@@ -386,18 +415,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;
@@ -405,7 +442,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";
@@ -436,6 +476,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;
@@ -444,9 +485,10 @@ 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
+    summpage.parentNode.setAttribute("style","display: inline !important"); //override webcit.css
   } else {
     return;
   }
@@ -462,6 +504,7 @@ function setupPageSelector() {
 function getPage(event) {
   var target = event.target;
   startmsg = target.options.item(target.selectedIndex).value;
+  //query = ""; // We are getting a page from the _entire_ msg list, don't query
   getMessages();
 }
 function takeOverSearchOMatic() {