Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

1 files changed, 470 insertions, 0 deletions

diff --git a/comm/calendar/base/content/calendar-task-view.js b/comm/calendar/base/content/calendar-task-view.js
new file mode 100644
index 0000000000..f63fe9ffde
--- /dev/null
+++ b/comm/calendar/base/content/calendar-task-view.js
@@ -0,0 +1,470 @@
+/* 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
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* 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 { cal } = ChromeUtils.import("resource:///modules/calendar/calUtils.jsm");
+var { recurrenceRule2String } = ChromeUtils.import(
+  "resource:///modules/calendar/calRecurrenceUtils.jsm"
+);
+var { AppConstants } = ChromeUtils.importESModule("resource://gre/modules/AppConstants.sys.mjs");
+
+var taskDetailsView = {
+  /**
+   * Task Details Events
+   *
+   * XXXberend Please document this function, possibly also consolidate since
+   * its the only function in taskDetailsView.
+   */
+  onSelect(event) {
+    function displayElement(id, flag) {
+      document.getElementById(id).hidden = !flag;
+      return flag;
+    }
+
+    let dateFormatter = cal.dtz.formatter;
+
+    let 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, " ")
+        : "";
+
+      let 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;
+            let re = new RegExp("^mailto:(.*)", "i");
+            let 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);
+
+      let status = item.getProperty("STATUS");
+      if (
+        !document
+          .getElementById("calendar-task-details-status-row")
+          .toggleAttribute("hidden", !status)
+      ) {
+        let 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;
+            let 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) {
+              let 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;
+          }
+        }
+      }
+      let 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(", ");
+      }
+
+      let 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);
+
+      let 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;
+      }
+      let recurrenceInfo = parentItem.recurrenceInfo;
+      let recurStart = parentItem.recurrenceStartDate;
+      if (
+        !document
+          .getElementById("calendar-task-details-repeat-row")
+          .toggleAttribute("hidden", !recurrenceInfo || !recurStart)
+      ) {
+        let kDefaultTimezone = cal.dtz.defaultTimezone;
+        let startDate = recurStart.getInTimezone(kDefaultTimezone);
+        let endDate = item.dueDate ? item.dueDate.getInTimezone(kDefaultTimezone) : null;
+        let detailsString = recurrenceRule2String(
+          recurrenceInfo,
+          startDate,
+          endDate,
+          startDate.isDate
+        );
+        if (detailsString) {
+          let rpv = document.getElementById("calendar-task-details-repeat");
+          rpv.textContent = detailsString.split("\n").join(" ");
+        }
+      }
+      let iframe = document.getElementById("calendar-task-details-description");
+      let docFragment = cal.view.textToHtmlDocumentFragment(
+        item.descriptionText,
+        iframe.contentDocument,
+        item.descriptionHTML
+      );
+
+      // Make any links open in the user's default browser, not in Thunderbird.
+      for (let 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);
+      let link = iframe.contentDocument.createElement("link");
+      link.rel = "stylesheet";
+      link.href = "chrome://messenger/skin/shared/editorContent.css";
+      iframe.contentDocument.head.replaceChildren(link);
+      let attachmentRows = document.getElementById("calendar-task-details-attachment-rows");
+      while (attachmentRows.lastChild) {
+        attachmentRows.lastChild.remove();
+      }
+      let attachments = item.getAttachments();
+      if (displayElement("calendar-task-details-attachment-row", attachments.length > 0)) {
+        displayElement("calendar-task-details-attachment-rows", true);
+        for (let attachment of attachments) {
+          let url = attachment.calIAttachment.uri.spec;
+          let 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() {
+    let categoryPopup = document.getElementById("task-actions-category-popup");
+    let item = document.getElementById("calendar-task-tree").currentTask;
+
+    let itemCategories = item.getCategories();
+    let categoryList = cal.category.fromPrefs();
+    for (let cat of itemCategories) {
+      if (!categoryList.includes(cat)) {
+        categoryList.push(cat);
+      }
+    }
+    cal.l10n.sortArrayByLocaleCollator(categoryList);
+
+    let maxCount = item.calendar.getProperty("capabilities.categories.maxCount");
+
+    while (categoryPopup.childElementCount > 2) {
+      categoryPopup.lastChild.remove();
+    }
+    if (maxCount == 1) {
+      let 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 (let cat of categoryList) {
+      let menuitem = document.createXULElement("menuitem");
+      menuitem.setAttribute("class", "menuitem-iconic 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");
+      }
+      categoryPopup.appendChild(menuitem);
+    }
+  },
+
+  saveCategories(event) {
+    let categoryPopup = document.getElementById("task-actions-category-popup");
+    let item = document.getElementById("calendar-task-tree").currentTask;
+
+    let oldCategories = item.getCategories();
+    let 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) {
+      let newItem = item.clone();
+      newItem.setCategories(categories);
+      doTransaction("modify", newItem, newItem.calendar, item, null);
+      return false;
+    }
+
+    return true;
+  },
+
+  categoryTextboxKeypress(event) {
+    let category = event.target.value;
+    let categoryPopup = document.getElementById("task-actions-category-popup");
+
+    switch (event.key) {
+      case " ": {
+        // The menu popup seems to eat this keypress.
+        let 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();
+
+        let 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();
+      let compare = localeCollator.compare;
+      newIndex = cal.data.binaryInsert(categories, category, compare, true);
+
+      let item = document.getElementById("calendar-task-tree").currentTask;
+      let maxCount = item.calendar.getProperty("capabilities.categories.maxCount");
+
+      let 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"));
+
+      let item = document.getElementById("calendar-task-tree").currentTask;
+      let 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) {
+    let taskFilterGroup = document.getElementById("task-tree-filtergroup");
+    filter = taskFilterGroup.value || "all";
+  }
+
+  let tree = document.getElementById("calendar-task-tree");
+  let 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");
+        }
+      });
+    let 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() {
+  let item = document.getElementById("calendar-task-tree").currentTask;
+  if (item != null) {
+    let organizer = item.organizer;
+    let email = cal.email.getAttendeeEmail(organizer, true);
+    let emailSubject = cal.l10n.getString("calendar-event-dialog", "emailSubjectReply", [
+      item.title,
+    ]);
+    let 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() {
+  let calendarDisplayBox = document.getElementById("calendarDisplayBox");
+  let 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
+    let textFilter = document.getElementById("task-text-filter-field");
+    if (textFilter) {
+      let base = textFilter.getAttribute("emptytextbase");
+      let 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.
+  let 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) {
+    let linkAddress = linkNode.value;
+    let clipboard = Cc["@mozilla.org/widget/clipboardhelper;1"].getService(Ci.nsIClipboardHelper);
+    clipboard.copyString(linkAddress);
+  }
+}