| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2013 Google Inc. All rights reserved. | 2 * Copyright (C) 2013 Google Inc. All rights reserved. |
| 3 * Copyright (C) 2012 Intel Inc. All rights reserved. | 3 * Copyright (C) 2012 Intel Inc. All rights reserved. |
| 4 * | 4 * |
| 5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
| 6 * modification, are permitted provided that the following conditions are | 6 * modification, are permitted provided that the following conditions are |
| 7 * met: | 7 * met: |
| 8 * | 8 * |
| 9 * * Redistributions of source code must retain the above copyright | 9 * * Redistributions of source code must retain the above copyright |
| 10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 45 this._model = model; | 45 this._model = model; |
| 46 this._presentationModel = new WebInspector.TimelinePresentationModel(model); | 46 this._presentationModel = new WebInspector.TimelinePresentationModel(model); |
| 47 this._calculator = new WebInspector.TimelineCalculator(model); | 47 this._calculator = new WebInspector.TimelineCalculator(model); |
| 48 this._linkifier = new WebInspector.Linkifier(); | 48 this._linkifier = new WebInspector.Linkifier(); |
| 49 this._frameStripByFrame = new Map(); | 49 this._frameStripByFrame = new Map(); |
| 50 | 50 |
| 51 this._boundariesAreValid = true; | 51 this._boundariesAreValid = true; |
| 52 this._scrollTop = 0; | 52 this._scrollTop = 0; |
| 53 | 53 |
| 54 this._recordsView = this._createRecordsView(); | 54 this._recordsView = this._createRecordsView(); |
| 55 this._recordsView.addEventListener(WebInspector.SplitView.Events.SidebarSize
Changed, this._sidebarResized, this); | 55 this._recordsView.addEventListener(WebInspector.SplitWidget.Events.SidebarSi
zeChanged, this._sidebarResized, this); |
| 56 | 56 |
| 57 this._topGapElement = this.element.createChild("div", "timeline-gap"); | 57 this._topGapElement = this.element.createChild("div", "timeline-gap"); |
| 58 this._recordsView.show(this.element); | 58 this._recordsView.show(this.element); |
| 59 this._bottomGapElement = this.element.createChild("div", "timeline-gap"); | 59 this._bottomGapElement = this.element.createChild("div", "timeline-gap"); |
| 60 | 60 |
| 61 this._headerElement = this.element.createChild("div", "fill"); | 61 this._headerElement = this.element.createChild("div", "fill"); |
| 62 this._headerElement.id = "timeline-graph-records-header"; | 62 this._headerElement.id = "timeline-graph-records-header"; |
| 63 | 63 |
| 64 // Create gpu tasks containers. | 64 // Create gpu tasks containers. |
| 65 this._cpuBarsElement = this._headerElement.createChild("div", "timeline-util
ization-strip"); | 65 this._cpuBarsElement = this._headerElement.createChild("div", "timeline-util
ization-strip"); |
| (...skipping 12 matching lines...) Expand all Loading... |
| 78 WebInspector.TimelineView.prototype = { | 78 WebInspector.TimelineView.prototype = { |
| 79 /** | 79 /** |
| 80 * @param {?WebInspector.TimelineFrameModelBase} frameModel | 80 * @param {?WebInspector.TimelineFrameModelBase} frameModel |
| 81 */ | 81 */ |
| 82 setFrameModel: function(frameModel) | 82 setFrameModel: function(frameModel) |
| 83 { | 83 { |
| 84 this._frameModel = frameModel; | 84 this._frameModel = frameModel; |
| 85 }, | 85 }, |
| 86 | 86 |
| 87 /** | 87 /** |
| 88 * @return {!WebInspector.SplitView} | 88 * @return {!WebInspector.SplitWidget} |
| 89 */ | 89 */ |
| 90 _createRecordsView: function() | 90 _createRecordsView: function() |
| 91 { | 91 { |
| 92 this._containerElement = this.element; | 92 this._containerElement = this.element; |
| 93 this._containerElement.tabIndex = 0; | 93 this._containerElement.tabIndex = 0; |
| 94 this._containerElement.id = "timeline-container"; | 94 this._containerElement.id = "timeline-container"; |
| 95 this._containerElement.addEventListener("scroll", this._onScroll.bind(th
is), false); | 95 this._containerElement.addEventListener("scroll", this._onScroll.bind(th
is), false); |
| 96 | 96 |
| 97 var recordsView = new WebInspector.SplitView(true, false, "timelinePanel
RecorsSplitViewState"); | 97 var recordsView = new WebInspector.SplitWidget(true, false, "timelinePan
elRecorsSplitViewState"); |
| 98 recordsView.element.style.flex = "1 0 auto"; | 98 recordsView.element.style.flex = "1 0 auto"; |
| 99 | 99 |
| 100 // Create records list in the records sidebar. | 100 // Create records list in the records sidebar. |
| 101 var sidebarView = new WebInspector.VBox(); | 101 var sidebarWidget = new WebInspector.VBox(); |
| 102 sidebarView.element.createChild("div", "timeline-records-title").textCon
tent = WebInspector.UIString("RECORDS"); | 102 sidebarWidget.element.createChild("div", "timeline-records-title").textC
ontent = WebInspector.UIString("RECORDS"); |
| 103 recordsView.setSidebarView(sidebarView); | 103 recordsView.setSidebarWidget(sidebarWidget); |
| 104 this._sidebarListElement = sidebarView.element.createChild("div", "timel
ine-records-list"); | 104 this._sidebarListElement = sidebarWidget.element.createChild("div", "tim
eline-records-list"); |
| 105 | 105 |
| 106 // Create grid in the records main area. | 106 // Create grid in the records main area. |
| 107 this._gridContainer = new WebInspector.VBoxWithResizeCallback(this._onVi
ewportResize.bind(this)); | 107 this._gridContainer = new WebInspector.VBoxWithResizeCallback(this._onVi
ewportResize.bind(this)); |
| 108 this._gridContainer.element.id = "resources-container-content"; | 108 this._gridContainer.element.id = "resources-container-content"; |
| 109 recordsView.setMainView(this._gridContainer); | 109 recordsView.setMainWidget(this._gridContainer); |
| 110 this._timelineGrid = new WebInspector.TimelineGrid(); | 110 this._timelineGrid = new WebInspector.TimelineGrid(); |
| 111 this._gridContainer.element.appendChild(this._timelineGrid.element); | 111 this._gridContainer.element.appendChild(this._timelineGrid.element); |
| 112 | 112 |
| 113 this._itemsGraphsElement = this._gridContainer.element.createChild("div"
); | 113 this._itemsGraphsElement = this._gridContainer.element.createChild("div"
); |
| 114 this._itemsGraphsElement.id = "timeline-graphs"; | 114 this._itemsGraphsElement.id = "timeline-graphs"; |
| 115 | 115 |
| 116 // Create gap elements | 116 // Create gap elements |
| 117 this._graphRowsElement = this._itemsGraphsElement.createChild("div"); | 117 this._graphRowsElement = this._itemsGraphsElement.createChild("div"); |
| 118 this._expandElements = this._itemsGraphsElement.createChild("div"); | 118 this._expandElements = this._itemsGraphsElement.createChild("div"); |
| 119 this._expandElements.id = "orphan-expand-elements"; | 119 this._expandElements.id = "orphan-expand-elements"; |
| (...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 208 setSidebarSize: function(width) | 208 setSidebarSize: function(width) |
| 209 { | 209 { |
| 210 this._recordsView.setSidebarSize(width); | 210 this._recordsView.setSidebarSize(width); |
| 211 }, | 211 }, |
| 212 | 212 |
| 213 /** | 213 /** |
| 214 * @param {!WebInspector.Event} event | 214 * @param {!WebInspector.Event} event |
| 215 */ | 215 */ |
| 216 _sidebarResized: function(event) | 216 _sidebarResized: function(event) |
| 217 { | 217 { |
| 218 this.dispatchEventToListeners(WebInspector.SplitView.Events.SidebarSizeC
hanged, event.data); | 218 this.dispatchEventToListeners(WebInspector.SplitWidget.Events.SidebarSiz
eChanged, event.data); |
| 219 }, | 219 }, |
| 220 | 220 |
| 221 _onViewportResize: function() | 221 _onViewportResize: function() |
| 222 { | 222 { |
| 223 this._resize(this._recordsView.sidebarSize()); | 223 this._resize(this._recordsView.sidebarSize()); |
| 224 }, | 224 }, |
| 225 | 225 |
| 226 /** | 226 /** |
| 227 * @param {number} sidebarWidth | 227 * @param {number} sidebarWidth |
| 228 */ | 228 */ |
| (...skipping 14 matching lines...) Expand all Loading... |
| 243 this._adjustScrollPosition(0); | 243 this._adjustScrollPosition(0); |
| 244 this._linkifier.reset(); | 244 this._linkifier.reset(); |
| 245 this._closeRecordDetails(); | 245 this._closeRecordDetails(); |
| 246 this._automaticallySizeWindow = true; | 246 this._automaticallySizeWindow = true; |
| 247 this._presentationModel.reset(); | 247 this._presentationModel.reset(); |
| 248 }, | 248 }, |
| 249 | 249 |
| 250 | 250 |
| 251 /** | 251 /** |
| 252 * @override | 252 * @override |
| 253 * @return {!WebInspector.View} | 253 * @return {!WebInspector.Widget} |
| 254 */ | 254 */ |
| 255 view: function() | 255 view: function() |
| 256 { | 256 { |
| 257 return this; | 257 return this; |
| 258 }, | 258 }, |
| 259 | 259 |
| 260 /** | 260 /** |
| 261 * @override | 261 * @override |
| 262 */ | 262 */ |
| 263 dispose: function() | 263 dispose: function() |
| (...skipping 25 matching lines...) Expand all Loading... |
| 289 refreshRecords: function(textFilter) | 289 refreshRecords: function(textFilter) |
| 290 { | 290 { |
| 291 this._automaticallySizeWindow = false; | 291 this._automaticallySizeWindow = false; |
| 292 this._presentationModel.setTextFilter(textFilter); | 292 this._presentationModel.setTextFilter(textFilter); |
| 293 this._invalidateAndScheduleRefresh(false, true); | 293 this._invalidateAndScheduleRefresh(false, true); |
| 294 }, | 294 }, |
| 295 | 295 |
| 296 willHide: function() | 296 willHide: function() |
| 297 { | 297 { |
| 298 this._closeRecordDetails(); | 298 this._closeRecordDetails(); |
| 299 WebInspector.View.prototype.willHide.call(this); | 299 WebInspector.Widget.prototype.willHide.call(this); |
| 300 }, | 300 }, |
| 301 | 301 |
| 302 _onScroll: function(event) | 302 _onScroll: function(event) |
| 303 { | 303 { |
| 304 this._closeRecordDetails(); | 304 this._closeRecordDetails(); |
| 305 this._scrollTop = this._containerElement.scrollTop; | 305 this._scrollTop = this._containerElement.scrollTop; |
| 306 this._headerElement.style.top = this._scrollTop + "px"; | 306 this._headerElement.style.top = this._scrollTop + "px"; |
| 307 this._scheduleRefresh(true, true); | 307 this._scheduleRefresh(true, true); |
| 308 }, | 308 }, |
| 309 | 309 |
| (...skipping 990 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1300 } else { | 1300 } else { |
| 1301 this._element.classList.add("hidden"); | 1301 this._element.classList.add("hidden"); |
| 1302 } | 1302 } |
| 1303 }, | 1303 }, |
| 1304 | 1304 |
| 1305 _dispose: function() | 1305 _dispose: function() |
| 1306 { | 1306 { |
| 1307 this._element.remove(); | 1307 this._element.remove(); |
| 1308 } | 1308 } |
| 1309 } | 1309 } |
| OLD | NEW |