delete containers

webextension/js/popup.js

@@ -33,13 +33,7 @@ let Logic = {
 
   init() {
     // Retrieve the list of identities.
-    browser.runtime.sendMessage({
+    this.refreshIdentities()
-      method: "queryIdentities"
-    })
-
-    .then(identities => {
-      this._identities = identities;
-    })
 
     // Routing to the correct panel.
     .then(() => {
@@ -53,6 +47,15 @@ let Logic = {
     });
   },
 
+  refreshIdentities() {
+    return browser.runtime.sendMessage({
+      method: "queryIdentities"
+    })
+    .then(identities => {
+      this._identities = identities;
+    });
+  },
+
   showPanel(panel, currentIdentity = null) {
     // Invalid panel... ?!?
     if (!(panel in this._panels)) {
@@ -391,6 +394,17 @@ Logic.registerPanel(P_CONTAINER_DELETE, {
     document.querySelector("#delete-container-cancel-link").addEventListener("click", () => {
       Logic.showPanel(P_CONTAINERS_EDIT);
     });
+
+    document.querySelector("#delete-container-ok-link").addEventListener("click", () => {
+      browser.runtime.sendMessage({
+        method: "removeIdentity",
+        userContextId: Logic.currentIdentity().userContextId,
+      }).then(() => {
+        return Logic.refreshIdentities();
+      }).then(() => {
+        Logic.showPanel(P_CONTAINERS_EDIT);
+      });
+    });
   },
 
   // This method is called when the panel is shown.

webextension/popup.html

@@ -149,7 +149,7 @@
             <a class="button expanded secondary footer-button cancel-button" id="delete-container-cancel-link">Cancel</a>
           </div>
           <div class="small-6 columns footer-columns">
-            <a class="button expanded footer-button">OK</a>
+            <a class="button expanded footer-button" id="delete-container-ok-link">OK</a>
           </div>
         </div>
       </div>