[Devtools] Added data to networking timeline canvas experiment

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

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 275 matching lines @@
             this._createTable();
             this._splitWidget.setSidebarWidget(this._dataGrid.asWidget());
 
             this._summaryBarElement = this.element.createChild("div", "network-summary-bar");
 
             this._timelineWidget = new WebInspector.VBox();
             this._createTimelineHeader();
             this._timelineWidget.element.classList.add("network-timeline-view");
             this._splitWidget.setMainWidget(this._timelineWidget);
 
-            var networkTimelineView = new WebInspector.NetworkTimelineColumn(this, this._dataGrid);
-            networkTimelineView.show(this._timelineWidget.element);
+            this._timelineColumn = new WebInspector.NetworkTimelineColumn(this, this._dataGrid);
+            this._timelineColumn.show(this._timelineWidget.element);
             this.switchViewMode(false);
         } else {
             this._createTable();
             this._dataGrid.asWidget().show(this.element);
             this._summaryBarElement = this.element.createChild("div", "network-summary-bar");
         }
 
         this._columns.sortByCurrentColumn();
         this._updateRowsSize();
     },
@@ skipping 356 matching lines @@
         if (!this.calculator().boundary().equals(oldBoundary)) {
             // The boundaries changed, so all item graphs are stale.
             this._columns.updateDividersIfNeeded();
             var nodes = this._nodesByRequestId.valuesArray();
             for (var i = 0; i < nodes.length; ++i)
                 nodes[i].refreshGraph();
         }
 
         this._staleRequestIds = {};
         this._updateSummaryBar();
+        if (Runtime.experiments.isEnabled("canvasNetworkTimeline"))
+            this._timelineColumn.scheduleRefreshData();
     },
 
     reset: function()
     {
         this._requestWithHighlightedInitiators = null;
         this.dispatchEventToListeners(WebInspector.NetworkLogView.Events.RequestSelected, null);
 
         this._clearSearchMatchedList();
 
         this._columns.reset();
@@ skipping 434 matching lines @@
     },
 
     dataGridSorted: function()
     {
         this._highlightNthMatchedRequestForSearch(this._updateMatchCountAndFindMatchIndex(this._currentMatchedRequestNode), false);
 
         if (!Runtime.experiments.isEnabled("canvasNetworkTimeline"))
             return;
 
         this._timelineColumnSortIcon.classList.remove("sort-ascending", "sort-descending");
-        if (this._dataGrid.sortColumnIdentifier() !== "timeline")
-            return;
 
-        if (this._dataGrid.sortOrder() === WebInspector.DataGrid.Order.Ascending)
-            this._timelineColumnSortIcon.classList.add("sort-ascending");
-        else
-            this._timelineColumnSortIcon.classList.add("sort-descending");
+        if (this._dataGrid.sortColumnIdentifier() === "timeline") {
+            if (this._dataGrid.sortOrder() === WebInspector.DataGrid.Order.Ascending)
+                this._timelineColumnSortIcon.classList.add("sort-ascending");
+            else
+                this._timelineColumnSortIcon.classList.add("sort-descending");
+        }
+
+        this._timelineColumn.scheduleRefreshData();
     },
 
     /**
      * @param {number} n
      * @param {boolean} reveal
      */
     _highlightNthMatchedRequestForSearch: function(n, reveal)
     {
         this._removeAllHighlights();
 
@@ skipping 668 matching lines @@
  * @return {boolean}
  */
 WebInspector.NetworkLogView._requestTimeFilter = function(windowStart, windowEnd, request)
 {
     if (request.issueTime() > windowEnd)
         return false;
     if (request.endTime !== -1 && request.endTime < windowStart)
         return false;
     return true;
 }