From e9988d2167a7b9306f0148a4df953a7861cf983c Mon Sep 17 00:00:00 2001
From: groovecoder <luke.crouch@gmail.com>
Date: Tue, 20 Dec 2016 11:38:01 -0600
Subject: [PATCH] for #5: Edit Containers link to about:preferences

---
 index.js                 | 17 ++++++++++++-----
 webextension/js/popup.js |  6 ++++++
 webextension/popup.html  |  2 +-
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/index.js b/index.js
index 7d96902..a2a83dc 100644
--- a/index.js
+++ b/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;
   }
 }
 
diff --git a/webextension/js/popup.js b/webextension/js/popup.js
index 5f4c867..d99234b 100644
--- a/webextension/js/popup.js
+++ b/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();
+  });
+});
diff --git a/webextension/popup.html b/webextension/popup.html
index ab0dc93..879795b 100644
--- a/webextension/popup.html
+++ b/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>