var panels = chrome.devtools.panels;

var angularPanel = panels.create(
  "AngularJS",
  "img/angular.png",
  "panel/app.html"
);


@@ -31,16 +31,1040 @@
 anels;%0A%0A
+// The function below is executed in the context of the inspected page.%0A%0Avar getPanelContents = function () %7B%0A  if (window.angular && $0) %7B%0A    //TODO: can we move this scope export into updateElementProperties%0A    var scope = window.angular.element($0).scope();%0A    // Export $scope to the console%0A    window.$scope = scope;%0A    return (function (scope) %7B%0A      var panelContents = %7B%0A        __private__: %7B%7D%0A      %7D;%0A%0A      for (prop in scope) %7B%0A        if (scope.hasOwnProperty(prop)) %7B%0A          if (prop.substr(0, 2) === '$$') %7B%0A            panelContents.__private__%5Bprop%5D = scope%5Bprop%5D;%0A          %7D else %7B%0A            panelContents%5Bprop%5D = scope%5Bprop%5D;%0A          %7D%0A        %7D%0A      %7D%0A      return panelContents;%0A    %7D(scope));%0A  %7D else %7B%0A    return %7B%7D;%0A  %7D%0A%7D;%0A%0Apanels.elements.createSidebarPane(%0A  %22AngularJS Properties%22,%0A  function (sidebar) %7B%0A    panels.elements.onSelectionChanged.addListener(function updateElementProperties() %7B%0A      sidebar.setExpression(%22(%22 + getPanelContents.toString() + %22)()%22);%0A    %7D);%0A  %7D);%0A%0A
 var angu
@@ -1147,9 +1147,8 @@
 tml%22%0A);%0A
-%0A

add back properties pane