OLD | NEW |
1 // Copyright 2014 The Chromium Authors. All rights reserved. | 1 // Copyright 2014 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 /** | 5 /** |
6 * @constructor | 6 * @constructor |
7 * @param {!WebInspector.TimelineFrameModel} frameModel | 7 * @param {!WebInspector.TimelineFrameModel} frameModel |
8 * @extends {WebInspector.SplitWidget} | 8 * @extends {WebInspector.SplitWidget} |
9 */ | 9 */ |
10 WebInspector.TimelinePaintProfilerView = function(frameModel) | 10 WebInspector.TimelinePaintProfilerView = function(frameModel) |
11 { | 11 { |
12 WebInspector.SplitWidget.call(this, false, false); | 12 WebInspector.SplitWidget.call(this, false, false); |
13 this.element.classList.add("timeline-paint-profiler-view"); | 13 this.element.classList.add("timeline-paint-profiler-view"); |
14 this.setSidebarSize(60); | 14 this.setSidebarSize(60); |
15 this.setResizable(false); | 15 this.setResizable(false); |
16 | 16 |
17 this._frameModel = frameModel; | 17 this._frameModel = frameModel; |
18 this._logAndImageSplitWidget = new WebInspector.SplitWidget(true, false); | 18 this._logAndImageSplitWidget = new WebInspector.SplitWidget(true, false); |
19 this._logAndImageSplitWidget.element.classList.add("timeline-paint-profiler-
log-split"); | 19 this._logAndImageSplitWidget.element.classList.add("timeline-paint-profiler-
log-split"); |
20 this.setMainWidget(this._logAndImageSplitWidget); | 20 this.setMainWidget(this._logAndImageSplitWidget); |
21 this._imageView = new WebInspector.TimelinePaintImageView(); | 21 this._imageView = new WebInspector.TimelinePaintImageView(); |
22 this._logAndImageSplitWidget.setMainWidget(this._imageView); | 22 this._logAndImageSplitWidget.setMainWidget(this._imageView); |
23 | 23 |
24 this._paintProfilerView = new WebInspector.PaintProfilerView(this._imageView
.showImage.bind(this._imageView)); | 24 this._paintProfilerView = new WebInspector.PaintProfilerView(this._imageView
.showImage.bind(this._imageView)); |
25 this._paintProfilerView.addEventListener(WebInspector.PaintProfilerView.Even
ts.WindowChanged, this._onWindowChanged, this); | 25 this._paintProfilerView.addEventListener(WebInspector.PaintProfilerView.Even
ts.WindowChanged, this._onWindowChanged, this); |
26 this.setSidebarWidget(this._paintProfilerView); | 26 this.setSidebarWidget(this._paintProfilerView); |
27 | 27 |
28 this._logTreeView = new WebInspector.PaintProfilerCommandLogView(); | 28 this._logTreeView = new WebInspector.PaintProfilerCommandLogView(); |
29 this._logAndImageSplitWidget.setSidebarWidget(this._logTreeView); | 29 this._logAndImageSplitWidget.setSidebarWidget(this._logTreeView); |
30 } | 30 }; |
31 | 31 |
32 WebInspector.TimelinePaintProfilerView.prototype = { | 32 WebInspector.TimelinePaintProfilerView.prototype = { |
33 wasShown: function() | 33 wasShown: function() |
34 { | 34 { |
35 if (this._updateWhenVisible) { | 35 if (this._updateWhenVisible) { |
36 this._updateWhenVisible = false; | 36 this._updateWhenVisible = false; |
37 this._update(); | 37 this._update(); |
38 } | 38 } |
39 }, | 39 }, |
40 | 40 |
(...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
127 WebInspector.Widget.call(this, true); | 127 WebInspector.Widget.call(this, true); |
128 this.registerRequiredCSS("timeline/timelinePaintProfiler.css"); | 128 this.registerRequiredCSS("timeline/timelinePaintProfiler.css"); |
129 this.contentElement.classList.add("fill", "paint-profiler-image-view"); | 129 this.contentElement.classList.add("fill", "paint-profiler-image-view"); |
130 this._imageContainer = this.contentElement.createChild("div", "paint-profile
r-image-container"); | 130 this._imageContainer = this.contentElement.createChild("div", "paint-profile
r-image-container"); |
131 this._imageElement = this._imageContainer.createChild("img"); | 131 this._imageElement = this._imageContainer.createChild("img"); |
132 this._maskElement = this._imageContainer.createChild("div"); | 132 this._maskElement = this._imageContainer.createChild("div"); |
133 this._imageElement.addEventListener("load", this._updateImagePosition.bind(t
his), false); | 133 this._imageElement.addEventListener("load", this._updateImagePosition.bind(t
his), false); |
134 | 134 |
135 this._transformController = new WebInspector.TransformController(this.conten
tElement, true); | 135 this._transformController = new WebInspector.TransformController(this.conten
tElement, true); |
136 this._transformController.addEventListener(WebInspector.TransformController.
Events.TransformChanged, this._updateImagePosition, this); | 136 this._transformController.addEventListener(WebInspector.TransformController.
Events.TransformChanged, this._updateImagePosition, this); |
137 } | 137 }; |
138 | 138 |
139 WebInspector.TimelinePaintImageView.prototype = { | 139 WebInspector.TimelinePaintImageView.prototype = { |
140 onResize: function() | 140 onResize: function() |
141 { | 141 { |
142 if (this._imageElement.src) | 142 if (this._imageElement.src) |
143 this._updateImagePosition(); | 143 this._updateImagePosition(); |
144 }, | 144 }, |
145 | 145 |
146 _updateImagePosition: function() | 146 _updateImagePosition: function() |
147 { | 147 { |
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
193 * @param {?DOMAgent.Rect} maskRectangle | 193 * @param {?DOMAgent.Rect} maskRectangle |
194 */ | 194 */ |
195 setMask: function(maskRectangle) | 195 setMask: function(maskRectangle) |
196 { | 196 { |
197 this._maskRectangle = maskRectangle; | 197 this._maskRectangle = maskRectangle; |
198 this._maskElement.classList.toggle("hidden", !maskRectangle); | 198 this._maskElement.classList.toggle("hidden", !maskRectangle); |
199 }, | 199 }, |
200 | 200 |
201 __proto__: WebInspector.Widget.prototype | 201 __proto__: WebInspector.Widget.prototype |
202 }; | 202 }; |
OLD | NEW |