@@ -1,12 +1,21 @@
 var EXPORTED_SYMBOLS = ["FennecUI"];
 
+const CC = Components.classes;
+const CI = Components.interfaces;
+const CU = Components.utils;
+
+var HTTPSEverywhere = CC["@eff.org/https-everywhere;1"]
+                      .getService(CI.nsISupports).wrappedJSObject;
+
+CU.import("resource://gre/modules/Prompt.jsm");
+
 var menuId;
 var urlbarId;
 var aWindow = getWindow();
 
 function getWindow() {
-  return Components.classes['@mozilla.org/appshell/window-mediator;1']
-      .getService(Components.interfaces.nsIWindowMediator)
+  return CC['@mozilla.org/appshell/window-mediator;1']
+      .getService(CI.nsIWindowMediator)
       .getMostRecentWindow('navigator:browser');
 }
 
@@ -44,14 +53,62 @@ function popupToggleMenu(aWindow) {
  aWindow.NativeWindow.doorhanger.show("Would you like to turn off HTTPS Everywhere?", "doorhanger-test", buttons);
 }
 
+/*
+ * The HTTPS Everywhere icon in the URL bar shows a menu of rules that the
+ * user can activate/deactivate. Here's some code to create it and update the
+ * rule list dynamically.
+ */
+
 var urlbarOptions = {
   title: "HTTPS Everywhere",
   icon: "chrome://https-everywhere/skin/https-everywhere-128.png",
-  clickCallback: function() {return;}
+  clickCallback: function() {
+    rulesPrompt.setMultiChoiceItems(ruleItems);
+    rulesPrompt.show(function(data) {
+      aWindow.alert(JSON.stringify(getApplicableList()));
+    })
+  }
+};
+
+// The prompt that shows up when someone clicks on the icon
+var rulesPrompt = new Prompt({
+  window: aWindow,
+  title: "Enable/disable rules"
+});
+
+// Rulesets to show in the list
+var ruleItems = [
+  { label: "rule 1" },
+  { label: "rule 2", disabled: true },
+  { label: "rule 3", selected: true }
+];
+
+function getApplicableList() {
+  var domWin = getWindow().content.document.defaultView.top;
+  if (!(domWin instanceof CI.nsIDOMWindow)) {
+    aWindow.console.log('something went wrong getting top window');
+    return null;
+  }
+  var alist = HTTPSEverywhere.getExpando(domWin,"applicable_rules", null);
+  return alist.all;
+}
+
+function toggleRule(rule_id) {
+  // toggle the rule state
+  HTTPSEverywhere.https_rules.rulesetsByID[rule_id].toggle();
+  reloadTab();
 }
 
+function reloadTab() { return; }
+
+function toggleEnabledState(){
+  HTTPSEverywhere.toggleEnabledState();
+  reloadTab();
+}
+
+// Here's the external API to this UI module
 var FennecUI = {
   init: function() {
     loadIntoWindow();
   }
-}
+};
@@ -1,4 +1,4 @@
-pref("extensions.https_everywhere.LogLevel", 3);
+pref("extensions.https_everywhere.LogLevel", 5);
 pref("extensions.https_everywhere.globalEnabled",true);
 
 // this is the HTTPS Everywhere preferences version (for migrations)
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-pref("extensions.https_everywhere.LogLevel", 3);`
	`1`	`+pref("extensions.https_everywhere.LogLevel", 5);`
`2`	`2`	`pref("extensions.https_everywhere.globalEnabled",true);`
`3`	`3`
`4`	`4`	`// this is the HTTPS Everywhere preferences version (for migrations)`