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

third_party/WebKit/Source/devtools/front_end/accessibility/AccessibilitySidebarView.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
- * @extends {WebInspector.ThrottledWidget}
+ * @extends {WebInspector.ThrottledView}
  */
 WebInspector.AccessibilitySidebarView = function()
 {
-    WebInspector.ThrottledWidget.call(this);
+    WebInspector.ThrottledView.call(this, WebInspector.UIString("Accessibility"));
     this._axNodeSubPane = null;
     this._node = null;
     this._sidebarPaneStack = null;
     WebInspector.context.addFlavorChangeListener(WebInspector.DOMNode, this._pullNode, this);
     this._pullNode();
 }
 
 WebInspector.AccessibilitySidebarView.prototype = {
     /**
      * @return {?WebInspector.DOMNode}
@@ skipping 22 matching lines @@
         var node = this.node();
         return WebInspector.AccessibilityModel.fromTarget(node.target()).getAXNode(node.id)
             .then(accessibilityNodeCallback.bind(this))
     },
 
     /**
      * @override
      */
     wasShown: function()
     {
-        WebInspector.ThrottledWidget.prototype.wasShown.call(this);
+        WebInspector.ThrottledView.prototype.wasShown.call(this);
 
         if (!this._sidebarPaneStack) {
             this._axNodeSubPane = new WebInspector.AXNodeSubPane();
             this._axNodeSubPane.setNode(this.node());
             this._axNodeSubPane.show(this.element);
-            this._axNodeSubPane.expandPane();
 
             this._sidebarPaneStack = new WebInspector.SidebarPaneStack();
             this._sidebarPaneStack.element.classList.add("flex-auto");
             this._sidebarPaneStack.show(this.element);
             this._sidebarPaneStack.addPane(this._axNodeSubPane);
         }
 
         WebInspector.targetManager.addModelListener(WebInspector.DOMModel, WebInspector.DOMModel.Events.AttrModified, this._onAttrChange, this);
         WebInspector.targetManager.addModelListener(WebInspector.DOMModel, WebInspector.DOMModel.Events.AttrRemoved, this._onAttrChange, this);
         WebInspector.targetManager.addModelListener(WebInspector.DOMModel, WebInspector.DOMModel.Events.CharacterDataModified, this._onNodeChange, this);
@@ skipping 39 matching lines @@
     {
         if (!this.node())
             return;
         var node = event.data;
         if (this.node() !== node)
             return;
         this.update();
     },
 
 
-    __proto__: WebInspector.ThrottledWidget.prototype
+    __proto__: WebInspector.ThrottledView.prototype
 };
 
 /**
  * @constructor
- * @extends {WebInspector.SidebarPane}
+ * @extends {WebInspector.View}
  * @param {string} name
  */
 WebInspector.AccessibilitySubPane = function(name)
 {
-    WebInspector.SidebarPane.call(this, name);
+    WebInspector.View.call(this, name);
 
     this._axNode = null;
     this.registerRequiredCSS("accessibility/accessibilityNode.css");
 }
 
 WebInspector.AccessibilitySubPane.prototype = {
     /**
      * @param {?AccessibilityAgent.AXNode} axNode
      * @protected
      */
@@ skipping 37 matching lines @@
     {
         var treeOutline = new TreeOutlineInShadow();
         treeOutline.registerRequiredCSS("accessibility/accessibilityNode.css");
         treeOutline.registerRequiredCSS("components/objectValue.css");
 
         treeOutline.element.classList.add("hidden");
         this.element.appendChild(treeOutline.element);
         return treeOutline;
     },
 
-    __proto__: WebInspector.SidebarPane.prototype
+    __proto__: WebInspector.View.prototype
 }