Files.app: Add a new column in table view to reflect cloud import status.

ui/file_manager/file_manager/foreground/js/file_manager.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.
 
 /**
  * FileManager constructor.
  *
  * FileManager objects encapsulate the functionality of the file selector
  * dialogs, as well as the full screen file manager application (though the
  * latter is not yet implemented).
@@ skipping 233 matching lines @@
   // --------------------------------------------------------------------------
   // Miscellaneous FileManager's states.
 
   /**
    * Queue for ordering FileManager's initialization process.
    * @type {!AsyncUtil.Group}
    * @private
    */
   this.initializeQueue_ = new AsyncUtil.Group();
 
+  /**
+   * Indicates whether cloud import is enabled.  This is initialized in
+   * #initSettings.
+   * @private {?boolean}
+   */
+  this.importEnabled_ = null;
+
   // Object.seal() has big performance/memory overhead for now, so we use
   // Object.preventExtensions() here. crbug.com/412239.
   Object.preventExtensions(this);
 }
 
 FileManager.prototype = /** @struct */ {
   __proto__: cr.EventTarget.prototype,
   /**
    * @return {DirectoryModel}
    */
@@ skipping 83 matching lines @@
    */
   get ui() {
     return this.ui_;
   }
 };
 
 // Anonymous "namespace".
 (function() {
   FileManager.prototype.initSettings_ = function(callback) {
     this.appStateController_ = new AppStateController(this.dialogType);
-    this.appStateController_.loadInitialViewOptions().then(callback);
+    var whenViewOptionsLoaded =
+        this.appStateController_.loadInitialViewOptions();
+    var whenImportFlagLoaded = importer.importEnabled().then(
+        function(enabled) {
+          this.importEnabled_ = enabled;
+        }.bind(this));
+
+    Promise.all([
+      whenViewOptionsLoaded,
+      whenImportFlagLoaded
+    ]).then(callback);
   };
 
   /**
    * One time initialization for the file system and related things.
    *
    * @param {function()} callback Completion callback.
    * @private
    */
   FileManager.prototype.initFileSystemUI_ = function(callback) {
     this.ui_.listContainer.startBatchUpdates();
@@ skipping 342 matching lines @@
     assert(this.dialogDom_);
 
     // Cache nodes we'll be manipulating.
     var dom = this.dialogDom_;
     assert(dom);
 
     // Initialize the dialog.
     FileManagerDialogBase.setFileManager(this);
 
     var table = queryRequiredElement(dom, '.detail-table');
-    // TODO(smckay): Work out the cloud import UI when in list view.
+    table.importEnabled = this.importEnabled_;
     FileTable.decorate(
         table,
         this.metadataCache_,
         this.volumeManager_,
+        this.historyLoader_,
         this.dialogType == DialogType.FULL_PAGE);
     var grid = queryRequiredElement(dom, '.thumbnail-grid');
     FileGrid.decorate(
         grid,
         this.metadataCache_,
         this.volumeManager_,
         this.historyLoader_);
 
     this.addHistoryObserver_();
 
@@ skipping 61 matching lines @@
     // Ignore any entry that isn't an immediate child of the
     // current directory.
     util.isChildEntry(event.entry, this.getCurrentDirectoryEntry())
         .then(
             /**
              * @param {boolean} isChild
              * @this {FileManager}
              */
             function(isChild) {
               if (isChild) {
-                // TODO(smckay): Update listview when that view is visible.
                 this.ui_.listContainer.grid.updateListItemsMetadata(
                     'import-history',
                     [event.entry]);
+                this.ui_.listContainer.table.updateListItemsMetadata(
+                    'import-history',
+                    [event.entry]);
               }
             }.bind(this));
   };
 
   /**
    * Constructs table and grid (heavy operation).
    * @private
    **/
   FileManager.prototype.initFileList_ = function() {
     var singleSelection =
@@ skipping 451 matching lines @@
       out += this.initializeQueue_.pendingTasks[key].toString() + '\n';
     }.bind(this));
 
     out += '2. VolumeManagerWrapper\n' +
         this.volumeManager_.toString() + '\n';
 
     out += 'End of debug information.';
     console.log(out);
   };
 })();