DevTools: migrate sources panel sidebar to views.

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.SimpleView}
+ * @extends {WebInspector.ThrottledWidget}
+ * @implements {WebInspector.ActionDelegate}
+ * @implements {WebInspector.ToolbarItem.ItemsProvider}
+ * @implements {WebInspector.ContextMenu.Provider}
  */
 WebInspector.WatchExpressionsSidebarPane = function()
 {
-    WebInspector.SimpleView.call(this, WebInspector.UIString("Watch"));
+    WebInspector.ThrottledWidget.call(this);
     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.addToolbarItem(addButton);
-    var refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString("Refresh"), "refresh-toolbar-item");
-    refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this));
-    this.addToolbarItem(refreshButton);
+    this._addButton = new WebInspector.ToolbarButton(WebInspector.UIString("Add expression"), "add-toolbar-item");
+    this._addButton.addEventListener("click", this._addButtonClicked.bind(this));
+    this._refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString("Refresh"), "refresh-toolbar-item");
+    this._refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this));
 
     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);
-    WebInspector.context.addFlavorChangeListener(WebInspector.DebuggerModel.CallFrame, this._refreshExpressions, this);
+    WebInspector.context.addFlavorChangeListener(WebInspector.ExecutionContext, this.update, this);
+    WebInspector.context.addFlavorChangeListener(WebInspector.DebuggerModel.CallFrame, this.update, this);
     this._linkifier = new WebInspector.Linkifier();
+    this.update();
 }
 
 WebInspector.WatchExpressionsSidebarPane.prototype = {
-    wasShown: function()
+    /**
+     * @override
+     * @return {!Array<!WebInspector.ToolbarItem>}
+     */
+    toolbarItems: function()
     {
-        this._refreshExpressionsIfNeeded();
-    },
-
-    _refreshExpressions: function()
-    {
-        this._requiresUpdate = true;
-        this._refreshExpressionsIfNeeded();
+        return [this._addButton, this._refreshButton];
     },
 
     /**
-     * @param {string} expressionString
-     */
-    addExpression: function(expressionString)
-    {
-        this.revealView();
-        if (this._requiresUpdate) {
-            this._rebuildWatchExpressions();
-            delete this._requiresUpdate;
-        }
-        this._createWatchExpression(expressionString);
-        this._saveExpressions();
-    },
-
-    /**
      * @return {boolean}
      */
     hasExpressions: function()
     {
         return !!this._watchExpressionsSetting.get().length;
     },
 
     _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.revealView();
+        WebInspector.viewManager.revealViewWithWidget(this);
         this._createWatchExpression(null).startEditing();
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _refreshButtonClicked: function(event)
     {
         event.consume();
-        this._refreshExpressions();
+        this.update();
     },
 
-    _rebuildWatchExpressions: function()
+    /**
+     * @override
+     * @return {!Promise.<?>}
+     */
+    doUpdate: function()
     {
         this._linkifier.reset();
         this._bodyElement.removeChildren();
         this._watchExpressions = [];
         this._emptyElement = this._bodyElement.createChild("div", "gray-info-message");
         this._emptyElement.textContent = WebInspector.UIString("No Watch Expressions");
         var watchExpressionStrings = this._watchExpressionsSetting.get();
         for (var i = 0; i < watchExpressionStrings.length; ++i) {
             var expression = watchExpressionStrings[i];
             if (!expression)
                 continue;
 
             this._createWatchExpression(expression);
         }
+        return Promise.resolve();
     },
 
     /**
      * @param {?string} expression
      * @return {!WebInspector.WatchExpression}
      */
     _createWatchExpression: function(expression)
     {
         this._emptyElement.classList.add("hidden");
         var watchExpression = new WebInspector.WatchExpression(expression, this._expandController, this._linkifier);
@@ skipping 46 matching lines @@
 
         for (var watchExpression of this._watchExpressions)
             if (watchExpression.element().containsEventPoint(event))
                 watchExpression._populateContextMenu(contextMenu, event);
     },
 
     _deleteAllButtonClicked: function()
     {
         this._watchExpressions = [];
         this._saveExpressions();
-        this._rebuildWatchExpressions();
+        this.update();
     },
 
-    __proto__: WebInspector.SimpleView.prototype
+    /**
+     * @override
+     * @param {!WebInspector.Context} context
+     * @param {string} actionId
+     * @return {boolean}
+     */
+    handleAction: function(context, actionId)
+    {
+        var range = context.flavor(WebInspector.TextRangeWithContent);
+        var expressionString = range.content;
+        WebInspector.viewManager.revealViewWithWidget(this);
+        this.doUpdate();
+        this._createWatchExpression(expressionString);
+        this._saveExpressions();
+        return true;
+    },
+
+    /**
+     * @override
+     * @param {!Event} event
+     * @param {!WebInspector.ContextMenu} contextMenu
+     * @param {!Object} target
+     */
+    appendApplicableItems: function(event, contextMenu, target)
+    {
+        contextMenu.appendAction("sources.add-to-watch");
+    },
+
+    __proto__: WebInspector.ThrottledWidget.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
 }