Events list is done.

UI/WebServerResources/UIxCalViewPrint.js

@@ -22,10 +22,14 @@
 	02111-1307, USA.
 */
 
+/******************************** Global variables *******************************************/
+var firstDayOfWeek = window.opener.firstDayOfWeek;
+var displayTime;
+/*********************************************************************************************/
 
 this.onAdjustTime = function(event) {
 	onAdjustDueTime(event);
-};
+}
 
 this.onAdjustDueTime = function(event) {
   /*var dateDelta = (window.getStartDate().valueOf() - window.getShadowStartDate().valueOf());
@@ -33,13 +37,13 @@ this.onAdjustDueTime = function(event) {
   window.setDueDate(newDueDate);*/
 
 	window.timeWidgets['start']['date'].updateShadowValue();
-};
+}
 
 this.initTimeWidgets = function (widgets) {
 	this.timeWidgets = widgets;
   
-  jQuery(widgets['start']['date']).closest('.date').datepicker({autoclose: true, weekStart: 0, position: "bellow"});
-  jQuery(widgets['end']['date']).closest('.date').datepicker({autoclose: true, weekStart: 0, position: "bellow"});
+  jQuery(widgets['start']['date']).closest('.date').datepicker({autoclose: true, weekStart: 0});
+  jQuery(widgets['end']['date']).closest('.date').datepicker({autoclose: true, weekStart: 0});
   
   //jQuery(widgets['start']['date']).change(onAdjustTime);
   
@@ -50,10 +54,201 @@ this.initTimeWidgets = function (widgets) {
                                                                 setStartDate: lastDay,
                                                                    startView: 2,
                                                                     position: "below-shifted-left"});*/
-};
+}
+function refreshCalendarDisplay(){
+    refreshCalendarEvents();
+    refreshCalendarTasks();
+}
 
+function refreshCalendarTasks(){
+  
+}
 
+function refreshCalendarEvents() {
+  var todayDate = new Date();
+  var sd;
+  var ed;
+  var currentDay = window.parentvar("currentDay");
+  var currentView = window.parentvar("currentView");
+  
+  if (!currentDay)
+    currentDay = todayDate.getDayString();
+  
+  if (currentView == "dayview") {
+    sd = currentDay;
+    ed = sd;
+  }
+  else if (currentView == "weekview") {
+    var startDate;
+    startDate = currentDay.asDate();
+    startDate = startDate.beginOfWeek();
+    sd = startDate.getDayString();
+    var endDate = new Date();
+    endDate.setTime(startDate.getTime());
+    endDate.addDays(6);
+    ed = endDate.getDayString();
+  }
+  else {
+    var monthDate;
+    monthDate = currentDay.asDate();
+    monthDate.setDate(1);
+    sd = monthDate.beginOfWeek().getDayString();
+    
+    var lastMonthDate = new Date();
+    lastMonthDate.setTime(monthDate.getTime());
+    lastMonthDate.setMonth(monthDate.getMonth() + 1);
+    lastMonthDate.addDays(-1);
+    ed = lastMonthDate.endOfWeek().getDayString();
+  }
+  if (document.refreshCalendarEventsAjaxRequest) {
+    document.refreshCalendarEventsAjaxRequest.aborted = true;
+    document.refreshCalendarEventsAjaxRequest.abort();
+  }
+  var url = (ApplicationBaseURL + "/eventsblocks?sd=" + sd + "&ed=" + ed
+             + "&view=" + currentView);
+  
+  document.refreshCalendarEventsAjaxRequest
+  = triggerAjaxRequest(url, refreshCalendarEventsCallback,
+                       {"startDate": sd, "endDate": ed});
+}
 
