DevTools: untangle paint profiler for better reuse

Source/devtools/front_end/layers/LayersPanel.js

 /*
  * Copyright (C) 2013 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 13 matching lines @@
  * 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.
  */
 
 importScript("LayerTreeOutline.js");
 importScript("LayerDetailsView.js");
 importScript("PaintProfilerView.js");
+importScript("LayerPaintProfilerView.js");
 
 /**
  * @constructor
  * @extends {WebInspector.PanelWithSidebarTree}
  */
 WebInspector.LayersPanel = function()
 {
     WebInspector.PanelWithSidebarTree.call(this, "layers", 225);
     this.registerRequiredCSS("layersPanel.css");
 
@@ skipping 20 matching lines @@
     this._layers3DView.addEventListener(WebInspector.Layers3DView.Events.ObjectHovered, this._onObjectHovered, this);
     this._layers3DView.addEventListener(WebInspector.Layers3DView.Events.LayerSnapshotRequested, this._onSnapshotRequested, this);
     this._layers3DView.registerShortcuts(this.registerShortcuts.bind(this));
 
     this._tabbedPane = new WebInspector.TabbedPane();
     this._tabbedPane.show(this._rightSplitView.sidebarElement());
 
     this._layerDetailsView = new WebInspector.LayerDetailsView();
     this._layerDetailsView.addEventListener(WebInspector.LayerDetailsView.Events.ObjectSelected, this._onObjectSelected, this);
     this._tabbedPane.appendTab(WebInspector.LayersPanel.DetailsViewTabs.Details, WebInspector.UIString("Details"), this._layerDetailsView);
-    this._paintProfilerView = new WebInspector.PaintProfilerView(this._model, this._layers3DView);
+
+    this._paintProfilerView = new WebInspector.LayerPaintProfilerView(this._layers3DView.showImageForLayer.bind(this._layers3DView));
     this._tabbedPane.appendTab(WebInspector.LayersPanel.DetailsViewTabs.Profiler, WebInspector.UIString("Profiler"), this._paintProfilerView);
 }
 
 WebInspector.LayersPanel.DetailsViewTabs = {
     Details: "details",
     Profiler: "profiler"
 };
 
 WebInspector.LayersPanel.prototype = {
     wasShown: function()
@@ skipping 65 matching lines @@
         this._hoverObject(activeObject);
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _onSnapshotRequested: function(event)
     {
         var layer = /** @type {!WebInspector.Layer} */ (event.data);
         this._tabbedPane.selectTab(WebInspector.LayersPanel.DetailsViewTabs.Profiler);
-        this._paintProfilerView.profile(layer);
+        this._paintProfilerView.profileLayer(layer);
     },
 
     /**
      * @param {?WebInspector.Layers3DView.ActiveObject} activeObject
      */
     _selectObject: function(activeObject)
     {
         var layer = activeObject && activeObject.layer;
         if (this._currentlySelectedLayer === activeObject)
             return;
@@ skipping 19 matching lines @@
         this._currentlyHoveredLayer = activeObject;
         var node = layer ? layer.nodeForSelfOrAncestor() : null;
         if (node)
             node.highlight();
         else
             this._target.domModel.hideDOMNodeHighlight();
         this._layerTreeOutline.hoverLayer(layer);
         this._layers3DView.hoverObject(activeObject);
     },
 
+    /**
+     * @param {!WebInspector.Layer} layer
+     * @param {string=} imageURL
+     */
+    _showImageForLayer: function(layer, imageURL)
+    {
+        this._layers3DView.showImageForLayer(layer, imageURL);
+    },
+
     __proto__: WebInspector.PanelWithSidebarTree.prototype
 }
 
 /**
  * @constructor
  * @implements {WebInspector.Revealer}
  */
 WebInspector.LayersPanel.LayerTreeRevealer = function()
 {
 }
 
 WebInspector.LayersPanel.LayerTreeRevealer.prototype = {
     /**
      * @param {!Object} snapshotData
      */
     reveal: function(snapshotData)
     {
         if (!(snapshotData instanceof WebInspector.DeferredLayerTree))
             return;
         var panel = /** @type {!WebInspector.LayersPanel} */ (WebInspector.inspectorView.showPanel("layers"));
         panel._showLayerTree(/** @type {!WebInspector.DeferredLayerTree} */ (snapshotData));
     }
 }