DOMUI: Several fixes for AutoFill page.

chrome/browser/resources/options/autofill_options.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;
 
   // The offset of the first profile in either the address list or the credit
   // card list. Consists of the header and the horizontal rule.
   const profileOffset = 2;
@@ skipping 19 matching lines @@
   cr.addSingletonGetter(AutoFillOptions);
 
   AutoFillOptions.prototype = {
     __proto__: OptionsPage.prototype,
 
     initializePage: function() {
       OptionsPage.prototype.initializePage.call(this);
 
       var self = this;
       $('profileList').onchange = function(event) {
-        self.updateRemoveButtonState_();
+        self.updateButtonState_();
       };
       $('addAddressButton').onclick = function(event) {
-        OptionsPage.showOverlay('autoFillEditAddressOverlay');
+        self.showAddAddressOverlay_();
       };
       $('addCreditCardButton').onclick = function(event) {
-        OptionsPage.showOverlay('autoFillEditCreditCardOverlay');
+        self.showAddCreditCardOverlay_();
       };
 
       Preferences.getInstance().addEventListener('autofill.enabled',
-          cr.bind(self.updateButtonState_, self));
+          cr.bind(self.updateEnabledState_, self));
     },
 
     /**
      * Sets the enabled state of the button controls based on the current state
      * of the |autoFillEnabled| checkbox.
      * @private
      */
-    updateButtonState_: function() {
+    updateEnabledState_: function() {
       var checkbox = $('autoFillEnabled');
       $('addAddressButton').disabled = $('addCreditCardButton').disabled =
           $('editButton').disabled = $('autoFillRemoveButton').disabled =
               !checkbox.checked;
     },
 
     /**
+     * Shows the 'Add address' overlay, specifically by loading the
+     * 'Edit address' overlay, emptying the input fields and modifying the
+     * overlay title.
+     * @private
+     */
+    showAddAddressOverlay_: function() {
+      var title = localStrings.getString('addAddressTitle');
+      AutoFillEditAddressOverlay.setTitle(title);
+      AutoFillEditAddressOverlay.clearInputFields();
+      OptionsPage.showOverlay('autoFillEditAddressOverlay');
+    },
+
+    /**
+     * Shows the 'Add credit card' overlay, specifically by loading the
+     * 'Edit credit card' overlay, emptying the input fields and modifying the
+     * overlay title.
+     * @private
+     */
+    showAddCreditCardOverlay_: function() {
+      var title = localStrings.getString('addCreditCardTitle');
+      AutoFillEditCreditCardOverlay.setTitle(title);
+      AutoFillEditCreditCardOverlay.clearInputFields();
+      OptionsPage.showOverlay('autoFillEditCreditCardOverlay');
+    },
+
+    /**
      * Resets the address list. This method leaves the header and horizontal
      * rule unchanged.
      * @private
      */
     resetAddresses_: function() {
       var profiles = $('profileList');
       for (var i = 0; i <  this.numAddresses; ++i)
         profiles.remove(profileOffset);
     },
 
@@ skipping 19 matching lines @@
       profileList = $('profileList');
       var blankAddress =
           profileList.options[profileOffset + this.numAddresses];
       this.numAddresses = addresses.length;
       for (var i = 0; i < this.numAddresses; i++) {
         var address = addresses[i];
         var option = new Option(address['label']);
         profileList.add(option, blankAddress);
       }
 
-      this.updateRemoveButtonState_();
+      this.updateButtonState_();
     },
 
     /**
      * Updates the credit card list with the given entries.
      * @private
      * @param {Array} creditCards List of credit cards.
      */
     updateCreditCards_: function(creditCards) {
       this.resetCreditCards_();
       profileList = $('profileList');
       this.numCreditCards = creditCards.length;
       for (var i = 0; i < this.numCreditCards; i++) {
         var creditCard = creditCards[i];
         var option = new Option(creditCard['label']);
         profileList.add(option, null);
       }
 
-      this.updateRemoveButtonState_();
+      this.updateButtonState_();
     },
 
     /**
-     * Sets the enabled state of the AutoFill Remove button based on the current
-     * selection in the profile list.
+     * Sets the enabled state of the AutoFill Edit and Remove buttons based on
+     * the current selection in the profile list.
      * @private
      */
-    updateRemoveButtonState_: function() {
-      $('autoFillRemoveButton').disabled =
+    updateButtonState_: function() {
+      $('autoFillRemoveButton').disabled = $('autoFillEditButton').disabled =
           ($('profileList').selectedIndex == -1);
     },
   };
 
   AutoFillOptions.updateAddresses = function(addresses) {
     AutoFillOptions.getInstance().updateAddresses_(addresses);
   };
 
   AutoFillOptions.updateCreditCards = function(creditCards) {
     AutoFillOptions.getInstance().updateCreditCards_(creditCards);
   };
 
   // Export
   return {
     AutoFillOptions: AutoFillOptions
   };
 
 });