Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
/* exported taskDetailsView, sendMailToOrganizer, taskViewCopyLink */
/* import-globals-from ../../../mail/base/content/mailCore.js */
/* import-globals-from item-editing/calendar-item-editing.js */
/* import-globals-from ../src/calApplicationUtils.js */
/* import-globals-from calendar-ui-utils.js */
var { recurrenceRule2String } = ChromeUtils.importESModule(
);
var taskDetailsView = {
/**
* Task Details Events
*
* XXXberend Please document this function, possibly also consolidate since
* its the only function in taskDetailsView.
*/
onSelect() {
function displayElement(id, flag) {
document.getElementById(id).hidden = !flag;
return flag;
}
const dateFormatter = cal.dtz.formatter;
const item = document.getElementById("calendar-task-tree").currentTask;
if (
displayElement("calendar-task-details-container", item != null) &&
displayElement("calendar-task-view-splitter", item != null)
) {
document.getElementById("calendar-task-details-title-row").toggleAttribute("hidden", false);
document.getElementById("calendar-task-details-title").textContent = item.title
? item.title.replace(/\n/g, " ")
: "";
const organizer = item.organizer;
if (
!document
.getElementById("calendar-task-details-organizer-row")
.toggleAttribute("hidden", !organizer)
) {
let name = organizer.commonName;
if (!name || name.length <= 0) {
if (organizer.id && organizer.id.length) {
name = organizer.id;
const re = new RegExp("^mailto:(.*)", "i");
const matches = re.exec(name);
if (matches) {
name = matches[1];
}
}
}
if (
!document
.getElementById("calendar-task-details-organizer-row")
.toggleAttribute("hidden", !name)
) {
document.getElementById("calendar-task-details-organizer").textContent = name;
}
}
let priority = 0;
if (item.calendar.getProperty("capabilities.priority.supported")) {
priority = parseInt(item.priority, 10);
}
document
.getElementById("calendar-task-details-priority-row")
.toggleAttribute("hidden", priority == 0);
displayElement("calendar-task-details-priority-low", priority >= 6 && priority <= 9);
displayElement("calendar-task-details-priority-normal", priority == 5);
displayElement("calendar-task-details-priority-high", priority >= 1 && priority <= 4);
const status = item.getProperty("STATUS");
if (
!document
.getElementById("calendar-task-details-status-row")
.toggleAttribute("hidden", !status)
) {
const statusDetails = document.getElementById("calendar-task-details-status");
switch (status) {
case "NEEDS-ACTION": {
statusDetails.textContent = cal.l10n.getCalString("taskDetailsStatusNeedsAction");
break;
}
case "IN-PROCESS": {
let percent = 0;
const property = item.getProperty("PERCENT-COMPLETE");
if (property != null) {
percent = parseInt(property, 10);
}
statusDetails.textContent = cal.l10n.getCalString("taskDetailsStatusInProgress", [
percent,
]);
break;
}
case "COMPLETED": {
if (item.completedDate) {
const completedDate = item.completedDate.getInTimezone(cal.dtz.defaultTimezone);
statusDetails.textContent = cal.l10n.getCalString("taskDetailsStatusCompletedOn", [
dateFormatter.formatDateTime(completedDate),
]);
}
break;
}
case "CANCELLED": {
statusDetails.textContent = cal.l10n.getCalString("taskDetailsStatusCancelled");
break;
}
default: {
document
.getElementById("calendar-task-details-status-row")
.toggleAttribute("hidden", true);
break;
}
}
}
const categories = item.getCategories();
if (
!document
.getElementById("calendar-task-details-category-row")
.toggleAttribute("hidden", categories.length == 0)
) {
document.getElementById("calendar-task-details-category").textContent =
categories.join(", ");
}
const taskStartDate = item[cal.dtz.startDateProp(item)];
if (taskStartDate) {
document.getElementById("task-start-date").textContent =
cal.dtz.getStringForDateTime(taskStartDate);
}
document.getElementById("task-start-row").toggleAttribute("hidden", !taskStartDate);
const taskDueDate = item[cal.dtz.endDateProp(item)];
if (taskDueDate) {
document.getElementById("task-due-date").textContent =
cal.dtz.getStringForDateTime(taskDueDate);
}
document.getElementById("task-due-row").toggleAttribute("hidden", !taskDueDate);
let parentItem = item;
if (parentItem.parentItem != parentItem) {
// XXXdbo Didn't we want to get rid of these checks?
parentItem = parentItem.parentItem;
}
const recurrenceInfo = parentItem.recurrenceInfo;
const recurStart = parentItem.recurrenceStartDate;
if (
!document
.getElementById("calendar-task-details-repeat-row")
.toggleAttribute("hidden", !recurrenceInfo || !recurStart)
) {
const kDefaultTimezone = cal.dtz.defaultTimezone;
const startDate = recurStart.getInTimezone(kDefaultTimezone);
const endDate = item.dueDate ? item.dueDate.getInTimezone(kDefaultTimezone) : null;
const detailsString = recurrenceRule2String(
recurrenceInfo,
startDate,
endDate,
startDate.isDate
);
if (detailsString) {
const rpv = document.getElementById("calendar-task-details-repeat");
rpv.textContent = detailsString.split("\n").join(" ");
}
}
const iframe = document.getElementById("calendar-task-details-description");
const docFragment = cal.view.textToHtmlDocumentFragment(
item.descriptionText,
iframe.contentDocument,
item.descriptionHTML
);
// Make any links open in the user's default browser, not in Thunderbird.
for (const anchor of docFragment.querySelectorAll("a")) {
anchor.addEventListener("click", function (event) {
event.preventDefault();
if (event.isTrusted) {
launchBrowser(anchor.getAttribute("href"), event);
}
});
}
iframe.contentDocument.body.replaceChildren(docFragment);
const link = iframe.contentDocument.createElement("link");
link.rel = "stylesheet";
iframe.contentDocument.head.replaceChildren(link);
const attachmentRows = document.getElementById("calendar-task-details-attachment-rows");
while (attachmentRows.lastChild) {
attachmentRows.lastChild.remove();
}
const attachments = item.getAttachments();
if (displayElement("calendar-task-details-attachment-row", attachments.length > 0)) {
displayElement("calendar-task-details-attachment-rows", true);
for (const attachment of attachments) {
const url = attachment.calIAttachment.uri.spec;
const urlLabel = document.createXULElement("label");
urlLabel.setAttribute("class", "text-link");
urlLabel.setAttribute("value", url);
urlLabel.setAttribute("tooltiptext", url);
urlLabel.setAttribute("crop", "end");
urlLabel.setAttribute("onclick", "if (event.button != 2) launchBrowser(this.value);");
urlLabel.setAttribute("context", "taskview-link-context-menu");
attachmentRows.appendChild(urlLabel);
}
}
}
},
loadCategories() {
const categoryPopup = document.getElementById("task-actions-category-popup");
const item = document.getElementById("calendar-task-tree").currentTask;
const itemCategories = item.getCategories();
const categoryList = cal.category.fromPrefs();
for (const cat of itemCategories) {
if (!categoryList.includes(cat)) {
categoryList.push(cat);
}
}
cal.l10n.sortArrayByLocaleCollator(categoryList);
const maxCount = item.calendar.getProperty("capabilities.categories.maxCount");
while (categoryPopup.childElementCount > 2) {
categoryPopup.lastChild.remove();
}
if (maxCount == 1) {
const menuitem = document.createXULElement("menuitem");
menuitem.setAttribute("class", "menuitem-iconic");
menuitem.setAttribute("label", cal.l10n.getCalString("None"));
menuitem.setAttribute("type", "radio");
if (itemCategories.length === 0) {
menuitem.setAttribute("checked", "true");
}
categoryPopup.appendChild(menuitem);
}
for (const cat of categoryList) {
const menuitem = document.createXULElement("menuitem");
menuitem.setAttribute("class", "calendar-category");
menuitem.setAttribute("label", cat);
menuitem.setAttribute("value", cat);
menuitem.setAttribute("type", maxCount === null || maxCount > 1 ? "checkbox" : "radio");
if (itemCategories.includes(cat)) {
menuitem.setAttribute("checked", "true");
}
const cssSafeId = cal.view.formatStringForCSSRule(cat);
menuitem.style.setProperty("--item-color", `var(--category-${cssSafeId}-color)`);
categoryPopup.appendChild(menuitem);
}
},
saveCategories() {
const categoryPopup = document.getElementById("task-actions-category-popup");
const item = document.getElementById("calendar-task-tree").currentTask;
const oldCategories = item.getCategories();
const categories = Array.from(
categoryPopup.querySelectorAll("menuitem.calendar-category[checked]"),
menuitem => menuitem.value
);
let unchanged = oldCategories.length == categories.length;
for (let i = 0; unchanged && i < categories.length; i++) {
unchanged = oldCategories[i] == categories[i];
}
if (!unchanged) {
const newItem = item.clone();
newItem.setCategories(categories);
doTransaction("modify", newItem, newItem.calendar, item, null);
return false;
}
return true;
},
categoryTextboxKeypress(event) {
let category = event.target.value;
const categoryPopup = document.getElementById("task-actions-category-popup");
switch (event.key) {
case " ": {
// The menu popup seems to eat this keypress.
const start = event.target.selectionStart;
event.target.value =
category.substring(0, start) + " " + category.substring(event.target.selectionEnd);
event.target.selectionStart = event.target.selectionEnd = start + 1;
return;
}
case "Tab":
case "ArrowDown":
case "ArrowUp": {
event.target.blur();
event.preventDefault();
const key = event.key == "ArrowUp" ? "ArrowUp" : "ArrowDown";
categoryPopup.dispatchEvent(new KeyboardEvent("keydown", { key }));
categoryPopup.dispatchEvent(new KeyboardEvent("keyup", { key }));
return;
}
case "Escape":
if (category) {
event.target.value = "";
} else {
categoryPopup.hidePopup();
}
event.preventDefault();
return;
case "Enter":
category = category.trim();
if (category != "") {
break;
}
return;
default: {
return;
}
}
event.preventDefault();
let categoryList = categoryPopup.querySelectorAll("menuitem.calendar-category");
let categories = Array.from(categoryList, cat => cat.getAttribute("value"));
let modified = false;
let newIndex = categories.indexOf(category);
if (newIndex > -1) {
if (categoryList[newIndex].getAttribute("checked") != "true") {
categoryList[newIndex].setAttribute("checked", "true");
modified = true;
}
} else {
const localeCollator = new Intl.Collator();
const compare = localeCollator.compare;
newIndex = cal.data.binaryInsert(categories, category, compare, true);
const item = document.getElementById("calendar-task-tree").currentTask;
const maxCount = item.calendar.getProperty("capabilities.categories.maxCount");
const menuitem = document.createXULElement("menuitem");
menuitem.setAttribute("class", "menuitem-iconic calendar-category");
menuitem.setAttribute("label", category);
menuitem.setAttribute("value", category);
menuitem.setAttribute("type", maxCount === null || maxCount > 1 ? "checkbox" : "radio");
menuitem.setAttribute("checked", true);
categoryPopup.insertBefore(menuitem, categoryList[newIndex]);
modified = true;
}
if (modified) {
categoryList = categoryPopup.querySelectorAll("menuitem.calendar-category[checked]");
categories = Array.from(categoryList, cat => cat.getAttribute("value"));
const item = document.getElementById("calendar-task-tree").currentTask;
const newItem = item.clone();
newItem.setCategories(categories);
doTransaction("modify", newItem, newItem.calendar, item, null);
}
event.target.value = "";
},
};
/**
* Updates the currently applied filter for the task view and refreshes the task
* tree.
*
* @param {string} [filter] - The filter name to set.
*/
function taskViewUpdate(filter) {
if (!filter) {
const taskFilterGroup = document.getElementById("task-tree-filtergroup");
filter = taskFilterGroup.value || "all";
}
const tree = document.getElementById("calendar-task-tree");
const oldFilter = tree.getAttribute("filterValue");
if (filter != oldFilter) {
tree.setAttribute("filterValue", filter);
document
.querySelectorAll(
`menuitem[command="calendar_task_filter_command"][type="radio"],
toolbarbutton[command="calendar_task_filter_command"][type="radio"]`
)
.forEach(item => {
if (item.getAttribute("value") == filter) {
item.setAttribute("checked", "true");
} else {
item.removeAttribute("checked");
}
});
const radio = document.querySelector(
`radio[command="calendar_task_filter_command"][value="${filter}"]`
);
if (radio) {
radio.radioGroup.selectedItem = radio;
}
}
tree.updateFilter(filter);
}
/**
* Prepares a dialog to send an email to the organizer of the currently selected
* task in the task view.
*
* XXX We already have a function with this name in the event dialog. Either
* consolidate or make name more clear.
*/
function sendMailToOrganizer() {
const item = document.getElementById("calendar-task-tree").currentTask;
if (item != null) {
const organizer = item.organizer;
const email = cal.email.getAttendeeEmail(organizer, true);
const emailSubject = cal.l10n.getString("calendar-event-dialog", "emailSubjectReply", [
item.title,
]);
const identity = item.calendar.getProperty("imip.identity");
cal.email.sendTo(email, emailSubject, null, identity);
}
}
// Install event listeners for the display deck change and connect task tree to filter field
function taskViewOnLoad() {
const calendarDisplayBox = document.getElementById("calendarDisplayBox");
const tree = document.getElementById("calendar-task-tree");
if (calendarDisplayBox && tree) {
tree.textFilterField = "task-text-filter-field";
// setup the platform-dependent placeholder for the text filter field
const textFilter = document.getElementById("task-text-filter-field");
if (textFilter) {
const base = textFilter.getAttribute("emptytextbase");
const keyLabel = textFilter.getAttribute(
AppConstants.platform == "macosx" ? "keyLabelMac" : "keyLabelNonMac"
);
textFilter.setAttribute("placeholder", base.replace("#1", keyLabel));
textFilter.value = "";
}
taskViewUpdate();
}
// Setup customizeDone handler for the task action toolbox.
const toolbox = document.getElementById("task-actions-toolbox");
toolbox.customizeDone = function (aEvent) {
MailToolboxCustomizeDone(aEvent, "CustomizeTaskActionsToolbar");
};
Services.obs.notifyObservers(window, "calendar-taskview-startup-done");
}
/**
* Copy the value of the given link node to the clipboard
*
* @param linkNode The node containing the value to copy to the clipboard
*/
function taskViewCopyLink(linkNode) {
if (linkNode) {
const linkAddress = linkNode.value;
const clipboard = Cc["@mozilla.org/widget/clipboardhelper;1"].getService(Ci.nsIClipboardHelper);
clipboard.copyString(linkAddress);
}
}