/* -*- Mode: js2-mode; tab-width: 4; c-label-minimum-indentation: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*- */
/*
Copyright (C) 2006-2014 Inverse
This file is part of SOGo
SOGo is free software; you can redistribute it and/or modify it under
the terms of the GNU Lesser General Public License as published by the
Free Software Foundation; either version 2, or (at your option) any
later version.
SOGo is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or
FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public
License for more details.
You should have received a copy of the GNU Lesser General Public
License along with SOGo; see the file COPYING. If not, write to the
Free Software Foundation, 59 Temple Place - Suite 330, Boston, MA
02111-1307, USA.
*/
/******************************** Global variables *******************************************/
var firstDayOfWeek = window.opener.firstDayOfWeek;
var printCompletedTasks=1;
var printNoDueDateTasks=true;
var printColors= { checked:true, style:"borders" };
var eventsBlocks;
var currentPreview;
var currentDay = window.parentvar("currentDay");
var sd, ed;
/****************************************** Ajax Requests, callbacks & events/tasks drawings ***************************************************/
function refreshContent() {
refreshEvents(); // Get the eventBlocks and draw them
refreshTasks(); // Get the taskLists and draw them
}
function updateDisplayView(data, newView) {
newView = ((newView) ? newView : currentPreview);
var url = ApplicationBaseURL + "/" + newView;
var day = null;
if (data)
day = data['day'];
if (!day)
day = currentDay;
if (day) {
if (data) {
var dayDiv = $("day"+day);
if (dayDiv) {
// Don't reload the view if the event is present in current view
// Deselect day in date selector
if (document.selectedDate)
document.selectedDate.deselect();
// Select day in date selector
var selectedLink = $$('table#dateSelectorTable span[day='+day+']');
if (selectedLink.length > 0) {
selectedCell = selectedLink[0].getParentWithTagName("td");
$(selectedCell).selectElement();
document.selectedDate = selectedCell;
}
else
document.selectedDate = null;
setSelectedDayDate(day);
return false;
}
else if (day.length == 6)
day += "01";
}
url += "?day=" + day;
}
selectedCalendarCell = null;
if (document.dayDisplayAjaxRequest) {
document.dayDisplayAjaxRequest.aborted = true;
document.dayDisplayAjaxRequest.abort();
}
document.dayDisplayAjaxRequest = triggerAjaxRequest(url, previewDisplayCallback,
{ "view": newView, "day": day});
}
function previewDisplayCallback(http) {
if (http.readyState == 4
&& http.status == 200) {
$("rightFrameEvents").innerHTML = http.responseText;
$("currentViewMenu").remove();
$("listCollapse").remove();
if (currentPreview == "multicolumndayview")
_drawCalendarAllDayEvents(null, null, eventsBlocks);
else {
allDayEventsList = eventsBlocks[1];
if (currentPreview == "monthview") {
//_drawMonthCalendarEvents(eventsList, eventsBlocks[0], null);
}
else
_drawCalendarAllDayEvents(allDayEventsList, eventsBlocks[0], null);
}
// This ensure to diplay working hours checkbox when switching views
var printHoursCheckBox = $("printHours");
onPrintWorkingHoursCheck(printHoursCheckBox);
// Add events color for each calendars
//addCalendarsColor();
}
else
log ("calendarDisplayCallback Ajax error ("+ http.readyState + "/" + http.status + ")");
return false;
}
function addCalendarsColor () {
var allCalendars = window.parent$("calendarList");
var allColors = window.parentvar("UserSettings")['Calendar']['FolderColors'];
for (var i = 0; i < allCalendars.children.length; i++) {
if (allCalendars.children[i].down("input").checked){
owner = allCalendars.children[i].getAttribute("owner");
folderName = allCalendars.children[i].getAttribute("id").substr(1);
color = allColors[owner + ":Calendar/" + folderName];
if (!color) {
if(folderName.split("_")[1])
color = allColors[owner + ":Calendar/" + folderName.split("_")[1]];
else
color = "#AAAAAA";
}
appendStyleElement(folderName, color);
}
}
}
function refreshEvents() {
var todayDate = new Date();
if (!currentDay)
currentDay = todayDate.getDayString();
if (currentPreview == "dayview" || currentPreview == "multicolumndayview") {
sd = currentDay;
ed = sd;
}
else if (currentPreview == "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.refreshEventsAjaxRequest) {
document.refreshEventsAjaxRequest.aborted = true;
document.refreshEventsAjaxRequest.abort();
}
var url = (ApplicationBaseURL + "/eventsblocks?sd=" + sd + "&ed=" + ed
+ "&view=" + currentPreview);
document.refreshEventsAjaxRequest
= triggerAjaxRequest(url, refreshEventsCallback,
{"startDate": sd, "endDate": ed});
}
function refreshTasks(){
if (document.tasksListAjaxRequest) {
document.tasksListAjaxRequest.aborted = true;
document.tasksListAjaxRequest.abort();
}
var taskListFilter = window.parentvar("taskListFilter");
url = window.parentvar("ApplicationBaseURL") + "/" + "taskslist?show-completed=" + printCompletedTasks
+ "&asc=" + sorting["task-ascending"]
+ "&sort=" + sorting["task-attribute"]
+ "&filterpopup=" + taskListFilter;
// TODO : Is that really necessary ?
var tasksList = window.parent$("tasksList");
var selectedIds;
if (tasksList)
selectedIds = tasksList.getSelectedNodesId();
else
selectedIds = null;
document.tasksListAjaxRequest = triggerAjaxRequest(url, refreshTasksListCallback, selectedIds);
}
function refreshEventsCallback(http) {
if (http.readyState == 4
&& http.status == 200) {
if (http.responseText.length > 0) {
eventsBlocks = http.responseText.evalJSON(true);
$("rightFrameEvents").innerHTML = "";
if ($("printLayoutList").value == "0" && eventsBlocks.length > 0) {
_drawEventsCells(eventsBlocks);
}
else {
updateDisplayView(null, currentPreview);
}
adjustFrames();
}
}
else
log("AJAX error when refreshing calendar events");
}
function refreshTasksListCallback(http) {
if (http.readyState == 4
&& http.status == 200) {
if (http.responseText.length > 0) {
var tasksBlocks = http.responseText.evalJSON(true);
$("rightFrameTasks").innerHTML = "";
if (tasksBlocks.length > 0) {
_drawTasksCells(tasksBlocks);
adjustFrames();
}
}
}
else
log("AJAX error when refreshing calendar events");
}
function _drawEventsCells(eventsBlocks) {
var events = _("Events");
$("rightFrameEvents").insert("
"+events+"
");
if (currentPreview == "multicolumndayview") {
for(var i=0; i < eventsBlocks.length; i++) { // calendars
for (var j = 0; j < eventsBlocks[i][0].length; j++) {
var event = _parseEvent(eventsBlocks[i][0][j]);
$("rightFrameEvents").insert(event);
}
}
}
else {
for(var i=0; i < eventsBlocks[0].length; i++) {
var event = _parseEvent(eventsBlocks[0][i]);
$("rightFrameEvents").insert(event);
}
}
}
function _drawTasksCells(tasksBlocks) {
var task = _("Tasks");
$("rightFrameTasks").insert(""+task+"
");
for(var i=0; i < tasksBlocks.length; i++) {
if (!(printNoDueDateTasks == false && tasksBlocks[i][5] == null)) {
var task = _parseTask(tasksBlocks[i]);
$("rightFrameTasks").insert(task);
}
}
}
function addColorsOnEvents(eventInside, eventCell) {
if (printColors.checked == true) {
if (printColors.style == "borders") {
var string = "borderC" + eventInside.getAttribute("class").split(" ")[1].substr(1);
Element.addClassName(eventCell, string);
}
else if(printColors.style == "backgrounds") {
var string = "backgroundC" + eventInside.getAttribute("class").split(" ")[1].substr(1);
Element.addClassName(eventInside, string);
}
}
}
function _drawCalendarEvents(events, eventsData, columnsData) {
var daysView = $("daysView");
var subdivs = daysView.childNodesWithTag("div");
var printHoursCheckBox = $("printHours");
for (var i = 0; i < subdivs.length; i++) {
var subdiv = subdivs[i];
if (subdiv.hasClassName("days")) {
var days = subdiv.childNodesWithTag("div");
if (currentPreview == "multicolumndayview") {
for (var j = 0; j < days.length; j++) {
var parentDiv = days[j].childNodesWithTag("div")[0];
var calendar = columnsData[j];
var calendarEvents = calendar[2][0];
var calendarEventsData = calendar[0];
if (parentDiv.getElementsByClassName("event").length > 0) {
var oldEvents = parentDiv.getElementsByClassName("event");
var length = oldEvents.length - 1;
for (var x = length; x >= 0; x--)
oldEvents[x].remove();
}
for (var k = 0; k < calendarEvents.length; k++) {
var eventRep = calendarEvents[k];
var nbr = eventRep.nbr;
if (printHoursCheckBox.checked) {
var offset = _computeOffset(parentDiv);
if ((eventRep.start - offset[0]) >= 0 && (eventRep.start - offset[0]) <= offset[1]) {
var eventCell = newEventDIV(eventRep, calendarEventsData[nbr], offset[0]);
var eventInside = eventCell.down(".eventInside");
addColorsOnEvents(eventInside, eventCell);
parentDiv.appendChild(eventCell);
}
}
else {
var eventCell = newEventDIV(eventRep, calendarEventsData[nbr], null);
var eventInside = eventCell.down(".eventInside");
addColorsOnEvents(eventInside, eventCell);
parentDiv.appendChild(eventCell);
}
}
}
}
else {
for (var j = 0; j < days.length; j++) {
var parentDiv = days[j].childNodesWithTag("div")[0];
if (parentDiv.getElementsByClassName("event").length > 0) {
var oldEvents = parentDiv.getElementsByClassName("event");
var length = oldEvents.length - 1;
for (var x = length; x >= 0; x--)
oldEvents[x].remove();
}
for (var k = 0; k < events[j].length; k++) {
var eventRep = events[j][k];
var nbr = eventRep.nbr;
if (printHoursCheckBox.checked) {
var offset = _computeOffset(parentDiv);
if ((eventRep.start - offset[0]) >= 0 && (eventRep.start - offset[0]) <= offset[1]) {
var eventCell = newEventDIV(eventRep, eventsData[nbr], offset[0]);
var eventInside = eventCell.down(".eventInside");
addColorsOnEvents(eventInside, eventCell);
parentDiv.appendChild(eventCell);
}
}
else {
var eventCell = newEventDIV(eventRep, eventsData[nbr], null);
var eventInside = eventCell.down(".eventInside");
addColorsOnEvents(eventInside, eventCell);
parentDiv.appendChild(eventCell);
}
}
}
}
}
}
}
function _drawCalendarAllDayEvents(events, eventsData, columnsData) {
var headerView = $("calendarHeader");
var subdivs = headerView.childNodesWithTag("div");
if (currentPreview == "multicolumndayview") {
var days = subdivs[2].childNodesWithTag("div");
for (var i = 0; i < days.length; i++) {
var parentDiv = days[i];
var calendar = columnsData[i];
var calendarAllDayEvents = calendar[1][0];
var calendarAllDayEventsData = calendar[0];
for (var j = 0; j < calendarAllDayEvents.length; j++) {
var eventRep = calendarAllDayEvents[j];
var nbr = eventRep.nbr;
var eventCell = newAllDayEventDIV(eventRep, calendarAllDayEventsData[nbr]);
parentDiv.appendChild(eventCell);
}
}
}
else {
var days = subdivs[1].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 = newAllDayEventDIV(eventRep, eventsData[nbr]);
parentDiv.appendChild(eventCell);
}
}
}
adjustPreviewHeader();
}
// todo : month
function newEventDIV(eventRep, event, offset) {
var eventCell = newBaseEventDIV(eventRep, event, event[4]);
var pc = 100 / eventRep.siblings;
var left = Math.floor(eventRep.position * pc);
eventCell.style.left = left + "%";
var right = Math.floor(100 - (eventRep.position + 1) * pc);
eventCell.style.right = right + "%";
if (offset != null) {
eventCell.addClassName("starts" + (eventRep.start - offset));
}
else {
eventCell.addClassName("starts" + eventRep.start);
}
eventCell.addClassName("lasts" + eventRep.length);
if (event[7]) {
var inside = eventCell.childNodesWithTag("div")[0];
var textDiv = inside.childNodesWithTag("div")[1];
textDiv.appendChild(createElement("br"));
var span = createElement("span", null, "location");
var text = _("Location:") + " " + event[7];
span.update(text);
textDiv.appendChild(span);
}
return eventCell;
}
function newBaseEventDIV(eventRep, event, eventText) {
// log ("0 cname = " + event[0]);
// log ("1 calendar = " + event[1]);
// log ("2 calendar name = " + event[2]);
// log ("3 status = " + event[3]);
// log ("4 title = " + event[4]);
// log ("5 start = " + event[5]);
// log ("6 end = " + event[6]);
// log ("7 location = " + event[7]);
// log ("8 isallday = " + event[8]);
// log ("9 classification = " + event[9]); // 0 = public, 1 = private, 2 = confidential
// log ("10 category = " + event[10]);
// log ("11 participants emails = " + event[11]);
// log ("12 participants states = " + event[12]);
// log ("13 owner = " + event[13]);
// log ("14 iscycle = " + event[14]);
// log ("15 nextalarm = " + event[15]);
// log ("16 recurrenceid = " + event[16]);
// log ("17 isexception = " + event[17]);
// log ("18 editable = " + event[18]);
// log ("19 erasable = " + event[19]);
// log ("20 ownerisorganizer = " + event[20]);
var eventCell = createElement("div");
eventCell.cname = event[0];
eventCell.calendar = event[1];
var startDate = new Date(event[5]*1000);
if (startDate) {
eventCell.startDate = event[5];
eventCell.writeAttribute('day', startDate.getDayString());
eventCell.writeAttribute('hour', event[8]? 'allday' : startDate.getHourString());
}
// if (event[8] == 1)
// eventCell.addClassName("private");
// else if (event[8] == 2)
// eventCell.addClassName("confidential");
if (eventRep.recurrenceTime)
eventCell.recurrenceTime = eventRep.recurrenceTime;
//eventCell.owner = event[12];
eventCell.isException = event[17];
eventCell.editable = event[18];
eventCell.erasable = event[19] || IsSuperUser;
eventCell.ownerIsOrganizer = event[20];
eventCell.addClassName("event");
// if (event[14] > 0)
// eventCell.addClassName("alarm");
var innerDiv = createElement("div");
eventCell.appendChild(innerDiv);
innerDiv.addClassName("eventInside");
innerDiv.addClassName("calendarFolder" + event[1]);
if (eventRep.userState >= 0 && userStates[eventRep.userState])
innerDiv.addClassName(userStates[eventRep.userState]);
var gradientDiv = createElement("div");
innerDiv.appendChild(gradientDiv);
gradientDiv.addClassName("gradient");
var gradientImg = createElement("img");
gradientDiv.appendChild(gradientImg);
gradientImg.src = ResourcesURL + "/event-gradient.png";
var textDiv = createElement("div");
innerDiv.appendChild(textDiv);
textDiv.addClassName("text");
var iconSpan = createElement("span", null, "icons");
textDiv.update(eventText.replace(/(\\r)?\\n/g, "
"));
textDiv.appendChild(iconSpan);
// Add alarm and classification icons
if (event[9] == 1)
createElement("img", null, null, {src: ResourcesURL + "/private.png"}, null, iconSpan);
else if (event[9] == 2)
createElement("img", null, null, {src: ResourcesURL + "/confidential.png"}, null, iconSpan);
if (event[15] > 0)
createElement("img", null, null, {src: ResourcesURL + "/alarm.png"}, null, iconSpan);
if (event[10] != null) {
var category = event[10].decodeEntities();
var categoryStyle = categoriesStyles.get(category);
if (!categoryStyle) {
categoryStyle = 'category_' + categoriesStyles.keys().length;
categoriesStyles.set([category], categoryStyle);
}
innerDiv.addClassName(categoryStyle);
}
return eventCell;
}
function appendStyleElement(folderPath, color) {
if (document.styleSheets) {
var fgColor = getContrastingTextColor(color);
var styleElement = document.styleSheets[3];
if (printColors.style == "backgrounds") {
styleElement.insertRule(".calendarFolder" + folderPath +
"{background-color: " + color + " !important;" +
" color: " + fgColor + " !important;" +
" border: none;}", styleElement.cssRules.length);
}
else if (printColors.style == "borders")
styleElement.insertRule(".calendarFolder" + folderPath +
"{background-color: none" +
" color: none" +
" border:1px solid " + color + " !important;}", styleElement.cssRules.length);
}
}
function _parseEvent(event) {
// Localized strings :
var start = _("Start:");
var end = _("End:");
var location = _("Location:");
var calendar = _("Calendar:");
var description = _("Description:");
var newEvent = document.createElement("div");
var table = document.createElement("table");
Element.addClassName(newEvent, "divEventsPreview");
var row = table.insertRow(0);
row.insertCell(0);
var title = row.insertCell(1);
row = table.insertRow(1);
var startCell = row.insertCell(0);
Element.addClassName(startCell, "cellFormat");
var startCellValue = row.insertCell(1);
row = table.insertRow(2);
var endCell = row.insertCell(0);
Element.addClassName(endCell, "cellFormat");
var endCellValue = row.insertCell(1);
row = table.insertRow(3);
var locationCell = row.insertCell(0);
Element.addClassName(locationCell, "cellFormat");
var locationCellValue = row.insertCell(1);
row = table.insertRow(4);
var calendarCell = row.insertCell(0);
Element.addClassName(calendarCell, "cellFormat");
var calendarCellValue = row.insertCell(1);
row = table.insertRow(5);
var descriptionCell = row.insertCell(0);
Element.addClassName(descriptionCell, "cellFormat");
var descriptionCellValue = row.insertCell(1);
title.innerHTML = event[4];
startCell.innerHTML = start;
var startDate = new Date(event[5] *1000);
startCellValue.innerHTML = startDate.toLocaleString();
endCell.innerHTML = end;
var endDate = new Date(event[6] *1000);
endCellValue.innerHTML = endDate.toLocaleString();
locationCell.innerHTML = location;
locationCellValue.innerHTML = event[7];
calendarCell.innerHTML = calendar;
calendarCellValue.innerHTML = event[2];
if (event[21] && event[21].length) {
descriptionCell.innerHTML = description;
descriptionCellValue.innerHTML = event[21].replace(/(?:\r\n|\r|\n)/g, '
');
}
if (printColors.checked) {
var allColors = window.parentvar("UserSettings")['Calendar']['FolderColors'];
var owner = event[13];
var folderName = event[1];
var color = allColors[owner + ":Calendar/" + folderName];
var fgColor = getContrastingTextColor(color);
if (printColors.style == "backgrounds") {
newEvent.writeAttribute("style", "background-color:" + color + "; color:" + fgColor + ";");
startCell.writeAttribute("style", "color:" + fgColor + ";");
endCell.writeAttribute("style", "color:" + fgColor + ";");
locationCell.writeAttribute("style", "color:" + fgColor + ";");
calendarCell.writeAttribute("style", "color:" + fgColor + ";");
}
else if (printColors.style == "borders")
newEvent.writeAttribute("style", "border:2px solid " + color + ";");
}
if (event[7] == "") {
locationCell.hide();
locationCellValue.hide();
}
newEvent.appendChild(table);
return newEvent;
}
function _parseTask(task) {
// new code
var end = _("Due Date:");
var calendar = _("Calendar:");
var location = _("Location:");
var newTask = document.createElement("div");
var table = document.createElement("table");
Element.addClassName(newTask, "divTasksPreview");
var row = table.insertRow(0);
row.insertCell(0);
var title = row.insertCell(1);
row = table.insertRow(1);
var endCell = row.insertCell(0);
var endCellValue = row.insertCell(1);
row = table.insertRow(2);
var locationCell = row.insertCell(0);
var locationCellValue = row.insertCell(1);
row = table.insertRow(3);
var calendarCell = row.insertCell(0);
var calendarCellValue = row.insertCell(1);
title.innerHTML = task[4];
if (task[5] != null) {
endCell.innerHTML = end;
var endDate = new Date(task[5] *1000);
endCellValue.innerHTML = endDate.toLocaleString();
}
else {
endCell.hide();
endCellValue.hide();
}
if (task[7] != "") {
locationCell.innerHTML = location;
locationCellValue.innerHTML = task[7];
}
else {
locationCell.hide();
locationCellValue.hide();
}
calendarCell.innerHTML = calendar;
calendarCellValue.innerHTML = task[2];
if (task[13] == "overdue")
Element.addClassName(title, "overdueTasks");
else if (task[13] == "completed")
Element.addClassName(title, "completedTasks");
else
Element.addClassName(title, "tasksTitle");
if (printColors.checked) {
var allColors = window.parentvar("UserSettings")['Calendar']['FolderColors'];
var owner = task[12];
var folderName = task[1];
var color = allColors[owner + ":Calendar/" + folderName];
var fgColor = getContrastingTextColor(color);
if (printColors.style == "backgrounds") {
newTask.writeAttribute("style", "background-color:" + color + "; color:" + fgColor + ";");
endCell.writeAttribute("style", "color:" + fgColor + ";");
locationCell.writeAttribute("style", "color:" + fgColor + ";");
calendarCell.writeAttribute("style", "color:" + fgColor + ";");
}
else if (printColors.style == "borders")
newTask.writeAttribute("style", "border:2px solid " + color + ";");
}
newTask.appendChild(table);
return newTask;
}
function _computeOffset(hoursCells) {
var outOfDayCells = hoursCells.getElementsByClassName("outOfDay");
var count = 1;
var offset = [];
var buffer;
var j = 1;
for (var i = 0; i < outOfDayCells.length; i++) {
hourCell1 = parseInt(outOfDayCells[i].getAttribute("hour")) + 100;
hourCell2 = parseInt(outOfDayCells[j].getAttribute("hour"));
if (hourCell1 == hourCell2)
count += 1;
else
break;
j ++;
}
offset.push(count * 4);
offset.push((hourCell2 / 100 * 4) - (count * 4));
return offset;
}
/************************************** Preview Navigation *****************************************/
function onCalendarGotoDay(node) {
var day = node.getAttribute("date");
changeDateSelectorDisplay(day);
updateDisplayView({ "day": day });
refreshEvents();
return false;
}
function changeDateSelectorDisplay(day, keepCurrentDay) {
var url = ApplicationBaseURL + "/dateselector";
if (day) {
if (day.length < 8)
day += "01";
url += "?day=" + day;
}
if (!keepCurrentDay)
currentDay = day;
var month = day.substr(0, 6);
if (cachedDateSelectors[month]) {
// log ("restoring cached selector for month: " + month);
setDateSelectorContent(cachedDateSelectors[month]);
}
else {
// log ("loading selector for month: " + month);
if (document.dateSelectorAjaxRequest) {
document.dateSelectorAjaxRequest.aborted = true;
document.dateSelectorAjaxRequest.abort();
}
document.dateSelectorAjaxRequest
= triggerAjaxRequest(url,
dateSelectorCallback,
month);
}
}
function dateSelectorCallback(http) {
if (http.readyState == 4
&& http.status == 200) {
document.dateSelectorAjaxRequest = null;
var content = http.responseText;
setDateSelectorContent(content);
cachedDateSelectors[http.callbackData] = content;
}
else
log ("dateSelectorCallback Ajax error");
return false;
}
/*********************** Input Field, listMenu, Checkboxes and Radio *********************************/
function onInputTitleChange(event){
var inputFieldTitle = $("inputFieldTitle").value;
if (inputFieldTitle)
document.getElementById("rightFrameTitle").innerHTML = inputFieldTitle + "
";
else
document.getElementById("rightFrameTitle").remove();
return false;
}
function onPrintLayoutListChange() {
var parentView = window.parentvar("currentView");
var selectedLayout = $("printLayoutList").value;
document.getElementById("printHours").disabled = (selectedLayout == 0);
switch(selectedLayout) {
case "0": // List view
window.resizeTo(700,500);
currentPreview = parentView;
break;
case "1": // Day view
window.resizeTo(1010,500);
currentPreview = "dayview";
break;
case "2": // Multi-columns view
window.resizeTo(1010,500);
currentPreview = "multicolumndayview";
break;
case "3": // Week view
window.resizeTo(1010,500);
currentPreview = "weekview";
break;
/*case "4": // Month view
window.resizeTo(1010,500);
currentPreview = "monthview";
break;*/
}
refreshContent();
return false;
}
function adjustPreviewHeader() {
// 1 - Check if there is any allDay Events. If not reduce the space taken
var selectedLayout = $("printLayoutList").value;
if (selectedLayout != 0) {
var calendarHeader = $("calendarHeader");
var allDayDisplay = $("calendarHeader").getElementsByClassName("days");
var allDayEvents = $("calendarHeader").getElementsByClassName("eventInside");
var eventHeight = 22;
var headerHeight = 38;
if (selectedLayout == 1) { // Since there is only one column in day view
height = allDayEvents.length * eventHeight;
}
else { // Applies only on week view and multi-columns view
var nbEventsMax = 0
var eventClass = $("calendarHeader").getElementsByClassName("event");
for (var i = 0; i < allDayDisplay[0].childNodes.length; i++) {
if (allDayDisplay[0].childNodes[i].firstChild != null) {
count = allDayDisplay[0].childNodes[i].getElementsByClassName("event").length;
if (count > nbEventsMax) {
nbEventsMax = count;
}
}
}
height = nbEventsMax * eventHeight;
if (selectedLayout == 2) {
headerHeight = 58;
adjustMultiColumnCalendarHeaderDIV();
}
}
calendarHeader.style.height = (height + headerHeight) + "px";
allDayDisplay[0].style.height = height + "px";
}
}
function adjustMultiColumnCalendarHeaderDIV() {
var ch = $("calendarHeader");
var calendarLabels = ch.getElementsByClassName("calendarLabels")[0];
var calendarsToDisplay = calendarLabels.getElementsByClassName("calendarsToDisplay");
var dayLabels = ch.getElementsByClassName("dayLabels")[0].getElementsByClassName("dayColumn")[0];
var days = ch.getElementsByClassName("days")[0].getElementsByClassName("dayColumn");
var daysView = $("daysView").getElementsByClassName("dayColumn");
var nbCalendars = calendarsToDisplay.length;
if (nbCalendars > 0) {
var width = 100/nbCalendars;
var left = 0;
var position = "absolute";
for(var i=0; i < nbCalendars; i++){
calendarsToDisplay[i].setStyle({ width: width + '%', left: left + '%', position: position}).show();
days[i].setStyle({ width: width + '%', left: left + '%'}).show();
daysView[i].setStyle({ width: width + '%', left: left + '%'}).show();
left += width;
}
dayLabels.setStyle({ width: '100%'}).show();
}
else {
$("calendarHeader").remove();
$("daysView").remove();
var htmlText = "" + _("notice:") + ""+_("Please go ahead and select calendars")+"
";
$("calendarContent").innerHTML = htmlText;
}
}
function adjustFrames() {
var view = $("printLayoutList").value;
if (view == 0) {
var eventsCheckBox = $("printEvents");
var tasksCheckBox = $("printTasks");
onEventsCheck(eventsCheckBox);
onTasksCheck(tasksCheckBox);
document.getElementById("rightFrameTasks").style.pageBreakBefore = 'auto';
document.getElementById("rightFrameTasks").style.pageBreakInside = 'auto';
}
else {
document.getElementById("rightFrameEvents").style.width = '100%';
document.getElementById("rightFrameTasks").style.width = '100%';
document.getElementById("rightFrameTasks").style.pageBreakBefore = 'always';
document.getElementById("rightFrameTasks").style.pageBreakInside = 'avoid';
}
return false;
}
function onEventsCheck(checkBox) {
var printOptions = document.getElementById("printHours");
var selectedLayout = $("printLayoutList").value;
if (!checkBox.checked || selectedLayout == 0)
printOptions.disabled = true;
else
printOptions.disabled = false;
var events = $("rightFrameEvents").childNodesWithTag("DIV");
if(checkBox.checked && events.length > 0){
$("rightFrameEvents").style.display = 'block';
if ($("printLayoutList").value == 0){
$("rightFrameTasks").style.width = '49.5%';
}
}
else {
$("rightFrameEvents").style.display = 'none';
if ($("printLayoutList").value == 0){
$("rightFrameTasks").style.width = '100%';
}
}
return false;
}
function onTasksCheck(checkBox) {
var printOptions = document.getElementsByName("printOptions");
for (var i = 0; i < printOptions.length; i++)
printOptions[i].disabled = !checkBox.checked;
var tasks = $("rightFrameTasks").childNodesWithTag("DIV");
if(checkBox.checked && tasks.length > 0) {
$("rightFrameTasks").style.display = 'block';
if ($("printLayoutList").value == 0){
$("rightFrameEvents").style.width = '49.5%';
}
}
else {
$("rightFrameTasks").style.display = 'none';
if ($("printLayoutList").value == 0){
$("rightFrameEvents").style.width = '100%';
}
}
return false;
}
function onPrintWorkingHoursCheck(checkBox) {
var isCheked = checkBox.checked;
var outOfDayCells = $$("DIV#daysView .outOfDay");
var hours = $$("DIV#daysView .hour");
var hoursOutOfDay = [];
for (var i = 0; i < outOfDayCells.length; i++) {
var buffer = outOfDayCells[i].getAttribute("hour").substr(0,1);
if (buffer != "0") {
buffer += outOfDayCells[i].getAttribute("hour").substr(1,1);
}
else {
buffer = outOfDayCells[i].getAttribute("hour").substr(1,1);
}
if(isCheked) {
outOfDayCells[i].hide();
hours[buffer].hide();
}
else {
outOfDayCells[i].show();
hours[buffer].show();
}
}
if (currentPreview == "multicolumndayview")
_drawCalendarEvents(null, null, eventsBlocks);
else {
eventsList = eventsBlocks[2];
if (currentPreview == "monthview") {
//_drawMonthCalendarEvents(eventsList, eventsBlocks[0], null);
}
else
_drawCalendarEvents(eventsList, eventsBlocks[0], null);
}
return false;
}
function onPrintColorsCheck(checkBox) {
printColors.checked = (checkBox.checked ? true : false);
if (printColors.checked) {
$("printBackgroundColors").disabled = false;
$("printBorderColors").disabled = false;
}
else {
$("printBackgroundColors").disabled = true;
$("printBorderColors").disabled = true;
}
refreshContent();
}
function onPrintColors(selectedRadioButton) {
printColors.style = selectedRadioButton.value;
refreshContent();
}
/*function onPrintDateCheck() {
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 onPrintCompletedTasksCheck(checkBox) {
printCompletedTasks = (checkBox.checked ? 1 : 0);
refreshContent();
}
function onPrintNoDueDateTasksCheck(checkBox) {
printNoDueDateTasks = (checkBox.checked ? true : false);
refreshContent();
}
/************** Date picker functions *************
this.initTimeWidgets = function (widgets) {
this.timeWidgets = widgets;
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);
jQuery(widgets['startingDate']['date']).closest('.date').datepicker({autoclose: true,
weekStart: 0,
endDate: lastDay,
startDate: firstDay,
setStartDate: lastDay,
startView: 2,
position: "below-shifted-left"});
}
this.onAdjustTime = function(event) {
onAdjustDueTime(event);
}
this.onAdjustDueTime = function(event) {
var dateDelta = (window.getStartDate().valueOf() - window.getShadowStartDate().valueOf());
var newDueDate = new Date(window.getDueDate().valueOf() + dateDelta);
window.setDueDate(newDueDate);
window.timeWidgets['start']['date'].updateShadowValue();
}
/****************************************************/
/******************************* Buttons ***********************************************/
function onPrintCancelClick(event) {
this.blur();
onCloseButtonClick(event);
}
function onPrintClick(event) {
this.blur();
window.print();
}
/**************************** Initialization *******************************************/
function init() {
initializePrintSettings();
//initializeWhatToPrint();
//initializeOptions();
$("cancelButton").observe("click", onPrintCancelClick);
$("printButton").observe("click", onPrintClick);
/* TODO : Selected and custom date must be implemented and finished.
document.getElementById("eventsTasks").disabled=true;
document.getElementById("customDate").disabled=true;*/
onPrintLayoutListChange();
}
function initializePrintSettings() {
$("inputFieldTitle").observe("change", onInputTitleChange);
$("printLayoutList").observe("change", onPrintLayoutListChange);
}
/*function initializeWhatToPrint() {
var widgets = {'start': {'date': $("startingDate")},
'end': {'date': $("endingDate")}};
initTimeWidgets(widgets);
onPrintDateCheck();
}*/
/*function initializeOptions() {
}*/
document.observe("dom:loaded", init);