Quick View: Initial implementation of "No preview availale" and UI update.

ui/file_manager/file_manager/foreground/js/quick_view_controller.js

 // Copyright (c) 2016 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.
 
 /**
  * Controller for QuickView.
  *
  * @param {!FilesQuickView} quickView
  * @param {!MetadataModel} metadataModel File system metadata.
  * @param {!FileSelectionHandler} selectionHandler
@@ skipping 150 matching lines @@
  * @private
  */
 QuickViewController.prototype.updateQuickView_ = function() {
   assert(this.entries_.length > 0);
   // TODO(oka): Support multi-selection.
   this.quickViewModel_.setSelectedEntry(this.entries_[0]);
 
   var entry =
       (/** @type {!FileEntry} */ (this.quickViewModel_.getSelectedEntry()));
   assert(entry);
-  this.quickView_.filePath = entry.name;
-  return this.metadataModel_.get([entry], ['contentThumbnailUrl'])
+  return this.metadataModel_
+      .get(
+          [entry],
+          ['thumbnailUrl', 'contentThumbnailUrl', 'croppedThumbnailUrl'])

[fukino, 2016/06/17 02:35:13]

question: When do we need croppedThumbnailUrl?

[fukino, 2016/06/17 02:35:13]

I don't remember the exact implementation, but if we request contentThumbnailUrl
for Drive files, the file content will be downloaded. Is it intended?

[oka, 2016/06/17 23:13:54]

Avoided to use contentThumbnailUrl for Drive files.

[oka, 2016/06/17 23:13:54]

It worked without croppedThumbnailUrl. 

       .then(this.onMetadataLoaded_.bind(this, entry));
 };
 
 /**
  * Update quick view using file entry and loaded metadata.
  *
  * @param {!FileEntry} entry
  * @param {Array<MetadataItem>} items
  * @private
  */
 QuickViewController.prototype.onMetadataLoaded_ = function(entry, items) {
+  this.quickView_.clear();
+  this.quickView_.filePath = entry.name;
   var item = items[0];
   var type = FileType.getType(entry);
   var thumbnailUrl = item.thumbnailUrl || item.croppedThumbnailUrl;
   if (type.type === 'image') {
     if (item.externalFileUrl) {
       // TODO(oka): Support Drive.
     } else {
       var url = thumbnailUrl || entry.toURL();
-      this.quickView_.setImageURL(url);
+      this.quickView_.image = url;
     }
   } else if (type.type === 'video') {
     // TODO(oka): Set thumbnail.
     if (item.externalFileUrl) {
       // TODO(oka): Support Drive.
     } else {
       var url = entry.toURL();
-      this.quickView_.setVideoURL(url);
+      this.quickView_.video = url;
     }
-    this.quickView_.setVideoURL(entry.toURL());
   } else if (type.type === 'audio') {
-    this.quickView_.setAudioURL(entry.toURL());
-    // TODO(oka): Set thumbnail.
     if (item.externalFileUrl) {
       // TODO(oka): Support Drive.
     } else {
-      this.quickView_.setAudioURL(url);
+      var url = entry.toURL();
+      this.quickView_.audio = url;
     }
-    this.quickView_.setAudioURL(entry.toURL());
+    if (item.contentThumbnailUrl)
+      this.quickView_.contentThumbnailUrl = item.contentThumbnailUrl;
+  } else {
+    this.quickView_.unsupported = true;
   }
 };