Add warning message to downloads directory

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 149 matching lines @@
 (function() {
 
   // Private variables and helper functions.
 
   /**
    * Unicode codepoint for 'BLACK RIGHT-POINTING SMALL TRIANGLE'.
    */
   const RIGHT_TRIANGLE = '\u25b8';
 
   /**
-   * The DirectoryEntry.fullPath value of the Downloads directory.
-   */
-  const DOWNLOADS_DIRECTORY = '/Downloads';
-
-  /**
    * The DirectoryEntry.fullPath value of the directory containing externally
    * mounted removable storage volumes.
    */
   const REMOVABLE_DIRECTORY = '/removable';
 
   /**
    * The DirectoryEntry.fullPath value of the directory containing externally
    * mounted archive file volumes.
    */
   const ARCHIVE_DIRECTORY = '/archive';
 
   /**
+   * The DirectoryEntry.fullPath value of the downloads directory.
+   */
+  const DOWNLOADS_DIRECTORY = '/Downloads';
+
+  /**
+   * Height of the downloads folder warning, in px.
+   */
+  const DOWNLOADS_WARNING_HEIGHT = '57px';
+
+  /**
+   * Location of the FAQ about the downloads directory.
+   */
+  const DOWNLOADS_FAQ_URL = 'http://www.google.com/support/chromeos/bin/' +
+      'answer.py?hl=en&answer=1061547';
+
+  /**
    * Mnemonics for the second parameter of the changeDirectory method.
    */
   const CD_WITH_HISTORY = true;
   const CD_NO_HISTORY = false;
 
   /**
    * Mnemonics for the recurse parameter of the copyFiles method.
    */
   const CP_RECURSE = true;
   const CP_NO_RECURSE = false;
@@ skipping 362 matching lines @@
     this.previewSummary_ = this.dialogDom_.querySelector('.preview-summary');
     this.previewMetadata_ = this.dialogDom_.querySelector('.preview-metadata');
     this.filenameInput_ = this.dialogDom_.querySelector('.filename-input');
     this.taskButtons_ = this.dialogDom_.querySelector('.task-buttons');
     this.okButton_ = this.dialogDom_.querySelector('.ok');
     this.cancelButton_ = this.dialogDom_.querySelector('.cancel');
     this.newFolderButton_ = this.dialogDom_.querySelector('.new-folder');
     this.copyButton_ = this.dialogDom_.querySelector('.clipboard-copy');
     this.pasteButton_ = this.dialogDom_.querySelector('.clipboard-paste');
 
+    this.downloadsWarning_ =
+        this.dialogDom_.querySelector('.downloads-warning');
+    var html = util.htmlUnescape(strf('DOWNLOADS_DIRECTORY_WARNING',
+                                      DOWNLOADS_FAQ_URL));
+    // TODO(rginda): Fix this string in the grd file to include the target
+    // attribute, post R14.
+    html = html.replace('<a href=', '<a target=new_ href=');
+    this.downloadsWarning_.lastElementChild.innerHTML = html;
+
     this.document_.addEventListener('keydown', this.onKeyDown_.bind(this));
 
     this.descriptionTable_ =
         this.dialogDom_.querySelector('.preview-metadata-table');
 
     this.renameInput_ = this.document_.createElement('input');
     this.renameInput_.className = 'rename';
 
     this.renameInput_.addEventListener(
         'keydown', this.onRenameInputKeyDown_.bind(this));
@@ skipping 420 matching lines @@
     }
   };
 
   /**
    * Respond to the back button.
    */
   FileManager.prototype.onPopState_ = function(event) {
     this.changeDirectory(event.state, CD_NO_HISTORY);
   };
 
+  FileManager.prototype.requestResize_ = function(timeout) {
+    var self = this;
+    setTimeout(function() { self.onResize_() }, timeout || 0);
+  };
+
   /**
    * 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';
@@ skipping 1321 matching lines @@
    *
    * @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);
     }
 
+    if (this.currentDirEntry_.fullPath.substr(0, DOWNLOADS_DIRECTORY.length) ==
+        DOWNLOADS_DIRECTORY) {
+      if (this.downloadsWarning_.style.height != DOWNLOADS_WARNING_HEIGHT) {
+        // Current path starts with DOWNLOADS_DIRECTORY, show the warning.
+        this.downloadsWarning_.style.height = DOWNLOADS_WARNING_HEIGHT;
+        this.requestResize_(100);
+      }
+    } else {
+      if (this.downloadsWarning_.style.height != '0') {
+        this.downloadsWarning_.style.height = '0';
+        this.requestResize_(100);
+      }
+    }
+
     this.updateCommands_();
     this.updateOkButton_();
 
     // New folder should never be enabled in the root or media/ directories.
     this.newFolderButton_.disabled = isSystemDirEntry(this.currentDirEntry_);
 
     this.document_.title = this.currentDirEntry_.fullPath;
 
     var self = this;
     this.rescanDirectory_(function() {
@@ skipping 41 matching lines @@
 
       // Splice takes the to-be-spliced-in array as individual parameters,
       // rather than as an array, so we need to perform some acrobatics...
       var spliceArgs = [].slice.call(entries);
 
       // Hide files that start with a dot ('.').
       // TODO(rginda): User should be able to override this.  Support for other
       // commonly hidden patterns might be nice too.
       if (self.filterFiles_) {
         spliceArgs = spliceArgs.filter(function(e) {
-            return e.name.substr(0, 1) != '.';
-          });
+          return e.name.substr(0, 1) != '.';
+        });
       }
 
       spliceArgs.unshift(0, 0);  // index, deleteCount
       self.dataModel_.splice.apply(self.dataModel_, spliceArgs);
 
       // Keep reading until entries.length is 0.
       reader.readEntries(onReadSome);
     };
 
     // Updated when a user clicks on the label of a file, used to detect
@@ skipping 583 matching lines @@
 
     if (msg) {
       console.log('no no no');
       this.alert.show(msg, onAccept);
       return false;
     }
 
     return true;
   };
 })();