DevTools: Add ability to go to paint record and paint profiler in Timeline from layers view.

Source/devtools/front_end/timeline/TimelineLayersView.js

 /*
  * Copyright 2014 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.VBox}
  */
 WebInspector.TimelineLayersView = function()
 {
     WebInspector.VBox.call(this);
 
     this._paintTiles = [];
     this._layers3DView = new WebInspector.Layers3DView();
     this._layers3DView.addEventListener(WebInspector.Layers3DView.Events.ObjectSelected, this._onObjectSelected, this);
     this._layers3DView.addEventListener(WebInspector.Layers3DView.Events.ObjectHovered, this._onObjectHovered, this);
+    this._layers3DView.addEventListener(WebInspector.Layers3DView.Events.JumpToPaintEventRequested, this._jumpToPaintEvent, this);
     this._layers3DView.show(this.element);
 }
 
 WebInspector.TimelineLayersView.prototype = {
     /**
      * @param {!WebInspector.DeferredLayerTree} deferredLayerTree
      * @param {?Array.<!WebInspector.LayerPaintEvent>} paints
      */
     showLayerTree: function(deferredLayerTree, paints)
     {
         this._disposeTiles();
         this._deferredLayerTree = deferredLayerTree;
         this._paints = paints;
         if (this.isShowing())
             this._update();
         else
             this._updateWhenVisible = true;
     },
 
     wasShown: function()
     {
         if (this._updateWhenVisible) {
             this._updateWhenVisible = false;
             this._update();
         }
     },
 
+    /**
+     * @param {!WebInspector.TimelineModel} model
+     * @param {!WebInspector.TimelineModeViewDelegate} delegate
+     */
+    setTimelineModelAndDelegate: function(model, delegate)
+    {
+        this._model = model;
+        this._delegate = delegate;
+    },
+
+    /**
+     * @param {!WebInspector.Event} event
+     */
+    _jumpToPaintEvent: function(event)
+    {
+        var traceEvent = event.data;
+        var eventRecord;
+
+        function findRecordWithEvent(record)

[yurys, 2014/07/18 11:32:11]

Please add annotations.

[malch, 2014/07/18 11:41:35]

Done, thanks!

On 2014/07/18 11:32:11, yurys wrote:

+        {
+            if (record.traceEvent() === traceEvent) {
+                eventRecord = record;
+                return true;
+            }
+            return false;
+        }
+
+        this._model.forAllRecords(findRecordWithEvent);
+        if (eventRecord) {
+            var selection = WebInspector.TimelineSelection.fromRecord(eventRecord);
+            this._delegate.select(selection);
+        }
+    },
+
     _update: function()
     {
         var layerTree;
 
         this._weakTarget = this._deferredLayerTree.weakTarget();
         var originalTiles = this._paintTiles;
         var tilesReadyBarrier = new CallbackBarrier();
         this._deferredLayerTree.resolve(tilesReadyBarrier.createCallback(onLayersReady));
         var target = this._weakTarget.get();
         if (target) {
@@ skipping 17 matching lines @@
          */
         function onSnapshotLoaded(paintEvent, snapshot)
         {
             if (!snapshot)
                 return;
             // We're too late and there's a new generation of tiles being loaded.
             if (originalTiles !== this._paintTiles) {
                 snapshot.dispose();
                 return;
             }
-            this._paintTiles.push({layerId: paintEvent.layerId, rect: paintEvent.rect, snapshot: snapshot});
+            this._paintTiles.push({layerId: paintEvent.layerId, rect: paintEvent.rect, snapshot: snapshot, traceEvent: paintEvent.traceEvent});
         }
 
         /**
          * @this {WebInspector.TimelineLayersView}
          */
         function onLayersAndTilesReady()
         {
             this._layers3DView.setLayerTree(layerTree);
             this._layers3DView.setTiles(this._paintTiles);
         }
@@ skipping 60 matching lines @@
 
     _disposeTiles: function()
     {
         for (var i = 0; i < this._paintTiles.length; ++i)
             this._paintTiles[i].snapshot.dispose();
         this._paintTiles = [];
     },
 
     __proto__: WebInspector.VBox.prototype
 }