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

third_party/WebKit/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js

Index: third_party/WebKit/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js
diff --git a/third_party/WebKit/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js b/third_party/WebKit/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js
index 35d0bbf68a1888782ac789bcd020829a19effb33..936934b21ffebebe9f26eb753a357840d6412bbe 100644
--- a/third_party/WebKit/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js
+++ b/third_party/WebKit/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js
@@ -34,7 +34,7 @@
  */
 WebInspector.DOMBreakpointsSidebarPane = function()
 {
-    WebInspector.BreakpointsSidebarPaneBase.call(this, WebInspector.UIString("DOM Breakpoints"));
+    WebInspector.BreakpointsSidebarPaneBase.call(this);
     this._domBreakpointsSetting = WebInspector.settings.createLocalSetting("domBreakpoints", []);
     this.listElement.classList.add("dom-breakpoints-list");
 
@@ -320,17 +320,28 @@ WebInspector.DOMBreakpointsSidebarPane.prototype = {
         this._saveBreakpoints();
     },
 
-    highlightBreakpoint: function(auxData)
+    /**
+     * @override
+     * @param {!WebInspector.DebuggerPausedDetails} details
+     */
+    highlightDetails: function(details)
     {
+        if (details.reason !== WebInspector.DebuggerModel.BreakReason.DOM)
+            return;
+        WebInspector.viewManager.revealViewWithWidget(this);

[dgozman, 2016/08/11 01:42:16]

Remove.

+        var auxData = details.auxData;
         var breakpointId = this._createBreakpointId(auxData.nodeId, auxData.type);
         var element = this._breakpointElements[breakpointId];
         if (!element)
             return;
-        this.revealView();
+        WebInspector.viewManager.revealViewWithWidget(this);
         element.classList.add("breakpoint-hit");
         this._highlightedElement = element;
     },
 
+    /**
+     * @override
+     */
     clearBreakpointHighlight: function()
     {
         if (this._highlightedElement) {