DevTools: migrate InspectorView to tabbed view location.

third_party/WebKit/Source/devtools/front_end/elements/ElementsPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com>
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 489 matching lines @@
         // FIXME: crbug.com/425984
         this._contentElement.classList.toggle("elements-wrap", event.data);
         for (var i = 0; i < this._treeOutlines.length; ++i)
             this._treeOutlines[i].setWordWrap(/** @type {boolean} */ (event.data));
     },
 
     switchToAndFocus: function(node)
     {
         // Reset search restore.
         this._searchableView.cancelSearch();
-        WebInspector.inspectorView.setCurrentPanel(this);
-        this.selectDOMNode(node, true);
+        WebInspector.viewManager.showView("elements").then(() => this.selectDOMNode(node, true));
     },
 
     /**
      * @param {!Element} element
      * @param {!Event} event
      * @return {!Element|!AnchorBox|undefined}
      */
     _getPopoverAnchor: function(element, event)
     {
         var anchor = element.enclosingNodeOrSelfWithClass("webkit-html-resource-link");
@@ skipping 247 matching lines @@
     _leaveUserAgentShadowDOM: function(node)
     {
         var userAgentShadowRoot;
         while ((userAgentShadowRoot = node.ancestorUserAgentShadowRoot()) && userAgentShadowRoot.parentNode)
             node = userAgentShadowRoot.parentNode;
         return node;
     },
 
     /**
      * @param {!WebInspector.DOMNode} node
+     * @return {!Promise}
      */
     revealAndSelectNode: function(node)
     {
         if (WebInspector.inspectElementModeController && WebInspector.inspectElementModeController.isInInspectElementMode())
             WebInspector.inspectElementModeController.stopInspection();
 
         this._omitDefaultSelection = true;
 
-        var showLayoutEditor = !!WebInspector.inspectElementModeController && WebInspector.inspectElementModeController.isInLayoutEditorMode();
-        WebInspector.inspectorView.setCurrentPanel(this, showLayoutEditor);
         node = WebInspector.moduleSetting("showUAShadowDOM").get() ? node : this._leaveUserAgentShadowDOM(node);
-        if (!showLayoutEditor)
-            node.highlightForTwoSeconds();
+        node.highlightForTwoSeconds();
 
-        this.selectDOMNode(node, true);
-        delete this._omitDefaultSelection;
+        return WebInspector.viewManager.showView("elements").then(() => {
+            this.selectDOMNode(node, true);
+            delete this._omitDefaultSelection;
 
-        if (!this._notFirstInspectElement)
-            InspectorFrontendHost.inspectElementCompleted();
-        this._notFirstInspectElement = true;
+            if (!this._notFirstInspectElement)
+                InspectorFrontendHost.inspectElementCompleted();
+            this._notFirstInspectElement = true;
+        });
     },
 
     _sidebarContextMenuEventFired: function(event)
     {
         var contextMenu = new WebInspector.ContextMenu(event);
         contextMenu.appendApplicableItems(/** @type {!Object} */ (event.deepElementFromPoint()));
         contextMenu.show();
     },
 
     _showUAShadowDOMChanged: function()
@@ skipping 57 matching lines @@
          */
         function tabSelected(event)
         {
             var tabId = /** @type {string} */ (event.data.tabId);
             if (tabId === WebInspector.UIString("Computed"))
                 showMetrics.call(this, true);
             else if (tabId === WebInspector.UIString("Styles"))
                 showMetrics.call(this, false);
         }
 
-        this.sidebarPaneView = WebInspector.viewManager.createTabbedLocation(() => WebInspector.inspectorView.setCurrentPanel(this));
+        this.sidebarPaneView = WebInspector.viewManager.createTabbedLocation(() => WebInspector.viewManager.showView("elements"));
         var tabbedPane = this.sidebarPaneView.tabbedPane();
         tabbedPane.element.addEventListener("contextmenu", this._sidebarContextMenuEventFired.bind(this), false);
         if (this._popoverHelper)
             this._popoverHelper.hidePopover();
         this._popoverHelper = new WebInspector.PopoverHelper(tabbedPane.element, this._getPopoverAnchor.bind(this), this._showPopover.bind(this));
         this._popoverHelper.setTimeout(0);
 
         if (horizontally) {
             // Styles and computed are merged into a single tab.
             this._splitWidget.installResizer(tabbedPane.headerElement());
@@ skipping 133 matching lines @@
             }
 
             /**
              * @param {?WebInspector.DOMNode} resolvedNode
              */
             function onNodeResolved(resolvedNode)
             {
                 panel._pendingNodeReveal = false;
 
                 if (resolvedNode) {
-                    panel.revealAndSelectNode(resolvedNode);
-                    resolve(undefined);
+                    panel.revealAndSelectNode(resolvedNode).then(resolve);
                     return;
                 }
                 reject(new Error("Could not resolve node to reveal."));
             }
         }
     }
 }
 
 /**
  * @constructor
  * @implements {WebInspector.Revealer}
  */
 WebInspector.ElementsPanel.CSSPropertyRevealer = function() { }
 
 WebInspector.ElementsPanel.CSSPropertyRevealer.prototype = {
     /**
      * @override
      * @param {!Object} property
      * @return {!Promise}
      */
     reveal: function(property)
     {
         var panel = WebInspector.ElementsPanel.instance();
         return panel._revealProperty(/** @type {!WebInspector.CSSProperty} */ (property));
     }
 }
 
-WebInspector.ElementsPanel.show = function()
-{
-    WebInspector.inspectorView.setCurrentPanel(WebInspector.ElementsPanel.instance());
-}
-
 /**
  * @return {!WebInspector.ElementsPanel}
  */
 WebInspector.ElementsPanel.instance = function()
 {
     return /** @type {!WebInspector.ElementsPanel} */ (self.runtime.sharedInstance(WebInspector.ElementsPanel));
 }
 
 /**
  * @constructor
@@ skipping 41 matching lines @@
     /**
      * @override
      * @param {!WebInspector.DOMNode} node
      * @return {?{title: string, color: string}}
      */
     decorate: function(node)
     {
         return { color: "orange", title: WebInspector.UIString("Element state: %s", ":" + WebInspector.CSSModel.fromNode(node).pseudoState(node).join(", :")) };
     }
 }