amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-03-05 07:06:25 +00:00
Code Issues Projects Releases Wiki Activity

merge of '6eb182232c54958d95899ac372dfe954dcc1b9f4'

Browse Source 
and 'b187467dece23f6eb8bf6fef314b1cf1ca22eaec'

Monotone-Parent: 6eb182232c54958d95899ac372dfe954dcc1b9f4
Monotone-Parent: b187467dece23f6eb8bf6fef314b1cf1ca22eaec
Monotone-Revision: 22327124753059b633156bc954cc02084275bce4

Monotone-Author: flachapelle@inverse.ca
Monotone-Date: 2009-08-07T16:02:14
Monotone-Branch: ca.inverse.sogo
This commit is contained in:
Francis Lachapelle
2009-08-07 16:02:14 +00:00
parent d5efec6e72 41f230c6b2
commit a8a32461d4
6 changed files with 399 additions and 386 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
UI/Templates/SchedulerUI/UIxAppointmentEditor.wox
View File

@@ -13,10 +13,6 @@
var:component="event"
var:saveURL="saveURL">
<label id="attendeesLabel"><var:string label:value="Attendees:"
/><span class="content"
><a href="#" id="attendeesHref"><!-- space --></a></span></label>
<hr />
<var:if condition="eventIsReadOnly" const:negate="YES">
<div class="menu" id="attendeesMenu">
<ul>
@@ -27,6 +23,10 @@
<li class="separator"><!-- separator --></li>
</ul>
</div>
<label id="attendeesLabel"><var:string label:value="Attendees:"
/><span class="content"
><a href="#" id="attendeesHref"><!-- space --></a></span></label>
<hr />
<label><span class="content">
<span id="allDay"><input id="isAllDay" name="isAllDay" class="checkBox"
type="checkbox" var:selection="isAllDay"

17
UI/Templates/SchedulerUI/UIxComponentEditor.wox
View File

@@ -17,6 +17,8 @@
<script type="text/javascript">
var activeCalendar = '<var:string value="clientObject.container.nameInContainer"/>';
var activeComponent = '<var:string value="clientObject.nameInContainer"/>';
var readOnly = <var:if condition="eventIsReadOnly">true</var:if><var:if condition="eventIsReadOnly"
const:negate="YES">false</var:if>;
</script>
<var:if condition="eventIsReadOnly" const:negate="YES">
@@ -164,13 +166,12 @@
</form>
</var:if>
<var:if condition="eventIsReadOnly">
<label class="calendarName"><var:string var:value="componentCalendarName" />
</label>
<div id="eventView">
<div id="generalDiv">
<label class="content calendarName"><var:string var:value="componentCalendarName" />
</label>
<label class="title titleNoSpace"><var:string label:value="General:" />
<span class="content headerContent">
</span>
<span class="content headerContent"><!-- line --></span>
</label>
<label><var:string label:value="Title:" />
<span class="content"><var:string var:value="title"/></span>
@@ -230,8 +231,7 @@
<var:if condition="hasAttendees">
<div id="attendeesDiv">
<label class="title"><var:string label:value="Attendees:" />
<span class="content headerContent">
</span>
<span class="content headerContent"><!-- line --></span>
</label>
<label id="attendeesLabel">
<span class="content"><div id="attendeesMenu" class="fakeTextArea">
@@ -242,10 +242,9 @@
<var:if condition="hasComment">
<div id="descriptionDiv">
<label class="title"><var:string label:value="Description:" />
<span class="content headerContent">
</span>
<span class="content headerContent"><!-- line --></span>
</label>
<label><span class="content fixedHeight">
<label><span class="content">
<div class="fakeTextArea"><var:string var:value="comment" /></div>
</span>
</label>

638
UI/WebServerResources/UIxAppointmentEditor.js
View File

