DevTools: Add total time column to the timeline tree view

Source/devtools/front_end/timeline/TimelineModel.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 1543 matching lines @@
 }
 
 /**
  * @param {!WebInspector.TimelineModel.ProfileTreeNode} topDownTree
  * @param {function(!WebInspector.TimelineModel.ProfileTreeNode):?WebInspector.TimelineModel.ProfileTreeNode=} groupingCallback
  * @return {!WebInspector.TimelineModel.ProfileTreeNode}
  */
 WebInspector.TimelineModel.buildBottomUpTree = function(topDownTree, groupingCallback)
 {
     var buRoot = new WebInspector.TimelineModel.ProfileTreeNode();
+    buRoot.selfTime = 0;
     buRoot.totalTime = 0;
     buRoot.name = WebInspector.UIString("Bottom-Up Chart");
     /** @type {!Map<string,!WebInspector.TimelineModel.ProfileTreeNode>} */
     buRoot.children = new Map();
     processNode(topDownTree);
 
     /**
      * @param {!WebInspector.TimelineModel.ProfileTreeNode} tdNode
      */
     function processNode(tdNode)
     {
         if (tdNode.selfTime > 0) {
             var buParent = groupingCallback && groupingCallback(tdNode) || buRoot;
             appendNode(tdNode, buParent);
         }
         if (tdNode.children)
             tdNode.children.forEach(processNode);
     }
 
     /**
      * @param {!WebInspector.TimelineModel.ProfileTreeNode} tdNode
      * @param {!WebInspector.TimelineModel.ProfileTreeNode} buParent
      */
     function appendNode(tdNode, buParent)
     {
-        var time = tdNode.selfTime;
-        buParent.totalTime += time;
+        var selfTime = tdNode.selfTime;
+        var totalTime = tdNode.totalTime;
+        buParent.selfTime += selfTime;
+        buParent.totalTime += selfTime;
         while (tdNode.parent) {
             if (!buParent.children)
                 buParent.children = /** @type {!Map<string,!WebInspector.TimelineModel.ProfileTreeNode>} */ (new Map());
             var id = tdNode.id;
             var buNode = buParent.children.get(id);
             if (!buNode) {
                 buNode = new WebInspector.TimelineModel.ProfileTreeNode();
-                buNode.totalTime = time;
+                buNode.selfTime = selfTime;
+                buNode.totalTime = totalTime;
                 buNode.name = tdNode.name;
                 buNode.event = tdNode.event;
                 buNode.id = id;
                 buParent.children.set(id, buNode);
             } else {
-                buNode.totalTime += time;
+                buNode.selfTime += selfTime;
+                buNode.totalTime += totalTime;
             }
             tdNode = tdNode.parent;
             buParent = buNode;
         }
     }
 
     return buRoot;
 }
 
 /**
@@ skipping 720 matching lines @@
         /** @type {!Object.<string, !Array.<!WebInspector.InvalidationTrackingEvent>>} */
         this._invalidations = {};
         /** @type {!Object.<number, !Array.<!WebInspector.InvalidationTrackingEvent>>} */
         this._invalidationsByNodeId = {};
 
         this._lastRecalcStyle = undefined;
         this._lastPaintWithLayer = undefined;
         this._didPaint = false;
     }
 }