gecko-dev/editor/ui/dialogs/content/EdTableProps.xul

289 строки
14 KiB
XML

<?xml version="1.0"?>
<!-- ***** 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 Goodger
-
- 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 ***** -->
<?xml-stylesheet href="chrome://editor/skin/editor.css" type="text/css"?>
<?xml-stylesheet href="chrome://editor/skin/EditorDialog.css" type="text/css"?>
<?xul-overlay href="chrome://editor/content/EdDialogOverlay.xul"?>
<!DOCTYPE dialog SYSTEM "chrome://editor/locale/EditorTableProperties.dtd">
<dialog title="&tableWindow.title;"
id="tableDlg"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="Startup()"
buttons="accept,extra1,cancel"
buttonlabelclose="&closeButton.label;"
buttonlabelextra1="&applyButton.label;"
buttonaccesskeyextra1="&applyButton.accesskey;"
ondialogaccept="return onAccept();"
ondialogextra1="return Apply();"
ondialogcancel="return onCancel();">
<!-- Methods common to all editor dialogs -->
<script type="application/x-javascript" src="chrome://editor/content/editorUtilities.js"/>
<script type="application/x-javascript" src="chrome://editor/content/EdDialogCommon.js"/>
<script type="application/x-javascript" src="chrome://editor/content/EdTableProps.js"/>
<spacer id="location" offsetY="50" persist="offsetX offsetY"/>
<broadcaster id="args" value=""/>
<tabbox id="TabBox">
<tabs flex="1">
<tab id="TableTab" label="&tableTab.label;"/>
<tab id="CellTab" label="&cellTab.label;"/>
</tabs>
<tabpanels>
<!-- TABLE PANEL -->
<vbox>
<groupbox orient="horizontal"><caption label="&size.label;"/>
<grid>
<columns><column/><column/><column/><column/><column/></columns>
<rows>
<row align="center">
<label value="&tableRows.label;" accesskey="&tableRows.accessKey;" control="TableRowsInput"/>
<textbox class="narrow" id="TableRowsInput" oninput="forceInteger(this.id);"/>
<spring class="bigspacer"/>
<label value="&tableHeight.label;" accesskey="&tableHeight.accessKey;"
id="TableHeightLabel" control="TableHeightInput"/>
<textbox class="narrow" id="TableHeightInput" oninput="forceInteger(this.id);"/>
<menulist id="TableHeightUnits"/>
</row>
<row align="center">
<label value="&tableColumns.label;" accesskey="&tableColumns.accessKey;" control="TableColumnsInput"/>
<textbox class="narrow" id="TableColumnsInput" oninput="forceInteger(this.id);"/>
<spring class="bigspacer"/>
<label value="&tableWidth.label;" accesskey="&tableWidth.accessKey;" control="TableWidthInput"/>
<textbox class="narrow" id="TableWidthInput" oninput="forceInteger(this.id);"/>
<menulist id="TableWidthUnits"/>
</row>
</rows>
<!-- KEEP GRID LAYOUT here since we will be adding back support for table HEIGHT via CSS -->
</grid>
</groupbox>
<groupbox><caption label="&tableBorderSpacing.label;"/>
<grid>
<columns><column/><column/><column/></columns>
<rows>
<row align="center">
<label control="BorderWidthInput"
value="&tableBorderWidth.label;"
accesskey="&tableBorderWidth.accessKey;"/>
<textbox class="narrow" id="BorderWidthInput" oninput="forceInteger(this.id);"/>
<label align="left" value="&pixels.label;"/>
</row>
<row align="center">
<label control="SpacingInput"
value="&tableSpacing.label;"
accesskey="&tableSpacing.accessKey;"/>
<textbox class="narrow" id="SpacingInput" oninput="forceInteger(this.id);"/>
<label value="&tablePxBetwCells.label;"/>
</row>
<row align="center">
<label control="PaddingInput"
value="&tablePadding.label;"
accesskey="&tablePadding.accessKey;"/>
<textbox class="narrow" id="PaddingInput" oninput="forceInteger(this.id);"/>
<label value="&tablePxBetwBrdrCellContent.label;"/>
</row>
</rows>
</grid>
</groupbox>
<!-- Table Alignment and Caption -->
<hbox flex="1" align="center">
<label control="TableAlignList"
value="&tableAlignment.label;"
accesskey="&tableAlignment.accessKey;"/>
<menulist id="TableAlignList">
<menupopup>
<menuitem label="&AlignLeft.label;" value="left"/>
<menuitem label="&AlignCenter.label;" value="center"/>
<menuitem label="&AlignRight.label;" value="right"/>
</menupopup>
</menulist>
<spacer class="spacer"/>
<label control="TableCaptionList"
value="&tableCaption.label;"
accesskey="&tableCaption.accessKey;"/>
<menulist id="TableCaptionList">
<menupopup>
<menuitem label="&tableCaptionNone.label;" value=""/>
<menuitem label="&tableCaptionAbove.label;" value="top"/>
<menuitem label="&tableCaptionBelow.label;" value="bottom"/>
<menuitem label="&tableCaptionLeft.label;" value="left"/>
<menuitem label="&tableCaptionRight.label;" value="right"/>
</menupopup>
</menulist>
</hbox>
<separator class="groove"/>
<hbox align="center">
<label value="&backgroundColor.label;"/>
<button id="tableBackground" class="color-button" oncommand="GetColorAndUpdate('tableBackgroundCW');">
<spacer id="tableBackgroundCW" class="color-well"/>
</button>
<spacer class="spacer"/>
<label id="TableInheritColor" value="&tableInheritColor.label;" collapsed="true"/>
</hbox>
<separator class="groove"/>
<hbox flex="1" align="center">
<spacer flex="1"/>
<!-- From EdDialogOvlerlay.xul -->
<button id="AdvancedEditButton"/>
</hbox>
<spacer flex="1"/>
</vbox><!-- Table Panel -->
<!-- CELL PANEL -->
<vbox>
<groupbox orient="horizontal" align="center">
<caption label="&cellSelection.label;"/>
<vbox>
<menulist id="SelectionList" oncommand="ChangeSelection(event.target.value)" flex="1">
<menupopup>
<!-- JS code assumes order is Cell, Row, Column -->
<menuitem label="&cellSelectCell.label;" value="1"/>
<menuitem label="&cellSelectRow.label;" value="2"/>
<menuitem label="&cellSelectColumn.label;" value="3"/>
</menupopup>
</menulist>
<hbox flex="1">
<button id="PreviousButton" label="&cellSelectPrevious.label;" accesskey="&cellSelectPrevious.accessKey;" oncommand="MoveSelection(0)" flex="1"/>
<button id="NextButton" class="align-right" label="&cellSelectNext.label;" accesskey="&cellSelectNext.accessKey;" oncommand="MoveSelection(1)" flex="1"/>
</hbox>
</vbox>
<spacer class="bigspacer"/>
<vbox flex="1">
<label value="&applyBeforeChange1.label;"/>
<label value="&applyBeforeChange2.label;"/>
</vbox>
</groupbox>
<hbox align="center">
<!-- cell size groupbox -->
<groupbox><caption label="&size.label;"/>
<grid>
<columns><column/><column/><column flex="1"/></columns>
<rows>
<row align="center">
<checkbox id="CellHeightCheckbox" label="&tableHeight.label;" accesskey="&tableHeight.accessKey;"/>
<textbox class="narrow" id="CellHeightInput"
oninput="ChangeIntTextbox(this.id,'CellHeightCheckbox');"/>
<menulist id="CellHeightUnits" oncommand="SetCheckbox('CellHeightCheckbox');"/>
</row>
<row align="center">
<checkbox id="CellWidthCheckbox" label="&tableWidth.label;" accesskey="&tableWidth.accessKey;"/>
<textbox class="narrow" id="CellWidthInput"
oninput="ChangeIntTextbox(this.id,'CellWidthCheckbox');"/>
<menulist id="CellWidthUnits" oncommand="SetCheckbox('CellWidthCheckbox');"/>
</row>
</rows>
</grid>
<spacer class="bigspacer"/>
</groupbox>
<!-- Alignment -->
<groupbox><caption label="&cellContentAlignment.label;"/>
<grid>
<columns><column/><column flex="1"/><column/></columns>
<rows>
<row align="center">
<checkbox id="CellVAlignCheckbox" label="&cellVertical.label;" accesskey="&cellVertical.accessKey;"/>
<menulist id="CellVAlignList" oncommand="SetCheckbox('CellVAlignCheckbox');">
<menupopup>
<menuitem label="&cellAlignTop.label;" value="top"/>
<menuitem label="&cellAlignMiddle.label;" value="middle"/>
<menuitem label="&cellAlignBottom.label;" value="bottom"/>
</menupopup>
</menulist>
</row>
<row align="center">
<checkbox id="CellHAlignCheckbox" label="&cellHorizontal.label;" accesskey="&cellHorizontal.accessKey;"/>
<menulist id="CellHAlignList" oncommand="SelectCellHAlign()">
<menupopup>
<menuitem label="&AlignLeft.label;" value="left"/>
<menuitem label="&AlignCenter.label;" value="center"/>
<menuitem label="&AlignRight.label;" value="right"/>
<menuitem label="&cellAlignJustify.label;" value="justify"/>
</menupopup>
</menulist>
</row>
</rows>
</grid>
</groupbox>
</hbox>
<spacer class="spacer"/>
<hbox align="center">
<checkbox id="CellStyleCheckbox" label="&cellStyle.label;" accesskey="&cellStyle.accessKey;"/>
<menulist id="CellStyleList" oncommand="SetCheckbox('CellStyleCheckbox');">
<menupopup>
<menuitem label="&cellNormal.label;" value="td"/>
<menuitem label="&cellHeader.label;" value="th"/>
</menupopup>
</menulist>
<spacer class="bigspacer"/>
<checkbox id="TextWrapCheckbox" label="&cellTextWrap.label;" accesskey="&cellTextWrap.accessKey;"/>
<menulist id="TextWrapList" oncommand="SetCheckbox('TextWrapCheckbox');">
<menupopup>
<menuitem label="&cellWrap.label;" value="wrap"/>
<menuitem label="&cellNoWrap.label;" value="nowrap"/>
</menupopup>
</menulist>
</hbox>
<separator class="groove"/>
<hbox align="center">
<checkbox id="CellColorCheckbox" label="&backgroundColor.label;" accesskey="&backgroundColor.accessKey;"/>
<button class="color-button" oncommand="GetColorAndUpdate('cellBackgroundCW');">
<spacer id="cellBackgroundCW" class="color-well"/>
</button>
<spacer class="spacer"/>
<label id="CellInheritColor" value="&cellInheritColor.label;" collapsed="true"/>
</hbox>
<separator class="groove"/>
<hbox align="center">
<description class="wrap" flex="1" style="width: 1em">&cellUseCheckboxHelp.label;</description>
<!-- From EdDialogOvlerlay.xul -->
<button id="AdvancedEditButton2"/>
</hbox>
<spacer flex="1"/>
</vbox><!-- Cell Panel -->
</tabpanels>
</tabbox>
<spacer class="spacer"/>
</dialog>