| OLD | NEW | 
|     1 // Copyright 2016 The Chromium Authors. All rights reserved. |     1 // Copyright 2016 The Chromium Authors. All rights reserved. | 
|     2 // Use of this source code is governed by a BSD-style license that can be |     2 // Use of this source code is governed by a BSD-style license that can be | 
|     3 // found in the LICENSE file. |     3 // found in the LICENSE file. | 
|     4 /** |     4 /** | 
|     5  * @unrestricted |     5  * @unrestricted | 
|     6  */ |     6  */ | 
|     7 WebInspector.NetworkLogViewColumns = class { |     7 WebInspector.NetworkLogViewColumns = class { | 
|     8   /** |     8   /** | 
|     9    * @param {!WebInspector.NetworkLogView} networkLogView |     9    * @param {!WebInspector.NetworkLogView} networkLogView | 
|    10    * @param {!WebInspector.NetworkTransferTimeCalculator} timeCalculator |    10    * @param {!WebInspector.NetworkTransferTimeCalculator} timeCalculator | 
| (...skipping 238 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|   249     if (Runtime.experiments.isEnabled('canvasNetworkTimeline')) |   249     if (Runtime.experiments.isEnabled('canvasNetworkTimeline')) | 
|   250       this._timelineColumn.setHoveredRequest(request, highlightInitiatorChain); |   250       this._timelineColumn.setHoveredRequest(request, highlightInitiatorChain); | 
|   251   } |   251   } | 
|   252  |   252  | 
|   253   _createTimelineHeader() { |   253   _createTimelineHeader() { | 
|   254     this._timelineHeaderElement = this._timelineColumn.contentElement.createChil
      d('div', 'network-timeline-header'); |   254     this._timelineHeaderElement = this._timelineColumn.contentElement.createChil
      d('div', 'network-timeline-header'); | 
|   255     this._timelineHeaderElement.addEventListener('click', timelineHeaderClicked.
      bind(this)); |   255     this._timelineHeaderElement.addEventListener('click', timelineHeaderClicked.
      bind(this)); | 
|   256     this._timelineHeaderElement.addEventListener( |   256     this._timelineHeaderElement.addEventListener( | 
|   257         'contextmenu', event => this._innerHeaderContextMenu(new WebInspector.Co
      ntextMenu(event))); |   257         'contextmenu', event => this._innerHeaderContextMenu(new WebInspector.Co
      ntextMenu(event))); | 
|   258     var innerElement = this._timelineHeaderElement.createChild('div'); |   258     var innerElement = this._timelineHeaderElement.createChild('div'); | 
|   259     innerElement.textContent = WebInspector.UIString('Timeline'); |   259     innerElement.textContent = WebInspector.UIString('Waterfall'); | 
|   260     this._timelineColumnSortIcon = this._timelineHeaderElement.createChild('div'
      , 'sort-order-icon-container') |   260     this._timelineColumnSortIcon = this._timelineHeaderElement.createChild('div'
      , 'sort-order-icon-container') | 
|   261                                        .createChild('div', 'sort-order-icon'); |   261                                        .createChild('div', 'sort-order-icon'); | 
|   262  |   262  | 
|   263     /** |   263     /** | 
|   264      * @this {WebInspector.NetworkLogViewColumns} |   264      * @this {WebInspector.NetworkLogViewColumns} | 
|   265      */ |   265      */ | 
|   266     function timelineHeaderClicked() { |   266     function timelineHeaderClicked() { | 
|   267       var sortOrders = WebInspector.DataGrid.Order; |   267       var sortOrders = WebInspector.DataGrid.Order; | 
|   268       var sortOrder = |   268       var sortOrder = | 
|   269           this._dataGrid.sortOrder() === sortOrders.Ascending ? sortOrders.Desce
      nding : sortOrders.Ascending; |   269           this._dataGrid.sortOrder() === sortOrders.Ascending ? sortOrders.Desce
      nding : sortOrders.Ascending; | 
| (...skipping 240 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|   510       responseSubMenu.appendCheckboxItem( |   510       responseSubMenu.appendCheckboxItem( | 
|   511           columnConfig.title, this._toggleColumnVisibility.bind(this, columnConf
      ig), columnConfig.visible); |   511           columnConfig.title, this._toggleColumnVisibility.bind(this, columnConf
      ig), columnConfig.visible); | 
|   512  |   512  | 
|   513     responseSubMenu.appendSeparator(); |   513     responseSubMenu.appendSeparator(); | 
|   514     responseSubMenu.appendItem( |   514     responseSubMenu.appendItem( | 
|   515         WebInspector.UIString('Manage Header Columns\u2026'), this._manageCustom
      HeaderDialog.bind(this)); |   515         WebInspector.UIString('Manage Header Columns\u2026'), this._manageCustom
      HeaderDialog.bind(this)); | 
|   516  |   516  | 
|   517     if (Runtime.experiments.isEnabled('canvasNetworkTimeline')) { |   517     if (Runtime.experiments.isEnabled('canvasNetworkTimeline')) { | 
|   518       contextMenu.appendSeparator(); |   518       contextMenu.appendSeparator(); | 
|   519       var timelineSortIds = WebInspector.NetworkLogViewColumns.TimelineSortIds; |   519       var timelineSortIds = WebInspector.NetworkLogViewColumns.TimelineSortIds; | 
|   520       var timelineSubMenu = contextMenu.appendSubMenuItem(WebInspector.UIString(
      'Timeline')); |   520       var timelineSubMenu = contextMenu.appendSubMenuItem(WebInspector.UIString(
      'Waterfall')); | 
|   521       timelineSubMenu.appendCheckboxItem( |   521       timelineSubMenu.appendCheckboxItem( | 
|   522           WebInspector.UIString('Start Time'), setTimelineMode.bind(this, timeli
      neSortIds.StartTime), |   522           WebInspector.UIString('Start Time'), setTimelineMode.bind(this, timeli
      neSortIds.StartTime), | 
|   523           this._activeTimelineSortId === timelineSortIds.StartTime); |   523           this._activeTimelineSortId === timelineSortIds.StartTime); | 
|   524       timelineSubMenu.appendCheckboxItem( |   524       timelineSubMenu.appendCheckboxItem( | 
|   525           WebInspector.UIString('Response Time'), setTimelineMode.bind(this, tim
      elineSortIds.ResponseTime), |   525           WebInspector.UIString('Response Time'), setTimelineMode.bind(this, tim
      elineSortIds.ResponseTime), | 
|   526           this._activeTimelineSortId === timelineSortIds.ResponseTime); |   526           this._activeTimelineSortId === timelineSortIds.ResponseTime); | 
|   527       timelineSubMenu.appendCheckboxItem( |   527       timelineSubMenu.appendCheckboxItem( | 
|   528           WebInspector.UIString('End Time'), setTimelineMode.bind(this, timeline
      SortIds.EndTime), |   528           WebInspector.UIString('End Time'), setTimelineMode.bind(this, timeline
      SortIds.EndTime), | 
|   529           this._activeTimelineSortId === timelineSortIds.EndTime); |   529           this._activeTimelineSortId === timelineSortIds.EndTime); | 
|   530       timelineSubMenu.appendCheckboxItem( |   530       timelineSubMenu.appendCheckboxItem( | 
| (...skipping 483 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  1014         {sortingFunction: WebInspector.NetworkDataGridNode.ResponseHeaderStringC
      omparator.bind(null, 'server')} |  1014         {sortingFunction: WebInspector.NetworkDataGridNode.ResponseHeaderStringC
      omparator.bind(null, 'server')} | 
|  1015   }, |  1015   }, | 
|  1016   { |  1016   { | 
|  1017     id: 'vary', |  1017     id: 'vary', | 
|  1018     isResponseHeader: true, |  1018     isResponseHeader: true, | 
|  1019     title: WebInspector.UIString('Vary'), |  1019     title: WebInspector.UIString('Vary'), | 
|  1020     sortConfig: {sortingFunction: WebInspector.NetworkDataGridNode.ResponseHeade
      rStringComparator.bind(null, 'vary')} |  1020     sortConfig: {sortingFunction: WebInspector.NetworkDataGridNode.ResponseHeade
      rStringComparator.bind(null, 'vary')} | 
|  1021   }, |  1021   }, | 
|  1022   { |  1022   { | 
|  1023     id: 'timeline', |  1023     id: 'timeline', | 
|  1024     title: WebInspector.UIString('Timeline'), |  1024     title: WebInspector.UIString('Waterfall'), | 
|  1025     visible: true, |  1025     visible: true, | 
|  1026     weight: 40, |  1026     weight: 40, | 
|  1027     sortable: false, |  1027     sortable: false, | 
|  1028     hideable: false, |  1028     hideable: false, | 
|  1029     sortConfig: { |  1029     sortConfig: { | 
|  1030       entries: [ |  1030       entries: [ | 
|  1031         { |  1031         { | 
|  1032           id: 'starttime', |  1032           id: 'starttime', | 
|  1033           title: WebInspector.UIString('Timeline \u2013 Start Time'), |  1033           title: WebInspector.UIString('Waterfall \u2013 Start Time'), | 
|  1034           sort: WebInspector.DataGrid.Order.Ascending, |  1034           sort: WebInspector.DataGrid.Order.Ascending, | 
|  1035           sortingFunction: WebInspector.NetworkDataGridNode.RequestPropertyCompa
      rator.bind(null, 'startTime'), |  1035           sortingFunction: WebInspector.NetworkDataGridNode.RequestPropertyCompa
      rator.bind(null, 'startTime'), | 
|  1036           calculator: WebInspector.NetworkLogViewColumns._calculatorTypes.Time |  1036           calculator: WebInspector.NetworkLogViewColumns._calculatorTypes.Time | 
|  1037         }, |  1037         }, | 
|  1038         { |  1038         { | 
|  1039           id: 'responsetime', |  1039           id: 'responsetime', | 
|  1040           title: WebInspector.UIString('Timeline \u2013 Response Time'), |  1040           title: WebInspector.UIString('Waterfall \u2013 Response Time'), | 
|  1041           sort: WebInspector.DataGrid.Order.Ascending, |  1041           sort: WebInspector.DataGrid.Order.Ascending, | 
|  1042           sortingFunction: |  1042           sortingFunction: | 
|  1043               WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(nu
      ll, 'responseReceivedTime'), |  1043               WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(nu
      ll, 'responseReceivedTime'), | 
|  1044           calculator: WebInspector.NetworkLogViewColumns._calculatorTypes.Time |  1044           calculator: WebInspector.NetworkLogViewColumns._calculatorTypes.Time | 
|  1045         }, |  1045         }, | 
|  1046         { |  1046         { | 
|  1047           id: 'endtime', |  1047           id: 'endtime', | 
|  1048           title: WebInspector.UIString('Timeline \u2013 End Time'), |  1048           title: WebInspector.UIString('Waterfall \u2013 End Time'), | 
|  1049           sort: WebInspector.DataGrid.Order.Ascending, |  1049           sort: WebInspector.DataGrid.Order.Ascending, | 
|  1050           sortingFunction: WebInspector.NetworkDataGridNode.RequestPropertyCompa
      rator.bind(null, 'endTime'), |  1050           sortingFunction: WebInspector.NetworkDataGridNode.RequestPropertyCompa
      rator.bind(null, 'endTime'), | 
|  1051           calculator: WebInspector.NetworkLogViewColumns._calculatorTypes.Time |  1051           calculator: WebInspector.NetworkLogViewColumns._calculatorTypes.Time | 
|  1052         }, |  1052         }, | 
|  1053         { |  1053         { | 
|  1054           id: 'duration', |  1054           id: 'duration', | 
|  1055           title: WebInspector.UIString('Timeline \u2013 Total Duration'), |  1055           title: WebInspector.UIString('Waterfall \u2013 Total Duration'), | 
|  1056           sort: WebInspector.DataGrid.Order.Descending, |  1056           sort: WebInspector.DataGrid.Order.Descending, | 
|  1057           sortingFunction: WebInspector.NetworkDataGridNode.RequestPropertyCompa
      rator.bind(null, 'duration'), |  1057           sortingFunction: WebInspector.NetworkDataGridNode.RequestPropertyCompa
      rator.bind(null, 'duration'), | 
|  1058           calculator: WebInspector.NetworkLogViewColumns._calculatorTypes.Durati
      on |  1058           calculator: WebInspector.NetworkLogViewColumns._calculatorTypes.Durati
      on | 
|  1059         }, |  1059         }, | 
|  1060         { |  1060         { | 
|  1061           id: 'latency', |  1061           id: 'latency', | 
|  1062           title: WebInspector.UIString('Timeline \u2013 Latency'), |  1062           title: WebInspector.UIString('Waterfall \u2013 Latency'), | 
|  1063           sort: WebInspector.DataGrid.Order.Descending, |  1063           sort: WebInspector.DataGrid.Order.Descending, | 
|  1064           sortingFunction: WebInspector.NetworkDataGridNode.RequestPropertyCompa
      rator.bind(null, 'latency'), |  1064           sortingFunction: WebInspector.NetworkDataGridNode.RequestPropertyCompa
      rator.bind(null, 'latency'), | 
|  1065           calculator: WebInspector.NetworkLogViewColumns._calculatorTypes.Durati
      on |  1065           calculator: WebInspector.NetworkLogViewColumns._calculatorTypes.Durati
      on | 
|  1066         } |  1066         } | 
|  1067       ] |  1067       ] | 
|  1068     } |  1068     } | 
|  1069   } |  1069   } | 
|  1070 ]; |  1070 ]; | 
|  1071  |  1071  | 
|  1072 WebInspector.NetworkLogViewColumns._filmStripDividerColor = '#fccc49'; |  1072 WebInspector.NetworkLogViewColumns._filmStripDividerColor = '#fccc49'; | 
|  1073  |  1073  | 
|  1074 /** |  1074 /** | 
|  1075  * @enum {string} |  1075  * @enum {string} | 
|  1076  */ |  1076  */ | 
|  1077 WebInspector.NetworkLogViewColumns.TimelineSortIds = { |  1077 WebInspector.NetworkLogViewColumns.TimelineSortIds = { | 
|  1078   StartTime: 'startTime', |  1078   StartTime: 'startTime', | 
|  1079   ResponseTime: 'responseReceivedTime', |  1079   ResponseTime: 'responseReceivedTime', | 
|  1080   EndTime: 'endTime', |  1080   EndTime: 'endTime', | 
|  1081   Duration: 'duration', |  1081   Duration: 'duration', | 
|  1082   Latency: 'latency' |  1082   Latency: 'latency' | 
|  1083 }; |  1083 }; | 
| OLD | NEW |