Quick View: Format metadata.

ui/file_manager/file_manager/foreground/js/metadata_box_controller.js

Index: ui/file_manager/file_manager/foreground/js/metadata_box_controller.js
diff --git a/ui/file_manager/file_manager/foreground/js/metadata_box_controller.js b/ui/file_manager/file_manager/foreground/js/metadata_box_controller.js
index f3fc4e8e68aae79e364f2c1d9fcd8208bcc36347..4b6220035e0094f06384f96481faecb66d557a74 100644
--- a/ui/file_manager/file_manager/foreground/js/metadata_box_controller.js
+++ b/ui/file_manager/file_manager/foreground/js/metadata_box_controller.js
@@ -9,11 +9,13 @@
  * @param{!FilesMetadataBox} metadataBox
  * @param{!FilesQuickView} quickView
  * @param{!QuickViewModel} quickViewModel
+ * @param{!FileMetadataFormatter} fileMetadataFormatter
  *
  * @constructor
  */
 function MetadataBoxController(
-    metadataModel, metadataBox, quickView, quickViewModel) {
+    metadataModel, metadataBox, quickView, quickViewModel,
+    fileMetadataFormatter) {
   /**
    * @type {!MetadataModel}
    * @private
@@ -32,6 +34,12 @@ function MetadataBoxController(
    */
   this.quickView_ = quickView;
 
+  /**
+   * @type {!FileMetadataFormatter}
+   * @private
+   */
+  this.fileMetadataFormatter_ = fileMetadataFormatter;
+
   // TODO(oka): Add storage to persist the value of
   // quickViewModel_.metadataBoxActive.
   /**
@@ -40,6 +48,9 @@ function MetadataBoxController(
    */
   this.quickViewModel_ = quickViewModel;
 
+  fileMetadataFormatter.addEventListener(
+      'date-time-format-changed', this.updateView_.bind(this));
+
   quickView.addEventListener(
       'metadata-box-active-changed', this.updateView_.bind(this));
 
@@ -64,8 +75,13 @@ MetadataBoxController.prototype.updateView_ = function() {
   if (!this.quickView_.metadataBoxActive) {
     return;
   }
-  var entry = assert(this.quickViewModel_.getSelectedEntry());
-  this.metadataModel_.get([entry], MetadataBoxController.GENERAL_METADATA_NAME)
+  var entry = this.quickViewModel_.getSelectedEntry();
+  if (!entry)
+    return;
+  this.metadataModel_
+      .get(
+          [entry],
+          MetadataBoxController.GENERAL_METADATA_NAME.concat(['hosted']))
       .then(this.onGeneralMetadataLoaded_.bind(this, entry));
 
   // TODO(oka): Add file type specific metadata.
@@ -80,10 +96,13 @@ MetadataBoxController.prototype.updateView_ = function() {
  */
 MetadataBoxController.prototype.onGeneralMetadataLoaded_ = function(
     entry, items) {
-  // TODO(oka): Format size and modificationTime using fileMetadataFormatter.
   var item = items[0];
-  if (item.size)
-    this.metadataBox_.size = item.size;
-  if (item.modificationTime)
-    this.metadataBox_.modificationTime = item.modificationTime;
+  if (item.size) {
+    this.metadataBox_.size =
+        this.fileMetadataFormatter_.formatSize(item.size, item.hosted);
+  }
+  if (item.modificationTime) {
+    this.metadataBox_.modificationTime =
+        this.fileMetadataFormatter_.formatModDate(item.modificationTime);
+  }
 };