The Tor Browser: browser/components/shell/content/setDesktopBackground.js@6474c204b198 (annotated)

browser/components/shell/content/setDesktopBackground.js@6474c204b198 (annotated)

browser/components/shell/content/setDesktopBackground.js

Wed, 31 Dec 2014 06:09:35 +0100

author: Michael Schloh von Bennewitz <michael@schloh.com>
date: Wed, 31 Dec 2014 06:09:35 +0100
changeset 0: 6474c204b198
permissions: -rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

 # 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/.
 var Ci = Components.interfaces;
 var gSetBackground = {
 #ifndef XP_MACOSX
   _position        : "",
   _backgroundColor : 0,
 #else
   _position        : "STRETCH",
 #endif
   _screenWidth     : 0,
   _screenHeight    : 0,
   _image           : null,
   _canvas          : null,
   get _shell()
   {
     return Components.classes["@mozilla.org/browser/shell-service;1"]
                      .getService(Ci.nsIShellService);
   },
   load: function ()
   {
     this._canvas = document.getElementById("screen");
     this._screenWidth = screen.width;
     this._screenHeight = screen.height;
 #ifdef XP_MACOSX
     document.documentElement.getButton("accept").hidden = true;
 #endif
     if (this._screenWidth / this._screenHeight >= 1.6)
       document.getElementById("monitor").setAttribute("aspectratio", "16:10");
 #ifdef XP_WIN
     // hide fill + fit options if <win7 since don't work
     var version = Components.classes["@mozilla.org/system-info;1"]
                   .getService(Ci.nsIPropertyBag2)
                   .getProperty("version");
     var isWindows7OrHigher = (parseFloat(version) >= 6.1);
     if (!isWindows7OrHigher) {
       document.getElementById("fillPosition").hidden = true;
       document.getElementById("fitPosition").hidden = true;
     }
 #endif
     // make sure that the correct dimensions will be used
     setTimeout(function(self) {
       self.init(window.arguments[0]);
     }, 0, this);
   },
   init: function (aImage)
   {
     this._image = aImage;
     // set the size of the coordinate space
     this._canvas.width = this._canvas.clientWidth;
     this._canvas.height = this._canvas.clientHeight;
     var ctx = this._canvas.getContext("2d");
     ctx.scale(this._canvas.clientWidth / this._screenWidth, this._canvas.clientHeight / this._screenHeight);
 #ifndef XP_MACOSX
     this._initColor();
 #else
     // Make sure to reset the button state in case the user has already
     // set an image as their desktop background.
     var setDesktopBackground = document.getElementById("setDesktopBackground");
     setDesktopBackground.hidden = false;
     var bundle = document.getElementById("backgroundBundle");
     setDesktopBackground.label = bundle.getString("DesktopBackgroundSet");
     setDesktopBackground.disabled = false;
     document.getElementById("showDesktopPreferences").hidden = true;
 #endif
     this.updatePosition();
   },
 #ifndef XP_MACOSX
   _initColor: function ()
   {
     var color = this._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);
     this.updateColor(this._rgbToHex(r, g, b));
     var colorpicker = document.getElementById("desktopColor");
     colorpicker.color = this._backgroundColor;
   },
   updateColor: function (aColor)
   {
     this._backgroundColor = aColor;
     this._canvas.style.backgroundColor = aColor;
   },
   // Converts a color string in the format "#RRGGBB" to an integer.
   _hexStringToLong: function (aString)
   {
     return parseInt(aString.substring(1,3), 16) << 16 |
            parseInt(aString.substring(3,5), 16) << 8 |
            parseInt(aString.substring(5,7), 16);
   },
   _rgbToHex: function (aR, aG, aB)
   {
     return "#" + [aR, aG, aB].map(function(aInt) aInt.toString(16).replace(/^(.)$/, "0$1"))
                              .join("").toUpperCase();
   },
 #else
   observe: function (aSubject, aTopic, aData)
   {
     if (aTopic == "shell:desktop-background-changed") {
       document.getElementById("setDesktopBackground").hidden = true;
       document.getElementById("showDesktopPreferences").hidden = false;
       Components.classes["@mozilla.org/observer-service;1"]
                 .getService(Ci.nsIObserverService)
                 .removeObserver(this, "shell:desktop-background-changed");
     }
   },
   showDesktopPrefs: function()
   {
     this._shell.openApplication(Ci.nsIMacShellService.APPLICATION_DESKTOP);
   },
 #endif
   setDesktopBackground: function ()
   {
 #ifndef XP_MACOSX
     document.persist("menuPosition", "value");
     this._shell.desktopBackgroundColor = this._hexStringToLong(this._backgroundColor);
 #else
     Components.classes["@mozilla.org/observer-service;1"]
               .getService(Ci.nsIObserverService)
               .addObserver(this, "shell:desktop-background-changed", false);
     var bundle = document.getElementById("backgroundBundle");
     var setDesktopBackground = document.getElementById("setDesktopBackground");
     setDesktopBackground.disabled = true;
     setDesktopBackground.label = bundle.getString("DesktopBackgroundDownloading");
 #endif
     this._shell.setDesktopBackground(this._image,
                                      Ci.nsIShellService["BACKGROUND_" + this._position]);
   },
   updatePosition: function ()
   {
     var ctx = this._canvas.getContext("2d");
     ctx.clearRect(0, 0, this._screenWidth, this._screenHeight);
 #ifndef XP_MACOSX
     this._position = document.getElementById("menuPosition").value;
 #endif
     switch (this._position) {
       case "TILE":
         ctx.save();
         ctx.fillStyle = ctx.createPattern(this._image, "repeat");
         ctx.fillRect(0, 0, this._screenWidth, this._screenHeight);
         ctx.restore();
         break;
       case "STRETCH":
         ctx.drawImage(this._image, 0, 0, this._screenWidth, this._screenHeight);
         break;
       case "CENTER":
         var x = (this._screenWidth - this._image.naturalWidth) / 2;
         var y = (this._screenHeight - this._image.naturalHeight) / 2;
         ctx.drawImage(this._image, x, y);
         break;
       case "FILL":
         //Try maxing width first, overflow height
         var widthRatio = this._screenWidth / this._image.naturalWidth;
         var width = this._image.naturalWidth * widthRatio;
         var height = this._image.naturalHeight * widthRatio;
         if (height < this._screenHeight) {
           //height less than screen, max height and overflow width
           var heightRatio = this._screenHeight / this._image.naturalHeight;
           width = this._image.naturalWidth * heightRatio;
           height = this._image.naturalHeight * heightRatio;
         }
         var x = (this._screenWidth - width) / 2;
         var y = (this._screenHeight - height) / 2;
         ctx.drawImage(this._image, x, y, width, height);
         break;
       case "FIT":
         //Try maxing width first, top and bottom borders
         var widthRatio = this._screenWidth / this._image.naturalWidth;
         var width = this._image.naturalWidth * widthRatio;
         var height = this._image.naturalHeight * widthRatio;
         var x = 0;
         var y = (this._screenHeight - height) / 2;
         if (height > this._screenHeight) {
           //height overflow, maximise height, side borders
           var heightRatio = this._screenHeight / this._image.naturalHeight;
           width = this._image.naturalWidth * heightRatio;
           height = this._image.naturalHeight * heightRatio;
           x = (this._screenWidth - width) / 2;
           y = 0;
         }
         ctx.drawImage(this._image, x, y, width, height);
         break;
     }
   }
 };