Gallery: Start to use new metadata model in Gallery.

ui/file_manager/gallery/js/slide_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.
 
 /**
  * Slide mode displays a single image and has a set of controls to navigate
  * between the images and to edit an image.
  *
  * @param {!HTMLElement} container Main container element.
  * @param {!HTMLElement} content Content container element.
  * @param {!HTMLElement} toolbar Toolbar element.
  * @param {!ImageEditor.Prompt} prompt Prompt.
  * @param {!ErrorBanner} errorBanner Error banner.
  * @param {!cr.ui.ArrayDataModel} dataModel Data model.
  * @param {!cr.ui.ListSelectionModel} selectionModel Selection model.
+ * @param {!MetadataModel} metadataModel
+ * @param {!ThumbnailModel} thumbnailModel
  * @param {!Object} context Context.
  * @param {!VolumeManager} volumeManager Volume manager.
  * @param {function(function())} toggleMode Function to toggle the Gallery mode.
  * @param {function(string):string} displayStringFunction String formatting
  *     function.
+
  * @constructor
  * @struct
  * @suppress {checkStructDictInheritance}
  * @extends {cr.EventTarget}
  */
 function SlideMode(container, content, toolbar, prompt, errorBanner, dataModel,
-    selectionModel, context, volumeManager, toggleMode, displayStringFunction) {
+    selectionModel, metadataModel, thumbnailModel, context, volumeManager,
+    toggleMode, displayStringFunction) {
   /**
    * @type {!HTMLElement}
    * @private
    * @const
    */
   this.container_ = container;
 
   /**
    * @type {!Document}
    * @private
@@ skipping 292 matching lines @@
    * @const
    */
   this.ribbonSpacer_ = queryRequiredElement(this.toolbar_, '.ribbon-spacer');
 
   /**
    * @type {!Ribbon}
    * @private
    * @const
    */
   this.ribbon_ = new Ribbon(
-      this.document_, this.dataModel_, this.selectionModel_);
+      this.document_, this.dataModel_, this.selectionModel_, thumbnailModel);
   this.ribbonSpacer_.appendChild(this.ribbon_);
 
   util.createChild(this.container_, 'spinner');
 
   /**
    * @type {!HTMLElement}
    * @const
    */
   var slideShowButton = queryRequiredElement(this.toolbar_, 'button.slideshow');
   slideShowButton.title = this.displayStringFunction_('GALLERY_SLIDESHOW');
@@ skipping 70 matching lines @@
    */
   this.viewport_ = new Viewport();
 
   /**
    * @type {!ImageView}
    * @private
    * @const
    */
   this.imageView_ = new ImageView(
       this.imageContainer_,
-      this.viewport_);
+      this.viewport_,
+      metadataModel);
 
   /**
    * @type {!ImageEditor}
    * @private
    * @const
    */
   this.editor_ = new ImageEditor(
       this.viewport_,
       this.imageView_,
       this.prompt_,
@@ skipping 544 matching lines @@
  * @param {function(number, number)} loadCallback Called when the image is fully
  *     loaded.
  * @param {number} loadType Load type.
  * @param {number} delay Delay.
  * @param {*=} opt_error Error.
  * @private
  */
 SlideMode.prototype.itemLoaded_ = function(
     item, loadCallback, loadType, delay, opt_error) {
   var entry = item.getEntry();
-  var metadata = item.getMetadata();
 
   this.showSpinner_(false);
   if (loadType === ImageView.LoadType.ERROR) {
     // if we have a specific error, then display it
     if (opt_error) {
       this.errorBanner_.show(/** @type {string} */ (opt_error));
     } else {
       // otherwise try to infer general error
       this.errorBanner_.show('GALLERY_IMAGE_ERROR');
     }
   } else if (loadType === ImageView.LoadType.OFFLINE) {
     this.errorBanner_.show('GALLERY_IMAGE_OFFLINE');
   }
 
   ImageUtil.metrics.recordUserAction(ImageUtil.getMetricName('View'));
 
   var toMillions = function(number) {
     return Math.round(number / (1000 * 1000));
   };
 
   ImageUtil.metrics.recordSmallCount(ImageUtil.getMetricName('Size.MB'),
-      toMillions(metadata.filesystem.size));
+      toMillions(item.getMetadataItem().size));
 
   var canvas = this.imageView_.getCanvas();
   ImageUtil.metrics.recordSmallCount(ImageUtil.getMetricName('Size.MPix'),
       toMillions(canvas.width * canvas.height));
 
   var extIndex = entry.name.lastIndexOf('.');
   var ext = extIndex < 0 ? '' :
       entry.name.substr(extIndex + 1).toLowerCase();
   if (ext === 'jpeg') ext = 'jpg';
   ImageUtil.metrics.recordEnum(
@@ skipping 836 matching lines @@
   var event = assertInstanceof(event, MouseEvent);
   var viewport = this.slideMode_.getViewport();
   if (!this.enabled_ || !viewport.isZoomed())
     return;
   this.stopOperation();
   viewport.setOffset(
       viewport.getOffsetX() + event.wheelDeltaX,
       viewport.getOffsetY() + event.wheelDeltaY);
   this.slideMode_.applyViewportChange();
 };