gecko/editor/ui/dialogs/content/EdAECSSAttributes.js

186 lines
5.7 KiB
JavaScript

/* ***** BEGIN LICENSE BLOCK *****
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
*
* The contents of this file are subject to the Mozilla Public License Version
* 1.1 (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
* http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
* for the specific language governing rights and limitations under the
* License.
*
* The Original Code is Mozilla Communicator client code, released
* March 31, 1998.
*
* The Initial Developer of the Original Code is
* Netscape Communications Corporation.
* Portions created by the Initial Developer are Copyright (C) 1998-1999
* the Initial Developer. All Rights Reserved.
*
* Contributor(s):
* Ben "Count XULula" Goodger
* Daniel Glazman <glazman@netscape.com>
* Charles Manske (cmanske@netscape.com)
* Neil Rashbrook <neil@parkwaycc.co.uk>
*
* Alternatively, the contents of this file may be used under the terms of
* either of the GNU General Public License Version 2 or later (the "GPL"),
* or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
* in which case the provisions of the GPL or the LGPL are applicable instead
* of those above. If you wish to allow use of your version of this file only
* under the terms of either the GPL or the LGPL, and not to allow others to
* use your version of this file under the terms of the MPL, indicate your
* decision by deleting the provisions above and replace them with the notice
* and other provisions required by the GPL or the LGPL. If you do not delete
* the provisions above, a recipient may use your version of this file under
* the terms of any one of the MPL, the GPL or the LGPL.
*
* ***** END LICENSE BLOCK ***** */
// 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.inputField.select();
}
function UpdateCSSAttributes()
{
var CSSAList = document.getElementById("CSSAList");
var styleString = "";
for(var i = 0; i < CSSAList.childNodes.length; i++)
{
var item = CSSAList.childNodes[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.indexOf(":") != -1)
name = name.substring(0,name.lastIndexOf(":"));
if (value.indexOf(";") != -1)
value = value.substring(0,value.lastIndexOf(";"));
if (i == (CSSAList.childNodes.length - 1))
styleString += name + ": " + value + ";"; // last property
else
styleString += name + ": " + value + "; ";
}
if (styleString)
{
// Use editor transactions if modifying the element directly in the document
doRemoveAttribute("style");
doSetAttribute("style", styleString); // NOTE BUG 18894!!!
}
else if (gElement.getAttribute("style"))
doRemoveAttribute("style");
}
function RemoveCSSAttribute()
{
var treechildren = gDialog.AddCSSAttributeTree.lastChild;
// We only allow 1 selected item
if (gDialog.AddCSSAttributeTree.view.selection.count)
{
var item = getSelectedItem(gDialog.AddCSSAttributeTree);
// Remove the item from the tree
// We always rebuild complete "style" string,
// so no list of "removed" items
treechildren.removeChild (item);
ClearCSSInputWidgets();
}
}
function SelectCSSTree( index )
{
gDoOnSelectTree = false;
try {
gDialog.AddCSSAttributeTree.selectedIndex = index;
} catch (e) {}
gDoOnSelectTree = true;
}