Gallery: Start to use new metadata model in Gallery.

ui/file_manager/gallery/js/ribbon.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.
 
 /**
  * Scrollable thumbnail ribbon at the bottom of the Gallery in the Slide mode.
  *
  * @param {!Document} document Document.
  * @param {!cr.ui.ArrayDataModel} dataModel Data model.
  * @param {!cr.ui.ListSelectionModel} selectionModel Selection model.
+ * @param {!ThumbnailModel} thumbnailModel
  * @extends {HTMLDivElement}
  * @constructor
  * @suppress {checkStructDictInheritance}
  * @struct
  */
-function Ribbon(document, dataModel, selectionModel) {
+function Ribbon(document, dataModel, selectionModel, thumbnailModel) {
   if (this instanceof Ribbon) {
     return Ribbon.call(/** @type {Ribbon} */ (document.createElement('div')),
-        document, dataModel, selectionModel);
+        document, dataModel, selectionModel, thumbnailModel);
   }
 
   this.__proto__ = Ribbon.prototype;
   this.className = 'ribbon';
 
   /**
-   * @type {!cr.ui.ArrayDataModel}
-   * @private
+   * @private {!cr.ui.ArrayDataModel}
+   * @const
    */
   this.dataModel_ = dataModel;
 
   /**
-   * @type {!cr.ui.ListSelectionModel}
-   * @private
+   * @private {!cr.ui.ListSelectionModel}
+   * @const
    */
   this.selectionModel_ = selectionModel;
 
   /**
+   * @private {!ThumbnailModel}
+   * @const
+   */
+  this.thumbnailModel_ = thumbnailModel;
+
+  /**
    * @type {!Object}
    * @private
    */
   this.renderCache_ = {};
 
   /**
    * @type {number}
    * @private
    */
   this.firstVisibleIndex_ = 0;
@@ skipping 334 matching lines @@
 };
 
 /**
  * Set the thumbnail image.
  *
  * @param {!Element} thumbnail Thumbnail element.
  * @param {!Gallery.Item} item Gallery item.
  * @private
  */
 Ribbon.prototype.setThumbnailImage_ = function(thumbnail, item) {
-  var loader = new ThumbnailLoader(
-      item.getEntry(),
-      ThumbnailLoader.LoaderType.IMAGE,
-      item.getMetadata());
-  loader.load(
-      thumbnail.querySelector('.image-wrapper'),
-      ThumbnailLoader.FillMode.FILL /* fill */,
-      ThumbnailLoader.OptimizationMode.NEVER_DISCARD);
+  this.thumbnailModel_.get([item.getEntry()]).then(function(metadataList) {
+    var loader = new ThumbnailLoader(
+        item.getEntry(),
+        ThumbnailLoader.LoaderType.IMAGE,
+        metadataList[0]);
+    loader.load(
+        thumbnail.querySelector('.image-wrapper'),
+        ThumbnailLoader.FillMode.FILL /* fill */,
+        ThumbnailLoader.OptimizationMode.NEVER_DISCARD);
+  });
 };
 
 /**
  * Content change handler.
  *
  * @param {!Event} event Event.
  * @private
  */
 Ribbon.prototype.onContentChange_ = function(event) {
   var url = event.item.getEntry().toURL();
@@ skipping 11 matching lines @@
  * @param {string} oldUrl Old url.
  * @param {string} newUrl New url.
  * @private
  */
 Ribbon.prototype.remapCache_ = function(oldUrl, newUrl) {
   if (oldUrl != newUrl && (oldUrl in this.renderCache_)) {
     this.renderCache_[newUrl] = this.renderCache_[oldUrl];
     delete this.renderCache_[oldUrl];
   }
 };