for #5: Edit Containers link to about:preferences

index.js

@@ -1,12 +1,19 @@
-const webExtension = require('sdk/webextension');
 const {ContextualIdentityService} = require('resource://gre/modules/ContextualIdentityService.jsm');
+const tabs = require('sdk/tabs');
+const webExtension = require('sdk/webextension');
 
 function handleWebExtensionMessage(message, sender, sendReply) {
   console.log(message);
-  if (message === 'get-identities') {
-    sendReply({
-      content: {identities: ContextualIdentityService.getIdentities()}
-    });
+  switch (message) {
+      case 'get-identities':
+        sendReply({
+          content: {identities: ContextualIdentityService.getIdentities()}
+        });
+        break;
+      case 'open-containers-preferences':
+        tabs.open('about:preferences#containers');
+        sendReply({content: 'opened'});
+        break;
   }
 }
 

webextension/js/popup.js

@@ -16,3 +16,9 @@ browser.runtime.sendMessage('get-identities').then(reply=> {
     console.log('response from sdk addon: ', reply.content);
   }
 });
+
+document.querySelector('#edit-containers-link').addEventListener('click', ()=> {
+  browser.runtime.sendMessage('open-containers-preferences').then(()=> {
+    window.close();
+  });
+});

webextension/popup.html

@@ -22,7 +22,7 @@
   </table>
   <div class="row popup-bumper edit-identities">
     <div class="small-12 columns edit-containers-text">
-      <a href="#">Edit Containers</a>
+      <a id="edit-containers-link" href="about:preferences#containers">Edit Containers</a>
     </div>
   </div>
   <script src="js/popup.js"></script>