[Devtools] New network canvas timeline now properly shows initiators

third_party/WebKit/Source/devtools/front_end/network/NetworkLogViewColumns.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.
 
 /**
  * @constructor
  * @param {!WebInspector.NetworkLogView} networkLogView
  * @param {!WebInspector.NetworkTransferTimeCalculator} timeCalculator
  * @param {!WebInspector.NetworkTransferDurationCalculator} durationCalculator
  * @param {!WebInspector.Setting} networkLogLargeRowsSetting
@@ skipping 446 matching lines @@
         }
     },
 
     _setupTimeline: function()
     {
         this._timelineColumn = new WebInspector.NetworkTimelineColumn(this._networkLogView.rowHeight(), this._networkLogView.calculator());
 
         this._timelineColumn.element.addEventListener("mousewheel", this._onMouseWheel.bind(this, false), { passive: true });
         this._dataGridScroller.addEventListener("mousewheel",this._onMouseWheel.bind(this, true), true);
 
-        this._timelineColumn.element.addEventListener("mousemove", event => this._networkLogView.setHoveredRequest(this._timelineColumn.getRequestFromPoint(event.offsetX, event.offsetY + event.target.offsetTop)), true);
-        this._timelineColumn.element.addEventListener("mouseleave", this._networkLogView.setHoveredRequest.bind(this._networkLogView, null), true);
+        this._timelineColumn.element.addEventListener("mousemove", event => this._networkLogView.setHoveredRequest(this._timelineColumn.getRequestFromPoint(event.offsetX, event.offsetY + event.target.offsetTop), event.shiftKey), true);
+        this._timelineColumn.element.addEventListener("mouseleave", this._networkLogView.setHoveredRequest.bind(this._networkLogView, null, false), true);
 
         this._timelineScroller = this._timelineColumn.contentElement.createChild("div", "network-timeline-v-scroll");
         this._timelineScroller.addEventListener("scroll", this._syncScrollers.bind(this), { passive: true });
         this._timelineScrollerContent = this._timelineScroller.createChild("div", "network-timeline-v-scroll-content");
 
         this._dataGrid.addEventListener(WebInspector.DataGrid.Events.PaddingChanged, () => {
             this._timelineScrollerWidthIsStale = true;
             this._syncScrollers();
         });
         this._dataGrid.addEventListener(WebInspector.ViewportDataGrid.Events.ViewportCalculated, this._redrawTimelineColumn.bind(this));
@@ skipping 10 matching lines @@
     /**
      * @param {boolean} shouldConsume
      * @param {!Event} event
      */
     _onMouseWheel: function(shouldConsume, event)
     {
         if (shouldConsume)
             event.consume(true);
         this._activeScroller.scrollTop -= event.wheelDeltaY;
         this._syncScrollers();
-        this._networkLogView.setHoveredRequest(this._timelineColumn.getRequestFromPoint(event.offsetX, event.offsetY));
+        this._networkLogView.setHoveredRequest(this._timelineColumn.getRequestFromPoint(event.offsetX, event.offsetY), event.shiftKey);
     },
 
     _syncScrollers: function()
     {
         if (!this._timelineColumn.isShowing())
             return;
         this._timelineScrollerContent.style.height = this._dataGridScroller.scrollHeight + "px";
         this._updateScrollerWidthIfNeeded();
         this._dataGridScroller.scrollTop = this._timelineScroller.scrollTop;
     },
@@ skipping 21 matching lines @@
         while (currentNode = currentNode.traverseNextNode(true)) {
             if (currentNode.isNavigationRequest())
                 requestData.navigationRequest = currentNode.request();
             requestData.requests.push(currentNode.request());
         }
         this._timelineColumn.update(this._activeScroller.scrollTop, this._shownEventDividers, requestData);
     },
 
     /**
      * @param {?WebInspector.NetworkRequest} request
+     * @param {boolean} highlightInitiatorChain
      */
-    setHoveredRequest: function(request)
+    setHoveredRequest: function(request, highlightInitiatorChain)
     {
         if (Runtime.experiments.isEnabled("canvasNetworkTimeline"))
-            this._timelineColumn.setHoveredRequest(request);
+            this._timelineColumn.setHoveredRequest(request, highlightInitiatorChain);
     },
 
     _createTimelineHeader: function()
     {
         this._timelineHeaderElement = this._timelineColumn.contentElement.createChild("div", "network-timeline-header");
         this._timelineHeaderElement.addEventListener("click", timelineHeaderClicked.bind(this));
         this._timelineHeaderElement.addEventListener("contextmenu", event => this._innerHeaderContextMenu(new WebInspector.ContextMenu(event)));
         var innerElement = this._timelineHeaderElement.createChild("div");
         innerElement.textContent = WebInspector.UIString("Timeline");
         this._timelineColumnSortIcon = this._timelineHeaderElement.createChild("div", "sort-order-icon-container").createChild("div", "sort-order-icon");
@@ skipping 546 matching lines @@
     {
         if (Runtime.experiments.isEnabled("canvasNetworkTimeline")) {
             this._shownEventDividers.delete(WebInspector.NetworkLogViewColumns._filmStripDividerColor);
             this._redrawTimelineColumn();
             return;
         }
         for (var divider of this._eventDividers)
             divider.element.classList.toggle("network-frame-divider-selected", false);
     }
 };