Added "select all/none" checkbox.

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.
 
 // Setting the src of an img to an empty string can crash the browser, so we
 // use an empty 1x1 gif instead.
 const EMPTY_IMAGE_URI = 'data:image/gif;base64,'
         + 'R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D';
 
 var g_slideshow_data = null;
@@ skipping 621 matching lines @@
 
     this.document_.addEventListener('canExecute',
                                     this.onCanExecute_.bind(this));
     this.document_.addEventListener('command', this.onCommand_.bind(this));
   }
 
   /**
    * One-time initialization of dialogs.
    */
   FileManager.prototype.initDialogs_ = function() {
-    cr.ui.dialogs.BaseDialog.OK_LABEL = str('OK_LABEL');
-    cr.ui.dialogs.BaseDialog.CANCEL_LABEL = str('CANCEL_LABEL');
-    this.alert = new cr.ui.dialogs.AlertDialog(this.dialogDom_);
-    this.confirm = new cr.ui.dialogs.ConfirmDialog(this.dialogDom_);
-    this.prompt = new cr.ui.dialogs.PromptDialog(this.dialogDom_);
+    var d = cr.ui.dialogs;
+    d.BaseDialog.OK_LABEL = str('OK_LABEL');
+    d.BaseDialog.CANCEL_LABEL = str('CANCEL_LABEL');
+    this.alert = new d.AlertDialog(this.dialogDom_);
+    this.confirm = new d.ConfirmDialog(this.dialogDom_);
+    this.prompt = new d.PromptDialog(this.dialogDom_);
   };
 
   /**
    * One-time initialization of various DOM nodes.
    */
   FileManager.prototype.initDom_ = function() {
     // Cache nodes we'll be manipulating.
     this.previewThumbnails_ =
         this.dialogDom_.querySelector('.preview-thumbnails');
     this.previewPanel_ = this.dialogDom_.querySelector('.preview-panel');
@@ skipping 493 matching lines @@
         new cr.ui.table.TableColumn('cachedMtime_',
                                     str('DATE_COLUMN_LABEL'), 21)
     ];
 
     columns[0].renderFunction = this.renderName_.bind(this);
     columns[1].renderFunction = this.renderSize_.bind(this);
     columns[2].renderFunction = this.renderType_.bind(this);
     columns[3].renderFunction = this.renderDate_.bind(this);
 
     if (this.showCheckboxes_) {
-      columns.unshift(new cr.ui.table.TableColumn('checkbox_', '', 3));
+      columns.unshift(new cr.ui.table.TableColumn('checkbox_', '', 3.6));
       columns[0].renderFunction = this.renderCheckbox_.bind(this);
+      columns[0].headerRenderFunction =
+          this.renderCheckboxColumnHeader_.bind(this);
     }
 
     this.table_ = this.dialogDom_.querySelector('.detail-table');
     cr.ui.Table.decorate(this.table_);
 
     this.table_.selectionModel = new this.selectionModelClass_();
     this.table_.columnModel = new cr.ui.table.TableColumnModel(columns);
 
     this.table_.addEventListener(
         'dblclick', this.onDetailDoubleClick_.bind(this));
@@ skipping 365 matching lines @@
     if (this.selection && this.selection.entries.indexOf(entry) != -1) {
       // Our DOM nodes get discarded as soon as we're scrolled out of view,
       // so we have to make sure the check state is correct when we're brought
       // back to life.
       input.checked = true;
     }
 
     return input;
   };
 
+  FileManager.prototype.renderCheckboxColumnHeader_ = function(table) {
+    var input = this.document_.createElement('input');
+    input.setAttribute('type', 'checkbox');
+    input.setAttribute('tabindex', -1);
+    input.id = 'select-all-checkbox';
+    input.checked = this.areAllItemsSelected();
+
+    var self = this;
+    input.addEventListener('click', function(event) {
+      if (self.areAllItemsSelected())
+        table.selectionModel.unselectAll();
+      else
+        table.selectionModel.selectAll();
+      event.preventDefault();
+    });
+
+    return input;
+  };
+
+  /**
+   * Check if all items in the current list are selected.
+   * @return {boolean} True if all items are selected.
+   */
+  FileManager.prototype.areAllItemsSelected = function() {
+    return this.selection &&
+           this.dataModel_.length == this.selection.totalCount;
+  };
+
   /**
    * Insert a thumbnail image to fit/fill the container.
    *
    * Using webkit center packing does not align the image properly, so we need
    * to wait until the image loads and its proportions are known, then manually
    * position it at the center.
    *
    * @param {HTMLElement} parent
    * @param {HTMLImageElement} img
    * @param {string} url
@@ skipping 1255 matching lines @@
     if (this.selection.totalCount > 0) {
       // If more than one file is selected, make sure all checkboxes are lit
       // up.
       for (var i = 0; i < this.selection.entries.length; i++) {
         var selectedIndex = this.selection.indexes[i];
         var listItem = this.currentList_.getListItemByIndex(selectedIndex);
         if (listItem)
           listItem.querySelector('input[type="checkbox"]').checked = true;
       }
     }
+    var selectAllCheckbox =
+        this.document_.getElementById('select-all-checkbox');
+    if (selectAllCheckbox)
+      selectAllCheckbox.checked = this.areAllItemsSelected();
   };
 
   FileManager.prototype.updateOkButton_ = function(event) {
     var selectable;
 
     if (this.dialogType_ == FileManager.DialogType.SELECT_FOLDER) {
       selectable = this.selection.directoryCount == 1 &&
           this.selection.fileCount == 0;
     } else if (this.dialogType_ == FileManager.DialogType.SELECT_OPEN_FILE) {
       selectable = (this.selection.directoryCount == 0 &&
@@ skipping 982 matching lines @@
           });
       }, onError);
 
       function onError(err) {
         console.log('Error while checking free space: ' + err);
         setTimeout(doCheck, 1000 * 60);
       }
     }
   }
 })();