Gallery: Load gallery items by chunk on startup.

ui/file_manager/gallery/js/mosaic_mode.js

 // Copyright 2014 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.
 
 'use strict';
 
 /**
  * @param {Element} container Content container.
  * @param {cr.ui.ArrayDataModel} dataModel Data model.
  * @param {cr.ui.ListSelectionModel} selectionModel Selection model.
@@ skipping 419 matching lines @@
     this.scheduleLayout(Mosaic.LAYOUT_DELAY);
   }
 
   if (event.added.length) {
     var newTiles = [];
     for (var t = 0; t !== event.added.length; t++)
       newTiles.push(new Mosaic.Tile(this, this.dataModel_.item(index + t)));
 
     this.tiles_.splice.apply(this.tiles_, [index, 0].concat(newTiles));
     this.initTiles_(newTiles);
+    this.scheduleLayout(Mosaic.LAYOUT_DELAY);
   }
 
   if (this.tiles_.length !== this.dataModel_.length)
     console.error('Mosaic is out of sync');
 };
 
 /**
  * Content change handler.
  *
  * @param {Event} event Event.
@@ skipping 319 matching lines @@
 Mosaic.Layout.prototype.getHeight = function() {
   var firstColumn = this.columns_[0];
   return firstColumn ? firstColumn.getHeight() : 0;
 };
 
 /**
  * @return {Array.<Mosaic.Tile>} All tiles in the layout.
  */
 Mosaic.Layout.prototype.getTiles = function() {
   return Array.prototype.concat.apply([],
-      this.columns_.map(function(c) { return c.getTiles() }));
+      this.columns_.map(function(c) { return c.getTiles(); }));
 };
 
 /**
  * @return {number} Total number of tiles added to the layout.
  */
 Mosaic.Layout.prototype.getTileCount = function() {
   return this.getLaidOutTileCount() +
       (this.newColumn_ ? this.newColumn_.getTileCount() : 0);
 };
 
@@ skipping 55 matching lines @@
 
     if (this.newColumn_.isSuboptimal()) {
       layoutQueue = this.newColumn_.getTiles().concat(layoutQueue);
       this.newColumn_.retryWithLowerDensity();
       continue;
     }
 
     this.columns_.push(this.newColumn_);
     this.newColumn_ = null;
 
-    if (this.mode_ === Mosaic.Layout.MODE_FINAL) {
-      this.getLastColumn_().layout();
+    if (this.mode_ === Mosaic.Layout.MODE_FINAL && isFinalColumn) {
+      this.commit_();
       continue;
     }
 
     if (this.getWidth() > this.viewportWidth_) {
       // Viewport completely filled.
       if (this.density_.equals(this.maxDensity_)) {
         // Max density reached, commit if tentative, just continue if dry run.
         if (this.mode_ === Mosaic.Layout.MODE_TENTATIVE)
           this.commit_();
         continue;
@@ skipping 19 matching lines @@
 };
 
 /**
  * Commits the tentative layout.
  *
  * @param {number=} opt_offsetX Horizontal offset.
  * @param {number=} opt_offsetY Vertical offset.
  * @private
  */
 Mosaic.Layout.prototype.commit_ = function(opt_offsetX, opt_offsetY) {
-  console.assert(this.mode_ !== Mosaic.Layout.MODE_FINAL,
-      'Did not expect final layout');
   for (var i = 0; i !== this.columns_.length; i++) {
     this.columns_[i].layout(opt_offsetX, opt_offsetY);
   }
   this.mode_ = Mosaic.Layout.MODE_FINAL;
 };
 
 /**
  * Finds the most horizontally stretched layout built from the same tiles.
  *
  * The main layout algorithm fills the entire available viewport height.
@@ skipping 10 matching lines @@
   // If the layout aspect ratio is not dramatically different from
   // the viewport aspect ratio then there is no need to optimize.
   if (this.getWidth() / this.getHeight() >
       this.viewportWidth_ / this.viewportHeight_ * 0.9)
     return null;
 
   var tiles = this.getTiles();
   if (tiles.length === 1)
     return null;  // Single tile layout is always the same.
 
-  var tileHeights = tiles.map(function(t) { return t.getMaxContentHeight() });
+  var tileHeights = tiles.map(function(t) { return t.getMaxContentHeight(); });
   var minTileHeight = Math.min.apply(null, tileHeights);
 
   for (var h = minTileHeight; h < this.viewportHeight_; h += minTileHeight) {
     var layout = new Mosaic.Layout(
         Mosaic.Layout.MODE_DRY_RUN, this.density_.clone());
     layout.setViewportSize(this.viewportWidth_, h);
     for (var t = 0; t !== tiles.length; t++)
       layout.add(tiles[t], t + 1 === tiles.length);
 
     if (layout.getWidth() <= this.viewportWidth_)
@@ skipping 1040 matching lines @@
   return new Rect(this.left_ - this.container_.scrollLeft, this.top_,
       this.width_, this.height_).inflate(-margin, -margin);
 };
 
 /**
  * @return {number} X coordinate of the tile center.
  */
 Mosaic.Tile.prototype.getCenterX = function() {
   return this.left_ + Math.round(this.width_ / 2);
 };