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

Unified Diff: third_party/WebKit/Source/devtools/front_end/elements/ColorSwatchPopoverIcon.js

Issue 2466123002: DevTools: reformat front-end code to match chromium style. (Closed)
Patch Set: all done 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 side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/Source/devtools/front_end/elements/ColorSwatchPopoverIcon.js
diff --git a/third_party/WebKit/Source/devtools/front_end/elements/ColorSwatchPopoverIcon.js b/third_party/WebKit/Source/devtools/front_end/elements/ColorSwatchPopoverIcon.js
index aaf1d1b6ac82f679bb500196582d0f6d8e2a02a3..37183328064a9fd48c1237d22ac8d6aa4be1d46d 100644
--- a/third_party/WebKit/Source/devtools/front_end/elements/ColorSwatchPopoverIcon.js
+++ b/third_party/WebKit/Source/devtools/front_end/elements/ColorSwatchPopoverIcon.js
@@ -1,315 +1,309 @@
// Copyright (c) 2015 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
-
/**
- * @constructor
- * @param {!WebInspector.StylePropertyTreeElement} treeElement
- * @param {!WebInspector.SwatchPopoverHelper} swatchPopoverHelper
- * @param {!WebInspector.BezierSwatch} swatch
+ * @unrestricted
*/
-WebInspector.BezierPopoverIcon = function(treeElement, swatchPopoverHelper, swatch)
-{
+WebInspector.BezierPopoverIcon = class {
+ /**
+ * @param {!WebInspector.StylePropertyTreeElement} treeElement
+ * @param {!WebInspector.SwatchPopoverHelper} swatchPopoverHelper
+ * @param {!WebInspector.BezierSwatch} swatch
+ */
+ constructor(treeElement, swatchPopoverHelper, swatch) {
this._treeElement = treeElement;
this._swatchPopoverHelper = swatchPopoverHelper;
this._swatch = swatch;
- this._swatch.iconElement().title = WebInspector.UIString("Open cubic bezier editor.");
- this._swatch.iconElement().addEventListener("click", this._iconClick.bind(this), false);
+ this._swatch.iconElement().title = WebInspector.UIString('Open cubic bezier editor.');
+ this._swatch.iconElement().addEventListener('click', this._iconClick.bind(this), false);
this._boundBezierChanged = this._bezierChanged.bind(this);
this._boundOnScroll = this._onScroll.bind(this);
-};
-
-WebInspector.BezierPopoverIcon.prototype = {
- /**
- * @param {!Event} event
- */
- _iconClick: function(event)
- {
- event.consume(true);
- if (this._swatchPopoverHelper.isShowing()) {
- this._swatchPopoverHelper.hide(true);
- return;
- }
-
- this._bezierEditor = new WebInspector.BezierEditor();
- var cubicBezier = WebInspector.Geometry.CubicBezier.parse(this._swatch.bezierText());
- if (!cubicBezier)
- cubicBezier = /** @type {!WebInspector.Geometry.CubicBezier} */ (WebInspector.Geometry.CubicBezier.parse("linear"));
- this._bezierEditor.setBezier(cubicBezier);
- this._bezierEditor.addEventListener(WebInspector.BezierEditor.Events.BezierChanged, this._boundBezierChanged);
- this._swatchPopoverHelper.show(this._bezierEditor, this._swatch.iconElement(), this._onPopoverHidden.bind(this));
- this._scrollerElement = this._swatch.enclosingNodeOrSelfWithClass("style-panes-wrapper");
- if (this._scrollerElement)
- this._scrollerElement.addEventListener("scroll", this._boundOnScroll, false);
-
- this._originalPropertyText = this._treeElement.property.propertyText;
- this._treeElement.parentPane().setEditingStyle(true);
- var uiLocation = WebInspector.cssWorkspaceBinding.propertyUILocation(this._treeElement.property, false /* forName */);
- if (uiLocation)
- WebInspector.Revealer.reveal(uiLocation, true /* omitFocus */);
- },
-
- /**
- * @param {!WebInspector.Event} event
- */
- _bezierChanged: function(event)
- {
- this._swatch.setBezierText(/** @type {string} */ (event.data));
- this._treeElement.applyStyleText(this._treeElement.renderedPropertyText(), false);
- },
-
- /**
- * @param {!Event} event
- */
- _onScroll: function(event)
- {
- this._swatchPopoverHelper.reposition();
- },
-
- /**
- * @param {boolean} commitEdit
- */
- _onPopoverHidden: function(commitEdit)
- {
- if (this._scrollerElement)
- this._scrollerElement.removeEventListener("scroll", this._boundOnScroll, false);
-
- this._bezierEditor.removeEventListener(WebInspector.BezierEditor.Events.BezierChanged, this._boundBezierChanged);
- delete this._bezierEditor;
-
- var propertyText = commitEdit ? this._treeElement.renderedPropertyText() : this._originalPropertyText;
- this._treeElement.applyStyleText(propertyText, true);
- this._treeElement.parentPane().setEditingStyle(false);
- delete this._originalPropertyText;
+ }
+
+ /**
+ * @param {!Event} event
+ */
+ _iconClick(event) {
+ event.consume(true);
+ if (this._swatchPopoverHelper.isShowing()) {
+ this._swatchPopoverHelper.hide(true);
+ return;
}
+
+ this._bezierEditor = new WebInspector.BezierEditor();
+ var cubicBezier = WebInspector.Geometry.CubicBezier.parse(this._swatch.bezierText());
+ if (!cubicBezier)
+ cubicBezier =
+ /** @type {!WebInspector.Geometry.CubicBezier} */ (WebInspector.Geometry.CubicBezier.parse('linear'));
+ this._bezierEditor.setBezier(cubicBezier);
+ this._bezierEditor.addEventListener(WebInspector.BezierEditor.Events.BezierChanged, this._boundBezierChanged);
+ this._swatchPopoverHelper.show(this._bezierEditor, this._swatch.iconElement(), this._onPopoverHidden.bind(this));
+ this._scrollerElement = this._swatch.enclosingNodeOrSelfWithClass('style-panes-wrapper');
+ if (this._scrollerElement)
+ this._scrollerElement.addEventListener('scroll', this._boundOnScroll, false);
+
+ this._originalPropertyText = this._treeElement.property.propertyText;
+ this._treeElement.parentPane().setEditingStyle(true);
+ var uiLocation =
+ WebInspector.cssWorkspaceBinding.propertyUILocation(this._treeElement.property, false /* forName */);
+ if (uiLocation)
+ WebInspector.Revealer.reveal(uiLocation, true /* omitFocus */);
+ }
+
+ /**
+ * @param {!WebInspector.Event} event
+ */
+ _bezierChanged(event) {
+ this._swatch.setBezierText(/** @type {string} */ (event.data));
+ this._treeElement.applyStyleText(this._treeElement.renderedPropertyText(), false);
+ }
+
+ /**
+ * @param {!Event} event
+ */
+ _onScroll(event) {
+ this._swatchPopoverHelper.reposition();
+ }
+
+ /**
+ * @param {boolean} commitEdit
+ */
+ _onPopoverHidden(commitEdit) {
+ if (this._scrollerElement)
+ this._scrollerElement.removeEventListener('scroll', this._boundOnScroll, false);
+
+ this._bezierEditor.removeEventListener(WebInspector.BezierEditor.Events.BezierChanged, this._boundBezierChanged);
+ delete this._bezierEditor;
+
+ var propertyText = commitEdit ? this._treeElement.renderedPropertyText() : this._originalPropertyText;
+ this._treeElement.applyStyleText(propertyText, true);
+ this._treeElement.parentPane().setEditingStyle(false);
+ delete this._originalPropertyText;
+ }
};
/**
- * @constructor
- * @param {!WebInspector.StylePropertyTreeElement} treeElement
- * @param {!WebInspector.SwatchPopoverHelper} swatchPopoverHelper
- * @param {!WebInspector.ColorSwatch} swatch
+ * @unrestricted
*/
-WebInspector.ColorSwatchPopoverIcon = function(treeElement, swatchPopoverHelper, swatch)
-{
+WebInspector.ColorSwatchPopoverIcon = class {
+ /**
+ * @param {!WebInspector.StylePropertyTreeElement} treeElement
+ * @param {!WebInspector.SwatchPopoverHelper} swatchPopoverHelper
+ * @param {!WebInspector.ColorSwatch} swatch
+ */
+ constructor(treeElement, swatchPopoverHelper, swatch) {
this._treeElement = treeElement;
this._treeElement[WebInspector.ColorSwatchPopoverIcon._treeElementSymbol] = this;
this._swatchPopoverHelper = swatchPopoverHelper;
this._swatch = swatch;
- var shiftClickMessage = WebInspector.UIString("Shift + Click to change color format.");
- this._swatch.iconElement().title = WebInspector.UIString("Open color picker. %s", shiftClickMessage);
- this._swatch.iconElement().addEventListener("click", this._iconClick.bind(this));
+ var shiftClickMessage = WebInspector.UIString('Shift + Click to change color format.');
+ this._swatch.iconElement().title = WebInspector.UIString('Open color picker. %s', shiftClickMessage);
+ this._swatch.iconElement().addEventListener('click', this._iconClick.bind(this));
this._contrastColor = null;
this._boundSpectrumChanged = this._spectrumChanged.bind(this);
this._boundOnScroll = this._onScroll.bind(this);
-};
-
-WebInspector.ColorSwatchPopoverIcon._treeElementSymbol = Symbol("WebInspector.ColorSwatchPopoverIcon._treeElementSymbol");
+ }
-/**
- * @param {!WebInspector.StylePropertyTreeElement} treeElement
- * @return {?WebInspector.ColorSwatchPopoverIcon}
- */
-WebInspector.ColorSwatchPopoverIcon.forTreeElement = function(treeElement)
-{
+ /**
+ * @param {!WebInspector.StylePropertyTreeElement} treeElement
+ * @return {?WebInspector.ColorSwatchPopoverIcon}
+ */
+ static forTreeElement(treeElement) {
return treeElement[WebInspector.ColorSwatchPopoverIcon._treeElementSymbol] || null;
-};
-
-WebInspector.ColorSwatchPopoverIcon.prototype = {
- /**
- * @param {!WebInspector.Color} color
- */
- setContrastColor: function(color)
- {
- this._contrastColor = color;
- if (this._spectrum)
- this._spectrum.setContrastColor(this._contrastColor);
- },
-
- /**
- * @param {!Event} event
- */
- _iconClick: function(event)
- {
- event.consume(true);
- this.showPopover();
- },
-
- showPopover: function()
- {
- if (this._swatchPopoverHelper.isShowing()) {
- this._swatchPopoverHelper.hide(true);
- return;
- }
-
- var color = this._swatch.color();
- var format = this._swatch.format();
- if (format === WebInspector.Color.Format.Original)
- format = color.format();
- this._spectrum = new WebInspector.Spectrum();
- this._spectrum.setColor(color, format);
- if (this._contrastColor)
- this._spectrum.setContrastColor(this._contrastColor);
-
- this._spectrum.addEventListener(WebInspector.Spectrum.Events.SizeChanged, this._spectrumResized, this);
- this._spectrum.addEventListener(WebInspector.Spectrum.Events.ColorChanged, this._boundSpectrumChanged);
- this._swatchPopoverHelper.show(this._spectrum, this._swatch.iconElement(), this._onPopoverHidden.bind(this));
- this._scrollerElement = this._swatch.enclosingNodeOrSelfWithClass("style-panes-wrapper");
- if (this._scrollerElement)
- this._scrollerElement.addEventListener("scroll", this._boundOnScroll, false);
-
- this._originalPropertyText = this._treeElement.property.propertyText;
- this._treeElement.parentPane().setEditingStyle(true);
- var uiLocation = WebInspector.cssWorkspaceBinding.propertyUILocation(this._treeElement.property, false /* forName */);
- if (uiLocation)
- WebInspector.Revealer.reveal(uiLocation, true /* omitFocus */);
- },
-
- /**
- * @param {!WebInspector.Event} event
- */
- _spectrumResized: function(event)
- {
- this._swatchPopoverHelper.reposition();
- },
-
- /**
- * @param {!WebInspector.Event} event
- */
- _spectrumChanged: function(event)
- {
- var color = WebInspector.Color.parse(/** @type {string} */ (event.data));
- if (!color)
- return;
- this._swatch.setColor(color);
- this._treeElement.applyStyleText(this._treeElement.renderedPropertyText(), false);
- },
-
- /**
- * @param {!Event} event
- */
- _onScroll: function(event)
- {
- this._swatchPopoverHelper.reposition();
- },
-
- /**
- * @param {boolean} commitEdit
- */
- _onPopoverHidden: function(commitEdit)
- {
- if (this._scrollerElement)
- this._scrollerElement.removeEventListener("scroll", this._boundOnScroll, false);
-
- this._spectrum.removeEventListener(WebInspector.Spectrum.Events.ColorChanged, this._boundSpectrumChanged);
- delete this._spectrum;
-
- var propertyText = commitEdit ? this._treeElement.renderedPropertyText() : this._originalPropertyText;
- this._treeElement.applyStyleText(propertyText, true);
- this._treeElement.parentPane().setEditingStyle(false);
- delete this._originalPropertyText;
+ }
+
+ /**
+ * @param {!WebInspector.Color} color
+ */
+ setContrastColor(color) {
+ this._contrastColor = color;
+ if (this._spectrum)
+ this._spectrum.setContrastColor(this._contrastColor);
+ }
+
+ /**
+ * @param {!Event} event
+ */
+ _iconClick(event) {
+ event.consume(true);
+ this.showPopover();
+ }
+
+ showPopover() {
+ if (this._swatchPopoverHelper.isShowing()) {
+ this._swatchPopoverHelper.hide(true);
+ return;
}
+
+ var color = this._swatch.color();
+ var format = this._swatch.format();
+ if (format === WebInspector.Color.Format.Original)
+ format = color.format();
+ this._spectrum = new WebInspector.Spectrum();
+ this._spectrum.setColor(color, format);
+ if (this._contrastColor)
+ this._spectrum.setContrastColor(this._contrastColor);
+
+ this._spectrum.addEventListener(WebInspector.Spectrum.Events.SizeChanged, this._spectrumResized, this);
+ this._spectrum.addEventListener(WebInspector.Spectrum.Events.ColorChanged, this._boundSpectrumChanged);
+ this._swatchPopoverHelper.show(this._spectrum, this._swatch.iconElement(), this._onPopoverHidden.bind(this));
+ this._scrollerElement = this._swatch.enclosingNodeOrSelfWithClass('style-panes-wrapper');
+ if (this._scrollerElement)
+ this._scrollerElement.addEventListener('scroll', this._boundOnScroll, false);
+
+ this._originalPropertyText = this._treeElement.property.propertyText;
+ this._treeElement.parentPane().setEditingStyle(true);
+ var uiLocation =
+ WebInspector.cssWorkspaceBinding.propertyUILocation(this._treeElement.property, false /* forName */);
+ if (uiLocation)
+ WebInspector.Revealer.reveal(uiLocation, true /* omitFocus */);
+ }
+
+ /**
+ * @param {!WebInspector.Event} event
+ */
+ _spectrumResized(event) {
+ this._swatchPopoverHelper.reposition();
+ }
+
+ /**
+ * @param {!WebInspector.Event} event
+ */
+ _spectrumChanged(event) {
+ var color = WebInspector.Color.parse(/** @type {string} */ (event.data));
+ if (!color)
+ return;
+ this._swatch.setColor(color);
+ this._treeElement.applyStyleText(this._treeElement.renderedPropertyText(), false);
+ }
+
+ /**
+ * @param {!Event} event
+ */
+ _onScroll(event) {
+ this._swatchPopoverHelper.reposition();
+ }
+
+ /**
+ * @param {boolean} commitEdit
+ */
+ _onPopoverHidden(commitEdit) {
+ if (this._scrollerElement)
+ this._scrollerElement.removeEventListener('scroll', this._boundOnScroll, false);
+
+ this._spectrum.removeEventListener(WebInspector.Spectrum.Events.ColorChanged, this._boundSpectrumChanged);
+ delete this._spectrum;
+
+ var propertyText = commitEdit ? this._treeElement.renderedPropertyText() : this._originalPropertyText;
+ this._treeElement.applyStyleText(propertyText, true);
+ this._treeElement.parentPane().setEditingStyle(false);
+ delete this._originalPropertyText;
+ }
};
+WebInspector.ColorSwatchPopoverIcon._treeElementSymbol =
+ Symbol('WebInspector.ColorSwatchPopoverIcon._treeElementSymbol');
+
+
/**
- * @constructor
- * @param {!WebInspector.StylePropertyTreeElement} treeElement
- * @param {!WebInspector.SwatchPopoverHelper} swatchPopoverHelper
- * @param {!WebInspector.CSSShadowSwatch} shadowSwatch
+ * @unrestricted
*/
-WebInspector.ShadowSwatchPopoverHelper = function(treeElement, swatchPopoverHelper, shadowSwatch)
-{
+WebInspector.ShadowSwatchPopoverHelper = class {
+ /**
+ * @param {!WebInspector.StylePropertyTreeElement} treeElement
+ * @param {!WebInspector.SwatchPopoverHelper} swatchPopoverHelper
+ * @param {!WebInspector.CSSShadowSwatch} shadowSwatch
+ */
+ constructor(treeElement, swatchPopoverHelper, shadowSwatch) {
this._treeElement = treeElement;
this._treeElement[WebInspector.ShadowSwatchPopoverHelper._treeElementSymbol] = this;
this._swatchPopoverHelper = swatchPopoverHelper;
this._shadowSwatch = shadowSwatch;
this._iconElement = shadowSwatch.iconElement();
- this._iconElement.title = WebInspector.UIString("Open shadow editor.");
- this._iconElement.addEventListener("click", this._iconClick.bind(this), false);
+ this._iconElement.title = WebInspector.UIString('Open shadow editor.');
+ this._iconElement.addEventListener('click', this._iconClick.bind(this), false);
this._boundShadowChanged = this._shadowChanged.bind(this);
this._boundOnScroll = this._onScroll.bind(this);
-};
-
-WebInspector.ShadowSwatchPopoverHelper._treeElementSymbol = Symbol("WebInspector.ShadowSwatchPopoverHelper._treeElementSymbol");
+ }
-/**
- * @param {!WebInspector.StylePropertyTreeElement} treeElement
- * @return {?WebInspector.ShadowSwatchPopoverHelper}
- */
-WebInspector.ShadowSwatchPopoverHelper.forTreeElement = function(treeElement)
-{
+ /**
+ * @param {!WebInspector.StylePropertyTreeElement} treeElement
+ * @return {?WebInspector.ShadowSwatchPopoverHelper}
+ */
+ static forTreeElement(treeElement) {
return treeElement[WebInspector.ShadowSwatchPopoverHelper._treeElementSymbol] || null;
-};
-
-WebInspector.ShadowSwatchPopoverHelper.prototype = {
- /**
- * @param {!Event} event
- */
- _iconClick: function(event)
- {
- event.consume(true);
- this.showPopover();
- },
-
- showPopover: function()
- {
- if (this._swatchPopoverHelper.isShowing()) {
- this._swatchPopoverHelper.hide(true);
- return;
- }
-
- this._cssShadowEditor = new WebInspector.CSSShadowEditor();
- this._cssShadowEditor.setModel(this._shadowSwatch.model());
- this._cssShadowEditor.addEventListener(WebInspector.CSSShadowEditor.Events.ShadowChanged, this._boundShadowChanged);
- this._swatchPopoverHelper.show(this._cssShadowEditor, this._iconElement, this._onPopoverHidden.bind(this));
- this._scrollerElement = this._iconElement.enclosingNodeOrSelfWithClass("style-panes-wrapper");
- if (this._scrollerElement)
- this._scrollerElement.addEventListener("scroll", this._boundOnScroll, false);
-
- this._originalPropertyText = this._treeElement.property.propertyText;
- this._treeElement.parentPane().setEditingStyle(true);
- var uiLocation = WebInspector.cssWorkspaceBinding.propertyUILocation(this._treeElement.property, false /* forName */);
- if (uiLocation)
- WebInspector.Revealer.reveal(uiLocation, true /* omitFocus */);
- },
-
- /**
- * @param {!WebInspector.Event} event
- */
- _shadowChanged: function(event)
- {
- this._shadowSwatch.setCSSShadow(/** @type {!WebInspector.CSSShadowModel} */ (event.data));
- this._treeElement.applyStyleText(this._treeElement.renderedPropertyText(), false);
- },
-
- /**
- * @param {!Event} event
- */
- _onScroll: function(event)
- {
- this._swatchPopoverHelper.reposition();
- },
-
- /**
- * @param {boolean} commitEdit
- */
- _onPopoverHidden: function(commitEdit)
- {
- if (this._scrollerElement)
- this._scrollerElement.removeEventListener("scroll", this._boundOnScroll, false);
-
- this._cssShadowEditor.removeEventListener(WebInspector.CSSShadowEditor.Events.ShadowChanged, this._boundShadowChanged);
- delete this._cssShadowEditor;
-
- var propertyText = commitEdit ? this._treeElement.renderedPropertyText() : this._originalPropertyText;
- this._treeElement.applyStyleText(propertyText, true);
- this._treeElement.parentPane().setEditingStyle(false);
- delete this._originalPropertyText;
+ }
+
+ /**
+ * @param {!Event} event
+ */
+ _iconClick(event) {
+ event.consume(true);
+ this.showPopover();
+ }
+
+ showPopover() {
+ if (this._swatchPopoverHelper.isShowing()) {
+ this._swatchPopoverHelper.hide(true);
+ return;
}
+
+ this._cssShadowEditor = new WebInspector.CSSShadowEditor();
+ this._cssShadowEditor.setModel(this._shadowSwatch.model());
+ this._cssShadowEditor.addEventListener(WebInspector.CSSShadowEditor.Events.ShadowChanged, this._boundShadowChanged);
+ this._swatchPopoverHelper.show(this._cssShadowEditor, this._iconElement, this._onPopoverHidden.bind(this));
+ this._scrollerElement = this._iconElement.enclosingNodeOrSelfWithClass('style-panes-wrapper');
+ if (this._scrollerElement)
+ this._scrollerElement.addEventListener('scroll', this._boundOnScroll, false);
+
+ this._originalPropertyText = this._treeElement.property.propertyText;
+ this._treeElement.parentPane().setEditingStyle(true);
+ var uiLocation =
+ WebInspector.cssWorkspaceBinding.propertyUILocation(this._treeElement.property, false /* forName */);
+ if (uiLocation)
+ WebInspector.Revealer.reveal(uiLocation, true /* omitFocus */);
+ }
+
+ /**
+ * @param {!WebInspector.Event} event
+ */
+ _shadowChanged(event) {
+ this._shadowSwatch.setCSSShadow(/** @type {!WebInspector.CSSShadowModel} */ (event.data));
+ this._treeElement.applyStyleText(this._treeElement.renderedPropertyText(), false);
+ }
+
+ /**
+ * @param {!Event} event
+ */
+ _onScroll(event) {
+ this._swatchPopoverHelper.reposition();
+ }
+
+ /**
+ * @param {boolean} commitEdit
+ */
+ _onPopoverHidden(commitEdit) {
+ if (this._scrollerElement)
+ this._scrollerElement.removeEventListener('scroll', this._boundOnScroll, false);
+
+ this._cssShadowEditor.removeEventListener(
+ WebInspector.CSSShadowEditor.Events.ShadowChanged, this._boundShadowChanged);
+ delete this._cssShadowEditor;
+
+ var propertyText = commitEdit ? this._treeElement.renderedPropertyText() : this._originalPropertyText;
+ this._treeElement.applyStyleText(propertyText, true);
+ this._treeElement.parentPane().setEditingStyle(false);
+ delete this._originalPropertyText;
+ }
};
+
+WebInspector.ShadowSwatchPopoverHelper._treeElementSymbol =
+ Symbol('WebInspector.ShadowSwatchPopoverHelper._treeElementSymbol');
+
+

Powered by Google App Engine
This is Rietveld 408576698