+function refreshCalendarEventsCallback(http) {
+  if (http.readyState == 4
+      && http.status == 200) {
+    if (http.responseText.length > 0) {
+      var layout = $("printLayoutList").value;
+      var eventsBlocks = http.responseText.evalJSON(true);
+      $("rightFrameEvents").innerHTML = "";
+      // 0 == listLayout
+      if (layout == "0"){
+        _drawListEvents(eventsBlocks);
+      }
+      // 1 == weekLayout
+      if (layout == "1"){
+        _drawWeekEvents(eventsBlocks);
+      }
+      // 2 == monthLayout
+      if (layout == "2"){
+        _drawMonthEvents(eventsBlocks);
+      }
+    }
+  }
+  else
+    log("AJAX error when refreshing calendar events");
+}
+
+function _drawListEvents(eventsBlocks) {
+  for(var i=0; i<eventsBlocks[0].length; i++)
+  {
+    var event = _parseEvent(eventsBlocks[0][i]);
+    $("rightFrameEvents").innerHTML += event;
+  }
+}
+
+function _parseEvent(event)
+{
+  var startDate = new Date(event[5] *1000);
+  var endDate = new Date(event[6] *1000);
+	var parsedEvent;
+	parsedEvent = "<div class=divEventsPreview><table>";
+  parsedEvent += "<tr><td><b>"+ event[4] +"</b></td></tr>";
+  if (displayTime)
+    parsedEvent += "<tr><td>"+ startDate.toLocaleString() + " - " + endDate.toLocaleString() + "</td></tr>";
+  else
+    parsedEvent += "<tr><td>"+ startDate.toGMTString() + "<br />" + endDate.toGMTString() + "</td></tr>";
+  parsedEvent += "<tr><td>Calendar : " + event[2] + "</td></tr>";
+  parsedEvent += "</table></div>";
+	return parsedEvent;
+}
+
+function _drawMonthCalendarEvents(events, eventsData) {
+  var daysView = $("monthDaysView");
+  var days = daysView.childNodesWithTag("div");
+  for (var i = 0; i < days.length; i++) {
+    var parentDiv = days[i];
+    for (var j = 0; j < events[i].length; j++) {
+      var eventRep = events[i][j];
+      var nbr = eventRep.nbr;
+      var eventCell = newMonthEventDIV(eventRep, eventsData[nbr]);
+      parentDiv.appendChild(eventCell);
+    }
+  }
+}
+
+/*********************** Input Field, Checkboxes, Radio and listMenu *********************************/
+
+function onInputTitle(event){
+  var titleValue = $("title").value;
+  if (titleValue)
+    document.getElementById("rightFrameTitle").innerHTML = titleValue + "<br />";
+  else
+    document.getElementById("rightFrameTitle").innerHTML = titleValue;
+}
+
+function onPrintLayoutListChange(event) {
+  // TODO : Common filtering; what to display on the view
+  
+  // legend for the events display; 0=list, 1=week, 2=month
+  
+  refreshCalendarDisplay();
+}
+
+function initializeLayoutList() {
+  var printLayoutList = $("printLayoutList");
+  var title = $("title");
+  if (printLayoutList) {
+    onPrintLayoutListChange();
+    printLayoutList.observe("change", onPrintLayoutListChange);
+    
+  }
+  if (title){
+    title.observe("change", onInputTitle);
+  }
+}
+
+function onTasksCheck(checkBox) {
+  if (checkBox) {
+    var printOptions = document.getElementsByName("printOptions");
+    for (var i = 0; i < printOptions.length; i++)
+      if (printOptions[i] != checkBox)
+        printOptions[i].disabled = !checkBox.checked;
+    
+    if(checkBox.checked)
+      document.getElementById("rightFrameTasks").style.display = 'block';
+    else
+      document.getElementById("rightFrameTasks").style.display = 'none';
+  }
+}
+
+function onEventsCheck(checkBox) {
+  if (checkBox){
+    if(checkBox.checked)
+      document.getElementById("rightFrameEvents").style.display = 'block';
+    else
+      document.getElementById("rightFrameEvents").style.display = 'none';
+  }
+    
+}
+
+function printDateCheck() {
+  var dateRange = document.getElementsByName("dateRange");
+  var customDate = document.getElementById("customDate");
+  for (var i = 0; i < dateRange.length; i++)
+    if (dateRange[i].children[1].children[0].disabled == customDate.checked)
+      dateRange[i].children[1].children[0].disabled = !customDate.checked;
+}
+
+function displayTimeCheck(){
+  var radioButtons = document.getElementsByName("printTime");
+  if (radioButtons[0].checked)
+    displayTime = true;
+  else
+    displayTime = false;
+
+  refreshCalendarDisplay();
+}
+
+/******************************* Buttons ***********************************************/
 
 function onPrintCancelClick(event) {
   this.blur();
@@ -64,8 +259,7 @@ function onPrintClick(event) {
   this.blur();
   window.print();
 }
-
-
+/**************************** Initialization *******************************************/
 
 function init() {
   
@@ -75,7 +269,10 @@ function init() {
   var widgets = {'start': {'date': $("startingDate")},
                  'end':   {'date': $("endingDate")}};
   initTimeWidgets(widgets);
-
+  printDateCheck();
+  displayTimeCheck();
+  initializeLayoutList();
+  refreshCalendarDisplay();
 }
 
 document.observe("dom:loaded", init);