[Devtools] Renamed Network's Timeline to Waterfall

third_party/WebKit/Source/devtools/front_end/network/NetworkWaterfallColumn.js

 // Copyright 2016 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.
 /**
  * @unrestricted
  */
-WebInspector.NetworkTimelineColumn = class extends WebInspector.VBox {
+WebInspector.NetworkWaterfallColumn = class extends WebInspector.VBox {
   /**
    * @param {number} rowHeight
    * @param {!WebInspector.NetworkTimeCalculator} calculator
    */
   constructor(rowHeight, calculator) {
-    // TODO(allada) Make this a shadowDOM when the NetworkTimelineColumn gets moved into NetworkLogViewColumns.
+    // TODO(allada) Make this a shadowDOM when the NetworkWaterfallColumn gets moved into NetworkLogViewColumns.
     super(false);
-    this.registerRequiredCSS('network/networkTimelineColumn.css');
+    this.registerRequiredCSS('network/networkWaterfallColumn.css');
 
     this._canvas = this.contentElement.createChild('canvas');
     this._canvas.tabIndex = 1;
     this.setDefaultFocusedElement(this._canvas);
     this._canvasPosition = this._canvas.getBoundingClientRect();
 
     /** @const */
     this._leftPadding = 5;
     /** @const */
     this._fontSize = 10;
@@ skipping 152 matching lines @@
 
   scheduleDraw() {
     if (this._updateRequestID)
       return;
     this._updateRequestID = this.element.window().requestAnimationFrame(() => this.update());
   }
 
   /**
    * @param {number=} scrollTop
    * @param {!Map<string, !Array<number>>=} eventDividers
-   * @param {!WebInspector.NetworkTimelineColumn.RequestData=} requestData
+   * @param {!WebInspector.NetworkWaterfallColumn.RequestData=} requestData
    */
   update(scrollTop, eventDividers, requestData) {
     if (scrollTop !== undefined)
       this._scrollTop = scrollTop;
     if (requestData) {
       this._requestData = requestData.requests;
       this._navigationRequest = requestData.navigationRequest;
       this._calculateCanvasSize();
     }
     if (eventDividers !== undefined)
@@ skipping 118 matching lines @@
         context.lineTo(x, this._offsetHeight);
       }
       context.stroke();
     }
     context.restore();
   }
 
   /**
    * @return {number}
    */
-  _timelineDuration() {
+  _waterfallDuration() {
     return this._calculator.maximumBoundary() - this._calculator.minimumBoundary();
   }
 
   /**
    * @param {!WebInspector.RequestTimeRangeNames=} type
    * @return {number}
    */
   _getBarHeight(type) {
     var types = WebInspector.RequestTimeRangeNames;
     switch (type) {
@@ skipping 11 matching lines @@
   }
 
   /**
    * @param {!WebInspector.NetworkRequest} request
    * @return {string}
    */
   _borderColorForResourceType(request) {
     var resourceType = request.resourceType();
     if (this._borderColorsForResourceTypeCache.has(resourceType))
       return this._borderColorsForResourceTypeCache.get(resourceType);
-    var colorsForResourceType = WebInspector.NetworkTimelineColumn._colorsForResourceType;
+    var colorsForResourceType = WebInspector.NetworkWaterfallColumn._colorsForResourceType;
     var color = colorsForResourceType[resourceType] || colorsForResourceType.Other;
     var parsedColor = WebInspector.Color.parse(color);
     var hsla = parsedColor.hsla();
     hsla[1] /= 2;
     hsla[2] -= Math.min(hsla[2], 0.2);
     var resultColor = /** @type {string} */ (parsedColor.asString(null));
     this._borderColorsForResourceTypeCache.set(resourceType, resultColor);
     return resultColor;
   }
 
   /**
    * @param {!CanvasRenderingContext2D} context
    * @param {!WebInspector.NetworkRequest} request
    * @return {string|!CanvasGradient}
    */
   _colorForResourceType(context, request) {
-    var colorsForResourceType = WebInspector.NetworkTimelineColumn._colorsForResourceType;
+    var colorsForResourceType = WebInspector.NetworkWaterfallColumn._colorsForResourceType;
     var resourceType = request.resourceType();
     var color = colorsForResourceType[resourceType] || colorsForResourceType.Other;
     if (request.cached())
       return color;
 
     if (this._colorsForResourceTypeCache.has(color))
       return this._colorsForResourceTypeCache.get(color);
     var parsedColor = WebInspector.Color.parse(color);
     var hsla = parsedColor.hsla();
     hsla[1] -= Math.min(hsla[1], 0.28);
@@ skipping 190 matching lines @@
       return;
     context.save();
     context.beginPath();
     context.fillStyle = color;
     context.rect(0, y, this._offsetWidth, this._rowHeight);
     context.fill();
     context.restore();
 
     /**
      * @return {string}
-     * @this {WebInspector.NetworkTimelineColumn}
+     * @this {WebInspector.NetworkWaterfallColumn}
      */
     function getRowColor() {
       if (this._hoveredRequest === request)
         return this._rowHoverColor;
       if (this._initiatorGraph) {
         if (this._initiatorGraph.initiators.has(request))
           return this._parentInitiatorColor;
         if (this._initiatorGraph.initiated.has(request))
           return this._initiatedColor;
       }
       if (this._navigationRequest === request)
         return this._rowNavigationRequestColor;
       if (rowNumber % 2 === 1)
         return 'transparent';
       return this._rowStripeColor;
     }
   }
 };
 
 /**
  * @typedef {{requests: !Array<!WebInspector.NetworkRequest>, navigationRequest: ?WebInspector.NetworkRequest}}
  */
-WebInspector.NetworkTimelineColumn.RequestData;
+WebInspector.NetworkWaterfallColumn.RequestData;
 
-WebInspector.NetworkTimelineColumn._colorsForResourceType = {
+WebInspector.NetworkWaterfallColumn._colorsForResourceType = {
   document: 'hsl(215, 100%, 80%)',
   font: 'hsl(8, 100%, 80%)',
   media: 'hsl(272, 64%, 80%)',
   image: 'hsl(272, 64%, 80%)',
   script: 'hsl(31, 100%, 80%)',
   stylesheet: 'hsl(90, 50%, 80%)',
   texttrack: 'hsl(8, 100%, 80%)',
   websocket: 'hsl(0, 0%, 95%)',
   xhr: 'hsl(53, 100%, 80%)',
   other: 'hsl(0, 0%, 95%)'
 };