gecko-dev/browser/base/content/setWallpaper.xul

<?xml version="1.0"?> <!-- -*- Mode: HTML -*- --> 

# ***** 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 Firebird about dialog.
#
# The Initial Developer of the Original Code is
# Blake Ross (blake@blakeross.com).
# Portions created by the Initial Developer are Copyright (C) 2002
# the Initial Developer. All Rights Reserved.
#
# Contributor(s):
#   Blake Ross (blake@blakeross.com)
#
# 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://browser/content/browser.css" type="text/css"?>

<!DOCTYPE dialog SYSTEM "chrome://browser/locale/setWallpaper.dtd">

<dialog xmlns:html="http://www.w3.org/1999/xhtml"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        id="aboutDialog"
        buttons="accept,cancel"
        buttonlabelaccept="&setWallpaper.title;"
        onload="onLoad();"
        ondialogaccept="onAccept();"
        title="&setWallpaper.title;"
        style="width: 299px"> 
    
    <stringbundle id="bundle_wallpaper" src="chrome://browser/locale/browser.properties"/>
    <script type="application/x-javascript" src="chrome://browser/content/utilityOverlay.js"/>

    <script type="application/x-javascript">
      <![CDATA[
        const xulNS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
        const ISS = Components.interfaces.nsIShellService;

        var gPosition = ISS.BACKGROUND_STRETCH;
        var gMonitor;
        var gWidth, gHeight, gBackgroundColor = 0;

        function HexToR(h) { return parseInt((cutHex(h)).substring(0,2),16) }
        function HexToG(h) { return parseInt((cutHex(h)).substring(2,4),16) }
        function HexToB(h) { return parseInt((cutHex(h)).substring(4,6),16) }
        function cutHex(h) { return (h.charAt(0)=="#") ? h.substring(1,7) : h}

        function RGBToHex(r, g, b)
        {
          var rHex = r.toString(16).toUpperCase();
          var gHex = g.toString(16).toUpperCase();
          var bHex = b.toString(16).toUpperCase();

          if (rHex.length == 1) rHex ='0' + rHex;
          if (gHex.length == 1) gHex ='0' + gHex;
          if (bHex.length == 1) bHex ='0' + bHex;

          return '#' + rHex + gHex + bHex;
        }       
        
       function onLoad()
       {
         gMonitor = document.getElementById("monitor");
         gWidth = window.arguments[0].width;
         gHeight = window.arguments[0].height;
         
         initColor();                  
         updatePosition(parseInt(document.getElementById("menuPosition").value));
        }
        
        function initColor()
        {
          var color = 0;
          var shell = getShellService();
          if (shell)
            color = shell.desktopBackgroundColor;

          const rMask = 4294901760;
          const gMask = 65280;
          const bMask = 255;
          var r = (color & rMask) >> 16;
          var g = (color & gMask) >> 8;
          var b = (color & bMask);
          gBackgroundColor = RGBToHex(r, g, b);
          
          var colorpicker = document.getElementById("desktopColor");
          colorpicker.color = RGBToHex(r, g, b);
        }
        
        function createImage()
        {
          var img = document.createElementNS(xulNS, "image");
          img.setAttribute("src", window.arguments[0].src);
          return img;
        }
        
        function stretchImage()
        {  
          updateColor(gBackgroundColor);
          
          var img = createImage();
          img.width = parseInt(gMonitor.style.width);
          img.height = parseInt(gMonitor.style.height);
          gMonitor.appendChild(img);
        }
        
        function tileImage()
        {
          gMonitor.style.backgroundColor = 'white';
          var bundle = document.getElementById("bundle_wallpaper");
          var previewStr = bundle.getString("WallpaperNoPreview");
          
          var text = document.createElementNS(xulNS, "label");
          text.setAttribute("id", "noPreviewAvailable");
          text.setAttribute("value", previewStr);
          gMonitor.appendChild(text);
        }
        
        function centerImage()
        {
          updateColor(gBackgroundColor);
                   
          var img = createImage();
          var width = gWidth*gMonitor.boxObject.width/screen.width;
          var height = gHeight*gMonitor.boxObject.height/screen.height;
          img.width = Math.floor(width);
          img.height = Math.floor(height);
          gMonitor.appendChild(img);
        }
          
        function onAccept() 
        {
          var r = HexToR(gBackgroundColor);
          var g = HexToG(gBackgroundColor);
          var b = HexToB(gBackgroundColor);

          var shell = getShellService();
          if (shell) {
            shell.setDesktopBackground(window.arguments[0], gPosition);
            shell.desktopBackgroundColor = (r << 16) | (g << 8) | b;
            document.persist("menuPosition", "value");
          }
        }
        
        function updateColor(color)
        {
          gBackgroundColor = color;
          
          if (gPosition != ISS.BACKGROUND_TILE)
            gMonitor.style.backgroundColor = color;
        }
        
        function updatePosition(position)
        {
          if (gMonitor.childNodes.length)
            gMonitor.removeChild(gMonitor.firstChild);
            
          gPosition = position;
          if (gPosition == ISS.BACKGROUND_TILE)
            tileImage();
          else if (gPosition == ISS.BACKGROUND_STRETCH)
            stretchImage();
          else
            centerImage();
        }
      ]]>
    </script>

    <hbox align="center" id="foo">
      <label value="&position.label;"/>
      <menulist id="menuPosition" label="&position.label;" oncommand="updatePosition(parseInt(this.value));">
        <menupopup>
          <menuitem label="&center.label;"  value="2"/>
          <menuitem label="&tile.label;"    value="0"/>
          <menuitem label="&stretch.label;" value="1"/>
        </menupopup>
      </menulist>
      <spacer flex="1"/>
      <label value="&color.label;"/>
      <colorpicker type="button" id="desktopColor" onchange="updateColor(this.color);"/> 
    </hbox>
    <groupbox align="center">
      <caption label="&preview.label;"/>
      <stack>
        <vbox id="monitor" align="center" pack="center"
              style="width: 153px !important; height: 114px !important; overflow: hidden;"
              left="13" top="18"/>
        <image src="chrome://browser/content/monitor.png"/>
      </stack>
    </groupbox>
</dialog>