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}
  */
@@ skipping 25 matching lines @@
     },
 
     wasShown: function()
     {
         if (this._updateWhenVisible) {
             this._updateWhenVisible = false;
             this._update();
         }
     },
 
+    /**
+     * @param {!function(!WebInspector.TracingModel.Event)} callback
+     */
+    setSelectPaintEventCallback: function(callback)

[caseq, 2014/07/17 13:12:22]

I'd rather pass TimelineModeViewDelegate here, it has select().

[malch, 2014/07/17 15:17:44]

Done.

+    {
+        this._layers3DView.setSelectPaintEventCallback(callback);
+    },
+
     _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
 }