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

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

 /*
  * Copyright (C) IBM Corp. 2009  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 12 matching lines @@
  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 /**
  * @constructor
- * @extends {WebInspector.SidebarPane}
+ * @extends {WebInspector.View}
  */
 WebInspector.WatchExpressionsSidebarPane = function()
 {
-    WebInspector.SidebarPane.call(this, WebInspector.UIString("Watch"));
+    WebInspector.View.call(this, WebInspector.UIString("Watch"));
     this.registerRequiredCSS("components/objectValue.css");
 
     this._requiresUpdate = true;
     /** @type {!Array.<!WebInspector.WatchExpression>} */
     this._watchExpressions = [];
     this._watchExpressionsSetting = WebInspector.settings.createLocalSetting("watchExpressions", []);
 
     var addButton = new WebInspector.ToolbarButton(WebInspector.UIString("Add expression"), "add-toolbar-item");
     addButton.addEventListener("click", this._addButtonClicked.bind(this));
-    this.toolbar().appendToolbarItem(addButton);
+    this.addToolbarItem(addButton);
     var refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString("Refresh"), "refresh-toolbar-item");
     refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this));
-    this.toolbar().appendToolbarItem(refreshButton);
+    this.addToolbarItem(refreshButton);
 
     this._bodyElement = this.element.createChild("div", "vbox watch-expressions");
     this._bodyElement.addEventListener("contextmenu", this._contextMenu.bind(this), false);
     this._expandController = new WebInspector.ObjectPropertiesSectionExpandController();
 
     WebInspector.context.addFlavorChangeListener(WebInspector.ExecutionContext, this.refreshExpressions, this);
 
     this._linkifier = new WebInspector.Linkifier();
 }
 
 WebInspector.WatchExpressionsSidebarPane.prototype = {
     wasShown: function()
     {
         this._refreshExpressionsIfNeeded();
     },
 
     refreshExpressions: function()
     {
         this._requiresUpdate = true;
         this._refreshExpressionsIfNeeded();
     },
 
     /**
      * @param {string} expressionString
      */
     addExpression: function(expressionString)
     {
-        this.expandPane();
+        this.requestReveal();
         if (this._requiresUpdate) {
             this._rebuildWatchExpressions();
             delete this._requiresUpdate;
         }
         this._createWatchExpression(expressionString);
         this._saveExpressions();
     },
 
     expandIfNecessary: function()
     {
         if (this._watchExpressionsSetting.get().length)
-            this.expandPane();
+            this.requestReveal();
     },
 
     _saveExpressions: function()
     {
         var toSave = [];
         for (var i = 0; i < this._watchExpressions.length; i++)
             if (this._watchExpressions[i].expression())
                 toSave.push(this._watchExpressions[i].expression());
 
         this._watchExpressionsSetting.set(toSave);
     },
 
     _refreshExpressionsIfNeeded: function()
     {
         if (this._requiresUpdate && this.isShowing()) {
             this._rebuildWatchExpressions();
             delete this._requiresUpdate;
         } else
             this._requiresUpdate = true;
     },
 
     /**
      * @param {!WebInspector.Event=} event
      */
     _addButtonClicked: function(event)
     {
         if (event)
             event.consume(true);
-        this.expandPane();
+        this.requestReveal();
         this._createWatchExpression(null).startEditing();
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _refreshButtonClicked: function(event)
     {
         event.consume();
         this.refreshExpressions();
@@ skipping 76 matching lines @@
                 watchExpression._populateContextMenu(contextMenu, event);
     },
 
     _deleteAllButtonClicked: function()
     {
         this._watchExpressions = [];
         this._saveExpressions();
         this._rebuildWatchExpressions();
     },
 
-    __proto__: WebInspector.SidebarPane.prototype
+    __proto__: WebInspector.View.prototype
 }
 
 /**
  * @constructor
  * @extends {WebInspector.Object}
  * @param {?string} expression
  * @param {!WebInspector.ObjectPropertiesSectionExpandController} expandController
  * @param {!WebInspector.Linkifier} linkifier
  */
 WebInspector.WatchExpression = function(expression, expandController, linkifier)
@@ skipping 209 matching lines @@
             contextMenu.appendApplicableItems(this._result);
     },
 
     _copyValueButtonClicked: function()
     {
         InspectorFrontendHost.copyText(this._valueElement.textContent);
     },
 
     __proto__: WebInspector.Object.prototype
 }