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 EdAdvancedEdit.js */
/* import-globals-from EdDialogCommon.js */
// build attribute list in tree form from element attributes
function BuildCSSAttributeTable() {
var style = gElement.style;
if (style == undefined) {
dump("Inline styles undefined\n");
return;
}
var declLength = style.length;
if (declLength == undefined || declLength == 0) {
if (declLength == undefined) {
dump("Failed to query the number of inline style declarations\n");
}
return;
}
if (declLength > 0) {
for (var i = 0; i < declLength; ++i) {
var name = style.item(i);
var value = style.getPropertyValue(name);
AddTreeItem(name, value, "CSSAList", CSSAttrs);
}
}
ClearCSSInputWidgets();
}
function onChangeCSSAttribute() {
var name = TrimString(gDialog.AddCSSAttributeNameInput.value);
if (!name) {
return;
}
var value = TrimString(gDialog.AddCSSAttributeValueInput.value);
// First try to update existing attribute
// If not found, add new attribute
if (!UpdateExistingAttribute(name, value, "CSSAList") && value) {
AddTreeItem(name, value, "CSSAList", CSSAttrs);
}
}
function ClearCSSInputWidgets() {
gDialog.AddCSSAttributeTree.view.selection.clearSelection();
gDialog.AddCSSAttributeNameInput.value = "";
gDialog.AddCSSAttributeValueInput.value = "";
SetTextboxFocus(gDialog.AddCSSAttributeNameInput);
}
function onSelectCSSTreeItem() {
if (!gDoOnSelectTree) {
return;
}
var tree = gDialog.AddCSSAttributeTree;
if (tree && tree.view.selection.count) {
gDialog.AddCSSAttributeNameInput.value = GetTreeItemAttributeStr(
getSelectedItem(tree)
);
gDialog.AddCSSAttributeValueInput.value = GetTreeItemValueStr(
getSelectedItem(tree)
);
}
}
function onInputCSSAttributeName() {
var attName = TrimString(
gDialog.AddCSSAttributeNameInput.value
).toLowerCase();
var newValue = "";
var existingValue = GetAndSelectExistingAttributeValue(attName, "CSSAList");
if (existingValue) {
newValue = existingValue;
}
gDialog.AddCSSAttributeValueInput.value = newValue;
}
function editCSSAttributeValue(targetCell) {
if (IsNotTreeHeader(targetCell)) {
gDialog.AddCSSAttributeValueInput.select();
}
}
function UpdateCSSAttributes() {
var CSSAList = document.getElementById("CSSAList");
var styleString = "";
for (var i = 0; i < CSSAList.children.length; i++) {
var item = CSSAList.children[i];
var name = GetTreeItemAttributeStr(item);
var value = GetTreeItemValueStr(item);
// this code allows users to be sloppy in typing in values, and enter
// things like "foo: " and "bar;". This will trim off everything after the
// respective character.
if (name.includes(":")) {
name = name.substring(0, name.lastIndexOf(":"));
}
if (value.includes(";")) {
value = value.substring(0, value.lastIndexOf(";"));
}
if (i == CSSAList.children.length - 1) {
// Last property.
styleString += name + ": " + value + ";";
} else {
styleString += name + ": " + value + "; ";
}
}
if (styleString) {
// Use editor transactions if modifying the element directly in the document
doRemoveAttribute("style");
} else if (gElement.getAttribute("style")) {
doRemoveAttribute("style");
}
}
function RemoveCSSAttribute() {
// We only allow 1 selected item
if (gDialog.AddCSSAttributeTree.view.selection.count) {
// Remove the item from the tree
// We always rebuild complete "style" string,
// so no list of "removed" items
getSelectedItem(gDialog.AddCSSAttributeTree).remove();
ClearCSSInputWidgets();
}
}
function SelectCSSTree(index) {
gDoOnSelectTree = false;
try {
gDialog.AddCSSAttributeTree.selectedIndex = index;
} catch (e) {}
gDoOnSelectTree = true;
}