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

Source/devtools/front_end/timeline/TimelineLayersView.js

Index: Source/devtools/front_end/timeline/TimelineLayersView.js
diff --git a/Source/devtools/front_end/timeline/TimelineLayersView.js b/Source/devtools/front_end/timeline/TimelineLayersView.js
index c8a907ffd9c7828603339f5d1483cb443c4cf8bb..1a8b7fd71ad91930f7253a55a8f1e19c6ed8bf02 100644
--- a/Source/devtools/front_end/timeline/TimelineLayersView.js
+++ b/Source/devtools/front_end/timeline/TimelineLayersView.js
@@ -16,6 +16,7 @@ WebInspector.TimelineLayersView = function()
     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);
 }
 
@@ -43,6 +44,40 @@ WebInspector.TimelineLayersView.prototype = {
         }
     },
 
+    /**
+     * @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 = undefined;

[caseq, 2014/07/17 16:24:12]

nit: drop undefined

[malch, 2014/07/17 16:29:46]

Done.

+
+        function findRecordWithEvent(record)
+        {
+            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;
@@ -80,7 +115,7 @@ WebInspector.TimelineLayersView.prototype = {
                 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});
         }
 
         /**