Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-23 02:05:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1577282 - Part 1: Move the requires before the constants and format the markup. r=Maliha

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D43978

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Gabriel Luong 2019-08-29 14:40:52 +00:00
parent 5041c8bd69
commit 8afc61ef29
1 changed files with 26 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
devtools/client/shared/widgets/Spectrum.js
View File

@ -6,26 +6,6 @@
const EventEmitter = require("devtools/shared/event-emitter");
const { MultiLocalizationHelper } = require("devtools/shared/l10n");
const L10N = new MultiLocalizationHelper(
"devtools/shared/locales/en-US/accessibility.properties",
"devtools/client/locales/en-US/accessibility.properties",
"devtools/client/locales/en-US/inspector.properties"
);
const ARROW_KEYS = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"];
const [ArrowUp, ArrowRight, ArrowDown, ArrowLeft] = ARROW_KEYS;
const XHTML_NS = "http://www.w3.org/1999/xhtml";
const SLIDER = {
hue: {
MIN: "0",
MAX: "128",
STEP: "1",
},
alpha: {
MIN: "0",
MAX: "1",
STEP: "0.01",
},
};
loader.lazyRequireGetter(this, "colorUtils", "devtools/shared/css/color", true);
loader.lazyRequireGetter(
@ -47,6 +27,27 @@ loader.lazyRequireGetter(
true
);
const L10N = new MultiLocalizationHelper(
"devtools/shared/locales/en-US/accessibility.properties",
"devtools/client/locales/en-US/accessibility.properties",
"devtools/client/locales/en-US/inspector.properties"
);
const ARROW_KEYS = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"];
const [ArrowUp, ArrowRight, ArrowDown, ArrowLeft] = ARROW_KEYS;
const XHTML_NS = "http://www.w3.org/1999/xhtml";
const SLIDER = {
hue: {
MIN: "0",
MAX: "128",
STEP: "1",
},
alpha: {
MIN: "0",
MAX: "1",
STEP: "0.01",
},
};
/**
* Spectrum creates a color picker widget in any container you give it.
*
@ -81,13 +82,11 @@ function Spectrum(parentEl, rgb) {
// eslint-disable-next-line no-unsanitized/property
this.element.innerHTML = `
<section class="spectrum-color-picker">
<div
class="spectrum-color spectrum-box"
tabindex="0"
role="slider"
title="${L10N.getStr("colorPickerTooltip.spectrumDraggerTitle")}"
aria-describedby="spectrum-dragger"
>
<div class="spectrum-color spectrum-box"
tabindex="0"
role="slider"
title="${L10N.getStr("colorPickerTooltip.spectrumDraggerTitle")}"
aria-describedby="spectrum-dragger">
<div class="spectrum-sat">
<div class="spectrum-val">
<div class="spectrum-dragger" id="spectrum-dragger"></div>