Make wallpaper picker manifest and thumbnails available when offline.

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

 // Copyright (c) 2012 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;
@@ skipping 14 matching lines @@
     return el;
   }
 
   WallpaperThumbnailsGridItem.prototype = {
     __proto__: GridItem.prototype,
 
     /** @inheritDoc */
     decorate: function() {
       GridItem.prototype.decorate.call(this);
       var imageEl = cr.doc.createElement('img');
-      var xhr = new XMLHttpRequest();
-      xhr.open('GET', this.dataItem.baseURL + ThumbnailSuffix, true);
-      xhr.responseType = 'blob';
-      xhr.send(null);
       var self = this;
-      xhr.addEventListener('load', function(e) {
-        if (xhr.status === 200) {
-          self.textContent = '';
-          imageEl.src = window.URL.createObjectURL(xhr.response);
+      chrome.wallpaperPrivate.getThumbnail(this.dataItem.baseURL,
+                                           function(result) {
+        if (result.success) {
+          var data = new Int8Array(result.data);
+          var blob = new Blob([data]);
+          imageEl.src = window.URL.createObjectURL(blob);
           imageEl.addEventListener('load', function(e) {
             window.URL.revokeObjectURL(this.src);
           });
           self.appendChild(imageEl);
+        } else {
+          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) {
+              self.textContent = '';
+              chrome.wallpaperPrivate.saveThumbnail(xhr.response,
+                                                    self.dataItem.baseURL);
+              var data = new Int8Array(xhr.response);
+              var blob = new Blob([data]);

[flackr, 2012/11/27 22:04:36]

Combine these two lines, you only use data here.

[bshe, 2012/11/28 18:54:26]

Done.

[flackr, 2012/12/03 19:02:30]

This doesn't look done.

[bshe, 2012/12/03 19:39:32]

Sorry. I changed the one at line 38 but somehow forgot to change here.

Now done for real.

On 2012/12/03 19:02:30, flackr wrote:

+              imageEl.src = window.URL.createObjectURL(blob);
+              imageEl.addEventListener('load', function(e) {
+                window.URL.revokeObjectURL(this.src);
+              });
+              self.appendChild(imageEl);

[flackr, 2012/11/27 22:04:36]

The list of thumbnails grow as we fetch them? We should consider using a
placeholder "loading" image, reserving space so the thumbnails don't shift.

[bshe, 2012/11/28 18:54:26]

The img tag is added to a div. And the div has width/height equal to the
thumbnail image. So the thumbnails shouldn't shift as it loading.

Add a placeholder image sounds great. We just reserve the space currently. Can
we keep it this way right now though? Since I dont have the resource and it may
take a while to get it. Added a todo.

On 2012/11/27 22:04:36, flackr wrote:

[flackr, 2012/12/03 19:02:30]

Yes that sounds good to me.

+            }
+          });
         }
       });
     },
   };
 
   /**
    * Creates a selection controller that wraps selection on grid ends
    * and translates Enter presses into 'activate' events.
    * @param {cr.ui.ListSelectionModel} selectionModel The selection model to
    *     interact with.
@@ skipping 100 matching lines @@
       this.columns = 0;
       this.redraw();
       this.focus();
     }
   };
 
   return {
     WallpaperThumbnailsGrid: WallpaperThumbnailsGrid
   };
 });