file manager: respect back/fwd buttons

chrome/browser/resources/file_manager/js/file_manager.js

 // Copyright (c) 2011 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.
 
 // WK Bug 55728 is fixed on the chrome 12 branch but not on the trunk.
 // TODO(rginda): Enable this everywhere once we have a trunk-worthy fix.
 const ENABLE_EXIF_READER = navigator.userAgent.match(/chrome\/12\.0/i);
 
 // Thumbnail view is painful without the exif reader.
 const ENABLE_THUMBNAIL_VIEW = ENABLE_EXIF_READER;
@@ skipping 34 matching lines @@
 
   this.document_ = dialogDom.ownerDocument;
   this.dialogType_ =
     this.params_.type || FileManager.DialogType.FULL_PAGE;
 
   this.defaultPath_ = this.params_.defaultPath || '/';
 
   // DirectoryEntry representing the current directory of the dialog.
   this.currentDirEntry_ = null;
 
+  window.addEventListener('popstate', this.onPopState_.bind(this));
   this.addEventListener('directory-changed',
                         this.onDirectoryChanged_.bind(this));
   this.addEventListener('selection-summarized',
                         this.onSelectionSummarized_.bind(this));
 
   this.initDom_();
   this.initDialogType_();
 
   this.onDetailSelectionChanged_();
 
@@ skipping 487 matching lines @@
 
     this.table_.selectionModel = new this.selectionModelClass_();
     this.table_.columnModel = new cr.ui.table.TableColumnModel(columns);
 
     this.table_.addEventListener(
         'dblclick', this.onDetailDoubleClick_.bind(this));
     this.table_.selectionModel.addEventListener(
         'change', this.onDetailSelectionChanged_.bind(this));
   };
 
+  /**
+   * Respond to the back button.
+   */
+  FileManager.prototype.onPopState_ = function(event) {
+    this.changeDirectory(event.state, false);
+  };
+
+  /**
+   * Resize details and thumb views to fit the new window size.
+   */
   FileManager.prototype.onResize_ = function() {
     this.table_.style.height = this.grid_.style.height =
       this.grid_.parentNode.clientHeight + 'px';
     this.table_.style.width = this.grid_.style.width =
       this.grid_.parentNode.clientWidth + 'px';
 
     this.table_.list_.style.width = this.table_.parentNode.clientWidth + 'px';
     this.table_.list_.style.height = (this.table_.clientHeight - 1 -
                                       this.table_.header_.clientHeight) + 'px';
 
@@ skipping 575 matching lines @@
     setTimeout(function() { callback(iconType, entry.toURL()) });
   };
 
   /**
    * Change the current directory.
    *
    * Dispatches the 'directory-changed' event when the directory is successfully
    * changed.
    *
    * @param {string} path The absolute path to the new directory.
+   * @param {bool} opt_saveHistory Save this in the history stack (defaults
+   *     to true).
    */
-  FileManager.prototype.changeDirectory = function(path) {
+  FileManager.prototype.changeDirectory = function(path, opt_saveHistory) {
     var self = this;
 
+    if (arguments.length == 1) {
+      opt_saveHistory = true;
+    } else {
+      opt_saveHistory = !!opt_saveHistory;
+    }
+
     function onPathFound(dirEntry) {
       if (self.currentDirEntry_ &&
           self.currentDirEntry_.fullPath == dirEntry.fullPath) {
         // Directory didn't actually change.
         return;
       }
 
       var e = new cr.Event('directory-changed');
       e.previousDirEntry = self.currentDirEntry_;
       e.newDirEntry = dirEntry;
+      e.saveHistory = opt_saveHistory;
       self.currentDirEntry_ = dirEntry;
       self.dispatchEvent(e);
     };
 
     if (path == '/')
       return onPathFound(this.filesystem_.root);
 
     this.filesystem_.root.getDirectory(
         path, {create: false}, onPathFound,
         function(err) {
@@ skipping 121 matching lines @@
       this.onOk_();
 
   };
 
   /**
    * Update the UI when the current directory changes.
    *
    * @param {cr.Event} event The directory-changed event.
    */
   FileManager.prototype.onDirectoryChanged_ = function(event) {
+    if (event.saveHistory) {
+      history.pushState(this.currentDirEntry_.fullPath,
+                        this.currentDirEntry_.fullPath,
+                        location.href);
+    }
+    this.document_.title = this.currentDirEntry_.fullPath;
     this.rescanDirectory_();
   };
 
   /**
    * Update the UI when a disk is mounted or unmounted.
    *
    * @param {string} path The path that has been mounted or unmounted.
    */
   FileManager.prototype.onDiskChanged_ = function(event) {
     // TODO(rginda): Please check and wire handling of other data passed here.
@@ skipping 252 matching lines @@
     } else if (this.dialogType_ == FileManager.DialogType.SELECT_OPEN_FILE) {
       if (!this.selection.leadEntry.isFile)
         throw new Error('Selected entry is not a file!');
     }
 
     chrome.fileBrowserPrivate.selectFile(ary[0], 0);
     window.close();
   };
 
 })();