DevTools: migrate some of the sources panel sidebar panes to view management, allow view toolbars.

third_party/WebKit/Source/devtools/front_end/sources/EventListenerBreakpointsSidebarPane.js

Index: third_party/WebKit/Source/devtools/front_end/sources/EventListenerBreakpointsSidebarPane.js
diff --git a/third_party/WebKit/Source/devtools/front_end/sources/EventListenerBreakpointsSidebarPane.js b/third_party/WebKit/Source/devtools/front_end/sources/EventListenerBreakpointsSidebarPane.js
index 5876d0b129b0c8d1bababc667df1a8b8dd27c4fa..e089b0943883056cd920515efed8f1382ba3e697 100644
--- a/third_party/WebKit/Source/devtools/front_end/sources/EventListenerBreakpointsSidebarPane.js
+++ b/third_party/WebKit/Source/devtools/front_end/sources/EventListenerBreakpointsSidebarPane.js
@@ -4,12 +4,12 @@
 
 /**
  * @constructor
- * @extends {WebInspector.SimpleView}
+ * @extends {WebInspector.VBox}
  * @implements {WebInspector.TargetManager.Observer}
  */
 WebInspector.EventListenerBreakpointsSidebarPane = function()
 {
-    WebInspector.SimpleView.call(this, WebInspector.UIString("Event Listener Breakpoints"));
+    WebInspector.VBox.call(this);
     this.registerRequiredCSS("components/breakpointsList.css");
 
     this._eventListenerBreakpointsSetting = WebInspector.settings.createLocalSetting("eventListenerBreakpoints", []);
@@ -43,6 +43,9 @@ WebInspector.EventListenerBreakpointsSidebarPane = function()
     this._createCategory(WebInspector.UIString("XHR"), ["readystatechange", "load", "loadstart", "loadend", "abort", "error", "progress", "timeout"], false, ["XMLHttpRequest", "XMLHttpRequestUpload"]);
 
     WebInspector.targetManager.observeTargets(this, WebInspector.Target.Capability.DOM);
+    WebInspector.targetManager.addModelListener(WebInspector.DebuggerModel, WebInspector.DebuggerModel.Events.DebuggerPaused, this._debuggerPaused, this);
+    WebInspector.targetManager.addModelListener(WebInspector.DebuggerModel, WebInspector.DebuggerModel.Events.DebuggerResumed, this._debuggerResumed, this);
+    WebInspector.context.addFlavorChangeListener(WebInspector.Target, this._clearBreakpointHighlight, this);
 }
 
 WebInspector.EventListenerBreakpointsSidebarPane.categoryListener = "listener:";
@@ -147,6 +150,35 @@ WebInspector.EventListenerBreakpointsSidebarPane.prototype = {
     },
 
     /**
+     * @param {!WebInspector.Event} event
+     */
+    _debuggerPaused: function(event)
+    {
+        var details = /** @type {!WebInspector.DebuggerPausedDetails} */ (event.data);
+        if (details.reason !== WebInspector.DebuggerModel.BreakReason.EventListener)
+            return;
+        var eventName = details.auxData["eventName"];
+        var targetName = details.auxData["targetName"];
+        var breakpointItem = this._findBreakpointItem(eventName, targetName);
+        if (!breakpointItem || !breakpointItem.checkbox.checked)
+            breakpointItem = this._findBreakpointItem(eventName, WebInspector.EventListenerBreakpointsSidebarPane.eventTargetAny);
+        if (!breakpointItem)
+            return;
+        WebInspector.viewManager.revealViewWithWidget(this);
+        breakpointItem.parent.element.expand();
+        breakpointItem.element.listItemElement.classList.add("breakpoint-hit");
+        this._highlightedElement = breakpointItem.element.listItemElement;
+    },
+
+    /**
+     * @param {!WebInspector.Event} event
+     */
+    _debuggerResumed: function(event)
+    {
+        this._clearBreakpointHighlight();
+    },
+
+    /**
      * @param {!Array.<string>} array
      * @return {!Array.<string>}
      */
@@ -292,24 +324,7 @@ WebInspector.EventListenerBreakpointsSidebarPane.prototype = {
         return null;
     },
 
-    /**
-     * @param {string} eventName
-     * @param {string=} targetName
-     */
-    highlightBreakpoint: function(eventName, targetName)
-    {
-        var breakpointItem = this._findBreakpointItem(eventName, targetName);
-        if (!breakpointItem || !breakpointItem.checkbox.checked)
-            breakpointItem = this._findBreakpointItem(eventName, WebInspector.EventListenerBreakpointsSidebarPane.eventTargetAny);
-        if (!breakpointItem)
-            return;
-        this.revealView();
-        breakpointItem.parent.element.expand();
-        breakpointItem.element.listItemElement.classList.add("breakpoint-hit");
-        this._highlightedElement = breakpointItem.element.listItemElement;
-    },
-
-    clearBreakpointHighlight: function()
+    _clearBreakpointHighlight: function()
     {
         if (this._highlightedElement) {
             this._highlightedElement.classList.remove("breakpoint-hit");
@@ -344,5 +359,5 @@ WebInspector.EventListenerBreakpointsSidebarPane.prototype = {
         }
     },
 
-    __proto__: WebInspector.SimpleView.prototype
+    __proto__: WebInspector.VBox.prototype
 }