[feat] Add icons to bitmask status bar

Display the status of bitmaskd in Thunderbird's status bar by connecting
to it using bitmask.js

1 files changed, 5 insertions, 2 deletions

diff --git a/chrome/content/accountWizard/bitmaskMessengerOverlay.js b/chrome/content/accountWizard/bitmaskMessengerOverlay.js
index aa6bff8..148290c 100644
--- a/chrome/content/accountWizard/bitmaskMessengerOverlay.js
+++ b/chrome/content/accountWizard/bitmaskMessengerOverlay.js
@@ -8,16 +8,19 @@ window.setInterval(function() {
 
 function overlayStartup() {
   let myPanel = document.getElementById("bitmaskStatusBarPanel");
+  let strBundle = document.getElementById("bitmaskMessengerStrings");
 
   // We just need to check if bitmaskd is running and if we were able to
   // authorize with it using the token from bitmask.js
   let promise = bitmask.core.status();
   promise.then(function(data) {
-    myPanel.label = "bitmask is " + data["mail"];
+    myPanel.label = strBundle.getFormattedString("bitmaskStatusOn", [ data["mail"] ]);
     myPanel.style.color = "green";
+    myPanel.src = "chrome://bitmask/skin/on.png";
   }, function(error) {
-    myPanel.label = "bitmask is not running";
+    myPanel.label = strBundle.getString("bitmaskStatusOff");
     myPanel.style.color = "red";
+    myPanel.src = "chrome://bitmask/skin/off.png";
     console.log(error);
   });
 }