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
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
import CalendarDialogAttachment from "./calendar-dialog-attachment.mjs";
import "./calendar-dialog-row.mjs"; // eslint-disable-line import/no-unassigned-import
/**
* @typedef {object} AttachmentStub
* @property {string} uri - The URI of the attachment.
* @property {string} [icon] - An optional string pointing to an icon to
* represent the attached file.
*/
/**
* A calendar dialog read row for a subview that lists all attachments of an
* event.
*
* Template ID: #calendarDialogAttachmentsListTemplate
*
* @tagname calendar-dialog-attachments-list
*/
class CalendarDialogAttachmentsList extends HTMLElement {
connectedCallback() {
if (this.hasConnected) {
return;
}
this.hasConnected = true;
const template = document
.getElementById("calendarDialogAttachmentsListTemplate")
.content.cloneNode(true);
this.append(template);
}
/**
* Show the given attachments in the list of this row. Should only be called
* once the element has connected to the DOM.
*
* @param {AttachmentStub[]} attachments - The attachments to display in the
* subview.
*/
setAttachments(attachments) {
this.querySelector(".attachments-list").replaceChildren(
...attachments.map(attachmentData => {
const attachment = new CalendarDialogAttachment();
attachment.setAttribute("label", attachmentData.uri);
attachment.setAttribute("url", attachmentData.uri);
attachment.setAttribute("icon", attachmentData.icon || "");
return attachment;
})
);
}
}
customElements.define(
"calendar-dialog-attachments-list",
CalendarDialogAttachmentsList
);