DevTools: introduce View: a named widget with the toolbar.

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

 /*
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 330 matching lines @@
             node.target().domdebuggerAgent().removeDOMBreakpoint(node.id, type);
         this._saveBreakpoints();
     },
 
     highlightBreakpoint: function(auxData)
     {
         var breakpointId = this._createBreakpointId(auxData.nodeId, auxData.type);
         var element = this._breakpointElements[breakpointId];
         if (!element)
             return;
-        this.expandPane();
+        this.requestReveal();
         element.classList.add("breakpoint-hit");
         this._highlightedElement = element;
     },
 
     clearBreakpointHighlight: function()
     {
         if (this._highlightedElement) {
             this._highlightedElement.classList.remove("breakpoint-hit");
             delete this._highlightedElement;
         }
@@ skipping 67 matching lines @@
      */
     createProxy: function(panel)
     {
         var proxy = new WebInspector.DOMBreakpointsSidebarPane.Proxy(this, panel);
         if (!this._proxies)
             this._proxies = [];
         this._proxies.push(proxy);
         return proxy;
     },
 
-    onContentReady: function()
-    {
-        for (var i = 0; i < this._proxies.length; i++)
-            this._proxies[i].onContentReady();
-    },
-
     __proto__: WebInspector.BreakpointsSidebarPaneBase.prototype
 }
 
 /**
  * @constructor
- * @extends {WebInspector.SidebarPane}
+ * @extends {WebInspector.View}
  * @param {!WebInspector.DOMBreakpointsSidebarPane} pane
  * @param {!WebInspector.Panel} panel
  */
 WebInspector.DOMBreakpointsSidebarPane.Proxy = function(pane, panel)
 {
-    WebInspector.SidebarPane.call(this, WebInspector.UIString("DOM Breakpoints"));
+    WebInspector.View.call(this, WebInspector.UIString("DOM Breakpoints"));
     this.registerRequiredCSS("components/breakpointsList.css");
 
     this._wrappedPane = pane;
     this._panel = panel;
 }
 
 WebInspector.DOMBreakpointsSidebarPane.Proxy.prototype = {
-    expandPane: function()
-    {
-        this._wrappedPane.expandPane();
-    },
-
-    onContentReady: function()
-    {
-        if (this._panel.isShowing())
-            this._reattachBody();
-
-        WebInspector.SidebarPane.prototype.onContentReady.call(this);
-    },
-
     wasShown: function()
     {
-        WebInspector.SidebarPane.prototype.wasShown.call(this);
+        WebInspector.View.prototype.wasShown.call(this);
         this._reattachBody();
     },
 
     _reattachBody: function()
     {
         if (this._wrappedPane.element.parentNode !== this.element)
             this._wrappedPane.show(this.element);
     },
 
-    __proto__: WebInspector.SidebarPane.prototype
+    __proto__: WebInspector.View.prototype
 }
 
 /**
  * @type {!WebInspector.DOMBreakpointsSidebarPane}
  */
 WebInspector.domBreakpointsSidebarPane;