mail/components/compose/content/dialogs/EdImageProps.xul
author Khushil Mistry <khushil324@gmail.com>
Wed, 02 Oct 2019 03:38:00 +0200
changeset 37054 a05c073aca210f99bbae432c57bcb907f0e1fe23
parent 36768 2c47346623c48da709386b8dded13565ed627e1e
child 37061 7cd8521f4423f9c5c86aa03ab58ef73960737352
permissions -rw-r--r--
Bug 1563092 - replace <textbox> in EdImageProps.xul and edImage.inc.xul. r=mkmelin

<?xml version="1.0"?>
# 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
# file, You can obtain one at http://mozilla.org/MPL/2.0/.

<?xml-stylesheet href="chrome://editor/skin/editor.css" type="text/css"?>
<?xml-stylesheet href="chrome://editor/skin/EditorDialog.css" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/input-fields.css" type="text/css"?>

<!DOCTYPE dialog [
<!ENTITY % edImageProperties SYSTEM "chrome://messenger/locale/messengercompose/EditorImageProperties.dtd">
%edImageProperties;
<!ENTITY % composeEditorOverlayDTD SYSTEM "chrome://messenger/locale/messengercompose/mailComposeEditorOverlay.dtd">
%composeEditorOverlayDTD;
<!ENTITY % edDialogOverlay SYSTEM "chrome://messenger/locale/messengercompose/EdDialogOverlay.dtd">
%edDialogOverlay;
]>

<!-- dialog containing a control requiring initial setup -->
<dialog id="imageDlg" title="&windowTitle.label;"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:html="http://www.w3.org/1999/xhtml"
        onload="Startup()"
        buttons="accept,cancel">

  <script src="chrome://global/content/globalOverlay.js"/>
  <script src="chrome://global/content/editMenuOverlay.js"/>
  <script src="chrome://messenger/content/messengercompose/editorUtilities.js"/>
  <script src="chrome://messenger/content/messengercompose/EdDialogCommon.js"/>
  <script src="chrome://messenger/content/messengercompose/EdImageProps.js"/>
  <script src="chrome://messenger/content/messengercompose/EdImageDialog.js"/>
  <script src="chrome://messenger/content/messengercompose/EdImageLinkLoader.js"/>

  <spacer id="location" offsetY="50" persist="offsetX offsetY"/>

  <tabbox id="TabBox">
    <tabs flex="1">
      <tab id="imageLocationTab" label="&imageLocationTab.label;"/>
      <tab id="imageDimensionsTab" label="&imageDimensionsTab.label;"/>
      <tab id="imageAppearanceTab" label="&imageAppearanceTab.label;"/>
      <tab id="imageLinkTab" label="&imageLinkTab.label;"/>
    </tabs>
    <tabpanels>
#include edImage.inc.xul
      <vbox>
        <spacer class="spacer"/>
        <vbox id="LinkLocationBox">
          <label id="hrefLabel"
                 control="hrefInput"
                 accesskey="&LinkURLEditField2.accessKey;"
                 width="1">&LinkURLEditField2.label;</label>
          <html:input id="hrefInput" type="text"
                      class="uri-element padded input-inline" onchange="ChangeLinkLocation();"
                      aria-labelledby="hrefLabel"/>
          <hbox align="center">
            <checkbox id="MakeRelativeLink"
                      for="hrefInput"
                      label="&makeUrlRelative.label;"
                      accesskey="&makeUrlRelative.accessKey;"
                      oncommand="MakeInputValueRelativeOrAbsolute(this);"
                      tooltiptext="&makeUrlRelative.tooltip;"/>
            <spacer flex="1"/>
            <button label="&chooseFileLinkButton.label;" accesskey="&chooseFileLinkButton.accessKey;"
                    oncommand="chooseLinkFile();"/>
          </hbox>
        </vbox>
        <spacer class="spacer"/>
        <hbox>
          <checkbox id="showLinkBorder"
                    label="&showImageLinkBorder.label;"
                    accesskey="&showImageLinkBorder.accessKey;"
                    oncommand="ToggleShowLinkBorder();"/>
          <spacer flex="1"/>
          <button id="LinkAdvancedEditButton"
                  label="&LinkAdvancedEditButton.label;"
                  accesskey="&LinkAdvancedEditButton.accessKey;"
                  tooltiptext="&LinkAdvancedEditButton.tooltip;"
                  oncommand="onLinkAdvancedEdit();"/>
        </hbox>
      </vbox>
    </tabpanels>
  </tabbox>

  <hbox align="end">
    <groupbox id="imagePreview" orient="horizontal" flex="1">
      <hbox class="groupbox-title">
        <label class="header">&previewBox.label;</label>
      </hbox>
      <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="AdvancedEdit">
      <hbox flex="1" style="margin-top: 0.2em" align="center">
        <!-- This will right-align the button -->
        <spacer flex="1"/>
        <button id="AdvancedEditButton1" oncommand="onAdvancedEdit()" label="&AdvancedEditButton.label;"
                accesskey="&AdvancedEditButton.accessKey;" tooltiptext="&AdvancedEditButton.tooltip;"/>
      </hbox>
    </vbox>
  </hbox>
  <separator class="groove"/>

</dialog>