DevTools: Use better event titles on timeline tree view.

Source/devtools/front_end/timeline/TimelineTreeView.js

 // Copyright 2015 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}
  * @param {!WebInspector.TimelineModel} model
  */
 WebInspector.TimelineTreeView = function(model)
@@ skipping 336 matching lines @@
             return this._createNameCell(columnIdentifier);
         return this._createValueCell(columnIdentifier) || WebInspector.DataGridNode.prototype.createCell.call(this, columnIdentifier);
     },
 
     /**
      * @param {string} columnIdentifier
      * @return {!Element}
      */
     _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) {
             var url = WebInspector.TimelineTreeView.eventURL(event);
             if (url)
                 link.appendChild(WebInspector.linkifyResourceAsNode(url));
             var category = WebInspector.TimelineUIUtils.eventStyle(event).category;
             color = category.fillColorStop1;
         } else {
             color = WebInspector.TimelineUIUtils.colorForURL(this._profileNode.name);
@@ skipping 40 matching lines @@
         if (!this._profileNode.children)
             return;
         for (var node of this._profileNode.children.values()) {
             var gridNode = new WebInspector.TimelineTreeView.GridNode(node, this._totalTime);
             this.insertChildOrdered(gridNode);
         }
     },
 
     __proto__: WebInspector.SortableDataGridNode.prototype
 }