Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
/* import-globals-from ../editorUtilities.js */
/* import-globals-from EdDialogCommon.js */
var insertNew = true;
var tagname = "TAG NAME";
var gColor = "";
var LastPickedColor = "";
var ColorType = "Text";
var TextType = false;
var HighlightType = false;
var TableOrCell = false;
var LastPickedIsDefault = true;
var NoDefault = false;
var gColorObj;
// dialog initialization code
window.addEventListener("load", Startup);
document.addEventListener("dialogaccept", onAccept);
document.addEventListener("dialogcancel", onCancelColor);
function Startup() {
// window.arguments[1] is object to get initial values and return color data
gColorObj = window.arguments[1];
gColorObj.Cancel = false;
gDialog.ColorPicker = document.getElementById("ColorPicker");
gDialog.ColorInput = document.getElementById("ColorInput");
gDialog.LastPickedButton = document.getElementById("LastPickedButton");
gDialog.LastPickedColor = document.getElementById("LastPickedColor");
gDialog.CellOrTableGroup = document.getElementById("CellOrTableGroup");
gDialog.TableRadio = document.getElementById("TableRadio");
gDialog.CellRadio = document.getElementById("CellRadio");
gDialog.ColorSwatch = document.getElementById("ColorPickerSwatch");
gDialog.Ok = document.querySelector("dialog").getButton("accept");
// The type of color we are setting:
// text: Text, Link, ActiveLink, VisitedLink,
// or background: Page, Table, or Cell
if (gColorObj.Type) {
ColorType = gColorObj.Type;
// Get string for dialog title from passed-in type
// (note constraint on editor.properties string name)
const IsCSSPrefChecked = Services.prefs.getBoolPref("editor.use_css");
if (GetCurrentEditor()) {
if (ColorType == "Page" && IsCSSPrefChecked && IsHTMLEditor()) {
document.title = GetString("BlockColor");
} else {
document.title = GetString(ColorType + "Color");
}
}
}
gDialog.ColorInput.value = "";
var tmpColor;
var haveTableRadio = false;
switch (ColorType) {
case "Page":
tmpColor = gColorObj.PageColor;
if (tmpColor && tmpColor.toLowerCase() != "window") {
gColor = tmpColor;
}
break;
case "Table":
if (gColorObj.TableColor) {
gColor = gColorObj.TableColor;
}
break;
case "Cell":
if (gColorObj.CellColor) {
gColor = gColorObj.CellColor;
}
break;
case "TableOrCell":
TableOrCell = true;
document.getElementById("TableOrCellGroup").collapsed = false;
haveTableRadio = true;
if (gColorObj.SelectedType == "Cell") {
gColor = gColorObj.CellColor;
gDialog.CellOrTableGroup.selectedItem = gDialog.CellRadio;
gDialog.CellRadio.focus();
} else {
gColor = gColorObj.TableColor;
gDialog.CellOrTableGroup.selectedItem = gDialog.TableRadio;
gDialog.TableRadio.focus();
}
break;
case "Highlight":
HighlightType = true;
if (gColorObj.HighlightColor) {
gColor = gColorObj.HighlightColor;
}
break;
default:
// Any other type will change some kind of text,
TextType = true;
tmpColor = gColorObj.TextColor;
if (tmpColor && tmpColor.toLowerCase() != "windowtext") {
gColor = gColorObj.TextColor;
}
break;
}
// Set initial color in input field and in the colorpicker
SetCurrentColor(gColor);
gDialog.ColorPicker.value = gColor;
// Use last-picked colors passed in, or those persistent on dialog
if (TextType) {
if (!("LastTextColor" in gColorObj) || !gColorObj.LastTextColor) {
gColorObj.LastTextColor =
gDialog.LastPickedColor.getAttribute("LastTextColor");
}
LastPickedColor = gColorObj.LastTextColor;
} else if (HighlightType) {
if (!("LastHighlightColor" in gColorObj) || !gColorObj.LastHighlightColor) {
gColorObj.LastHighlightColor =
gDialog.LastPickedColor.getAttribute("LastHighlightColor");
}
LastPickedColor = gColorObj.LastHighlightColor;
} else {
if (
!("LastBackgroundColor" in gColorObj) ||
!gColorObj.LastBackgroundColor
) {
gColorObj.LastBackgroundColor = gDialog.LastPickedColor.getAttribute(
"LastBackgroundColor"
);
}
LastPickedColor = gColorObj.LastBackgroundColor;
}
// Set method to detect clicking on OK button
// so we don't get fooled by changing "default" behavior
gDialog.Ok.setAttribute("onclick", "SetDefaultToOk()");
if (!LastPickedColor) {
// Hide the button, as there is no last color available.
gDialog.LastPickedButton.hidden = true;
} else {
gDialog.LastPickedColor.setAttribute(
"style",
"background-color: " + LastPickedColor
);
// Make "Last-picked" the default button, until the user selects a color.
gDialog.Ok.removeAttribute("default");
gDialog.LastPickedButton.setAttribute("default", "true");
}
// Caller can prevent user from submitting an empty, i.e., default color
NoDefault = gColorObj.NoDefault;
if (NoDefault) {
// Hide the "Default button -- user must pick a color
document.getElementById("DefaultColorButton").collapsed = true;
}
// Set focus to colorpicker if not set to table radio buttons above
if (!haveTableRadio) {
gDialog.ColorPicker.focus();
}
SetWindowLocation();
}
function SelectColor() {
var color = gDialog.ColorPicker.value;
if (color) {
SetCurrentColor(color);
}
}
function RemoveColor() {
SetCurrentColor("");
gDialog.ColorInput.focus();
SetDefaultToOk();
}
function SelectColorByKeypress(aEvent) {
if (aEvent.charCode == aEvent.DOM_VK_SPACE) {
SelectColor();
SetDefaultToOk();
}
}
function SelectLastPickedColor() {
SetCurrentColor(LastPickedColor);
if (onAccept()) {
// window.close();
return true;
}
return false;
}
function SetCurrentColor(color) {
// TODO: Validate color?
if (!color) {
color = "";
}
gColor = TrimString(color).toLowerCase();
if (gColor == "mixed") {
gColor = "";
}
gDialog.ColorInput.value = gColor;
SetColorSwatch();
}
function SetColorSwatch() {
gDialog.ColorSwatch.setAttribute(
"style",
`background-color: ${TrimString(gDialog.ColorInput.value) || "inherit"}`
);
}
function SetDefaultToOk() {
gDialog.LastPickedButton.removeAttribute("default");
gDialog.Ok.setAttribute("default", "true");
LastPickedIsDefault = false;
}
function ValidateData() {
if (LastPickedIsDefault) {
gColor = LastPickedColor;
} else {
gColor = gDialog.ColorInput.value;
}
gColor = TrimString(gColor).toLowerCase();
// TODO: Validate the color string!
if (NoDefault && !gColor) {
ShowInputErrorMessage(GetString("NoColorError"));
SetTextboxFocus(gDialog.ColorInput);
return false;
}
return true;
}
function onAccept(event) {
if (!ValidateData()) {
event.preventDefault();
return;
}
// Set return values and save in persistent color attributes
if (TextType) {
gColorObj.TextColor = gColor;
if (gColor.length > 0) {
gDialog.LastPickedColor.setAttribute("LastTextColor", gColor);
gColorObj.LastTextColor = gColor;
}
} else if (HighlightType) {
gColorObj.HighlightColor = gColor;
if (gColor.length > 0) {
gDialog.LastPickedColor.setAttribute("LastHighlightColor", gColor);
gColorObj.LastHighlightColor = gColor;
}
} else {
gColorObj.BackgroundColor = gColor;
if (gColor.length > 0) {
gDialog.LastPickedColor.setAttribute("LastBackgroundColor", gColor);
gColorObj.LastBackgroundColor = gColor;
}
// If table or cell requested, tell caller which element to set on
if (TableOrCell && gDialog.TableRadio.selected) {
gColorObj.Type = "Table";
}
}
SaveWindowLocation();
}
function onCancelColor() {
// Tells caller that user canceled
gColorObj.Cancel = true;
SaveWindowLocation();
}