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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/network/NetworkTimelineColumn.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 // 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 /** 5 /**
6 * @constructor 6 * @constructor
7 * @extends {WebInspector.VBox} 7 * @extends {WebInspector.VBox}
8 * @param {number} rowHeight 8 * @param {number} rowHeight
9 * @param {number} headerHeight 9 * @param {number} headerHeight
10 * @param {!WebInspector.NetworkTransferTimeCalculator} calculator 10 * @param {!WebInspector.NetworkTransferTimeCalculator} calculator
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after
62 62
63 var colorUsage = WebInspector.ThemeSupport.ColorUsage; 63 var colorUsage = WebInspector.ThemeSupport.ColorUsage;
64 this._rowNavigationRequestColor = WebInspector.themeSupport.patchColor("#def ", colorUsage.Background); 64 this._rowNavigationRequestColor = WebInspector.themeSupport.patchColor("#def ", colorUsage.Background);
65 this._rowStripeColor = WebInspector.themeSupport.patchColor("#f5f5f5", color Usage.Background); 65 this._rowStripeColor = WebInspector.themeSupport.patchColor("#f5f5f5", color Usage.Background);
66 this._rowHoverColor = WebInspector.themeSupport.patchColor("#ebf2fc", /** @t ype {!WebInspector.ThemeSupport.ColorUsage} */ (colorUsage.Background | colorUsa ge.Selection)); 66 this._rowHoverColor = WebInspector.themeSupport.patchColor("#ebf2fc", /** @t ype {!WebInspector.ThemeSupport.ColorUsage} */ (colorUsage.Background | colorUsa ge.Selection));
67 67
68 /** @type {!Map<!WebInspector.ResourceType, string>} */ 68 /** @type {!Map<!WebInspector.ResourceType, string>} */
69 this._borderColorsForResourceTypeCache = new Map(); 69 this._borderColorsForResourceTypeCache = new Map();
70 /** @type {!Map<string, !CanvasGradient>} */ 70 /** @type {!Map<string, !CanvasGradient>} */
71 this._colorsForResourceTypeCache = new Map(); 71 this._colorsForResourceTypeCache = new Map();
72 } 72 };
73 73
74 WebInspector.NetworkTimelineColumn.Events = { 74 WebInspector.NetworkTimelineColumn.Events = {
75 RequestHovered: Symbol("RequestHovered") 75 RequestHovered: Symbol("RequestHovered")
76 } 76 };
77 77
78 WebInspector.NetworkTimelineColumn._colorsForResourceType = { 78 WebInspector.NetworkTimelineColumn._colorsForResourceType = {
79 document: "hsl(215, 100%, 80%)", 79 document: "hsl(215, 100%, 80%)",
80 font: "hsl(8, 100%, 80%)", 80 font: "hsl(8, 100%, 80%)",
81 media: "hsl(272, 64%, 80%)", 81 media: "hsl(272, 64%, 80%)",
82 image: "hsl(272, 64%, 80%)", 82 image: "hsl(272, 64%, 80%)",
83 script: "hsl(31, 100%, 80%)", 83 script: "hsl(31, 100%, 80%)",
84 stylesheet: "hsl(90, 50%, 80%)", 84 stylesheet: "hsl(90, 50%, 80%)",
85 texttrack: "hsl(8, 100%, 80%)", 85 texttrack: "hsl(8, 100%, 80%)",
86 websocket: "hsl(0, 0%, 95%)", 86 websocket: "hsl(0, 0%, 95%)",
87 xhr: "hsl(53, 100%, 80%)", 87 xhr: "hsl(53, 100%, 80%)",
88 other: "hsl(0, 0%, 95%)" 88 other: "hsl(0, 0%, 95%)"
89 } 89 };
90 90
91 WebInspector.NetworkTimelineColumn.prototype = { 91 WebInspector.NetworkTimelineColumn.prototype = {
92 /** 92 /**
93 * @override 93 * @override
94 */ 94 */
95 willHide: function() 95 willHide: function()
96 { 96 {
97 this._popoverHelper.hidePopover(); 97 this._popoverHelper.hidePopover();
98 }, 98 },
99 99
(...skipping 284 matching lines...) Expand 10 before | Expand all | Expand 10 after
384 var logGridSliceTime = Math.ceil(Math.log(gridSliceTime) / Math.LN10); 384 var logGridSliceTime = Math.ceil(Math.log(gridSliceTime) / Math.LN10);
385 gridSliceTime = Math.pow(10, logGridSliceTime); 385 gridSliceTime = Math.pow(10, logGridSliceTime);
386 if (gridSliceTime * pixelsPerTime >= 5 * minGridSlicePx) 386 if (gridSliceTime * pixelsPerTime >= 5 * minGridSlicePx)
387 gridSliceTime = gridSliceTime / 5; 387 gridSliceTime = gridSliceTime / 5;
388 if (gridSliceTime * pixelsPerTime >= 2 * minGridSlicePx) 388 if (gridSliceTime * pixelsPerTime >= 2 * minGridSlicePx)
389 gridSliceTime = gridSliceTime / 2; 389 gridSliceTime = gridSliceTime / 2;
390 390
391 context.lineWidth = 1; 391 context.lineWidth = 1;
392 context.strokeStyle = "rgba(0, 0, 0, .1)"; 392 context.strokeStyle = "rgba(0, 0, 0, .1)";
393 context.font = this._fontSize + "px sans-serif"; 393 context.font = this._fontSize + "px sans-serif";
394 context.fillStyle = "#444" 394 context.fillStyle = "#444";
395 gridSliceTime = gridSliceTime; 395 gridSliceTime = gridSliceTime;
396 for (var position = gridSliceTime * pixelsPerTime; position < drawableWi dth; position += gridSliceTime * pixelsPerTime) { 396 for (var position = gridSliceTime * pixelsPerTime; position < drawableWi dth; position += gridSliceTime * pixelsPerTime) {
397 // Added .5 because canvas drawing points are between pixels. 397 // Added .5 because canvas drawing points are between pixels.
398 var drawPosition = Math.floor(position) + this._leftPadding + .5; 398 var drawPosition = Math.floor(position) + this._leftPadding + .5;
399 context.beginPath(); 399 context.beginPath();
400 context.moveTo(drawPosition, 0); 400 context.moveTo(drawPosition, 0);
401 context.lineTo(drawPosition, this._offsetHeight); 401 context.lineTo(drawPosition, this._offsetHeight);
402 context.stroke(); 402 context.stroke();
403 if (position <= gridSliceTime * pixelsPerTime) 403 if (position <= gridSliceTime * pixelsPerTime)
404 continue; 404 continue;
(...skipping 233 matching lines...) Expand 10 before | Expand all | Expand 10 after
638 else if (this._navigationRequest === request) 638 else if (this._navigationRequest === request)
639 color = this._rowNavigationRequestColor; 639 color = this._rowNavigationRequestColor;
640 640
641 context.fillStyle = color; 641 context.fillStyle = color;
642 context.rect(0, y, this._offsetWidth, this._rowHeight); 642 context.rect(0, y, this._offsetWidth, this._rowHeight);
643 context.fill(); 643 context.fill();
644 context.restore(); 644 context.restore();
645 }, 645 },
646 646
647 __proto__: WebInspector.VBox.prototype 647 __proto__: WebInspector.VBox.prototype
648 } 648 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698