diff --git a/src/js/popup.js b/src/js/popup.js index ec53006..2fd5559 100644 --- a/src/js/popup.js +++ b/src/js/popup.js @@ -1818,6 +1818,12 @@ Logic.registerPanel(P_CONTAINER_EDIT, { Utils.addEnterHandler(document.querySelector("#create-container-ok-link"), () => { this._submitForm(); }); + + // Add new site to current container + const siteLink = document.querySelector("#edit-container-site-link"); + Logic.addEnterHandler(siteLink, () => { + this._addSite(); + }); }, async _submitForm() { @@ -1860,6 +1866,57 @@ Logic.registerPanel(P_CONTAINER_EDIT, { return editedIdentity; }, + async _addSite() { + const formValues = new FormData(this._editForm); + console.log(formValues.get("container-id")); + console.log(formValues.get("site-name")); + }, + + showAssignedContainers(assignments) { + const assignmentPanel = document.getElementById("edit-sites-assigned"); + const assignmentKeys = Object.keys(assignments); + assignmentPanel.hidden = !(assignmentKeys.length > 0); + if (assignments) { + const tableElement = assignmentPanel.querySelector(".assigned-sites-list"); + /* Remove previous assignment list, + after removing one we rerender the list */ + while (tableElement.firstChild) { + tableElement.firstChild.remove(); + } + + assignmentKeys.forEach((siteKey) => { + const site = assignments[siteKey]; + const trElement = document.createElement("div"); + /* As we don't have the full or correct path the best we can assume is the path is HTTPS and then replace with a broken icon later if it doesn't load. + This is pending a better solution for favicons from web extensions */ + const assumedUrl = `https://${site.hostname}/favicon.ico`; + trElement.innerHTML = escaped` +
+