Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(908)

Side by Side Diff: Source/devtools/front_end/components/FlameChart.js

Issue 340513003: DevTools: Add JSDoc for static methods, fix JSDoc types and induced errors (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Rebased patch Created 6 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 /** 1 /**
2 * Copyright (C) 2013 Google Inc. All rights reserved. 2 * Copyright (C) 2013 Google Inc. All rights reserved.
3 * 3 *
4 * Redistribution and use in source and binary forms, with or without 4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions are 5 * modification, are permitted provided that the following conditions are
6 * met: 6 * met:
7 * 7 *
8 * * Redistributions of source code must retain the above copyright 8 * * Redistributions of source code must retain the above copyright
9 * notice, this list of conditions and the following disclaimer. 9 * notice, this list of conditions and the following disclaimer.
10 * * Redistributions in binary form must reproduce the above 10 * * Redistributions in binary form must reproduce the above
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
51 WebInspector.FlameChart = function(dataProvider, flameChartDelegate, isTopDown) 51 WebInspector.FlameChart = function(dataProvider, flameChartDelegate, isTopDown)
52 { 52 {
53 WebInspector.HBox.call(this); 53 WebInspector.HBox.call(this);
54 this.element.classList.add("flame-chart-main-pane"); 54 this.element.classList.add("flame-chart-main-pane");
55 this._flameChartDelegate = flameChartDelegate; 55 this._flameChartDelegate = flameChartDelegate;
56 this._isTopDown = isTopDown; 56 this._isTopDown = isTopDown;
57 57
58 this._calculator = new WebInspector.FlameChart.Calculator(); 58 this._calculator = new WebInspector.FlameChart.Calculator();
59 59
60 this._canvas = this.element.createChild("canvas"); 60 this._canvas = this.element.createChild("canvas");
61 this._canvas.addEventListener("mousemove", this._onMouseMove.bind(this)); 61 this._canvas.addEventListener("mousemove", this._onMouseMove.bind(this), fal se);
62 this._canvas.addEventListener("mousewheel", this._onMouseWheel.bind(this), f alse); 62 this._canvas.addEventListener("mousewheel", this._onMouseWheel.bind(this), f alse);
63 this._canvas.addEventListener("click", this._onClick.bind(this), false); 63 this._canvas.addEventListener("click", this._onClick.bind(this), false);
64 WebInspector.installDragHandle(this._canvas, this._startCanvasDragging.bind( this), this._canvasDragging.bind(this), this._endCanvasDragging.bind(this), "mov e", null); 64 WebInspector.installDragHandle(this._canvas, this._startCanvasDragging.bind( this), this._canvasDragging.bind(this), this._endCanvasDragging.bind(this), "mov e", null);
65 65
66 this._vScrollElement = this.element.createChild("div", "flame-chart-v-scroll "); 66 this._vScrollElement = this.element.createChild("div", "flame-chart-v-scroll ");
67 this._vScrollContent = this._vScrollElement.createChild("div"); 67 this._vScrollContent = this._vScrollElement.createChild("div");
68 this._vScrollElement.addEventListener("scroll", this._scheduleUpdate.bind(th is), false); 68 this._vScrollElement.addEventListener("scroll", this._scheduleUpdate.bind(th is), false);
69 69
70 this._entryInfo = this.element.createChild("div", "profile-entry-info"); 70 this._entryInfo = this.element.createChild("div", "profile-entry-info");
71 this._highlightElement = this.element.createChild("div", "flame-chart-highli ght-element"); 71 this._highlightElement = this.element.createChild("div", "flame-chart-highli ght-element");
(...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after
158 entryTitle: function(entryIndex) { }, 158 entryTitle: function(entryIndex) { },
159 159
160 /** 160 /**
161 * @param {number} entryIndex 161 * @param {number} entryIndex
162 * @return {?string} 162 * @return {?string}
163 */ 163 */
164 entryFont: function(entryIndex) { }, 164 entryFont: function(entryIndex) { },
165 165
166 /** 166 /**
167 * @param {number} entryIndex 167 * @param {number} entryIndex
168 * @return {!string} 168 * @return {string}
169 */ 169 */
170 entryColor: function(entryIndex) { }, 170 entryColor: function(entryIndex) { },
171 171
172 /** 172 /**
173 * @param {number} entryIndex 173 * @param {number} entryIndex
174 * @param {!CanvasRenderingContext2D} context 174 * @param {!CanvasRenderingContext2D} context
175 * @param {?string} text 175 * @param {?string} text
176 * @param {number} barX 176 * @param {number} barX
177 * @param {number} barY 177 * @param {number} barY
178 * @param {number} barWidth 178 * @param {number} barWidth
179 * @param {number} barHeight 179 * @param {number} barHeight
180 * @param {function(number):number} timeToPosition 180 * @param {function(number):number} timeToPosition
181 * @return {boolean} 181 * @return {boolean}
182 */ 182 */
183 decorateEntry: function(entryIndex, context, text, barX, barY, barWidth, bar Height, timeToPosition) { }, 183 decorateEntry: function(entryIndex, context, text, barX, barY, barWidth, bar Height, timeToPosition) { },
184 184
185 /** 185 /**
186 * @param {number} entryIndex 186 * @param {number} entryIndex
187 * @return {boolean} 187 * @return {boolean}
188 */ 188 */
189 forceDecoration: function(entryIndex) { }, 189 forceDecoration: function(entryIndex) { },
190 190
191 /** 191 /**
192 * @param {number} entryIndex 192 * @param {number} entryIndex
193 * @return {!string} 193 * @return {string}
194 */ 194 */
195 textColor: function(entryIndex) { }, 195 textColor: function(entryIndex) { },
196 196
197 /** 197 /**
198 * @return {number} 198 * @return {number}
199 */ 199 */
200 textBaseline: function() { }, 200 textBaseline: function() { },
201 201
202 /** 202 /**
203 * @return {number} 203 * @return {number}
(...skipping 238 matching lines...) Expand 10 before | Expand all | Expand 10 after
442 this._flameChartDelegate.requestWindowTimes(windowLeft, windowRight); 442 this._flameChartDelegate.requestWindowTimes(windowLeft, windowRight);
443 this._maxDragOffset = Math.max(this._maxDragOffset, Math.abs(pixelShift) ); 443 this._maxDragOffset = Math.max(this._maxDragOffset, Math.abs(pixelShift) );
444 }, 444 },
445 445
446 _endCanvasDragging: function() 446 _endCanvasDragging: function()
447 { 447 {
448 this._isDragging = false; 448 this._isDragging = false;
449 }, 449 },
450 450
451 /** 451 /**
452 * @param {?MouseEvent} event 452 * @param {?Event} event
453 */ 453 */
454 _onMouseMove: function(event) 454 _onMouseMove: function(event)
455 { 455 {
456 if (this._isDragging) 456 if (this._isDragging)
457 return; 457 return;
458 var entryIndex = this._coordinatesToEntryIndex(event.offsetX, event.offs etY); 458 var entryIndex = this._coordinatesToEntryIndex(event.offsetX, event.offs etY);
459 459
460 if (this._highlightedEntryIndex === entryIndex) 460 if (this._highlightedEntryIndex === entryIndex)
461 return; 461 return;
462 462
(...skipping 24 matching lines...) Expand all
487 // we skip the click. Otherwise we jump to the sources. 487 // we skip the click. Otherwise we jump to the sources.
488 const clickThreshold = 5; 488 const clickThreshold = 5;
489 if (this._maxDragOffset > clickThreshold) 489 if (this._maxDragOffset > clickThreshold)
490 return; 490 return;
491 if (this._highlightedEntryIndex === -1) 491 if (this._highlightedEntryIndex === -1)
492 return; 492 return;
493 this.dispatchEventToListeners(WebInspector.FlameChart.Events.EntrySelect ed, this._highlightedEntryIndex); 493 this.dispatchEventToListeners(WebInspector.FlameChart.Events.EntrySelect ed, this._highlightedEntryIndex);
494 }, 494 },
495 495
496 /** 496 /**
497 * @param {?MouseEvent} e 497 * @param {?Event} e
498 */ 498 */
499 _onMouseWheel: function(e) 499 _onMouseWheel: function(e)
500 { 500 {
501 var scrollIsThere = this._totalHeight > this._offsetHeight; 501 var scrollIsThere = this._totalHeight > this._offsetHeight;
502 var windowLeft = this._timeWindowLeft ? this._timeWindowLeft : this._dat aProvider.minimumBoundary(); 502 var windowLeft = this._timeWindowLeft ? this._timeWindowLeft : this._dat aProvider.minimumBoundary();
503 var windowRight = this._timeWindowRight !== Infinity ? this._timeWindowR ight : this._dataProvider.minimumBoundary() + this._dataProvider.totalTime(); 503 var windowRight = this._timeWindowRight !== Infinity ? this._timeWindowR ight : this._dataProvider.minimumBoundary() + this._dataProvider.totalTime();
504 504
505 var panHorizontally = Math.abs(e.wheelDeltaX) > Math.abs(e.wheelDeltaY) && !e.shiftKey; 505 var panHorizontally = Math.abs(e.wheelDeltaX) > Math.abs(e.wheelDeltaY) && !e.shiftKey;
506 var panVertically = scrollIsThere && ((e.wheelDeltaY && !e.shiftKey) || (Math.abs(e.wheelDeltaX) === 120 && !e.shiftKey)); 506 var panVertically = scrollIsThere && ((e.wheelDeltaY && !e.shiftKey) || (Math.abs(e.wheelDeltaX) === 120 && !e.shiftKey));
507 if (panVertically) { 507 if (panVertically) {
(...skipping 450 matching lines...) Expand 10 before | Expand all | Expand 10 after
958 reset: function() 958 reset: function()
959 { 959 {
960 this._highlightedEntryIndex = -1; 960 this._highlightedEntryIndex = -1;
961 this._selectedEntryIndex = -1; 961 this._selectedEntryIndex = -1;
962 this._textWidth = {}; 962 this._textWidth = {};
963 this.update(); 963 this.update();
964 }, 964 },
965 965
966 __proto__: WebInspector.HBox.prototype 966 __proto__: WebInspector.HBox.prototype
967 } 967 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698