Issue 154 - Added UI for devtools panel on Chrome

background.js

Index: background.js
===================================================================
--- a/background.js
+++ b/background.js
@@ -102,13 +102,24 @@
           subscriptions.splice(index, 1);
           modules.filterNotifier.FilterNotifier.triggerListeners("subscription.removed", subscription);
         }
-      }
+      },
+
+      addFilter: function() {},
+      removeFilter: function() {}
     }
   };
 
   modules.filterClasses = {
+    Filter: function(text)
+    {
+      this.text = text;
+    },
     BlockingFilter: function() {}
   };
+  modules.filterClasses.Filter.fromText = function(text)
+  {
+    return new modules.filterClasses.Filter(text);
+  };
 
   modules.synchronizer = {
     Synchronizer: {}
@@ -155,6 +166,85 @@
     }
   };
 
+  modules.devtools = {
+    initDevToolsPanel: function(page, inspectedTabId)
+    {
+      // blocked request
+      page.sendMessage({
+        type: "add-record",
+        request: {
+          url: "http://adserver.example.com/ad_banner.png",
+          type: "IMAGE",
+          docDomain: "example.com"
+        },
+        filter: {
+          text: "/ad_banner*$domain=example.com",
+          whitelisted: false,
+          userDefined: false,
+          subscription: "EasyList"
+        }
+      });
+
+      // whiletisted request
+      page.sendMessage({
+        type: "add-record",
+        request: {
+          url: "http://example.com/looks_like_an_ad_but_isnt_one.html",
+          type: "SUBDOCUMENT",
+          docDomain: "example.com"
+        },
+        filter: {
+          text: "@@||example.com/looks_like_an_ad_but_isnt_one.html",
+          whitelisted: true,
+          userDefined: false,
+          subscription: "EasyList"
+        }
+      });
+
+      // request with long URL and no filter matches
+      page.sendMessage({
+        type: "add-record",
+        request: {
+          url: "https://this.url.has.a.long.domain/and_a_long_path_maybe_not_long_enough_so_i_keep_typing?there=are&a=couple&of=parameters&as=well&and=even&some=more",
+          type: "XMLHTTPREQUEST",
+          docDomain: "example.com"
+        },
+        filter: null
+      });
+
+      // matching element hiding filter
+      page.sendMessage({
+        type: "add-record",
+        request: {
+          type: "ELEMHIDE",
+          docDomain: "example.com"
+        },
+        filter: {
+          text: "example.com##.ad_banner",
+          whitelisted: false,
+          userDefined: false,
+          subscription: "EasyList"
+        }
+      });
+
+      // user-defined filter
+      page.sendMessage({
+        type: "add-record",
+        request: {
+          url: "http://example.com/some-annoying-popup",
+          type: "POPUP",
+          docDomain: "example.com"
+        },
+        filter: {
+          text: "||example.com/some-annoying-popup$popup",
+          whitelisted: false,
+          userDefined: true,
+          subscription: null
+        }
+      });
+    }
+  };
+
   modules.info = {
     platform: "gecko",
     platformVersion: "34.0",