Fix legacy UI in Files.app.

chrome/browser/resources/file_manager/js/file_selection.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.
 
 'use strict';
 
 /**
  * The current selection object.
  *
  * @param {FileManager} fileManager FileManager instance.
@@ skipping 71 matching lines @@
 
 /**
  * Computes the total size of selected files.
  *
  * @param {function} callback Completion callback. Not called when cancelled,
  *     or a new call has been invoked in the meantime.
  */
 FileSelection.prototype.computeBytes = function(callback) {
   if (this.entries.length == 0) {
     this.bytesKnown = true;
+    this.showBytes = false;
     this.bytes = 0;
     return;
   }
 
   var computeBytesSequence = ++this.computeBytesSequence_;
   var pendingMetadataCount = 0;
 
   var maybeDone = function() {
     if (pendingMetadataCount == 0) {
       this.bytesKnown = true;
@@ skipping 106 matching lines @@
     }
   }
 
   this.updateOkButton();
 
   if (this.selectionUpdateTimer_) {
     clearTimeout(this.selectionUpdateTimer_);
     this.selectionUpdateTimer_ = null;
   }
 
-  if (!indexes.length) {
+  if (!util.platform.newUI() && !indexes.length) {
     this.updatePreviewPanelVisibility_();
     this.updatePreviewPanelText_();
     this.fileManager_.updateContextMenuActionItems(null, false);
     return;
   }
 
   this.hideCalculating_();
 
   // The rest of the selection properties are computed via (sometimes lengthy)
   // asynchronous calls. We initiate these calls after a timeout. If the
@@ skipping 80 matching lines @@
 
 /**
  * Animates preview panel show/hide transitions.
  *
  * @private
  */
 FileSelectionHandler.prototype.updatePreviewPanelVisibility_ = function() {
   var panel = this.previewPanel_;
   var state = panel.getAttribute('visibility');
   var mustBeVisible = (this.selection.totalCount > 0);
+  if (util.platform.newUI()) {
+    mustBeVisible = (this.selection.totalCount > 0 ||
+        !PathUtil.isRootPath(this.fileManager_.getCurrentDirectory()));
+  }
   var self = this;
   var fm = this.fileManager_;
 
   var stopHidingAndShow = function() {
     clearTimeout(self.hidingTimeout_);
     self.hidingTimeout_ = 0;
     setVisibility('visible');
   };
 
   var startHiding = function() {
@@ skipping 40 matching lines @@
   return this.previewPanel_.getAttribute('visibility') != 'hidden';
 };
 
 /**
  * Update the selection summary in preview panel.
  *
  * @private
  */
 FileSelectionHandler.prototype.updatePreviewPanelText_ = function() {
   var selection = this.selection;
-  if (selection.totalCount == 0) {
-    // We dont want to change the string during preview panel animating away.
-    return;
+  if (!util.platform.newUI()) {
+    if (selection.totalCount == 0) {
+      // We dont want to change the string during preview panel animating
+      return;
+    }
+  } else {
+    if (selection.totalCount <= 1) {
+      // Hides the preview text if zero or one file is selected. We shows a
+      // breadcrumb list instead on the preview panel.
+      this.hideCalculating_();
+      this.previewText_.textContent = '';
+      return;
+    }
   }
 
   var text = '';
   if (selection.totalCount == 1) {
     text = selection.entries[0].name;
   } else if (selection.directoryCount == 0) {
     text = strf('MANY_FILES_SELECTED', selection.fileCount);
   } else if (selection.fileCount == 0) {
     text = strf('MANY_DIRECTORIES_SELECTED', selection.directoryCount);
   } else {
@@ skipping 78 matching lines @@
   if (this.fileManager_.dialogType == DialogType.FULL_PAGE &&
       selection.directoryCount == 0 && selection.fileCount > 0) {
     selection.createTasks(onTasks);
   } else {
     this.taskItems_.hidden = true;
   }
 
   // Update the UI.
   var wasVisible = this.isPreviewPanelVisibile_();
   this.updatePreviewPanelVisibility_();
-  this.updateSearchBreadcrumbs_();
+
+  if (util.platform.newUI() && selection.totalCount == 0) {
+    var path = this.fileManager_.getCurrentDirectory();
+    // Hides the breadcrumbs list on the root path.
+    if (PathUtil.isRootPath(path))
+      this.updatePreviewPanelBreadcrumbs_(null);
+    else
+      this.updatePreviewPanelBreadcrumbs_(path);
+    var entry = this.fileManager_.getCurrentDirectoryEntry();
+    this.showPreviewThumbnails_([entry]);
+    this.updatePreviewPanelText_();
+    return;
+  }
+
   this.fileManager_.updateContextMenuActionItems(null, false);
   if (!wasVisible && this.selection.totalCount == 1) {
     var list = this.fileManager_.getCurrentList();
     list.scrollIndexIntoView(list.selectionModel.selectedIndex);
   }
 
   // Sync the commands availability.
   var commands = this.fileManager_.dialogDom_.querySelectorAll('command');
   for (var i = 0; i < commands.length; i++)
     commands[i].canExecuteChange();
 
-  // Update the summary information.
-  var onBytes = function() {
-    if (this.selection != selection) return;
+  if (!util.platform.newUI()) {
+    this.updateSearchBreadcrumbs_();
+    // Update the summary information.
+    var onBytes = function() {
+      if (this.selection != selection) return;
+      this.updatePreviewPanelText_();
+    }.bind(this);
+    selection.computeBytes(onBytes);
     this.updatePreviewPanelText_();
-  }.bind(this);
-  selection.computeBytes(onBytes);
-  this.updatePreviewPanelText_();
+  } else {
+    if (selection.totalCount == 1) {
+      // Shows the breadcrumb list.
+      var firstEntry = selection.entries[0];
+      this.updatePreviewPanelBreadcrumbs_(firstEntry.fullPath);
+      this.updatePreviewPanelText_();
+    } else {
+      this.updatePreviewPanelBreadcrumbs_(null);
+
+      // Update the summary information.
+      var onBytes = function() {
+        if (this.selection != selection) return;
+        this.updatePreviewPanelText_();
+      }.bind(this);
+      selection.computeBytes(onBytes);
+      this.updatePreviewPanelText_();
+    }
+  }
 
   // Inform tests it's OK to click buttons now.
   chrome.test.sendMessage('selection-change-complete');
 
   // Show thumbnails.
-  this.showPreviewThumbnails_(selection);
+  this.showPreviewThumbnails_(selection.entries);
 };
 
 /**
  * Renders preview thumbnails in preview panel.
  *
- * @param {FileSelection} selection The selection object.
+ * @param {Array.<FileEntry>} entries The entries of selected object.
  * @private
  */
-FileSelectionHandler.prototype.showPreviewThumbnails_ = function(selection) {
+FileSelectionHandler.prototype.showPreviewThumbnails_ = function(entries) {
+  var selection = this.selection;
   var thumbnails = [];
   var thumbnailCount = 0;
   var thumbnailLoaded = -1;
   var forcedShowTimeout = null;
   var thumbnailsHaveZoom = false;
   var self = this;
 
   var showThumbnails = function() {
     // have-zoom class may be updated twice: then timeout exceeds and then
     // then all images loaded.
@@ skipping 23 matching lines @@
     if (thumbnailLoaded == thumbnailCount)
       showThumbnails();
   };
 
   var thumbnailClickHandler = function() {
     if (selection.tasks)
       selection.tasks.executeDefault();
   };
 
   var doc = this.fileManager_.document_;
-  for (var i = 0; i < selection.entries.length; i++) {
-    var entry = selection.entries[i];
+  for (var i = 0; i < entries.length; i++) {
+    var entry = entries[i];
 
     if (thumbnailCount < FileSelectionHandler.MAX_PREVIEW_THUMBNAIL_COUNT) {
       var box = doc.createElement('div');
       box.className = 'thumbnail';
       if (thumbnailCount == 0) {
         var zoomed = doc.createElement('div');
         zoomed.hidden = true;
         thumbnails.push(zoomed);
         var onFirstThumbnailLoaded = function(img, transform) {
           if (img && self.decorateThumbnailZoom_(zoomed, img, transform)) {
@@ skipping 35 matching lines @@
   FileGrid.decorateThumbnailBox(thumbnail,
                                 entry,
                                 this.fileManager_.metadataCache_,
                                 ThumbnailLoader.FillMode.FILL,
                                 ThumbnailLoader.OptimizationMode.NEVER_DISCARD,
                                 callback);
   return thumbnail;
 };
 
 /**
- * Updates the search breadcrumbs.
+ * Updates the breadcrumbs in the preview panel.
+ *
+ * @param {?string} path Path to be shown in the breadcrumbs list
+ * @private
+ */
+FileSelectionHandler.prototype.updatePreviewPanelBreadcrumbs_ = function(path) {
+  if (!path)
+    this.searchBreadcrumbs_.hide();
+  else
+    this.searchBreadcrumbs_.show(PathUtil.getRootPath(path), path);
+};
+
+/**
+ * Updates the search breadcrumbs. This method should not be used in the new ui.
  *
  * @private
  */
 FileSelectionHandler.prototype.updateSearchBreadcrumbs_ = function() {
   var selectedIndexes =
       this.fileManager_.getCurrentList().selectionModel.selectedIndexes;
   if (selectedIndexes.length !== 1 ||
       !this.fileManager_.directoryModel_.isSearching()) {
     this.searchBreadcrumbs_.hide();
     return;
@@ skipping 71 matching lines @@
   style.left = (boxWidth - imageWidth) / 2 + 'px';
   style.top = (boxHeight - imageHeight) / 2 + 'px';
   style.position = 'relative';
 
   util.applyTransform(largeImage, transform);
 
   largeImageBox.appendChild(largeImage);
   largeImageBox.style.zIndex = 1000;
   return true;
 };