[FileBrowser] Added newfolder button.

BUG=138417


Review URL: https://chromiumcodereview.appspot.com/10827316

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@151495 0039d316-1c4b-4281-b951-d872f2087c98

chrome/browser/resources/file_manager/css/file_manager.css

@@ -1546,3 +1546,7 @@ body:not([ctrl-pressing]) [visibleif='ctrl'] {
 button:focus {
   outline-color: rgb(77, 144, 254);
 }
+
+#new-folder {
+  margin-right: 30px;
+}

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

@@ -670,6 +670,9 @@ FileManager.prototype = {
     this.defaultActionMenuItem_.addEventListener('activate',
         this.dispatchSelectionAction_.bind(this));
 
+    this.dialogDom_.querySelector('#new-folder').addEventListener('click',
+      this.onNewFolderCommand_.bind(this));
+
     this.fileTypeSelector_ = this.dialogDom_.querySelector('#file-type');
     this.initFileTypeFilter_();
     // Populate the static localized strings.
@@ -2056,7 +2059,7 @@ FileManager.prototype = {
    * nothing if no item is being renamed or such an item disappeared.
    *
    * While refreshing file list it gets repopulated with new file entries.
-   * There is not a big difference wether DOM items stay the same or not.
+   * There is not a big difference whether DOM items stay the same or not.
    * Except for the item that the user is renaming.
    */
   FileManager.prototype.restoreItemBeingRenamed_ = function() {

chrome/browser/resources/file_manager/main.html

@@ -231,6 +231,8 @@
       </div>
     </div>
     <div class=dialog-footer invisibleif="full-page">
+      <button id="new-folder" i18n-content=NEW_FOLDER_BUTTON_LABEL
+              visibleif="saveas-file">[NEW FOLDER]</button>
       <div id="filename-input-box">
         <div class=filename-label i18n-content=FILENAME_LABEL>[FILENAME]</div>
         <input type=text spellcheck=false>