Clear passphrase/password input elements before loading the sync setup ui

chrome/browser/resources/options/sync_setup_overlay.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.
 
 cr.define('options', function() {
   const OptionsPage = options.OptionsPage;
 
   // Variable to track if a captcha challenge was issued. If this gets set to
   // true, it stays that way until we are told about successful login from
   // the browser.  This means subsequent errors (like invalid password) are
@@ skipping 354 matching lines @@
 
     // Called once, when this html/js is loaded.
     showConfigure_: function(args) {
       var datatypeSelect = document.getElementById('sync-select-datatypes');
       var self = this;
       datatypeSelect.onchange = function() {
         var syncAll = this.selectedIndex == 0;
         self.setCheckboxesToKeepEverythingSynced_(syncAll);
       };
 
+      this.resetPage_('sync-setup-configure');
       $('sync-setup-configure').hidden = false;
 
-      this.clearPassphraseInputs_();
-
       if (args) {
         if (!args['encryptionEnabled'])
           $('customize-sync-encryption').hidden = true;
         this.setCheckboxesAndErrors_(args);
 
         // Whether to display the 'Sync everything' confirmation page or the
         // customize data types page.
         var keepEverythingSynced = args['keepEverythingSynced'];
         this.usePassphrase_ = args['usePassphrase'];
         if (args['showSyncEverythingPage'] == false || this.usePassphrase_ ||
             keepEverythingSynced == false || args['show_passphrase']) {
           this.showCustomizePage_(args, keepEverythingSynced);
         } else {
           this.showSyncEverythingPage_();
         }
       }
     },
 
-    /**
-     * Clears the value of the custom passphrase inputs.
-     * @private
-     */
-    clearPassphraseInputs_: function() {
-      $('custom-passphrase').value = '';
-      $('confirm-passphrase').value = '';
-    },
-
     showSyncEverythingPage_: function() {
       $('confirm-sync-preferences').hidden = false;
       $('customize-sync-preferences').hidden = true;
-      this.clearPassphraseInputs_();
 
       // Reset the selection to 'Sync everything'.
       $('sync-select-datatypes').selectedIndex = 0;
 
       // The default state is to sync everything.
       this.setCheckboxesToKeepEverythingSynced_(true);
 
       // If the account is not synced with a custom passphrase, reset the
       // passphrase radio when switching to the 'Sync everything' page.
       if (!this.usePassphrase_) {
@@ skipping 19 matching lines @@
       $('sync-existing-passphrase-container').hidden = false;
 
       if (args["passphrase_creation_rejected"])
         $('passphrase-rejected-body').hidden = false;
       else
         $('normal-body').hidden = false;
 
       if (args["passphrase_setting_rejected"])
         $('incorrect-passphrase').hidden = false;
 
-      $('sync-passphrase-warning').innerHTML =
-          localStrings.getString('passphraseRecover');
+      $('sync-passphrase-warning').hidden = false;
 
       $('passphrase').focus();
     },
 
     showCustomizePage_: function(args, syncEverything) {
       $('confirm-sync-preferences').hidden = true;
       $('customize-sync-preferences').hidden = false;
 
       $('sync-custom-passphrase-container').hidden = false;
       $('sync-existing-passphrase-container').hidden = true;
@@ skipping 76 matching lines @@
       $('create-account-cell').hidden = true;
 
       // It's showtime for the captcha now.
       $('captcha-div').hidden = false;
       $('gaia-email').disabled = true;
       $('gaia-passwd').disabled = false;
       $('captcha-value').disabled = false;
       $('captcha-wrapper').style.backgroundImage = url(args.captchaUrl);
     },
 
+    /**
+     * Reset the state of all descendant elements of a root element to their
+     * initial state.
+     * The initial state is specified by adding a class to the descendant
+     * element in sync_setup_overlay.html.
+     * @param pageElementId The root page element id.
+     * @private
+     */
     resetPage_: function(pageElementId) {
       var page = $(pageElementId);
       var forEach = function(arr, fn) {
         var length = arr.length;
         for (var i = 0; i < length; i++) {
           fn(arr[i]);
         }
       };
 
       forEach(page.getElementsByClassName('reset-hidden'),
           function(elt) { elt.hidden = true; });
       forEach(page.getElementsByClassName('reset-shown'),
           function(elt) { elt.hidden = false; });
       forEach(page.getElementsByClassName('reset-disabled'),
           function(elt) { elt.disabled = true; });
       forEach(page.getElementsByClassName('reset-enabled'),
           function(elt) { elt.disabled = false; });
       forEach(page.getElementsByClassName('reset-visibility-hidden'),
           function(elt) { elt.style.visibility = 'hidden'; });
+      forEach(page.getElementsByClassName('reset-value'),
+          function(elt) { elt.value = ''; });
     },
 
     showGaiaLogin_: function(args) {
       this.resetPage_('sync-setup-login');
       $('sync-setup-login').hidden = false;
 
       var f = $('gaia-login-form');
       var email = $('gaia-email');
       var passwd = $('gaia-passwd');
       if (f) {
@@ skipping 150 matching lines @@
 
   SyncSetupOverlay.showSuccessAndSettingUp = function() {
     SyncSetupOverlay.getInstance().showSuccessAndSettingUp_();
   };
 
   // Export
   return {
     SyncSetupOverlay: SyncSetupOverlay
   };
 });