f4e0ba66e6
Monotone-Revision: 417eb1a0caae0d680292391081de2e4b99beecda Monotone-Author: flachapelle@inverse.ca Monotone-Date: 2008-01-08T20:29:51 Monotone-Branch: ca.inverse.sogo
423 lines
12 KiB
JavaScript
423 lines
12 KiB
JavaScript
/*
|
|
Copyright (C) 2005 SKYRIX Software AG
|
|
|
|
This file is part of OpenGroupware.org.
|
|
|
|
OGo 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.
|
|
|
|
OGo 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 OGo; see the file COPYING. If not, write to the
|
|
Free Software Foundation, 59 Temple Place - Suite 330, Boston, MA
|
|
02111-1307, USA.
|
|
*/
|
|
|
|
var contactSelectorAction = 'calendars-contacts';
|
|
var AppointmentEditor = {
|
|
attendeesMenu: null
|
|
};
|
|
|
|
function uixEarlierDate(date1, date2) {
|
|
// can this be done in a sane way?
|
|
if (date1.getYear() < date2.getYear()) return date1;
|
|
if (date1.getYear() > date2.getYear()) return date2;
|
|
// same year
|
|
if (date1.getMonth() < date2.getMonth()) return date1;
|
|
if (date1.getMonth() > date2.getMonth()) return date2;
|
|
// // same month
|
|
if (date1.getDate() < date2.getDate()) return date1;
|
|
if (date1.getDate() > date2.getDate()) return date2;
|
|
// same day
|
|
return null;
|
|
}
|
|
|
|
function validateAptEditor() {
|
|
var e, startdate, enddate, tmpdate;
|
|
|
|
e = $('summary');
|
|
if (e.value.length == 0) {
|
|
if (!confirm(labels.validate_notitle))
|
|
return false;
|
|
}
|
|
|
|
e = $('startTime_date');
|
|
if (e.value.length != 10) {
|
|
alert(labels.validate_invalid_startdate);
|
|
return false;
|
|
}
|
|
startdate = e.calendar.prs_date(e.value);
|
|
if (startdate == null) {
|
|
alert(labels.validate_invalid_startdate);
|
|
return false;
|
|
}
|
|
|
|
e = $('endTime_date');
|
|
if (e.value.length != 10) {
|
|
alert(labels.validate_invalid_enddate);
|
|
return false;
|
|
}
|
|
enddate = e.calendar.prs_date(e.value);
|
|
if (enddate == null) {
|
|
alert(labels.validate_invalid_enddate);
|
|
return false;
|
|
}
|
|
tmpdate = uixEarlierDate(startdate, enddate);
|
|
if (tmpdate == enddate) {
|
|
alert(labels.validate_endbeforestart);
|
|
return false;
|
|
}
|
|
else if (tmpdate == null /* means: same date */) {
|
|
// TODO: check time
|
|
var start, end;
|
|
|
|
start = parseInt(document.forms[0]['startTime_time_hour'].value);
|
|
end = parseInt(document.forms[0]['endTime_time_hour'].value);
|
|
|
|
if (start > end) {
|
|
alert(labels.validate_endbeforestart);
|
|
return false;
|
|
}
|
|
else if (start == end) {
|
|
start = parseInt(document.forms[0]['startTime_time_minute'].value);
|
|
end = parseInt(document.forms[0]['endTime_time_minute'].value);
|
|
if (start > end) {
|
|
alert(labels.validate_endbeforestart);
|
|
return false;
|
|
}
|
|
}
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
function toggleDetails() {
|
|
var div = $("details");
|
|
var buttons = $("buttons");
|
|
var buttonsHeight = buttons.clientHeight * 3;
|
|
|
|
if (div.style.visibility) {
|
|
div.style.visibility = null;
|
|
window.resizeBy(0, -(div.clientHeight + buttonsHeight));
|
|
$("detailsButton").innerHTML = labels["Show Details"];
|
|
} else {
|
|
div.style.visibility = 'visible;';
|
|
window.resizeBy(0, (div.clientHeight + buttonsHeight));
|
|
$("detailsButton").innerHTML = labels["Hide Details"];
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
function toggleCycleVisibility(node, nodeName, hiddenValue) {
|
|
var spanNode = $(nodeName);
|
|
var newVisibility = ((node.value == hiddenValue) ? null : 'visible;');
|
|
spanNode.style.visibility = newVisibility;
|
|
|
|
if (nodeName == 'cycleSelectionFirstLevel') {
|
|
var otherSpanNode = $('cycleSelectionSecondLevel');
|
|
if (!newVisibility)
|
|
{
|
|
otherSpanNode.superVisibility = otherSpanNode.style.visibility;
|
|
otherSpanNode.style.visibility = null;
|
|
}
|
|
else
|
|
{
|
|
otherSpanNode.style.visibility = otherSpanNode.superVisibility;
|
|
otherSpanNode.superVisibility = null;
|
|
}
|
|
}
|
|
}
|
|
|
|
function onAttendeesMenuPrepareVisibility()
|
|
{
|
|
var composeToUndecidedAttendees = $('composeToUndecidedAttendees');
|
|
var attendeesStates = $('attendeesStates').value;
|
|
|
|
if (attendeesStates.indexOf("needs-action") < 0)
|
|
composeToUndecidedAttendees.addClassName("disabled");
|
|
else
|
|
composeToUndecidedAttendees.removeClassName("disabled");
|
|
}
|
|
|
|
function onComposeToAllAttendees()
|
|
{
|
|
var attendees = $$("DIV#attendeesMenu LI.attendee");
|
|
var addresses = new Array();
|
|
attendees.each(function(item) {
|
|
addresses.push(item.readAttribute("email"));
|
|
});
|
|
if (window.opener)
|
|
window.opener.openMailTo(addresses.join(","));
|
|
}
|
|
|
|
function onComposeToUndecidedAttendees()
|
|
{
|
|
if ($(this).hasClassName("disabled"))
|
|
return;
|
|
|
|
var attendees = $$("DIV#attendeesMenu LI.attendee.needs-action");
|
|
var addresses = new Array();
|
|
attendees.each(function(item) {
|
|
addresses.push(item.readAttribute("email"));
|
|
});
|
|
if (window.opener)
|
|
window.opener.openMailTo(addresses.join(","));
|
|
}
|
|
|
|
function addContact(tag, fullContactName, contactId, contactName, contactEmail) {
|
|
var uids = $('uixselector-participants-uidList');
|
|
|
|
if (contactId)
|
|
{
|
|
var re = new RegExp("(^|,)" + contactId + "($|,)");
|
|
|
|
if (!re.test(uids.value))
|
|
{
|
|
if (uids.value.length > 0)
|
|
uids.value += ',' + contactId;
|
|
else
|
|
uids.value = contactId;
|
|
|
|
var names = $('uixselector-participants-display');
|
|
names.innerHTML += ('<li onmousedown="return false;"'
|
|
+ ' onclick="onRowClick(event);"><img src="'
|
|
+ ResourcesURL + '/abcard.gif" />'
|
|
+ contactName + '</li>');
|
|
}
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
function saveEvent(sender) {
|
|
if (validateAptEditor())
|
|
document.forms['editform'].submit();
|
|
|
|
return false;
|
|
}
|
|
|
|
function startDayAsShortString() {
|
|
return $('startTime_date').valueAsShortDateString();
|
|
}
|
|
|
|
function endDayAsShortString() {
|
|
return $('endTime_date').valueAsShortDateString();
|
|
}
|
|
|
|
function _getDate(which) {
|
|
var date = window.timeWidgets[which]['date'].valueAsDate();
|
|
date.setHours( window.timeWidgets[which]['hour'].value );
|
|
date.setMinutes( window.timeWidgets[which]['minute'].value );
|
|
|
|
return date;
|
|
}
|
|
|
|
function _getShadowDate(which) {
|
|
var date = window.timeWidgets[which]['date'].getAttribute("shadow-value").asDate();
|
|
var intValue = parseInt(window.timeWidgets[which]['hour'].getAttribute("shadow-value"));
|
|
date.setHours(intValue);
|
|
intValue = parseInt(window.timeWidgets[which]['minute'].getAttribute("shadow-value"));
|
|
date.setMinutes(intValue);
|
|
|
|
return date;
|
|
}
|
|
|
|
function getStartDate() {
|
|
return this._getDate('start');
|
|
}
|
|
|
|
function getEndDate() {
|
|
return this._getDate('end');
|
|
}
|
|
|
|
function getShadowStartDate() {
|
|
return this._getShadowDate('start');
|
|
}
|
|
|
|
function getShadowEndDate() {
|
|
return this._getShadowDate('end');
|
|
}
|
|
|
|
function _setDate(which, newDate) {
|
|
window.timeWidgets[which]['date'].setValueAsDate(newDate);
|
|
window.timeWidgets[which]['hour'].value = newDate.getHours();
|
|
var minutes = newDate.getMinutes();
|
|
if (minutes % 15)
|
|
minutes += (15 - minutes % 15);
|
|
window.timeWidgets[which]['minute'].value = minutes;
|
|
}
|
|
|
|
function setStartDate(newStartDate) {
|
|
this._setDate('start', newStartDate);
|
|
}
|
|
|
|
function setEndDate(newEndDate) {
|
|
this._setDate('end', newEndDate);
|
|
}
|
|
|
|
function onAdjustTime(event) {
|
|
var endDate = window.getEndDate();
|
|
var startDate = window.getStartDate();
|
|
|
|
if ($(this).readAttribute("id").startsWith("start")) {
|
|
// Start date was changed
|
|
var delta = window.getShadowStartDate().valueOf() -
|
|
startDate.valueOf();
|
|
var newEndDate = new Date(endDate.valueOf() - delta);
|
|
window.setEndDate(newEndDate);
|
|
|
|
window.timeWidgets['end']['date'].updateShadowValue();
|
|
window.timeWidgets['end']['hour'].updateShadowValue();
|
|
window.timeWidgets['end']['minute'].updateShadowValue();
|
|
window.timeWidgets['start']['date'].updateShadowValue();
|
|
window.timeWidgets['start']['hour'].updateShadowValue();
|
|
window.timeWidgets['start']['minute'].updateShadowValue();
|
|
}
|
|
else {
|
|
// End date was changed
|
|
var delta = endDate.valueOf() - startDate.valueOf();
|
|
if (delta < 0) {
|
|
alert(labels.validate_endbeforestart);
|
|
var oldEndDate = window.getShadowEndDate();
|
|
window.setEndDate(oldEndDate);
|
|
|
|
window.timeWidgets['end']['date'].updateShadowValue();
|
|
window.timeWidgets['end']['hour'].updateShadowValue();
|
|
window.timeWidgets['end']['minute'].updateShadowValue();
|
|
}
|
|
}
|
|
}
|
|
|
|
function onAllDayChanged(event) {
|
|
for (var type in window.timeWidgets) {
|
|
window.timeWidgets[type]['hour'].disabled = this.checked;
|
|
window.timeWidgets[type]['minute'].disabled = this.checked;
|
|
}
|
|
}
|
|
|
|
function initTimeWidgets(widgets) {
|
|
this.timeWidgets = widgets;
|
|
|
|
Event.observe(widgets['start']['date'], "change",
|
|
this.onAdjustTime, false);
|
|
Event.observe(widgets['start']['hour'], "change",
|
|
this.onAdjustTime, false);
|
|
Event.observe(widgets['start']['minute'], "change",
|
|
this.onAdjustTime, false);
|
|
|
|
Event.observe(widgets['end']['date'], "change",
|
|
this.onAdjustTime, false);
|
|
Event.observe(widgets['end']['hour'], "change",
|
|
this.onAdjustTime, false);
|
|
Event.observe(widgets['end']['minute'], "change",
|
|
this.onAdjustTime, false);
|
|
|
|
var allDayLabel = $("allDay");
|
|
var input = $(allDayLabel).childNodesWithTag("input")[0];
|
|
Event.observe(input, "change", onAllDayChanged.bindAsEventListener(input));
|
|
if (input.checked) {
|
|
for (var type in widgets) {
|
|
widgets[type]['hour'].disabled = true;
|
|
widgets[type]['minute'].disabled = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
function refreshAttendees() {
|
|
var attendeesLabel = $("attendeesLabel");
|
|
var attendeesNames = $("attendeesNames").value;
|
|
var attendeesEmails = $("attendeesEmails").value.split(",");
|
|
var attendeesStates = $("attendeesStates").value.split(",");
|
|
var attendeesMenu = $("attendeesMenu").down("ul");
|
|
var attendeesHref = $("attendeesHref");
|
|
|
|
// Remove link of attendees
|
|
for (var i = 0; i < attendeesHref.childNodes.length; i++)
|
|
attendeesHref.removeChild(attendeesHref.childNodes[i]);
|
|
|
|
// Remove attendees from menu
|
|
var menuItems = $$("DIV#attendeesMenu LI.attendee");
|
|
if (menuItems)
|
|
for (var i = 0; i < menuItems.length; i++)
|
|
attendeesMenu.removeChild(menuItems[i]);
|
|
|
|
if (attendeesNames.length > 0) {
|
|
// Update attendees link and show label
|
|
attendeesHref.appendChild(document.createTextNode(attendeesNames));
|
|
attendeesLabel.setStyle({ display: "block" });
|
|
|
|
// Update attendees in menu
|
|
attendeesNames = attendeesNames.split(",");
|
|
for (var i = 0; i < attendeesEmails.length; i++) {
|
|
var node = document.createElement("li");
|
|
attendeesMenu.appendChild(node);
|
|
$(node).writeAttribute("email", attendeesEmails[i]);
|
|
$(node).addClassName("attendee");
|
|
$(node).addClassName(attendeesStates[i]);
|
|
node.appendChild(document.createTextNode(attendeesNames[i]));
|
|
$(node).observe("click", onMailTo);
|
|
}
|
|
}
|
|
else {
|
|
// Hide link of attendees
|
|
attendeesLabel.setStyle({ display: "none" });
|
|
}
|
|
}
|
|
|
|
function initializeAttendeesHref() {
|
|
var attendeesHref = $("attendeesHref");
|
|
var attendeesLabel = $("attendeesLabel");
|
|
var attendeesNames = $("attendeesNames");
|
|
|
|
Event.observe(attendeesHref, "click", onAttendeesHrefClick, false);
|
|
refreshAttendees();
|
|
}
|
|
|
|
function onAttendeesHrefClick(event) {
|
|
popupToolbarMenu(this, 'attendeesMenu');
|
|
preventDefault(event);
|
|
return false;
|
|
}
|
|
|
|
function onMailTo(event) {
|
|
var target = getTarget(event);
|
|
openMailTo(target.readAttribute("email"));
|
|
}
|
|
|
|
function getMenus() {
|
|
AppointmentEditor.attendeesMenu = new Array(onPopupAttendeesWindow,
|
|
"-",
|
|
onComposeToAllAttendees,
|
|
onComposeToUndecidedAttendees,
|
|
"-",
|
|
null);
|
|
|
|
var attendeesMenu = $('attendeesMenu');
|
|
attendeesMenu.prepareVisibility = onAttendeesMenuPrepareVisibility;
|
|
|
|
return { "attendeesMenu": AppointmentEditor.attendeesMenu };
|
|
}
|
|
|
|
function onAppointmentEditorLoad() {
|
|
assignCalendar('startTime_date');
|
|
assignCalendar('endTime_date');
|
|
|
|
var widgets = {'start': {'date': $("startTime_date"),
|
|
'hour': $("startTime_time_hour"),
|
|
'minute': $("startTime_time_minute")},
|
|
'end': {'date': $("endTime_date"),
|
|
'hour': $("endTime_time_hour"),
|
|
'minute': $("endTime_time_minute")}};
|
|
initTimeWidgets(widgets);
|
|
initializeAttendeesHref();
|
|
}
|
|
|
|
FastInit.addOnLoad(onAppointmentEditorLoad);
|