@@ -23,455 +23,457 @@
var contactSelectorAction = 'calendars-contacts';
var AppointmentEditor = {
attendeesMenu: null
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;
// 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;
var e, startdate, enddate, tmpdate;
e = $('summary');
if (e.value.length == 0) {
if (!confirm(labels.validate_notitle))
return false;
}
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 = $('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;
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);
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;
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;
}
}
}
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;
return true;
}
function toggleDetails() {
var div = $("details");
var buttons = $("buttons");
var buttonsHeight = buttons.clientHeight * 3;
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"];
}
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;
return false;
}
function toggleCycleVisibility(node, nodeName, hiddenValue) {
var spanNode = $(nodeName);
var newVisibility = ((node.value == hiddenValue) ? null : 'visible;');
spanNode.style.visibility = newVisibility;
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;
}
}
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;
var composeToUndecidedAttendees = $('composeToUndecidedAttendees');
var attendeesStates = $('attendeesStates').value;
if (attendeesStates.indexOf("needs-action") < 0)
composeToUndecidedAttendees.addClassName("disabled");
else
composeToUndecidedAttendees.removeClassName("disabled");
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) {
var address = item.firstChild.nodeValue.trim() + " <" + item.readAttribute("email") + ">";
addresses.push(address);
});
if (window.opener)
window.opener.openMailTo(addresses.join(","));
var attendees = $$("DIV#attendeesMenu LI.attendee");
var addresses = new Array();
attendees.each(function(item) {
var address = item.firstChild.nodeValue.trim() + " <" + item.readAttribute("email") + ">";
addresses.push(address);
});
if (window.opener)
window.opener.openMailTo(addresses.join(","));
}
function onComposeToUndecidedAttendees()
{
if ($(this).hasClassName("disabled"))
return;
if ($(this).hasClassName("disabled"))
return;
var attendees = $$("DIV#attendeesMenu LI.attendee.needs-action");
var addresses = new Array();
attendees.each(function(item) {
var address = item.firstChild.nodeValue.trim() + " <" + item.readAttribute("email") + ">";
addresses.push(address);
});
if (window.opener)
window.opener.openMailTo(addresses.join(","));
var attendees = $$("DIV#attendeesMenu LI.attendee.needs-action");
var addresses = new Array();
attendees.each(function(item) {
var address = item.firstChild.nodeValue.trim() + " <" + item.readAttribute("email") + ">";
addresses.push(address);
});
if (window.opener)
window.opener.openMailTo(addresses.join(","));
}
function addContact(tag, fullContactName, contactId, contactName, contactEmail) {
var uids = $('uixselector-participants-uidList');
var uids = $('uixselector-participants-uidList');
if (contactId)
{
var re = new RegExp("(^|,)" + contactId + "($|,)");
if (!re.test(uids.value))
if (contactId)
{
if (uids.value.length > 0)
uids.value += ',' + contactId;
else
uids.value = contactId;
var re = new RegExp("(^|,)" + contactId + "($|,)");
var names = $('uixselector-participants-display');
names.innerHTML += ('<li onmousedown="return false;"'
+ ' onclick="onRowClick(event);"><img src="'
+ ResourcesURL + '/abcard.gif" />'
+ contactName + '</li>');
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;
return false;
}
function saveEvent(sender) {
if (validateAptEditor())
document.forms['editform'].submit();
if (validateAptEditor())
document.forms['editform'].submit();
return false;
return false;
}
function startDayAsShortString() {
return $('startTime_date').valueAsShortDateString();
return $('startTime_date').valueAsShortDateString();
}
function endDayAsShortString() {
return $('endTime_date').valueAsShortDateString();
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 );
var date = window.timeWidgets[which]['date'].valueAsDate();
date.setHours( window.timeWidgets[which]['hour'].value );
date.setMinutes( window.timeWidgets[which]['minute'].value );
return date;
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);
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;
return date;
}
function getStartDate() {
return this._getDate('start');
return this._getDate('start');
}
function getEndDate() {
return this._getDate('end');
return this._getDate('end');
}
function getShadowStartDate() {
return this._getShadowDate('start');
return this._getShadowDate('start');
}
function getShadowEndDate() {
return this._getShadowDate('end');
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;
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);
this._setDate('start', newStartDate);
}
function setEndDate(newEndDate) {
this._setDate('end', newEndDate);
this._setDate('end', newEndDate);
}
function onAdjustTime(event) {
var endDate = window.getEndDate();
var startDate = window.getStartDate();
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);
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();
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;
}
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;
this.timeWidgets = widgets;
if (widgets['start']['date']) {
widgets['start']['date'].observe("change", this.onAdjustTime, false);
widgets['start']['hour'].observe("change", this.onAdjustTime, false);
widgets['start']['minute'].observe("change", this.onAdjustTime, false);
}
if (widgets['end']['date']) {
widgets['end']['date'].observe("change", this.onAdjustTime, false);
widgets['end']['hour'].observe("change", this.onAdjustTime, false);
widgets['end']['minute'].observe("change", this.onAdjustTime, false);
}
var allDayLabel = $("allDay");
if (allDayLabel) {
var input = $(allDayLabel).childNodesWithTag("input")[0];
input.observe("change", onAllDayChanged.bindAsEventListener(input));
if (input.checked) {
for (var type in widgets) {
widgets[type]['hour'].disabled = true;
widgets[type]['minute'].disabled = true;
}
if (widgets['start']['date']) {
widgets['start']['date'].observe("change", this.onAdjustTime, false);
widgets['start']['hour'].observe("change", this.onAdjustTime, false);
widgets['start']['minute'].observe("change", this.onAdjustTime, false);
}
if (widgets['end']['date']) {
widgets['end']['date'].observe("change", this.onAdjustTime, false);
widgets['end']['hour'].observe("change", this.onAdjustTime, false);
widgets['end']['minute'].observe("change", this.onAdjustTime, false);
}
var allDayLabel = $("allDay");
if (allDayLabel) {
var input = $(allDayLabel).childNodesWithTag("input")[0];
input.observe("change", onAllDayChanged.bindAsEventListener(input));
if (input.checked) {
for (var type in widgets) {
widgets[type]['hour'].disabled = true;
widgets[type]['minute'].disabled = true;
}
}
}
}
}
function refreshAttendeesRO () {
var attendeesNames = $("attendeesNames").value;
var attendeesEmails = $("attendeesEmails").value.split(",");
var attendeesStates = $("attendeesStates").value.split(",");
var attendeesMenu = $("attendeesMenu");
var attendeesLabel = $("attendeesLabel");
var attendeesNames = $("attendeesNames").value;
var attendeesEmails = $("attendeesEmails").value.split(",");
var attendeesStates = $("attendeesStates").value.split(",");
var attendeesMenu = $("attendeesMenu");
var attendeesLabel = $("attendeesLabel");
if (attendeesMenu) {
for (var i = 0; i < attendeesMenu.childNodes.length; i++)
attendeesMenu.removeChild (attendeesMenu.childNodes[i]);
}
if (attendeesNames.length > 0) {
// Update attendees link and show label
if (attendeesLabel)
attendeesLabel.setStyle({ display: "block" });
if ($("attendeesDiv"))
$("attendeesDiv").setStyle({display: "block"});
// Update attendees in menu
attendeesNames = attendeesNames.split(",");
for (var i = 0; i < attendeesEmails.length; i++) {
var node = document.createElement("div");
if (attendeesMenu)
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);
if (attendeesMenu) {
for (var i = 0; i < attendeesMenu.childNodes.length; i++)
attendeesMenu.removeChild (attendeesMenu.childNodes[i]);
}
if (attendeesNames.length > 0) {
// Update attendees link and show label
if (attendeesLabel)
attendeesLabel.setStyle({ display: "block" });
if ($("attendeesDiv"))
$("attendeesDiv").setStyle({display: "block"});
// Update attendees in menu
attendeesNames = attendeesNames.split(",");
for (var i = 0; i < attendeesEmails.length; i++) {
var node = document.createElement("div");
if (attendeesMenu)
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" });
if ($("attendeesDiv"))
$("attendeesDiv").setStyle({display: "none"});
}
}
else {
// Hide link of attendees
attendeesLabel.setStyle({ display: "none" });
if ($("attendeesDiv"))
$("attendeesDiv").setStyle({display: "none"});
}
}
function refreshAttendees() {
var attendeesLabel = $("attendeesLabel");
var attendeesNames = $("attendeesNames").value;
var attendeesEmails = $("attendeesEmails").value.split(",");
var attendeesStates = $("attendeesStates").value.split(",");
var attendeesHref = $("attendeesHref");
var attendeesMenu = $("attendeesMenu");
var attendeesLabel = $("attendeesLabel");
var attendeesNames = $("attendeesNames").value;
var attendeesEmails = $("attendeesEmails").value.split(",");
var attendeesStates = $("attendeesStates").value.split(",");
var attendeesHref = $("attendeesHref");
var attendeesMenu = $("attendeesMenu");
if (!attendeesHref)
return refreshAttendeesRO ();
if (!attendeesHref)
return refreshAttendeesRO ();
if (attendeesMenu)
attendeesMenu = $("attendeesMenu").down("ul");
if (attendeesMenu)
attendeesMenu = $("attendeesMenu").down("ul");
// Remove link of attendees
for (var i = 0; i < attendeesHref.childNodes.length; i++)
attendeesHref.removeChild(attendeesHref.childNodes[i]);
// 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 && attendeesMenu)
for (var i = 0; i < menuItems.length; i++)
attendeesMenu.removeChild(menuItems[i]);
// Remove attendees from menu
var menuItems = $$("DIV#attendeesMenu LI.attendee");
if (menuItems && attendeesMenu)
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" });
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");
if (attendeesMenu)
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);
// Update attendees in menu
attendeesNames = attendeesNames.split(",");
for (var i = 0; i < attendeesEmails.length; i++) {
var node = document.createElement("li");
if (attendeesMenu)
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" });
}
}
else {
// Hide link of attendees
attendeesLabel.setStyle({ display: "none" });
}
}
function initializeAttendeesHref() {
var attendeesHref = $("attendeesHref");
var attendeesLabel = $("attendeesLabel");
var attendeesNames = $("attendeesNames");
var attendeesHref = $("attendeesHref");
var attendeesLabel = $("attendeesLabel");
var attendeesNames = $("attendeesNames");
if (attendeesHref && !attendeesHref.hasClassName ("nomenu"))
attendeesHref.observe("click", onAttendeesHrefClick, false);
refreshAttendees();
if (attendeesHref && !attendeesHref.hasClassName ("nomenu"))
attendeesHref.observe("click", onAttendeesHrefClick, false);
refreshAttendees();
}
function onAttendeesHrefClick(event) {
popupToolbarMenu(this, 'attendeesMenu');
preventDefault(event);
return false;
popupToolbarMenu(this, 'attendeesMenu');
preventDefault(event);
return false;
}
function onMailTo(event) {
var target = getTarget(event);
var address = target.firstChild.nodeValue.trim() + " <" + target.readAttribute("email") + ">";
openMailTo(address);
var target = getTarget(event);
var address = target.firstChild.nodeValue.trim() + " <" + target.readAttribute("email") + ">";
openMailTo(address);
}
function getMenus() {
AppointmentEditor.attendeesMenu = new Array(onPopupAttendeesWindow,
"-",
onComposeToAllAttendees,
onComposeToUndecidedAttendees,
"-",
null);
AppointmentEditor.attendeesMenu = new Array(onPopupAttendeesWindow,
"-",
onComposeToAllAttendees,
onComposeToUndecidedAttendees,
"-",
null);
var attendeesMenu = $('attendeesMenu');
if (attendeesMenu)
attendeesMenu.prepareVisibility = onAttendeesMenuPrepareVisibility;
var attendeesMenu = $('attendeesMenu');
if (attendeesMenu)
attendeesMenu.prepareVisibility = onAttendeesMenuPrepareVisibility;
return { "attendeesMenu": AppointmentEditor.attendeesMenu };
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();
if (readOnly == false) {
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();
}
document.observe("dom:loaded", onAppointmentEditorLoad);

38
UI/WebServerResources/UIxComponentEditor.css
View File

@@ -22,7 +22,7 @@ SPAN.content
SPAN.content > INPUT.textField,
LABEL#commentArea textarea
{ width: 380px; }
{ max-width: 380px; }
LABEL, SPAN.checkBoxList
{ display: block;
@@ -34,12 +34,13 @@ LABEL, SPAN.checkBoxList
width: 100%; }
LABEL#commentArea textarea
{ padding-bottom: 0em;
top: 0px;
{ position: absolute;
top: 0;
width: 100%;
left: 8em;
position: absolute;
padding: 0px;
right: 1em;
margin: 0px;
margin: auto;
margin-left: 1px; }
SPAN.headerContent
@@ -51,7 +52,7 @@ SPAN.headerContent
}
LABEL.title
{
margin-top: 20px;
margin-top: 1em;
font-weight: bold;
}
LABEL.titleNoSpace
@@ -66,10 +67,13 @@ DIV#windowButtons
right: 2em; }
LABEL.calendarName
{ text-align: right;
margin-top: 10px;
margin-bottom: 10px;
width: 97%;
{ background-color: #fff;
border-bottom: 1px solid #555;
font-weight: bold;
text-align: right;
margin: 0;
padding: 10px;
width: auto;
}
DIV#attendeesMenu
@@ -81,13 +85,9 @@ DIV.fakeTextArea
border-width: 2px;
border-style: inset;
padding: 2px;
height: 100%;
white-space: pre-wrap;
}
height: 100px;
white-space: pre-wrap; }
DIV#descriptionDiv {
height: 80px;
}
SPAN.fixedHeight {
height: 60px;
}
DIV#descriptionDiv,
DIV#attendeesDiv
{ height: 120px; }

