277 lines
11 KiB
XML
277 lines
11 KiB
XML
<?xml version="1.0"?>
|
|
<!--
|
|
- The contents of this file are subject to the Netscape 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/NPL/
|
|
-
|
|
- 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 Netscape are
|
|
- Copyright (C) 1998-2000 Netscape Communications Corporation. All
|
|
- Rights Reserved.
|
|
-
|
|
- Contributor(s):
|
|
- Pete Collins
|
|
- Brian King
|
|
-->
|
|
|
|
<?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"?>
|
|
<?xul-overlay href="chrome://global/content/globalOverlay.xul"?>
|
|
<?xul-overlay href="chrome://communicator/content/utilityOverlay.xul"?>
|
|
|
|
<!DOCTYPE window SYSTEM "chrome://editor/locale/EditorImageProperties.dtd">
|
|
|
|
|
|
<!-- dialog containing a control requiring initial setup -->
|
|
<dialog id="imageDlg" title="&windowTitle.label;"
|
|
xmlns ="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
|
onload = "Startup()"
|
|
buttons="accept,cancel,help"
|
|
ondialogaccept="return onAccept();"
|
|
ondialogcancel="return onCancel();"
|
|
ondialoghelp="return doHelpButton();">
|
|
|
|
<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/EdImageProps.js"/>
|
|
<script type="application/x-javascript" src="chrome://global/content/globalOverlay.js"/>
|
|
<script type="application/x-javascript" src="chrome://help/content/help.js"/>
|
|
|
|
<spacer id="location" offsetY="50" persist="offsetX offsetY"/>
|
|
<broadcaster id="args" value=""/>
|
|
<popupset id="aTooltipSet" />
|
|
|
|
<groupbox>
|
|
<caption label="&locationBox.label;"/>
|
|
<!--/////// Src URL and ALT Text //////-->
|
|
<label control = "srcInput"
|
|
value = "&locationEditField.label;"
|
|
tooltip="aTooltip" tooltiptext="&locationEditField.tooltip;"
|
|
/>
|
|
<textbox
|
|
id = "srcInput"
|
|
oninput = "ChangeImageSrc()"
|
|
style = "min-width : 20em"/>
|
|
<hbox>
|
|
<checkbox
|
|
id = "MakeRelativeCheckbox"
|
|
for = "srcInput"/>
|
|
<spacer flex="1"/>
|
|
<!-- from EdDialogOverlay.xul -->
|
|
<button id="ChooseFile"/>
|
|
</hbox>
|
|
<spacer class="spacer"/>
|
|
<hbox>
|
|
<label id = "altTextLabel"
|
|
control = "altTextInput"
|
|
tooltip = "aTooltip" tooltiptext="&altTextEditField.tooltip;"
|
|
value = "&altTextEditField.label;"/>
|
|
<textbox
|
|
id ="altTextInput"
|
|
style = "min-width : 20em"
|
|
tooltip = "aTooltip" tooltiptext="&altTextEditField.tooltip;"/>
|
|
</hbox>
|
|
<spacer class="spacer"/>
|
|
</groupbox>
|
|
<spacer class="spacer"/>
|
|
<hbox align="center">
|
|
<button id = "MoreFewerButton"
|
|
oncommand = "onMoreFewer()"
|
|
tooltip = "aTooltip" tooltiptext = "&MoreFewerButton.tooltip;"
|
|
persist = "more"/>
|
|
<spacer class="bigspacer"/>
|
|
<groupbox orient="horizontal" style="padding-left: 8px; padding-right: 8px">
|
|
<caption label="&previewBox.label;"/>
|
|
<hbox id="preview-image-box" align="center">
|
|
<spacer flex="1"/>
|
|
<description id="preview-image-holder"/>
|
|
<spacer flex="1"/>
|
|
</hbox>
|
|
<vbox id="PreviewSize" collapsed="true">
|
|
<spacer flex="1"/>
|
|
<label value="&actualSize.label;"/>
|
|
<hbox>
|
|
<label value="&widthEditField.label;"/>
|
|
<spacer flex="1"/>
|
|
<label id="PreviewWidth"/>
|
|
</hbox>
|
|
<hbox>
|
|
<label value="&heightEditField.label;"/>
|
|
<spacer flex="1"/>
|
|
<label id="PreviewHeight"/>
|
|
</hbox>
|
|
<spacer flex="1"/>
|
|
</vbox>
|
|
</groupbox>
|
|
</hbox>
|
|
<spacer class="spacer"/>
|
|
<!-- Area that shows and hides via MoreFewerButton -->
|
|
<vbox id="MoreSection" flex="1">
|
|
<hbox>
|
|
<vbox>
|
|
<!-- //////// Image Dimensions //////// -->
|
|
<groupbox flex="1">
|
|
<caption id="dimensionsLabel" label="&dimensionsBox.label;"/>
|
|
<hbox>
|
|
<radiogroup id="imgSizeGroup">
|
|
<radio
|
|
id = "actualSizeRadio"
|
|
label = "&actualSizeRadio.label;"
|
|
tooltip = "aTooltip" tooltiptext="&actualSizeRadio.tooltip;"
|
|
oncommand = "SetActualSize()"/>
|
|
<radio
|
|
id = "customSizeRadio"
|
|
label = "&customSizeRadio.label;"
|
|
tooltip = "aTooltip" tooltiptext="&customSizeRadio.tooltip;"
|
|
oncommand = "doDimensionEnabling();" />
|
|
</radiogroup>
|
|
<spacer flex="1"/>
|
|
<vbox>
|
|
<spacer flex="1"/>
|
|
<!--////// CONSTRAIN DIMENSIONS //////-->
|
|
<checkbox id="constrainCheckbox" label="&constrainCheckbox.label;"
|
|
oncommand="ToggleConstrain()"
|
|
tooltip="aTooltip" tooltiptext="&constrainCheckbox.tooltip;"/>
|
|
</vbox>
|
|
<spacer flex="1"/>
|
|
</hbox>
|
|
<spacer class="spacer"/>
|
|
<grid class="big-left-margin">
|
|
<columns><column/><column/><column flex="1"/></columns>
|
|
<rows>
|
|
<!--////// IMAGE WIDTH //////-->
|
|
<row align="center">
|
|
<label id = "widthLabel"
|
|
control = "widthInput"
|
|
value = "&widthEditField.label;" />
|
|
<textbox
|
|
id = "widthInput"
|
|
class = "narrow"
|
|
oninput = "constrainProportions(this.id, 'heightInput')"/>
|
|
<menulist id = "widthUnitsMenulist"
|
|
oncommand = "doDimensionEnabling();" />
|
|
<!-- contents are appended by JS -->
|
|
</row>
|
|
<!--////// IMAGE HEIGHT //////-->
|
|
<row align="center">
|
|
<label id = "heightLabel"
|
|
control = "heightInput"
|
|
value = "&heightEditField.label;" />
|
|
<textbox
|
|
id = "heightInput"
|
|
class = "narrow"
|
|
oninput = "constrainProportions(this.id, 'widthInput')"/>
|
|
<menulist id = "heightUnitsMenulist"
|
|
oncommand = "doDimensionEnabling();" />
|
|
<!-- contents are appended by JS -->
|
|
</row>
|
|
</rows>
|
|
</grid>
|
|
<spacer flex="1"/>
|
|
</groupbox>
|
|
<!--////// IMAGE MAP BUTTONS //////-->
|
|
<groupbox flex="1">
|
|
<caption id="imagemapLabel" label="&imagemapBox.label;"/>
|
|
<hbox flex="1" equalsize="always">
|
|
|
|
<!-- Hide Image Map Editor. Not ready for prime time yet
|
|
<button
|
|
id = "editImageMap"
|
|
oncommand = "editImageMap()"
|
|
tooltip = "aTooltip" tooltiptext="&editImageMapButton.tooltip;"
|
|
label = "&editImageMapButton.label;"
|
|
flex = "1"/>
|
|
-->
|
|
<button
|
|
id = "removeImageMap"
|
|
oncommand = "removeImageMap()"
|
|
label = "&removeImageMapButton.label;"/>
|
|
<spacer flex="1"/><!-- remove when we restore Image Map Editor -->
|
|
</hbox>
|
|
<spacer class="spacer"/>
|
|
</groupbox>
|
|
</vbox> <!-- vert. box on bottom left side -->
|
|
|
|
<!-- Bottom Right Region -->
|
|
<vbox flex="1">
|
|
<!--//////// Alignment ////////-->
|
|
<groupbox flex="1">
|
|
<caption id="alignLabel" label="&alignment.label;"/>
|
|
<spacer class="spacer"/>
|
|
<menulist id="alignTypeSelect" class="align-menu">
|
|
<menupopup>
|
|
<menuitem class="align-menu" value="top" label="&topPopup.value;"/>
|
|
<menuitem class="align-menu" value="middle" label="¢erPopup.value;"/>
|
|
<menuitem class="align-menu" value="bottom" label="&bottomPopup.value;"/>
|
|
<!-- HTML attribute value is opposite of the button label on purpose -->
|
|
<menuitem class="align-menu" value="right" label="&wrapLeftPopup.value;"/>
|
|
<menuitem class="align-menu" value="left" label="&wrapRightPopup.value;"/>
|
|
</menupopup>
|
|
</menulist>
|
|
</groupbox>
|
|
|
|
<!--//////// Borders and Spacing ////////-->
|
|
<groupbox flex="1">
|
|
<caption id="spacingLabel" label="&spacingBox.label;"/>
|
|
<grid>
|
|
<columns><column/><column/><column/></columns>
|
|
<rows>
|
|
<row align="center">
|
|
<label
|
|
class = "align-right"
|
|
id = "leftrightLabel"
|
|
value = "&leftRightEditField.label;"/>
|
|
<textbox
|
|
class = "narrow"
|
|
id = "imageleftrightInput"
|
|
oninput = "forceInteger(this.id)"/>
|
|
<label
|
|
id = "leftrighttypeLabel"
|
|
value = "&pixelsPopup.value;" />
|
|
</row>
|
|
<row align="center">
|
|
<label
|
|
class = "align-right"
|
|
id = "topbottomLabel"
|
|
value = "&topBottomEditField.label;"/>
|
|
<textbox
|
|
class = "narrow"
|
|
id = "imagetopbottomInput"
|
|
oninput = "forceInteger(this.id)"/>
|
|
<label
|
|
id = "topbottomtypeLabel"
|
|
value = "&pixelsPopup.value;" />
|
|
</row>
|
|
<row align="center">
|
|
<label class = "align-right"
|
|
id = "borderLabel"
|
|
value = "&borderEditField.label;"/>
|
|
<textbox
|
|
class = "narrow"
|
|
id = "border"
|
|
oninput = "forceInteger(this.id)"/>
|
|
<label
|
|
id = "bordertypeLabel"
|
|
value = "&pixelsPopup.value;" />
|
|
</row>
|
|
</rows>
|
|
</grid>
|
|
</groupbox>
|
|
</vbox> <!-- Bottom Right region -->
|
|
</hbox> <!-- The horizontal box -->
|
|
</vbox> <!-- END OF MORE/FEWER SECTION -->
|
|
<!-- from EdDialogOverlay -->
|
|
<vbox id="AdvancedEdit"/>
|
|
</dialog>
|