Add selector to copy permissions from another container

Author: aaronkollasch

src/ui/options.css

@@ -84,8 +84,23 @@ fieldset:disabled {
 #newsite {
   flex: 2 2;
 }
+
+.per-site-buttons {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-end;
+  width: 100%;
+  text-align: right;
+  margin: .5em 0 0 0;
+}
 #btn-clear-container {
-  margin-top: .5em;
+  margin-inline-start: .5em;
+}
+#copy-container {
+  margin-inline: .5em;
+}
+#copy-container-label {
+  margin-block: .5em;
 }
 
 #policy {

src/ui/options.html

@@ -70,7 +70,7 @@ <h3 class="flextabs__tab"><button class="flextabs__toggle enforcement_required">
 <div class="flextabs__content">
   <label for="select-container">Choose a container:</label>
   <select name="select-container" id="select-container">
-  <option value="default">Default</option>
+    <option value="default">Default</option>
   </select>
   <section class="sect-sites">
   <form id="form-newsite" class="browser-style" >
@@ -82,7 +82,14 @@ <h3 class="flextabs__tab"><button class="flextabs__toggle enforcement_required">
   	   <div class="cssload-whirlpool"></div>
     </div>
   </div>
-  <button id="btn-clear-container">Clear permissions for this container</button>
+  <div class="per-site-buttons">
+    <label for="copy-container" id="copy-container-label">Copy permissions from container:</label>
+    <select name="copy-container" id="copy-container">
+      <option value="default">Default</option>
+    </select>
+    <div style="inline-size:0;margin-inline:.5em;border:1px solid #888"></div>
+    <button id="btn-clear-container">Clear permissions for this container</button>
+  </div>
   </section>
 </div>
 

src/ui/options.js

@@ -165,6 +165,7 @@
   // SITES UI
   let sitesUI = new UI.Sites(document.getElementById("sites"));
   let containerSelect = document.querySelector("#select-container");
+  let containerCopy = document.querySelector("#copy-container");
   var cookieStoreId = containerSelect.value;
   var currentPolicy = await UI.getPolicy(cookieStoreId);
 
@@ -178,6 +179,23 @@
   }
   containerSelect.onchange = changeContainer;
 
+  async function copyContainer() {
+    cookieStoreId = containerSelect.value;
+    let copyCookieStoreId = containerCopy.value;
+    let copyContainerName = containerCopy.options[containerCopy.selectedIndex].text;
+    let copyPolicy = await UI.getPolicy(copyCookieStoreId);
+    if (confirm(`Copying permissions from "${copyContainerName}".\n` + "All site permissions for this container will be removed.\nThis action cannot be reverted.\nDo you want to continue?")) {
+        sitesUI.clear()
+        currentPolicy = await UI.replacePolicy(cookieStoreId, new Policy(copyPolicy.dry(true)));
+        await UI.updateSettings({policy, contextStore});
+        sitesUI.render(currentPolicy.sites);
+      }
+    sitesUI.clear()
+    sitesUI.policy = currentPolicy;
+    sitesUI.render(currentPolicy.sites);
+  }
+  containerCopy.onchange = copyContainer;
+
   var containers = [];
   async function updateContainers() {
     let newContainers = [{cookieStoreId: "default", name: "Default"},];
@@ -193,8 +211,10 @@
     }
     containerSelect.innerHTML = container_options;
     containerSelect.value = cookieStoreId;
+    containerCopy.innerHTML = container_options;
   }
   containerSelect.onfocus = updateContainers;
+  containerCopy.onfocus = updateContainers;
   await updateContainers();
 
   UI.onSettings = async () => {

src/ui/ui.js

@@ -138,6 +138,21 @@ var UI = (() => {
       }
     },
 
+    async replacePolicy(cookieStoreId, policy) {
+      await this.contextStore.updateContainers(this.policy);
+//       debug("set policy", cookieStoreId, this.policy, this.contextStore);
+      if (this.contextStore.policies.hasOwnProperty(cookieStoreId)) {
+        this.contextStore.policies[cookieStoreId] = policy;
+        debug("replaced id", cookieStoreId, "with policy", policy);
+        let currentPolicy = this.contextStore.policies[cookieStoreId];
+        return currentPolicy;
+      } else {
+        this.policy = policy;
+        debug("replaced default cookiestore", cookieStoreId, "with policy", policy);
+        return this.policy;
+      }
+    },
+
     isDirty(reset = false) {
       let currentSnapshot = this.policy.snapshot+this.contextStore.snapshot;
       let dirty = currentSnapshot != this.snapshot;