Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.

gaia/apps/wallpaper/js/pick.js

@@ -0,0 +1,110 @@
+'use strict';
+/* global Downsample, LazyLoader */
+
+var Wallpaper = {
+  // We're reducing each image to 1/3rd of its original size by displaying
+  // 3 wallpaper images in each row, decoding each image at 3/8ths of the
+  // original size still results in an image that is big enough to fit the
+  // thumbnails since 3/8 > 1/3
+  thumbnailScale: 3 / 8,
+  wallpapersUrl: '/resources/list.json',
+
+  init: function wallpaper_init() {
+    var self = this;
+    if (navigator.mozSetMessageHandler) {
+      navigator.mozSetMessageHandler('activity', function handler(request) {
+        var activityName = request.source.name;
+        if (activityName !== 'pick') {
+          return;
+        }
+        self.startPick(request);
+      });
+    }
+
+    this.header = document.getElementById('header');
+    this.wallpapers = document.getElementById('wallpapers');
+    this.generateWallpaperList();
+  },
+
+  generateWallpaperList: function wallpaper_generateWallpaperList(cb) {
+    var self = this;
+    // Get #-moz-samplesize media fragment to downsample while decoding
+    // so that we can display smaller images without using lot of memory
+    // See Bug 1011460
+    var sampleSize = Downsample.sizeNoMoreThan(this.thumbnailScale);
+
+    LazyLoader.getJSON(this.wallpapersUrl)
+      .then(function(json) {
+        self.wallpapers.innerHTML = '';
+        json.forEach(function(wallpaper) {
+          var fileName = 'resources/' + wallpaper;
+          // Use image tag instead of backgroundImage
+          // because gecko handles
+          // memory for off-screen images better
+          var imgNode = document.createElement('img');
+          imgNode.alt = '';
+          imgNode.classList.add('wallpaper');
+          imgNode.dataset.filename = fileName;
+          imgNode.src = fileName + sampleSize;
+          self.wallpapers.appendChild(imgNode);
+        });
+        if (cb) {
+          cb();
+        }
+    });
+  },
+
+  startPick: function wallpaper_startPick(request) {
+    this.pickActivity = request;
+    this.wallpapers.addEventListener('click', this.pickWallpaper.bind(this));
+    this.header.addEventListener('action', this.cancelPick.bind(this));
+  },
+
+  pickWallpaper: function wallpaper_pickWallpaper(e) {
+    // Get the wallpaper file name
+    var src = e.target.dataset.filename;
+    // Ignore clicks that are not on one of the images
+    if (src === '') {
+      return;
+    }
+
+    if (!this.pickActivity) { return; }
+
+    var img = new Image();
+    img.src = src;
+    var self = this;
+    img.onload = function() {
+      var canvas = document.createElement('canvas');
+      var context = canvas.getContext('2d');
+      canvas.width = img.width;
+      canvas.height = img.height;
+      context.drawImage(img, 0, 0);
+
+      canvas.toBlob(function(blob) {
+        self.pickActivity.postResult({
+          type: 'image/jpeg',
+          blob: blob,
+          name: src
+        }, 'image/jpeg');
+
+        self.endPick();
+      }, 'image/jpeg');
+    };
+  },
+
+  cancelPick: function wallpaper_cancelPick() {
+    this.pickActivity.postError('cancelled');
+    this.endPick();
+  },
+
+  endPick: function wallpaper_endPick() {
+    this.pickActivity = null;
+    this.header.removeEventListener('action', this.cancelPick);
+    this.wallpapers.removeEventListener('click', this.pickWallpaper);
+  }
+};
+
+window.addEventListener('load', function pick() {
+  window.removeEventListener('load', pick);
+  Wallpaper.init();
+});