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
/* globals MozXULElement, MozElements */ // From calendar-invitations-dialog.xhtml.
// Wrap in a block to prevent leaking to window scope.
{
class MozCalendarInvitationsRichlistitem extends MozElements.MozRichlistitem {
constructor() {
super();
this.mCalendarItem = null;
this.mInitialParticipationStatus = null;
this.mParticipationStatus = null;
this.calInvitationsProps = Services.strings.createBundle(
);
}
getString(propName) {
return this.calInvitationsProps.GetStringFromName(propName);
}
connectedCallback() {
if (this.delayConnectedCallback() || this.hasChildNodes()) {
return;
}
this.setAttribute("is", "calendar-invitations-richlistitem");
this.classList.add("calendar-invitations-richlistitem");
this.appendChild(
MozXULElement.parseXULToFragment(
`
<hbox align="start" flex="1">
<!-- Note: The wrapper div is only here because the XUL box does not
- properly crop img elements with CSS object-fit and
- object-position. Should be removed when converting the parent
- element to HTML. -->
<html:div>
<html:img class="calendar-invitations-richlistitem-icon"
</html:div>
<vbox flex="1">
<label class="calendar-invitations-richlistitem-title" crop="end"/>
<label class="calendar-invitations-richlistitem-date" crop="end"/>
<label class="calendar-invitations-richlistitem-recurrence" crop="end"/>
<label class="calendar-invitations-richlistitem-location" crop="end"/>
<label class="calendar-invitations-richlistitem-organizer" crop="end"/>
<label class="calendar-invitations-richlistitem-attendee" crop="end"/>
<label class="calendar-invitations-richlistitem-spacer" value="" hidden="true"/>
</vbox>
<vbox>
<button group="${this.getAttribute("itemId")}"
type="radio"
class="calendar-invitations-richlistitem-accept-button
calendar-invitations-richlistitem-button"
label="&calendar.invitations.list.accept.button.label;"
oncommand="accept();"/>
<button group="${this.getAttribute("itemId")}"
type="radio"
class="calendar-invitations-richlistitem-decline-button
calendar-invitations-richlistitem-button"
label="&calendar.invitations.list.decline.button.label;"
oncommand="decline();"/>
</vbox>
</hbox>
`,
)
);
}
set calendarItem(val) {
this.setCalendarItem(val);
}
get calendarItem() {
return this.mCalendarItem;
}
set initialParticipationStatus(val) {
this.mInitialParticipationStatus = val;
}
get initialParticipationStatus() {
return this.mInitialParticipationStatus;
}
set participationStatus(val) {
this.mParticipationStatus = val;
const icon = this.querySelector(".calendar-invitations-richlistitem-icon");
// Status attribute changes the image region in CSS.
icon.setAttribute("status", val);
document.l10n.setAttributes(
icon,
`calendar-invitation-current-participation-status-icon-${val.toLowerCase()}`
);
}
get participationStatus() {
return this.mParticipationStatus;
}
setCalendarItem(item) {
this.mCalendarItem = item;
this.mInitialParticipationStatus = this.getCalendarItemParticipationStatus(item);
this.participationStatus = this.mInitialParticipationStatus;
const titleLabel = this.querySelector(".calendar-invitations-richlistitem-title");
titleLabel.setAttribute("value", item.title);
const dateLabel = this.querySelector(".calendar-invitations-richlistitem-date");
let dateString = cal.dtz.formatter.formatItemInterval(item);
if (item.startDate.isDate) {
dateString += ", " + this.getString("allday-event");
}
dateLabel.setAttribute("value", dateString);
const recurrenceLabel = this.querySelector(".calendar-invitations-richlistitem-recurrence");
if (item.recurrenceInfo) {
recurrenceLabel.setAttribute("value", this.getString("recurrent-event"));
} else {
recurrenceLabel.setAttribute("hidden", "true");
const spacer = this.querySelector(".calendar-invitations-richlistitem-spacer");
spacer.removeAttribute("hidden");
}
const locationLabel = this.querySelector(".calendar-invitations-richlistitem-location");
const locationProperty = item.getProperty("LOCATION") || this.getString("none");
const locationString = this.calInvitationsProps.formatStringFromName("location", [
locationProperty,
]);
locationLabel.setAttribute("value", locationString);
const organizerLabel = this.querySelector(".calendar-invitations-richlistitem-organizer");
const org = item.organizer;
let organizerProperty = "";
if (org) {
if (org.commonName && org.commonName.length > 0) {
organizerProperty = org.commonName;
} else if (org.id) {
organizerProperty = org.id.replace(/^mailto:/i, "");
}
}
const organizerString = this.calInvitationsProps.formatStringFromName("organizer", [
organizerProperty,
]);
organizerLabel.setAttribute("value", organizerString);
const attendeeLabel = this.querySelector(".calendar-invitations-richlistitem-attendee");
const att = cal.itip.getInvitedAttendee(item);
let attendeeProperty = "";
if (att) {
if (att.commonName && att.commonName.length > 0) {
attendeeProperty = att.commonName;
} else if (att.id) {
attendeeProperty = att.id.replace(/^mailto:/i, "");
}
}
const attendeeString = this.calInvitationsProps.formatStringFromName("attendee", [
attendeeProperty,
]);
attendeeLabel.setAttribute("value", attendeeString);
Array.from(this.querySelectorAll("button")).map(button =>
button.setAttribute("group", item.hashId)
);
}
getCalendarItemParticipationStatus(item) {
const att = cal.itip.getInvitedAttendee(item);
return att ? att.participationStatus : null;
}
setCalendarItemParticipationStatus(item, status) {
if (item.calendar?.supportsScheduling) {
const att = item.calendar.getSchedulingSupport().getInvitedAttendee(item);
if (att) {
const att_ = att.clone();
att_.participationStatus = status;
// Update attendee
item.removeAttendee(att);
item.addAttendee(att_);
return true;
}
}
return false;
}
accept() {
this.participationStatus = "ACCEPTED";
}
decline() {
this.participationStatus = "DECLINED";
}
}
customElements.define("calendar-invitations-richlistitem", MozCalendarInvitationsRichlistitem, {
extends: "richlistitem",
});
}
window.addEventListener("DOMContentLoaded", onLoad);
window.addEventListener("unload", onUnload);
/**
* Sets up the invitations dialog from the window arguments, retrieves the
* invitations from the invitations manager.
*/
async function onLoad() {
const title = document.title;
const updatingBox = document.getElementById("updating-box");
updatingBox.removeAttribute("hidden");
opener.setCursor("auto");
const { invitationsManager } = window.arguments[0];
const items = await cal.iterate.mapStream(invitationsManager.getInvitations(), chunk => {
document.title = title + " (" + chunk.length + ")";
const updatingBox = document.getElementById("updating-box");
updatingBox.setAttribute("hidden", "true");
const richListBox = document.getElementById("invitations-listbox");
for (const item of chunk) {
const newNode = document.createXULElement("richlistitem", {
is: "calendar-invitations-richlistitem",
});
richListBox.appendChild(newNode);
newNode.calendarItem = item;
}
});
invitationsManager.toggleInvitationsPanel(items);
updatingBox.setAttribute("hidden", "true");
const richListBox = document.getElementById("invitations-listbox");
if (richListBox.getRowCount() > 0) {
richListBox.selectedIndex = 0;
} else {
const noInvitationsBox = document.getElementById("noinvitations-box");
noInvitationsBox.removeAttribute("hidden");
}
}
/**
* Cleans up the invitations dialog, cancels pending requests.
*/
async function onUnload() {
const args = window.arguments[0];
return args.invitationsManager.cancelPendingRequests();
}
/**
* Handler function to be called when the accept button is pressed.
*/
document.addEventListener("dialogaccept", async () => {
const args = window.arguments[0];
fillJobQueue(args.queue);
await args.invitationsManager.processJobQueue(args.queue);
args.finishedCallBack();
});
/**
* Handler function to be called when the cancel button is pressed.
*/
document.addEventListener("dialogcancel", () => {
const args = window.arguments[0];
args.finishedCallBack();
});
/**
* Fills the job queue from the invitations-listbox's items. The job queue
* contains objects for all items that have a modified participation status.
*
* @param queue The queue to fill.
*/
function fillJobQueue(queue) {
const richListBox = document.getElementById("invitations-listbox");
const rowCount = richListBox.getRowCount();
for (let i = 0; i < rowCount; i++) {
const richListItem = richListBox.getItemAtIndex(i);
const newStatus = richListItem.participationStatus;
const oldStatus = richListItem.initialParticipationStatus;
if (newStatus != oldStatus) {
const actionString = "modify";
const oldCalendarItem = richListItem.calendarItem;
const newCalendarItem = oldCalendarItem.clone();
// set default alarm on unresponded items that have not been declined:
if (
!newCalendarItem.getAlarms().length &&
oldStatus == "NEEDS-ACTION" &&
newStatus != "DECLINED"
) {
cal.alarms.setDefaultValues(newCalendarItem);
}
richListItem.setCalendarItemParticipationStatus(newCalendarItem, newStatus);
const job = {
action: actionString,
oldItem: oldCalendarItem,
newItem: newCalendarItem,
};
queue.push(job);
}
}
}