extend image settings with coordinates and preview

[mandelbrot.git] / xulapp / chrome / mandelbrot / content / image-settings.xul

<?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 KaiRo.at Mandelbrot, XULRunner version.
   -
   - The Initial Developer of the Original Code is
   - Robert Kaiser <kairo@kairo.at>.
   - Portions created by the Initial Developer are Copyright (C) 2008
   - the Initial Developer. All Rights Reserved.
   -
   - Contributor(s):
   -   Robert Kaiser <kairo@kairo.at>
   -
   - Alternatively, the contents of this file may be used under the terms of
   - either 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 LGPL or the GPL. 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://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://mandelbrot/skin/image-settings.css" type="text/css"?>

<!DOCTYPE prefwindow SYSTEM "chrome://mandelbrot/locale/image-settings.dtd">

<prefwindow id="imgSettingsDlg"
            xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
            xmlns:html="http://www.w3.org/1999/xhtml"
            title="&imageSettings.title;"
            dlgbuttons="accept,cancel"
            ondialogaccept="callDrawImage();"
            buttonlabelaccept="&DrawImageButton.label;">

  <prefpane id="imgSettingsPane" onpaneload="initSettings();">
    <script type="application/x-javascript"
            src="chrome://mandelbrot/content/mandelbrot.js"/>
    <script type="application/x-javascript"
            src="chrome://mandelbrot/content/image-settings.js"/>

    <preferences id="mandelbrotPreferences">
      <preference id="mandelbrot.image.width" name="mandelbrot.image.width"
                  type="int"/>
      <preference id="mandelbrot.image.height" name="mandelbrot.image.height"
                  type="int"/>
      <preference id="mandelbrot.last_image.Cr_min" name="mandelbrot.last_image.Cr_min"
                  type="string"/>
      <preference id="mandelbrot.last_image.Cr_max" name="mandelbrot.last_image.Cr_max"
                  type="string"/>
      <preference id="mandelbrot.last_image.Ci_min" name="mandelbrot.last_image.Ci_min"
                  type="string"/>
      <preference id="mandelbrot.last_image.Ci_max" name="mandelbrot.last_image.Ci_max"
                  type="string"/>
    </preferences>

    <groupbox>
      <caption label="&coord.title;"/>
      <description value="&coord.real.label;"/>
      <hbox flex="1">
        <label value="&coord.min.label;" control="Cr_min"/>
        <textbox id="Cr_min" size="10"
                 preference="mandelbrot.last_image.Cr_min"/>
        <label value="&coord.max.label;" control="Cr_max"/>
        <textbox id="Cr_max" size="10"
                 preference="mandelbrot.last_image.Cr_max"/>
      </hbox>
      <description value="&coord.imag.label;"/>
      <hbox flex="1">
        <label value="&coord.min.label;" control="Ci_min"/>
        <textbox id="Ci_min" size="10"
                 preference="mandelbrot.last_image.Ci_min"/>
        <label value="&coord.max.label;" control="Ci_max"/>
        <textbox id="Ci_max" size="10"
                 preference="mandelbrot.last_image.Ci_max"/>
      </hbox>
    </groupbox>

    <hbox flex="1">
      <groupbox>
        <caption label="&img.size.title;"/>
        <hbox flex="1">
          <label value="&img.width.label;" control="imgWidth"/>
          <textbox id="imgWidth" size="4"
                   preference="mandelbrot.image.width"/>
        </hbox>
        <hbox flex="1">
          <label value="&img.height.label;" control="imgHeight"/>
          <textbox id="imgHeight" size="4"
                   preference="mandelbrot.image.height"/>
        </hbox>
      </groupbox>
    
      <groupbox>
        <caption label="&preview.title;"/>
        <hbox flex="1" pack="center" align="center">
          <html:canvas id="mbrotPreview" width="50" height="50"></html:canvas>
        </hbox>
        <button id="previewButton" label="&previewDraw.label;" oncommand="drawPreview();"/>
      </groupbox>
    </hbox>
  </prefpane>
</prefwindow>