31
UI/WebServerResources/UIxComponentEditor.js
View File

@@ -43,8 +43,8 @@ function onPopupAttachWindow(event) {
}
attachInput.value = newAttach;
}
onWindowResize(event);
onWindowResize(event);
return false;
}
@@ -183,27 +183,31 @@ function onSummaryChange (e) {
}
function onWindowResize(event) {
var document = $("documentLabel");
var comment = $("commentArea");
if (comment) {
var area = comment.select("textarea").first();
var offset = 6;
// Resize comment area of read-write component
var document = $("documentLabel");
var area = comment.select("textarea").first();
var offset = 6;
var height;
height = window.height() - comment.cumulativeOffset().top - offset;
height = window.height() - comment.cumulativeOffset().top - offset;
if (document.visible()) {
if (document.visible()) {
// Component has an attachment
if ($("changeAttachButton"))
height -= $("changeAttachButton").getHeight();
height -= $("changeAttachButton").getHeight();
else
height -= $("documentHref").getHeight();
}
if (area)
area.setStyle({ height: (height - offset*2) + "px" });
comment.setStyle({ height: (height - offset) + "px" });
comment.setStyle({ height: (height - offset) + "px" });
}
else {
// Resize attendees area of a read-only component
$("eventView").style.height = window.height () + "px";
var height = window.height() - 120;
var tmp = $("generalDiv");
@@ -213,8 +217,11 @@ function onWindowResize(event) {
if (tmp)
height -= tmp.offsetHeight;
$("attendeesDiv").style.height = height + "px";
$("attendeesMenu").style.height = (height - 20) + "px";
tmp = $("attendeesDiv");
if (tmp) {
tmp.style.height = height + "px";
$("attendeesMenu").style.height = (height - 20) + "px";
}
}
return true;

53
UI/WebServerResources/UIxTaskEditor.js
View File

@@ -156,16 +156,18 @@ function addContact(tag, fullContactName, contactId, contactName, contactEmail)
}
function onTimeControlCheck(checkBox) {
var inputs = checkBox.parentNode.getElementsByTagName("input");
var selects = checkBox.parentNode.getElementsByTagName("select");
for (var i = 0; i < inputs.length; i++)
if (inputs[i] != checkBox)
inputs[i].disabled = !checkBox.checked;
for (var i = 0; i < selects.length; i++)
if (selects[i] != checkBox)
selects[i].disabled = !checkBox.checked;
if (checkBox) {
var inputs = checkBox.parentNode.getElementsByTagName("input");
var selects = checkBox.parentNode.getElementsByTagName("select");
for (var i = 0; i < inputs.length; i++)
if (inputs[i] != checkBox)
inputs[i].disabled = !checkBox.checked;
for (var i = 0; i < selects.length; i++)
if (selects[i] != checkBox)
selects[i].disabled = !checkBox.checked;
if (checkBox.id == "dueDateCB")
$("reminderList").disabled = !checkBox.checked;
$("reminderList").disabled = !checkBox.checked;
}
}
function saveEvent(sender) {
@@ -294,26 +296,29 @@ function onStatusListChange(event) {
function initializeStatusLine() {
var statusList = $("statusList");
statusList.observe("mouseup", onStatusListChange, false);
if (statusList)
statusList.observe("mouseup", onStatusListChange, false);
}
function onTaskEditorLoad() {
assignCalendar('startTime_date');
assignCalendar('dueTime_date');
assignCalendar('statusTime_date');
assignCalendar('startTime_date');
assignCalendar('dueTime_date');
assignCalendar('statusTime_date');
if (readOnly == false) {
var widgets = {'start': {'date': $("startTime_date"),
'hour': $("startTime_time_hour"),
'minute': $("startTime_time_minute")},
'due': {'date': $("dueTime_date"),
'hour': $("dueTime_time_hour"),
'minute': $("dueTime_time_minute")}};
initTimeWidgets(widgets);
}
var widgets = {'start': {'date': $("startTime_date"),
'hour': $("startTime_time_hour"),
'minute': $("startTime_time_minute")},
'due': {'date': $("dueTime_date"),
'hour': $("dueTime_time_hour"),
'minute': $("dueTime_time_minute")}};
initTimeWidgets(widgets);
// Enable or disable the reminder list
onTimeControlCheck($("dueDateCB"));
// Enable or disable the reminder list
onTimeControlCheck($("dueDateCB"));
initializeStatusLine();
initializeStatusLine();
}
document.observe("dom:loaded", onTaskEditorLoad);