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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/CSSShadowEditor.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 */ 8 */
9 WebInspector.CSSShadowEditor = function() 9 WebInspector.CSSShadowEditor = function()
10 { 10 {
(...skipping 24 matching lines...) Expand all
35 this._xySlider.addEventListener("keydown", this._onCanvasArrowKey.bind(this) , false); 35 this._xySlider.addEventListener("keydown", this._onCanvasArrowKey.bind(this) , false);
36 this._xySlider.addEventListener("blur", this._onCanvasBlur.bind(this), false ); 36 this._xySlider.addEventListener("blur", this._onCanvasBlur.bind(this), false );
37 37
38 var blurField = this.contentElement.createChild("div", "shadow-editor-blur-f ield"); 38 var blurField = this.contentElement.createChild("div", "shadow-editor-blur-f ield");
39 this._blurInput = this._createTextInput(blurField, WebInspector.UIString("Bl ur")); 39 this._blurInput = this._createTextInput(blurField, WebInspector.UIString("Bl ur"));
40 this._blurSlider = this._createSlider(blurField); 40 this._blurSlider = this._createSlider(blurField);
41 41
42 this._spreadField = this.contentElement.createChild("div", "shadow-editor-fi eld"); 42 this._spreadField = this.contentElement.createChild("div", "shadow-editor-fi eld");
43 this._spreadInput = this._createTextInput(this._spreadField, WebInspector.UI String("Spread")); 43 this._spreadInput = this._createTextInput(this._spreadField, WebInspector.UI String("Spread"));
44 this._spreadSlider = this._createSlider(this._spreadField); 44 this._spreadSlider = this._createSlider(this._spreadField);
45 } 45 };
46 46
47 /** @enum {symbol} */ 47 /** @enum {symbol} */
48 WebInspector.CSSShadowEditor.Events = { 48 WebInspector.CSSShadowEditor.Events = {
49 ShadowChanged: Symbol("ShadowChanged") 49 ShadowChanged: Symbol("ShadowChanged")
50 } 50 };
51 51
52 /** @type {number} */ 52 /** @type {number} */
53 WebInspector.CSSShadowEditor.maxRange = 20; 53 WebInspector.CSSShadowEditor.maxRange = 20;
54 /** @type {string} */ 54 /** @type {string} */
55 WebInspector.CSSShadowEditor.defaultUnit = "px"; 55 WebInspector.CSSShadowEditor.defaultUnit = "px";
56 /** @type {number} */ 56 /** @type {number} */
57 WebInspector.CSSShadowEditor.sliderThumbRadius = 6; 57 WebInspector.CSSShadowEditor.sliderThumbRadius = 6;
58 /** @type {number} */ 58 /** @type {number} */
59 WebInspector.CSSShadowEditor.canvasSize = 88; 59 WebInspector.CSSShadowEditor.canvasSize = 88;
60 60
(...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after
158 context.moveTo(0, 0); 158 context.moveTo(0, 0);
159 context.lineTo(thumbPoint.x, thumbPoint.y); 159 context.lineTo(thumbPoint.x, thumbPoint.y);
160 context.stroke(); 160 context.stroke();
161 // Draw 2D slider thumb. 161 // Draw 2D slider thumb.
162 if (drawFocus) { 162 if (drawFocus) {
163 context.beginPath(); 163 context.beginPath();
164 context.fillStyle = "rgba(66, 133, 244, 0.4)"; 164 context.fillStyle = "rgba(66, 133, 244, 0.4)";
165 context.arc(thumbPoint.x, thumbPoint.y, WebInspector.CSSShadowEditor .sliderThumbRadius + 2, 0, 2 * Math.PI); 165 context.arc(thumbPoint.x, thumbPoint.y, WebInspector.CSSShadowEditor .sliderThumbRadius + 2, 0, 2 * Math.PI);
166 context.fill(); 166 context.fill();
167 } 167 }
168 context.beginPath() 168 context.beginPath();
169 context.fillStyle = "#4285F4"; 169 context.fillStyle = "#4285F4";
170 context.arc(thumbPoint.x, thumbPoint.y, WebInspector.CSSShadowEditor.sli derThumbRadius, 0, 2 * Math.PI); 170 context.arc(thumbPoint.x, thumbPoint.y, WebInspector.CSSShadowEditor.sli derThumbRadius, 0, 2 * Math.PI);
171 context.fill(); 171 context.fill();
172 context.restore(); 172 context.restore();
173 }, 173 },
174 174
175 /** 175 /**
176 * @param {!Event} event 176 * @param {!Event} event
177 */ 177 */
178 _onButtonClick: function(event) 178 _onButtonClick: function(event)
(...skipping 253 matching lines...) Expand 10 before | Expand all | Expand 10 after
432 * @return {!WebInspector.Geometry.Point} 432 * @return {!WebInspector.Geometry.Point}
433 */ 433 */
434 _sliderThumbPosition: function() 434 _sliderThumbPosition: function()
435 { 435 {
436 var x = (this._model.offsetX().amount / WebInspector.CSSShadowEditor.max Range) * this._innerCanvasSize; 436 var x = (this._model.offsetX().amount / WebInspector.CSSShadowEditor.max Range) * this._innerCanvasSize;
437 var y = (this._model.offsetY().amount / WebInspector.CSSShadowEditor.max Range) * this._innerCanvasSize; 437 var y = (this._model.offsetY().amount / WebInspector.CSSShadowEditor.max Range) * this._innerCanvasSize;
438 return this._constrainPoint(new WebInspector.Geometry.Point(x, y), this. _innerCanvasSize); 438 return this._constrainPoint(new WebInspector.Geometry.Point(x, y), this. _innerCanvasSize);
439 }, 439 },
440 440
441 __proto__: WebInspector.VBox.prototype 441 __proto__: WebInspector.VBox.prototype
442 } 442 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698