Add button to clear container permissions

Author: aaronkollasch

src/ui/options.css

@@ -84,6 +84,9 @@ fieldset:disabled {
 #newsite {
   flex: 2 2;
 }
+#btn-clear-container {
+  margin-top: .5em;
+}
 
 #policy {
   display: block;

src/ui/options.html

@@ -82,6 +82,7 @@ <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>
   </section>
 </div>
 

src/ui/options.js

@@ -240,6 +240,15 @@
         sitesUI.onChange();
       }
     }, true);
+
+    document.querySelector("#btn-clear-container").addEventListener("click", async ev => {
+      if (confirm("All site permissions for this container will be removed.\nThis action cannot be reverted.\nDo you want to continue?")) {
+        sitesUI.clear()
+        currentPolicy.sites = Sites.hydrate({});
+        await UI.updateSettings({policy, contextStore});
+        sitesUI.render(currentPolicy.sites);
+      }
+    });
   }