New custom wallpaper picker UI

chrome/browser/resources/chromeos/wallpaper_manager/js/wallpaper_images_grid.js

 // Copyright (c) 2013 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('wallpapers', function() {
   /** @const */ var ArrayDataModel = cr.ui.ArrayDataModel;
   /** @const */ var Grid = cr.ui.Grid;
   /** @const */ var GridItem = cr.ui.GridItem;
   /** @const */ var GridSelectionController = cr.ui.GridSelectionController;
   /** @const */ var ListSingleSelectionModel = cr.ui.ListSingleSelectionModel;
   /** @const */ var ThumbnailSuffix = '_thumbnail.png';
 
   /**
    * Creates a new wallpaper thumbnails grid item.
-   * @param {{baseURL: string, dynamicURL: string, layout: string,
-   *          author: string, authorWebsite: string, availableOffline: boolean}}
-   *     wallpaperInfo Wallpaper baseURL, dynamicURL, layout, author and
-   *     author website.
+   * @param {{baseURL: string, layout: string, source: string,
+   *          availableOffline: boolean, opt_dynamicURL: string,
+   *          opt_author: string, opt_authorWebsite: string}}
+   *     wallpaperInfo Wallpaper data item in WallpaperThumbnailsGrid's data
+   *     model.
    * @constructor
    * @extends {cr.ui.GridItem}
    */
   function WallpaperThumbnailsGridItem(wallpaperInfo) {
     var el = new GridItem(wallpaperInfo);
     el.__proto__ = WallpaperThumbnailsGridItem.prototype;
     return el;
   }
 
   WallpaperThumbnailsGridItem.prototype = {
     __proto__: GridItem.prototype,
 
     /** @override */
     decorate: function() {
       GridItem.prototype.decorate.call(this);
       // Removes garbage created by GridItem.
       this.innerText = '';
       var imageEl = cr.doc.createElement('img');
       imageEl.classList.add('thumbnail');
       cr.defineProperty(imageEl, 'offline', cr.PropertyKind.BOOL_ATTR);
       imageEl.offline = this.dataItem.availableOffline;
       this.appendChild(imageEl);
 

[bshe, 2013/02/26 19:07:26]

This element is the grid element responsible for open "choose wallpaper" overlay
(https://docs.google.com/a/google.com/file/d/0B6x6iYCtKinEcEhwSjdEWUpRTFk/edit...).

+      if (this.dataItem.source == 'ADDNEW') {
+        this.id = 'add-new';
+        this.addEventListener('click', function(e) {
+          $('wallpaper-selection-container').hidden = false;
+        });
+        return;
+      }
+
       var self = this;
-      chrome.wallpaperPrivate.getThumbnail(this.dataItem.baseURL, 'ONLINE',
+      chrome.wallpaperPrivate.getThumbnail(this.dataItem.baseURL,
+                                           this.dataItem.source,
                                            function(data) {
         if (data) {
           var blob = new Blob([new Int8Array(data)], {'type' : 'image\/png'});
           imageEl.src = window.URL.createObjectURL(blob);
           imageEl.addEventListener('load', function(e) {
             window.URL.revokeObjectURL(this.src);
           });
-        } else {
+        } else if (self.dataItem.source == 'ONLINE') {
           var xhr = new XMLHttpRequest();
           xhr.open('GET', self.dataItem.baseURL + ThumbnailSuffix, true);
           xhr.responseType = 'arraybuffer';
           xhr.send(null);
           xhr.addEventListener('load', function(e) {
             if (xhr.status === 200) {
               chrome.wallpaperPrivate.saveThumbnail(self.dataItem.baseURL,
                                                     xhr.response);
               var blob = new Blob([new Int8Array(xhr.response)],
                                   {'type' : 'image\/png'});
@@ skipping 174 matching lines @@
       // The active thumbnail maybe deleted in the above redraw(). Sets it again
       // to make sure checkmark shows correctly.
       this.updateActiveThumb_();
     }
   };
 
   return {
     WallpaperThumbnailsGrid: WallpaperThumbnailsGrid
   };
 });