DevTools: Use better event titles on timeline tree view.

Source/devtools/front_end/timeline/TimelineTreeView.js

Index: Source/devtools/front_end/timeline/TimelineTreeView.js
diff --git a/Source/devtools/front_end/timeline/TimelineTreeView.js b/Source/devtools/front_end/timeline/TimelineTreeView.js
index 543cc7bbce5969166b146c4a2f6247dd17afbab0..7f383cb637555c1717b53aeac542ca8bc225bb67 100644
--- a/Source/devtools/front_end/timeline/TimelineTreeView.js
+++ b/Source/devtools/front_end/timeline/TimelineTreeView.js
@@ -354,12 +354,22 @@ WebInspector.TimelineTreeView.GridNode.prototype = {
      */
     _createNameCell: function(columnIdentifier)
     {
+        /**
+         * @param {!WebInspector.TracingModel.Event} e
+         * @return {string}
+         */
+        function eventName(e)

[caseq, 2015/08/17 22:05:36]

inline?

[alph, 2015/08/18 21:03:22]

Done.

+        {
+            if (e.name === WebInspector.TimelineModel.RecordType.JSFrame)
+                return WebInspector.beautifyFunctionName(e.args.data.functionName);
+            return WebInspector.TimelineUIUtils.eventTitle(e);
+        }
         var cell = this.createTD(columnIdentifier);
         var container = cell.createChild("div", "name-container");
         var icon = container.createChild("div", "activity-icon");
         var name = container.createChild("div", "activity-name");
         var link = container.createChild("div", "activity-link");
-        name.textContent = this._profileNode.name;
+        name.textContent = this._profileNode.name || eventName(this._profileNode.event);
         var color;
         var event = this._profileNode.event;
         if (event) {