RetroZilla/editor/ui/dialogs/content/EdImageOverlay.xul
2015-10-20 23:03:22 -04:00

297 lines
11 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 Editor Image Properties Overlay.
-
- The Initial Developer of the Original Code is
- Netscape Communications Corporation.
- Portions created by the Initial Developer are Copyright (C) 1998-2000
- the Initial Developer. All Rights Reserved.
-
- Contributor(s):
- Pete Collins
- Brian King
- Neil Rashbrook <neil@parkwaycc.co.uk> (Separated from EdImageProps.xul)
-
- 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 ***** -->
<!DOCTYPE overlay SYSTEM "chrome://editor/locale/EditorImageProperties.dtd">
<overlay id="EdImageOverlay"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script type="application/x-javascript" src="chrome://editor/content/EdImageOverlay.js"/>
<tab id="imageInputTab" label="&imageInputTab.label;"/>
<tab id="imageLocationTab" label="&imageLocationTab.label;"/>
<tab id="imageDimensionsTab" label="&imageDimensionsTab.label;"/>
<tab id="imageAppearanceTab" label="&imageAppearanceTab.label;"/>
<tab id="imageLinkTab" label="&imageLinkTab.label;"/>
<vbox id="imageLocation">
<spacer class="spacer"/>
<label control = "srcInput"
value = "&locationEditField.label;"
accesskey="&locationEditField.accessKey;"
tooltiptext="&locationEditField.tooltip;"
/>
<textbox id="srcInput" oninput="ChangeImageSrc();" tabindex="1" class="uri-element"/>
<hbox id="MakeRelativeHbox">
<checkbox
id = "MakeRelativeCheckbox"
for = "srcInput"
tabindex="2"/>
<!-- mail compose will insert custom item here defined in mailComposeEditorOverlay.xul -->
<spacer flex="1"/>
<!-- from EdDialogOverlay.xul -->
<button id="ChooseFile" tabindex="3"/>
</hbox>
<spacer class="spacer"/>
<radiogroup id="altTextRadioGroup" flex="1">
<grid>
<columns><column/><column flex="1"/></columns>
<rows>
<row align="center">
<label
style = "margin-left: 26px"
control = "titleInput"
accesskey = "&title.accessKey;"
value ="&title.label;"
tooltiptext="&title.tooltip;"
for = "titleInput"/>
<textbox flex="1"
id = "titleInput"
class = "MinWidth20em"
tooltiptext="&title.tooltip;"
tabindex="4"/>
</row>
<row align="center">
<radio id = "altTextRadio"
label = "&altText.label;"
accesskey = "&altText.accessKey;"
tooltiptext="&altTextEditField.tooltip;"
oncommand = "SetAltTextDisabled(false);"
tabindex="5"/>
<textbox flex="1"
id = "altTextInput"
class = "MinWidth20em"
tooltiptext="&altTextEditField.tooltip;"
oninput = "SetAltTextDisabled(false);"
tabindex="6"/>
</row>
</rows>
</grid>
<radio id = "noAltTextRadio"
label = "&noAltText.label;"
accesskey = "&noAltText.accessKey;"
oncommand = "SetAltTextDisabled(true);"/>
</radiogroup>
</vbox>
<groupbox id="imagePreview" orient="horizontal" flex="1">
<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>
<vbox id="imageDimensions" align="start">
<spacer class="spacer"/>
<hbox>
<radiogroup id="imgSizeGroup">
<radio
id = "actualSizeRadio"
label = "&actualSizeRadio.label;"
accesskey = "&actualSizeRadio.accessKey;"
tooltiptext="&actualSizeRadio.tooltip;"
oncommand = "SetActualSize()"/>
<radio
id = "customSizeRadio"
label = "&customSizeRadio.label;"
accesskey = "&customSizeRadio.accessKey;"
tooltiptext="&customSizeRadio.tooltip;"
oncommand = "doDimensionEnabling();" />
</radiogroup>
<spacer flex="1"/>
<vbox>
<spacer flex="1"/>
<checkbox id="constrainCheckbox" label="&constrainCheckbox.label;"
accesskey="&constrainCheckbox.accessKey;"
oncommand="ToggleConstrain()"
tooltiptext="&constrainCheckbox.tooltip;"/>
</vbox>
<spacer flex="1"/>
</hbox>
<spacer class="spacer"/>
<grid class="indent">
<columns><column/><column/><column flex="1"/></columns>
<rows>
<row align="center">
<label id = "widthLabel"
control = "widthInput"
accesskey = "&widthEditField.accessKey;"
value = "&widthEditField.label;" />
<textbox
id = "widthInput"
class = "narrow"
oninput = "constrainProportions(this.id, 'heightInput')"/>
<menulist id = "widthUnitsMenulist"
oncommand = "doDimensionEnabling();" />
<!-- contents are appended by JS -->
</row>
<row align="center">
<label id = "heightLabel"
control = "heightInput"
accesskey = "&heightEditField.accessKey;"
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"/>
</vbox>
<hbox id="imageAppearance">
<groupbox>
<caption id="spacingLabel" label="&spacingBox.label;"/>
<grid>
<columns><column/><column/><column/></columns>
<rows>
<row align="center">
<label
class = "align-right"
id = "leftrightLabel"
control = "imageleftrightInput"
accesskey = "&leftRightEditField.accessKey;"
value = "&leftRightEditField.label;"/>
<textbox
class = "narrow"
id = "imageleftrightInput"
oninput = "forceInteger(this.id)"/>
<label
id = "leftrighttypeLabel"
value = "&pixelsPopup.value;" />
</row>
<spacer class="spacer"/>
<row align="center">
<label
class = "align-right"
id = "topbottomLabel"
control = "imagetopbottomInput"
accesskey = "&topBottomEditField.accessKey;"
value = "&topBottomEditField.label;"/>
<textbox
class = "narrow"
id = "imagetopbottomInput"
oninput = "forceInteger(this.id)"/>
<label
id = "topbottomtypeLabel"
value = "&pixelsPopup.value;" />
</row>
<spacer class="spacer"/>
<row align="center">
<label class = "align-right"
id = "borderLabel"
control = "border"
accesskey = "&borderEditField.accessKey;"
value = "&borderEditField.label;"/>
<textbox
class = "narrow"
id = "border"
oninput = "forceInteger(this.id)"/>
<label
id = "bordertypeLabel"
value = "&pixelsPopup.value;" />
</row>
</rows>
</grid>
</groupbox>
<vbox>
<groupbox align="start">
<caption id="alignLabel" label="&alignment.label;"/>
<menulist id="alignTypeSelect" class="align-menu">
<menupopup>
<menuitem class="align-menu" value="top" label="&topPopup.value;"/>
<menuitem class="align-menu" value="middle" label="&centerPopup.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>
<groupbox>
<caption id="imagemapLabel" label="&imagemapBox.label;"/>
<hbox equalsize="always">
<!-- Hide Image Map Editor. Not ready for prime time yet
<button
id = "editImageMap"
oncommand = "editImageMap()"
tooltiptext="&editImageMapButton.tooltip;"
label = "&editImageMapButton.label;"
flex = "1"/>
-->
<button
id = "removeImageMap"
oncommand = "removeImageMap()"
accesskey = "&removeImageMapButton.accessKey;"
label = "&removeImageMapButton.label;"
flex = "1"/>
<spacer flex="1"/><!-- remove when we restore Image Map Editor -->
</hbox>
</groupbox>
</vbox>
</hbox>
</overlay>