adding todo support to dialog.

This commit is contained in:
pavlov%pavlov.net 2005-06-21 21:00:47 +00:00
Родитель 591c83e548
Коммит 5521ea7dd4
3 изменённых файлов: 201 добавлений и 115 удалений

Просмотреть файл

@ -41,12 +41,12 @@ function onLoad()
var args = window.arguments[0];
window.onAcceptCallback = args.onOk;
window.calendarEvent = args.calendarEvent;
window.calendarItem = args.calendarEvent;
window.mode = args.mode;
window.recurrenceInfo = null;
/* add calendars to the calendar menulist */
var calendarList = document.getElementById("event-calendar");
var calendarList = document.getElementById("item-calendar");
var calendars = getCalendarManager().getCalendars({});
for (i in calendars) {
var calendar = calendars[i];
@ -54,7 +54,9 @@ function onLoad()
menuitem.calendar = calendar;
}
loadDialog(window.calendarEvent);
loadDialog(window.calendarItem);
updateStyle();
// update the accept button
updateAccept();
@ -68,7 +70,10 @@ function onLoad()
// update alarm checkbox/label/settings button
updateAlarm();
document.getElementById("event-title").focus();
// update our size!
window.sizeToContent();
document.getElementById("item-title").focus();
opener.setCursor("auto");
@ -78,14 +83,14 @@ function onLoad()
function onAccept()
{
// if this event isn't mutable, we need to clone it like a sheep
var originalEvent = window.calendarEvent;
var event = (originalEvent.isMutable) ? originalEvent : originalEvent.clone();
var originalItem = window.calendarItem;
var item = (originalItem.isMutable) ? originalItem : originalItem.clone();
saveDialog(event);
saveDialog(item);
var calendar = document.getElementById("event-calendar").selectedItem.calendar;
var calendar = document.getElementById("item-calendar").selectedItem.calendar;
window.onAcceptCallback(event, calendar, originalEvent);
window.onAcceptCallback(item, calendar, originalItem);
return true;
}
@ -95,42 +100,50 @@ function onCancel()
}
function loadDialog(event)
function loadDialog(item)
{
var kDefaultTimezone = calendarDefaultTimezone();
setElementValue("event-title", event.title);
setElementValue("event-all-day", event.isAllDay, "checked");
setElementValue("event-location", event.getProperty("LOCATION"));
setElementValue("event-url", event.getProperty("URL"));
setElementValue("event-description", event.getProperty("DESCRIPTION"));
setElementValue("item-title", item.title);
setElementValue("item-location", item.getProperty("LOCATION"));
setElementValue("item-url", item.getProperty("URL"));
setElementValue("item-description", item.getProperty("DESCRIPTION"));
/* event specific properties */
if (isEvent(item)) {
/* all day */
var startDate = event.startDate.getInTimezone(kDefaultTimezone);
var endDate = event.endDate.getInTimezone(kDefaultTimezone);
setElementValue("event-all-day", item.isAllDay, "checked");
var startDate = item.startDate.getInTimezone(kDefaultTimezone);
var endDate = item.endDate.getInTimezone(kDefaultTimezone);
if (startDate.isDate) {
endDate.day -= 1;
endDate.normalize();
}
setElementValue("event-starttime", startDate.jsDate);
setElementValue("event-endtime", endDate.jsDate);
}
/* todo specific properties */
if (isToDo(item)) {
setElementValue("todo-duedate", item.dueDate.jsDate);
setElementValue("todo-completed", (item.percentComplete == 100), "checked");
}
/* attendence */
var attendeeString = "";
for each (var attendee in event.getAttendees({})) {
for each (var attendee in item.getAttendees({})) {
if (attendeeString != "")
attendeeString += ",";
attendeeString += attendee.id.split("mailto:")[1];
}
setElementValue("event-attendees", attendeeString);
setElementValue("item-attendees", attendeeString);
/* event default calendar */
if (event.calendar) {
var calendarList = document.getElementById("event-calendar");
/* item default calendar */
if (item.calendar) {
var calendarList = document.getElementById("item-calendar");
var calendars = getCalendarManager().getCalendars({});
for (i in calendars) {
if (event.calendar.uri.equals(calendars[i].uri))
if (item.calendar.uri.equals(calendars[i].uri))
calendarList.selectedIndex = i;
}
}
@ -140,81 +153,89 @@ function loadDialog(event)
* - Setting recurrence on the item
* - changing the calendar
*/
if (event.parentItem != event) {
setElementValue("event-recurrence", "true", "disabled");
if (item.parentItem != item) {
setElementValue("item-recurrence", "true", "disabled");
setElementValue("set-recurrence", "true", "disabled");
setElementValue("event-calendar", "true", "disabled");
} else if (event.recurrenceInfo)
setElementValue("event-recurrence", "true", "checked");
setElementValue("item-calendar", "true", "disabled");
} else if (item.recurrenceInfo)
setElementValue("item-recurrence", "true", "checked");
/* alarms */
if (event.alarmTime) {
var alarmLength = event.getProperty("alarmLength");
if (item.alarmTime) {
var alarmLength = item.getProperty("alarmLength");
if (alarmLength != null) {
setElementValue("alarm-length-field", alarmLength);
setElementValue("alarm-length-units", event.getProperty("alarmUnits"));
setElementValue("alarm-trigger-relation", event.getProperty("alarmRelated"));
setElementValue("alarm-trigger-relation", item.getProperty("alarmRelated"));
}
setElementValue("event-alarm", "custom");
setElementValue("item-alarm", "custom");
}
}
function saveDialog(event)
function saveDialog(item)
{
setEventProperty(item, "title", getElementValue("item-title"));
setEventProperty(item, "LOCATION", getElementValue("item-location"));
setEventProperty(item, "URL", getElementValue("item-url"));
setEventProperty(item, "DESCRIPTION", getElementValue("item-description"));
if (isEvent(item)) {
// setEventProperty will only change if the value is different and
// does magic for startDate and endDate based on isAllDay, so set that first.
setEventProperty(event, "isAllDay", getElementValue("event-all-day", "checked"));
setEventProperty(event, "startDate", jsDateToDateTime(getElementValue("event-starttime")));
setEventProperty(event, "endDate", jsDateToDateTime(getElementValue("event-endtime")));
setEventProperty(event, "title", getElementValue("event-title"));
setEventProperty(event, "LOCATION", getElementValue("event-location"));
setEventProperty(event, "URL", getElementValue("event-url"));
setEventProperty(event, "DESCRIPTION", getElementValue("event-description"));
setEventProperty(item, "isAllDay", getElementValue("event-all-day", "checked"));
setEventProperty(item, "startDate", jsDateToDateTime(getElementValue("event-starttime")));
setEventProperty(item, "endDate", jsDateToDateTime(getElementValue("event-endtime")));
}
if (isToDo(item)) {
setEventProperty(item, "dueDate", jsDateToDateTime(getElementValue("todo-duedate")));
setEventProperty(item, "percentComplete", getElementValue("todo-completed", "checked"));
}
/* attendence */
event.removeAllAttendees();
var attendees = getElementValue("event-attendees");
item.removeAllAttendees();
var attendees = getElementValue("item-attendees");
if (attendees != "") {
for each (var addr in attendees.split(",")) {
if (addr != "") {
var attendee = createAttendee();
attendee.id = "mailto:" + addr;
event.addAttendee(attendee);
item.addAttendee(attendee);
}
}
}
/* recurrence */
if (getElementValue("event-recurrence", "checked")) {
if (getElementValue("item-recurrence", "checked")) {
if (window.recurrenceInfo) {
event.recurrenceInfo = window.recurrenceInfo;
item.recurrenceInfo = window.recurrenceInfo;
}
} else {
event.recurrenceInfo = null;
item.recurrenceInfo = null;
}
/* alarms */
var hasAlarm = (getElementValue("event-alarm") != "none");
var hasAlarm = (getElementValue("item-alarm") != "none");
if (!hasAlarm) {
event.deleteProperty("alarmLength");
event.deleteProperty("alarmUnits");
event.deleteProperty("alarmRelated");
event.alarmTime = null;
item.deleteProperty("alarmLength");
item.deleteProperty("alarmUnits");
item.deleteProperty("alarmRelated");
item.alarmTime = null;
} else {
var alarmLength = getElementValue("alarm-length-field");
var alarmUnits = document.getElementById("alarm-length-units").selectedItem.value;
var alarmRelated = document.getElementById("alarm-trigger-relation").selectedItem.value;
setEventProperty(event, "alarmLength", alarmLength);
setEventProperty(event, "alarmUnits", alarmUnits);
setEventProperty(event, "alarmRelated", alarmRelated);
setEventProperty(item, "alarmLength", alarmLength);
setEventProperty(item, "alarmUnits", alarmUnits);
setEventProperty(item, "alarmRelated", alarmRelated);
var alarmTime = null;
if (alarmRelated == "START") {
alarmTime = event.startDate.clone();
alarmTime = item.startDate.clone();
} else if (alarmRelated == "END") {
alarmTime = event.endDate.clone();
alarmTime = item.endDate.clone();
}
switch (alarmUnits) {
@ -231,18 +252,32 @@ function saveDialog(event)
alarmTime.normalize();
setEventProperty(event, "alarmTime", alarmTime);
setEventProperty(item, "alarmTime", alarmTime);
}
//dump(event.icalString + "\n");
dump(item.icalString + "\n");
}
function updateStyle()
{
const kDialogStylesheet = "chrome://calendar/content/calendar-event-dialog.css";
for each(var stylesheet in document.styleSheets) {
if (stylesheet.href == kDialogStylesheet) {
if (isEvent(window.calendarItem))
stylesheet.insertRule(".todo-only { display: none; }", 0);
else if (isToDo(window.calendarItem))
stylesheet.insertRule(".event-only { display: none; }", 0);
return;
}
}
}
function updateAccept()
{
var acceptButton = document.getElementById("calendar-event-dialog").getButton("accept");
var title = getElementValue("event-title");
var title = getElementValue("item-title");
if (title.length == 0)
acceptButton.setAttribute("disabled", "true");
else if (acceptButton.getAttribute("disabled"))
@ -252,6 +287,9 @@ function updateAccept()
function updateAllDay()
{
if (!isEvent(window.calendarItem))
return;
var allDay = getElementValue("event-all-day", "checked");
setElementValue("event-starttime", allDay, "timepickerdisabled");
setElementValue("event-endtime", allDay, "timepickerdisabled");
@ -260,7 +298,7 @@ function updateAllDay()
function updateRecurrence()
{
var recur = getElementValue("event-recurrence", "checked");
var recur = getElementValue("item-recurrence", "checked");
if (recur) {
setElementValue("set-recurrence", false, "disabled");
} else {
@ -282,7 +320,7 @@ function setAlarmFields(alarmItem)
}
function updateAlarm()
{
var alarmMenu = document.getElementById("event-alarm");
var alarmMenu = document.getElementById("item-alarm");
var alarmItem = alarmMenu.selectedItem;
var alarmItemValue = alarmItem.getAttribute("value");
@ -313,7 +351,7 @@ function updateAlarm()
function editRecurrence()
{
var args = new Object();
args.calendarEvent = window.calendarEvent;
args.calendarEvent = window.calendarItem;
args.recurrenceInfo = window.recurrenceInfo || args.calendarEvent.recurrenceInfo;
var savedWindow = window;
@ -331,45 +369,59 @@ function editRecurrence()
/* utility functions */
function setEventProperty(event, propertyName, value)
function setEventProperty(item, propertyName, value)
{
switch(propertyName) {
case "title":
if (value != event.title)
event.title = value;
break;
case "isAllDay":
if (value != event.isAllDay)
event.isAllDay = value;
if (value != item.isAllDay)
item.isAllDay = value;
break;
case "startDate":
if (value.compare(event.startDate) != 0) {
if (event.isAllDay)
if (value.compare(item.startDate) != 0) {
if (item.isAllDay)
value.isDate = true;
event.startDate = value;
item.startDate = value;
}
break;
case "endDate":
if (value.compare(event.endDate) != 0) {
if (event.isAllDay) {
if (value.compare(item.endDate) != 0) {
if (item.isAllDay) {
value.isDate = true;
value.day += 1;
value.normalize();
}
event.endDate = value;
item.endDate = value;
}
break;
case "dueDate":
if (value.compare(item.dueDate) != 0) {
item.dueDate = value;
}
break;
case "percentComplete":
var percent = (value) ? 100 : 0;
if (percent != item.percentComplete)
item.percentComplete = percent;
break;
case "title":
if (value != item.title)
item.title = value;
break;
case "alarmTime":
if ((value && !event.alarmTime) ||
(!value && event.alarmTime) ||
(value.compare(event.alarmTime) != 0))
event.alarmTime = value;
if ((value && !item.alarmTime) ||
(!value && item.alarmTime) ||
(value.compare(item.alarmTime) != 0))
item.alarmTime = value;
break;
default:
if (!value || value == "")
event.deleteProperty(propertyName);
else if (event.getProperty(propertyName) != value)
event.setProperty(propertyName, value);
item.deleteProperty(propertyName);
else if (item.getProperty(propertyName) != value)
item.setProperty(propertyName, value);
break;
}
}

Просмотреть файл

@ -70,24 +70,24 @@
<rows equalsize="always">
<row align="center">
<label value="Title" class="label"/>
<textbox id="event-title" oninput="updateAccept();"/>
<textbox id="item-title" oninput="updateAccept();"/>
</row>
<row align="center">
<label value="Location" class="label"/>
<textbox id="event-location"/>
<textbox id="item-location"/>
</row>
<row align="center">
<label value="URL" class="label"/>
<textbox id="event-url"/>
<textbox id="item-url"/>
</row>
<row align="center">
<label value="Attendees" class="label"/>
<textbox id="event-attendees"/>
<textbox id="item-attendees"/>
</row>
<row align="center">
<row align="center" class="event-only">
<label value="All day" class="label"/>
<hbox>
<checkbox id="event-all-day" oncommand="updateAllDay();"/>
@ -95,20 +95,33 @@
</hbox>
</row>
<row align="center">
<row align="center" class="event-only">
<label value="From" class="label"/>
<datetimepicker id="event-starttime"/>
</row>
<row align="center">
<row align="center" class="event-only">
<label value="To" class="label"/>
<datetimepicker id="event-endtime"/>
</row>
<row align="center" class="todo-only">
<label value="Completed" class="label"/>
<hbox>
<checkbox id="todo-completed"/>
<spacer flex="1"/>
</hbox>
</row>
<row align="center" class="todo-only">
<label value="Due date" class="label"/>
<datetimepicker id="todo-duedate"/>
</row>
<row align="center">
<label value="Repeat" class="label"/>
<hbox align="center">
<checkbox id="event-recurrence" oncommand="updateRecurrence();"/>
<checkbox id="item-recurrence" oncommand="updateRecurrence();"/>
<spacer flex="1"/>
<button id="set-recurrence" label="set..." oncommand="editRecurrence();"/>
</hbox>
@ -117,7 +130,7 @@
<row align="center">
<label value="Calendar" class="label"/>
<hbox>
<menulist id="event-calendar"/>
<menulist id="item-calendar"/>
<spacer flex="1"/>
</hbox>
</row>
@ -125,7 +138,7 @@
<row align="center">
<label value="Alarm" class="label"/>
<hbox>
<menulist id="event-alarm" oncommand="updateAlarm()">
<menulist id="item-alarm" oncommand="updateAlarm()">
<menupopup>
<menuitem label="none" value="none" selected="true"/>
<menuseparator/>
@ -161,7 +174,7 @@
</rows>
<textbox id="event-description" multiline="true" rows="4"/>
<textbox id="item-description" multiline="true" rows="4"/>
</rows>
</grid>

Просмотреть файл

@ -87,37 +87,58 @@ function createEventWithDialog(calendar, startDate, endDate, summary)
openEventDialog(event, calendar, "new", onNewEvent);
}
function modifyEventWithDialog(event)
function createTodoWithDialog(calendar, dueDate, summary)
{
var onModifyEvent = function(event, calendar, originalEvent) {
const kDefaultTimezone = calendarDefaultTimezone();
var todo = createToDo();
if (summary)
todo.title = summary;
if (!dueDate)
dueDate = jsDateToDateTime(new Date());
todo.dueDate = dueDate;
var onNewItem = function(item, calendar, originalItem) {
calendar.addItem(item, null);
}
openEventDialog(todo, calendar, "new", onNewItem);
}
function modifyEventWithDialog(item)
{
var onModifyItem = function(item, calendar, originalItem) {
// compare cal.uri because there may be multiple instances of
// calICalendar or uri for the same spec, and those instances are
// not ==.
if (!originalEvent.calendar ||
(originalEvent.calendar.uri.equals(calendar.uri)))
calendar.modifyItem(event, originalEvent, null);
if (!originalItem.calendar ||
(originalItem.calendar.uri.equals(calendar.uri)))
calendar.modifyItem(item, originalItem, null);
else {
originalEvent.calendar.deleteItem(event, null);
calendar.addItem(event, null);
originalItem.calendar.deleteItem(item, null);
calendar.addItem(item, null);
}
}
openEventDialog(event, event.calendar, "modify", onModifyEvent);
openEventDialog(item, item.calendar, "modify", onModifyItem);
}
function openEventDialog(calendarEvent, calendar, mode, callback)
function openEventDialog(calendarItem, calendar, mode, callback)
{
var args = new Object();
args.calendarEvent = calendarEvent;
args.calendarEvent = calendarItem;
args.calendar = calendar;
args.mode = mode;
args.onOk = callback;
// wait cursor will revert to auto in eventDialog.js loadCalendarEventDialog
// the dialog will reset this to auto when it is done loading.
window.setCursor("wait");
// open the dialog modally
//openDialog("chrome://calendar/content/eventDialog.xul", "_blank", "chrome,titlebar,modal", args);
openDialog("chrome://calendar/content/calendar-event-dialog.xul", "_blank", "chrome,titlebar,modal", args);
//openDialog("chrome://calendar/content/eventDialog.xul", "_blank", "chrome,titlebar,modal", args);
}