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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/timeline/CountersGraph.js

Issue 2440953003: DevTools: use semicolons after each statement. (Closed)
Patch Set: rebaseline Created 4 years, 1 month 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
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2012 Google Inc. All rights reserved. 2 * Copyright (C) 2012 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 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
65 this._canvasContainer.addEventListener("mouseover", this._onMouseMove.bind(t his), true); 65 this._canvasContainer.addEventListener("mouseover", this._onMouseMove.bind(t his), true);
66 this._canvasContainer.addEventListener("mousemove", this._onMouseMove.bind(t his), true); 66 this._canvasContainer.addEventListener("mousemove", this._onMouseMove.bind(t his), true);
67 this._canvasContainer.addEventListener("mouseleave", this._onMouseLeave.bind (this), true); 67 this._canvasContainer.addEventListener("mouseleave", this._onMouseLeave.bind (this), true);
68 this._canvasContainer.addEventListener("click", this._onClick.bind(this), tr ue); 68 this._canvasContainer.addEventListener("click", this._onClick.bind(this), tr ue);
69 // We create extra timeline grid here to reuse its event dividers. 69 // We create extra timeline grid here to reuse its event dividers.
70 this._timelineGrid = new WebInspector.TimelineGrid(); 70 this._timelineGrid = new WebInspector.TimelineGrid();
71 this._canvasContainer.appendChild(this._timelineGrid.dividersElement); 71 this._canvasContainer.appendChild(this._timelineGrid.dividersElement);
72 72
73 this._counters = []; 73 this._counters = [];
74 this._counterUI = []; 74 this._counterUI = [];
75 } 75 };
76 76
77 WebInspector.CountersGraph.prototype = { 77 WebInspector.CountersGraph.prototype = {
78 _createCurrentValuesBar: function() 78 _createCurrentValuesBar: function()
79 { 79 {
80 this._currentValuesBar = this._graphsContainer.element.createChild("div" ); 80 this._currentValuesBar = this._graphsContainer.element.createChild("div" );
81 this._currentValuesBar.id = "counter-values-bar"; 81 this._currentValuesBar.id = "counter-values-bar";
82 }, 82 },
83 83
84 /** 84 /**
85 * @param {string} uiName 85 * @param {string} uiName
(...skipping 179 matching lines...) Expand 10 before | Expand all | Expand 10 after
265 265
266 /** 266 /**
267 * @override 267 * @override
268 * @param {?WebInspector.TimelineSelection} selection 268 * @param {?WebInspector.TimelineSelection} selection
269 */ 269 */
270 setSelection: function(selection) 270 setSelection: function(selection)
271 { 271 {
272 }, 272 },
273 273
274 __proto__: WebInspector.VBox.prototype 274 __proto__: WebInspector.VBox.prototype
275 } 275 };
276 276
277 /** 277 /**
278 * @constructor 278 * @constructor
279 */ 279 */
280 WebInspector.CountersGraph.Counter = function() 280 WebInspector.CountersGraph.Counter = function()
281 { 281 {
282 this.times = []; 282 this.times = [];
283 this.values = []; 283 this.values = [];
284 } 284 };
285 285
286 WebInspector.CountersGraph.Counter.prototype = { 286 WebInspector.CountersGraph.Counter.prototype = {
287 /** 287 /**
288 * @param {number} time 288 * @param {number} time
289 * @param {number} value 289 * @param {number} value
290 */ 290 */
291 appendSample: function(time, value) 291 appendSample: function(time, value)
292 { 292 {
293 if (this.values.length && this.values.peekLast() === value) 293 if (this.values.length && this.values.peekLast() === value)
294 return; 294 return;
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after
360 { 360 {
361 if (!this.values.length) 361 if (!this.values.length)
362 return; 362 return;
363 363
364 var xFactor = width / (this._maxTime - this._minTime); 364 var xFactor = width / (this._maxTime - this._minTime);
365 365
366 this.x = new Array(this.values.length); 366 this.x = new Array(this.values.length);
367 for (var i = this._minimumIndex + 1; i <= this._maximumIndex; i++) 367 for (var i = this._minimumIndex + 1; i <= this._maximumIndex; i++)
368 this.x[i] = xFactor * (this.times[i] - this._minTime); 368 this.x[i] = xFactor * (this.times[i] - this._minTime);
369 } 369 }
370 } 370 };
371 371
372 /** 372 /**
373 * @constructor 373 * @constructor
374 * @param {!WebInspector.CountersGraph} memoryCountersPane 374 * @param {!WebInspector.CountersGraph} memoryCountersPane
375 * @param {string} title 375 * @param {string} title
376 * @param {string} currentValueLabel 376 * @param {string} currentValueLabel
377 * @param {string} graphColor 377 * @param {string} graphColor
378 * @param {!WebInspector.CountersGraph.Counter} counter 378 * @param {!WebInspector.CountersGraph.Counter} counter
379 * @param {(function(number): string)|undefined} formatter 379 * @param {(function(number): string)|undefined} formatter
380 */ 380 */
(...skipping 20 matching lines...) Expand all
401 this._value.style.color = graphColor; 401 this._value.style.color = graphColor;
402 this.graphColor = graphColor; 402 this.graphColor = graphColor;
403 this.limitColor = WebInspector.Color.parse(graphColor).setAlpha(0.3).asStrin g(WebInspector.Color.Format.RGBA); 403 this.limitColor = WebInspector.Color.parse(graphColor).setAlpha(0.3).asStrin g(WebInspector.Color.Format.RGBA);
404 this.graphYValues = []; 404 this.graphYValues = [];
405 this._verticalPadding = 10; 405 this._verticalPadding = 10;
406 406
407 this._currentValueLabel = currentValueLabel; 407 this._currentValueLabel = currentValueLabel;
408 this._marker = memoryCountersPane._canvasContainer.createChild("div", "memor y-counter-marker"); 408 this._marker = memoryCountersPane._canvasContainer.createChild("div", "memor y-counter-marker");
409 this._marker.style.backgroundColor = graphColor; 409 this._marker.style.backgroundColor = graphColor;
410 this._clearCurrentValueAndMarker(); 410 this._clearCurrentValueAndMarker();
411 } 411 };
412 412
413 WebInspector.CountersGraph.CounterUI.prototype = { 413 WebInspector.CountersGraph.CounterUI.prototype = {
414 reset: function() 414 reset: function()
415 { 415 {
416 this._range.textContent = ""; 416 this._range.textContent = "";
417 }, 417 },
418 418
419 /** 419 /**
420 * @param {number} minValue 420 * @param {number} minValue
421 * @param {number} maxValue 421 * @param {number} maxValue
(...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after
531 ctx.restore(); 531 ctx.restore();
532 }, 532 },
533 533
534 /** 534 /**
535 * @return {boolean} 535 * @return {boolean}
536 */ 536 */
537 visible: function() 537 visible: function()
538 { 538 {
539 return this._filter.checked(); 539 return this._filter.checked();
540 } 540 }
541 } 541 };
542 542
543 /** 543 /**
544 * @constructor 544 * @constructor
545 * @param {!WebInspector.TimelineModel} model 545 * @param {!WebInspector.TimelineModel} model
546 * @implements {WebInspector.TimelineGrid.Calculator} 546 * @implements {WebInspector.TimelineGrid.Calculator}
547 */ 547 */
548 WebInspector.CounterGraphCalculator = function(model) 548 WebInspector.CounterGraphCalculator = function(model)
549 { 549 {
550 this._model = model; 550 this._model = model;
551 } 551 };
552 552
553 WebInspector.CounterGraphCalculator._minWidth = 5; 553 WebInspector.CounterGraphCalculator._minWidth = 5;
554 554
555 WebInspector.CounterGraphCalculator.prototype = { 555 WebInspector.CounterGraphCalculator.prototype = {
556 /** 556 /**
557 * @override 557 * @override
558 * @return {number} 558 * @return {number}
559 */ 559 */
560 paddingLeft: function() 560 paddingLeft: function()
561 { 561 {
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after
627 }, 627 },
628 628
629 /** 629 /**
630 * @override 630 * @override
631 * @return {number} 631 * @return {number}
632 */ 632 */
633 boundarySpan: function() 633 boundarySpan: function()
634 { 634 {
635 return this._maximumBoundary - this._minimumBoundary; 635 return this._maximumBoundary - this._minimumBoundary;
636 } 636 }
637 } 637 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698