DOMUI: Clean up importer.

chrome/browser/resources/options/import_data_overlay.js

 // Copyright (c) 2010 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.
 
 cr.define('options', function() {
 
   var OptionsPage = options.OptionsPage;
 
   /**
    * ImportDataOverlay class
    * Encapsulated handling of the 'Import Data' overlay page.
    * @class
    */
   function ImportDataOverlay() {
-    OptionsPage.call(this, 'importDataOverlay',
+    OptionsPage.call(this,
+                     'importDataOverlay',
                      templateData.import_data_title,
-                     'importDataOverlay');
+                     'import-data-overlay');
   }
 
   ImportDataOverlay.throbIntervalId = 0;
 
   cr.addSingletonGetter(ImportDataOverlay);
 
   ImportDataOverlay.prototype = {
     // Inherit from OptionsPage.
     __proto__: OptionsPage.prototype,
 
     /**
      * Initialize the page.
      */
     initializePage: function() {
-      // Call base class implementation to starts preference initialization.
+      // Call base class implementation to start preference initialization.
       OptionsPage.prototype.initializePage.call(this);
 
       var self = this;
       var checkboxes =
           document.querySelectorAll('#import-checkboxes input[type=checkbox]');
       for (var i = 0; i < checkboxes.length; i++) {
         checkboxes[i].onchange = function() {
           self.validateCommitButton_();
         };
       }
 
       $('import-browsers').onchange = function() {
         self.updateCheckboxes_();
         self.validateCommitButton_();
-      }
+      };
 
       $('import-data-commit').onclick = function() {
         chrome.send('importData', [
             String($('import-browsers').selectedIndex),
             String($('import-history').checked),
             String($('import-favorites').checked),
             String($('import-passwords').checked),
             String($('import-search').checked)]);
-      }
+      };
 
       $('import-data-cancel').onclick = function() {
         ImportDataOverlay.dismiss();
-      }
+      };
+
+      // Form controls are disabled until the profile list has been loaded.
+      self.setControlsSensitive_(false);
     },
 
     /**
      * Set enabled and checked state of the commit button.
      * @private
      */
     validateCommitButton_: function() {
       var somethingToImport =
           $('import-history').checked || $('import-favorites').checked ||
           $('import-passwords').checked || $('import-search').checked;
       $('import-data-commit').disabled = !somethingToImport;
     },
 
     /**
+     * Sets the sensitivity of all the checkboxes and the commit button.
+     * @private
+     */
+    setControlsSensitive_: function(sensitive) {
+      var checkboxes =
+          document.querySelectorAll('#import-checkboxes input[type=checkbox]');
+      for (var i = 0; i < checkboxes.length; i++)
+        this.setUpCheckboxState_(checkboxes[i], sensitive);
+      $('import-data-commit').disabled = !sensitive;
+    },
+
+    /**
      * Set enabled and checked states a checkbox element.
      * @param {Object} checkbox A checkbox element.
      * @param {boolean} enabled The enabled state of the chekbox.
      * @private
      */
     setUpCheckboxState_: function(checkbox, enabled) {
       checkbox.disabled = !enabled;
       checkbox.checked = enabled;
     },
 
@@ skipping 16 matching lines @@
      * @param {array} browsers List of supported browsers name.
      * @private
      */
     updateSupportedBrowsers_: function(browsers) {
       ImportDataOverlay.browserProfiles = browsers;
       var browserSelect = $('import-browsers');
       browserSelect.textContent = '';
       var browserCount = browsers.length;
 
       if (browserCount == 0) {
-        var option = new Option(templateData.no_profile_found, 0);
+        var option = new Option(templateData.noProfileFound, 0);
         browserSelect.appendChild(option);
 
-        var checkboxes =
-            document.querySelectorAll(
-                '#import-checkboxes input[type=checkbox]');
-        for (var i = 0; i < checkboxes.length; i++) {
-          this.setUpCheckboxState_(checkboxes[i], false);
-        }
+        this.setControlsSensitive_(false);
       } else {
+        this.setControlsSensitive_(true);
         for (var i = 0; i < browserCount; i++) {
           var browser = browsers[i]
           var option = new Option(browser['name'], browser['index']);
           browserSelect.appendChild(option);
         }
 
         this.updateCheckboxes_();
         this.validateCommitButton_();
       }
     },
@@ skipping 45 matching lines @@
     ImportDataOverlay.setImportingState(false);
     OptionsPage.clearOverlays();
   }
 
   // Export
   return {
     ImportDataOverlay: ImportDataOverlay
   };
 
 });