WIP: run clang-format-js on lots of things

chrome/browser/resources/settings/people_page/sync_page.js

 // Copyright 2015 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.
 
 (function() {
 
-/**
- * Names of the radio buttons which allow the user to choose their encryption
- * mechanism.
- * @enum {string}
- */
-var RadioButtonNames = {
-  ENCRYPT_WITH_GOOGLE: 'encrypt-with-google',
-  ENCRYPT_WITH_PASSPHRASE: 'encrypt-with-passphrase',
-};
-
-/**
- * Names of the individual data type properties to be cached from
- * settings.SyncPrefs when the user checks 'Sync All'.
- * @type {!Array<string>}
- */
-var SyncPrefsIndividualDataTypes = [
-  'appsSynced',
-  'extensionsSynced',
-  'preferencesSynced',
-  'autofillSynced',
-  'typedUrlsSynced',
-  'themesSynced',
-  'bookmarksSynced',
-  'passwordsSynced',
-  'tabsSynced',
-  'paymentsIntegrationEnabled',
-];
-
-/**
- * @fileoverview
- * 'settings-sync-page' is the settings page containing sync settings.
- *
- * Example:
- *
- *    <iron-animated-pages>
- *      <settings-sync-page></settings-sync-page>
- *      ... other pages ...
- *    </iron-animated-pages>
- */
-Polymer({
-  is: 'settings-sync-page',
-
-  behaviors: [
-    WebUIListenerBehavior,
-    settings.RouteObserverBehavior,
-  ],
-
-  properties: {
-    /** @private */
-    pages: {
-      type: Object,
-      value: settings.PageStatus,
-      readOnly: true,
-    },
-
-    /**
-     * The current page status. Defaults to |CONFIGURE| such that the searching
-     * algorithm can search useful content when the page is not visible to the
-     * user.
-     * @private {?settings.PageStatus}
-     */
-    pageStatus_: {
-      type: String,
-      value: settings.PageStatus.CONFIGURE,
-    },
-
-    /**
-     * The current sync preferences, supplied by SyncBrowserProxy.
-     * @type {settings.SyncPrefs|undefined}
-     */
-    syncPrefs: {
-      type: Object,
-    },
-
-    /**
-     * Caches the individually selected synced data types. This is used to
-     * be able to restore the selections after checking and unchecking Sync All.
-     * @private
-     */
-    cachedSyncPrefs_: {
-      type: Object,
-    },
-
-    /**
-     * Whether the "create passphrase" inputs should be shown. These inputs
-     * give the user the opportunity to use a custom passphrase instead of
-     * authenticating with their Google credentials.
-     * @private
-     */
-    creatingNewPassphrase_: {
-      type: Boolean,
-      value: false,
-    },
-
-    /**
-     * The passphrase input field value.
-     * @private
-     */
-    passphrase_: {
-      type: String,
-      value: '',
-    },
-
-    /**
-     * The passphrase confirmation input field value.
-     * @private
-     */
-    confirmation_: {
-      type: String,
-      value: '',
-    },
-
-    /**
-     * The existing passphrase input field value.
-     * @private
-     */
-    existingPassphrase_: {
-      type: String,
-      value: '',
-    },
-
-    /** @private {!settings.SyncBrowserProxy} */
-    browserProxy_: {
-      type: Object,
-      value: function() {
-        return settings.SyncBrowserProxyImpl.getInstance();
-      },
-    },
-
-    /**
-     * The unload callback is needed because the sign-in flow needs to know
-     * if the user has closed the tab with the sync settings. This property is
-     * non-null if the user is currently navigated on the sync settings route.
-     * @private {Function}
-     */
-    unloadCallback_: {
-      type: Object,
-      value: null,
-    },
-  },
-
-  /** @override */
-  attached: function() {
-    this.addWebUIListener('page-status-changed',
-                          this.handlePageStatusChanged_.bind(this));
-    this.addWebUIListener('sync-prefs-changed',
-                          this.handleSyncPrefsChanged_.bind(this));
-
-    if (settings.getCurrentRoute() == settings.Route.SYNC)
-      this.onNavigateToPage_();
-  },
-
-  /** @override */
-  detached: function() {
-    if (settings.getCurrentRoute() == settings.Route.SYNC)
-      this.onNavigateAwayFromPage_();
-  },
-
-  /** @protected */
-  currentRouteChanged: function() {
-    if (settings.getCurrentRoute() == settings.Route.SYNC)
-      this.onNavigateToPage_();
-    else
-      this.onNavigateAwayFromPage_();
-  },
-
   /**
+   * Names of the radio buttons which allow the user to choose their encryption
+   * mechanism.
+   * @enum {string}
+   */
+  var RadioButtonNames = {
+    ENCRYPT_WITH_GOOGLE: 'encrypt-with-google',
+    ENCRYPT_WITH_PASSPHRASE: 'encrypt-with-passphrase',
+  };
+
+  /**
+   * Names of the individual data type properties to be cached from
+   * settings.SyncPrefs when the user checks 'Sync All'.
+   * @type {!Array<string>}
+   */
+  var SyncPrefsIndividualDataTypes = [
+    'appsSynced',
+    'extensionsSynced',
+    'preferencesSynced',
+    'autofillSynced',
+    'typedUrlsSynced',
+    'themesSynced',
+    'bookmarksSynced',
+    'passwordsSynced',
+    'tabsSynced',
+    'paymentsIntegrationEnabled',
+  ];
+
+  /**
+   * @fileoverview
+   * 'settings-sync-page' is the settings page containing sync settings.
+   *
+   * Example:
+   *
+   *    <iron-animated-pages>
+   *      <settings-sync-page></settings-sync-page>
+   *      ... other pages ...
+   *    </iron-animated-pages>
+   */
+  Polymer({
+    is: 'settings-sync-page',
+
+    behaviors: [
+      WebUIListenerBehavior,
+      settings.RouteObserverBehavior,
+    ],
+
+    properties: {
+      /** @private */
+      pages: {
+        type: Object,
+        value: settings.PageStatus,
+        readOnly: true,
+      },
+
+      /**
+       * The current page status. Defaults to |CONFIGURE| such that the
+       * searching
+       * algorithm can search useful content when the page is not visible to the
+       * user.
+       * @private {?settings.PageStatus}
+       */
+      pageStatus_: {
+        type: String,
+        value: settings.PageStatus.CONFIGURE,
+      },
+
+      /**
+       * The current sync preferences, supplied by SyncBrowserProxy.
+       * @type {settings.SyncPrefs|undefined}
+       */
+      syncPrefs: {
+        type: Object,
+      },
+
+      /**
+       * Caches the individually selected synced data types. This is used to
+       * be able to restore the selections after checking and unchecking Sync
+       * All.
+       * @private
+       */
+      cachedSyncPrefs_: {
+        type: Object,
+      },
+
+      /**
+       * Whether the "create passphrase" inputs should be shown. These inputs
+       * give the user the opportunity to use a custom passphrase instead of
+       * authenticating with their Google credentials.
+       * @private
+       */
+      creatingNewPassphrase_: {
+        type: Boolean,
+        value: false,
+      },
+
+      /**
+       * The passphrase input field value.
+       * @private
+       */
+      passphrase_: {
+        type: String,
+        value: '',
+      },
+
+      /**
+       * The passphrase confirmation input field value.
+       * @private
+       */
+      confirmation_: {
+        type: String,
+        value: '',
+      },
+
+      /**
+       * The existing passphrase input field value.
+       * @private
+       */
+      existingPassphrase_: {
+        type: String,
+        value: '',
+      },
+
+      /** @private {!settings.SyncBrowserProxy} */
+      browserProxy_: {
+        type: Object,
+        value: function() {
+          return settings.SyncBrowserProxyImpl.getInstance();
+        },
+      },
+
+      /**
+       * The unload callback is needed because the sign-in flow needs to know
+       * if the user has closed the tab with the sync settings. This property is
+       * non-null if the user is currently navigated on the sync settings route.
+       * @private {Function}
+       */
+      unloadCallback_: {
+        type: Object,
+        value: null,
+      },
+    },
+
+    /** @override */
+    attached: function() {
+      this.addWebUIListener(
+          'page-status-changed', this.handlePageStatusChanged_.bind(this));
+      this.addWebUIListener(
+          'sync-prefs-changed', this.handleSyncPrefsChanged_.bind(this));
+
+      if (settings.getCurrentRoute() == settings.Route.SYNC)
+        this.onNavigateToPage_();
+    },
+
+    /** @override */
+    detached: function() {
+      if (settings.getCurrentRoute() == settings.Route.SYNC)
+        this.onNavigateAwayFromPage_();
+    },
+
+    /** @protected */
+    currentRouteChanged: function() {
+      if (settings.getCurrentRoute() == settings.Route.SYNC)
+        this.onNavigateToPage_();
+      else
+        this.onNavigateAwayFromPage_();
+    },
+
+    /**
    * @param {!settings.PageStatus} expectedPageStatus
    * @return {boolean}
    * @private
    */
-  isStatus_: function(expectedPageStatus) {
-    return expectedPageStatus == this.pageStatus_;
-  },
-
-  /** @private */
-  onNavigateToPage_: function() {
-    assert(settings.getCurrentRoute() == settings.Route.SYNC);
-
-    if (this.unloadCallback_)
-      return;
-
-    // Display loading page until the settings have been retrieved.
-    this.pageStatus_ = settings.PageStatus.SPINNER;
-
-    this.browserProxy_.didNavigateToSyncPage();
-
-    this.unloadCallback_ = this.onNavigateAwayFromPage_.bind(this);
-    window.addEventListener('unload', this.unloadCallback_);
-  },
-
-  /** @private */
-  onNavigateAwayFromPage_: function() {
-    if (!this.unloadCallback_)
-      return;
-
-    // Reset the status to CONFIGURE such that the searching algorithm can
-    // search useful content when the page is not visible to the user.
-    this.pageStatus_ = settings.PageStatus.CONFIGURE;
-
-    this.browserProxy_.didNavigateAwayFromSyncPage();
-
-    window.removeEventListener('unload', this.unloadCallback_);
-    this.unloadCallback_ = null;
-  },
-
-  /**
-   * Handler for when the sync preferences are updated.
-   * @private
-   */
-  handleSyncPrefsChanged_: function(syncPrefs) {
-    this.syncPrefs = syncPrefs;
-    this.pageStatus_ = settings.PageStatus.CONFIGURE;
-
-    // If autofill is not registered or synced, force Payments integration off.
-    if (!this.syncPrefs.autofillRegistered || !this.syncPrefs.autofillSynced)
-      this.set('syncPrefs.paymentsIntegrationEnabled', false);
-
-    // Hide the new passphrase box if the sync data has been encrypted.
-    if (this.syncPrefs.encryptAllData)
-      this.creatingNewPassphrase_ = false;
-  },
-
-  /**
-   * Handler for when the sync all data types checkbox is changed.
-   * @param {!Event} event
-   * @private
-   */
-  onSyncAllDataTypesChanged_: function(event) {
-    if (event.target.checked) {
-      this.set('syncPrefs.syncAllDataTypes', true);
-
-      // Cache the previously selected preference before checking every box.
-      this.cachedSyncPrefs_ = {};
-      for (var dataType of SyncPrefsIndividualDataTypes) {
-        // These are all booleans, so this shallow copy is sufficient.
-        this.cachedSyncPrefs_[dataType] = this.syncPrefs[dataType];
-
-        this.set(['syncPrefs', dataType], true);
+    isStatus_: function(expectedPageStatus) {
+      return expectedPageStatus == this.pageStatus_;
+    },
+
+    /** @private */
+    onNavigateToPage_: function() {
+      assert(settings.getCurrentRoute() == settings.Route.SYNC);
+
+      if (this.unloadCallback_)
+        return;
+
+      // Display loading page until the settings have been retrieved.
+      this.pageStatus_ = settings.PageStatus.SPINNER;
+
+      this.browserProxy_.didNavigateToSyncPage();
+
+      this.unloadCallback_ = this.onNavigateAwayFromPage_.bind(this);
+      window.addEventListener('unload', this.unloadCallback_);
+    },
+
+    /** @private */
+    onNavigateAwayFromPage_: function() {
+      if (!this.unloadCallback_)
+        return;
+
+      // Reset the status to CONFIGURE such that the searching algorithm can
+      // search useful content when the page is not visible to the user.
+      this.pageStatus_ = settings.PageStatus.CONFIGURE;
+
+      this.browserProxy_.didNavigateAwayFromSyncPage();
+
+      window.removeEventListener('unload', this.unloadCallback_);
+      this.unloadCallback_ = null;
+    },
+
+    /**
+     * Handler for when the sync preferences are updated.
+     * @private
+     */
+    handleSyncPrefsChanged_: function(syncPrefs) {
+      this.syncPrefs = syncPrefs;
+      this.pageStatus_ = settings.PageStatus.CONFIGURE;
+
+      // If autofill is not registered or synced, force Payments integration
+      // off.
+      if (!this.syncPrefs.autofillRegistered || !this.syncPrefs.autofillSynced)
+        this.set('syncPrefs.paymentsIntegrationEnabled', false);
+
+      // Hide the new passphrase box if the sync data has been encrypted.
+      if (this.syncPrefs.encryptAllData)
+        this.creatingNewPassphrase_ = false;
+    },
+
+    /**
+     * Handler for when the sync all data types checkbox is changed.
+     * @param {!Event} event
+     * @private
+     */
+    onSyncAllDataTypesChanged_: function(event) {
+      if (event.target.checked) {
+        this.set('syncPrefs.syncAllDataTypes', true);
+
+        // Cache the previously selected preference before checking every box.
+        this.cachedSyncPrefs_ = {};
+        for (var dataType of SyncPrefsIndividualDataTypes) {
+          // These are all booleans, so this shallow copy is sufficient.
+          this.cachedSyncPrefs_[dataType] = this.syncPrefs[dataType];
+
+          this.set(['syncPrefs', dataType], true);
+        }
+      } else if (this.cachedSyncPrefs_) {
+        // Restore the previously selected preference.
+        for (dataType of SyncPrefsIndividualDataTypes) {
+          this.set(['syncPrefs', dataType], this.cachedSyncPrefs_[dataType]);
+        }
       }
-    } else if (this.cachedSyncPrefs_) {
-      // Restore the previously selected preference.
-      for (dataType of SyncPrefsIndividualDataTypes) {
-        this.set(['syncPrefs', dataType], this.cachedSyncPrefs_[dataType]);
-      }
-    }
-
-    this.onSingleSyncDataTypeChanged_();
-  },
-
-  /**
-   * Handler for when any sync data type checkbox is changed (except autofill).
-   * @private
-   */
-  onSingleSyncDataTypeChanged_: function() {
-    assert(this.syncPrefs);
-    this.browserProxy_.setSyncDatatypes(this.syncPrefs).then(
-        this.handlePageStatusChanged_.bind(this));
-  },
-
-  /** @private */
-  onManageSyncedDataTap_: function() {
-    window.open(loadTimeData.getString('syncDashboardUrl'));
-  },
-
-  /**
-   * Handler for when the autofill data type checkbox is changed.
-   * @private
-   */
-  onAutofillDataTypeChanged_: function() {
-    this.set('syncPrefs.paymentsIntegrationEnabled',
-             this.syncPrefs.autofillSynced);
-
-    this.onSingleSyncDataTypeChanged_();
-  },
-
-  /**
+
+      this.onSingleSyncDataTypeChanged_();
+    },
+
+    /**
+     * Handler for when any sync data type checkbox is changed (except
+     * autofill).
+     * @private
+     */
+    onSingleSyncDataTypeChanged_: function() {
+      assert(this.syncPrefs);
+      this.browserProxy_.setSyncDatatypes(this.syncPrefs)
+          .then(this.handlePageStatusChanged_.bind(this));
+    },
+
+    /** @private */
+    onManageSyncedDataTap_: function() {
+      window.open(loadTimeData.getString('syncDashboardUrl'));
+    },
+
+    /**
+     * Handler for when the autofill data type checkbox is changed.
+     * @private
+     */
+    onAutofillDataTypeChanged_: function() {
+      this.set(
+          'syncPrefs.paymentsIntegrationEnabled',
+          this.syncPrefs.autofillSynced);
+
+      this.onSingleSyncDataTypeChanged_();
+    },
+
+    /**
    * @param {string} passphrase The passphrase input field value
    * @param {string} confirmation The passphrase confirmation input field value.
    * @return {boolean} Whether the passphrase save button should be enabled.
    * @private
    */
-  isSaveNewPassphraseEnabled_: function(passphrase, confirmation) {
-    return passphrase !== '' && confirmation !== '';
-  },
-
-  /**
-   * Sends the newly created custom sync passphrase to the browser.
-   * @private
-   */
-  onSaveNewPassphraseTap_: function() {
-    assert(this.creatingNewPassphrase_);
-
-    // If a new password has been entered but it is invalid, do not send the
-    // sync state to the API.
-    if (!this.validateCreatedPassphrases_())
-      return;
-
-    this.syncPrefs.encryptAllData = true;
-    this.syncPrefs.setNewPassphrase = true;
-    this.syncPrefs.passphrase = this.passphrase_;
-
-    this.browserProxy_.setSyncEncryption(this.syncPrefs).then(
-        this.handlePageStatusChanged_.bind(this));
-  },
-
-  /**
-   * Sends the user-entered existing password to re-enable sync.
-   * @private
-   */
-  onSubmitExistingPassphraseTap_: function() {
-    assert(!this.creatingNewPassphrase_);
-
-    this.syncPrefs.setNewPassphrase = false;
-
-    this.syncPrefs.passphrase = this.existingPassphrase_;
-    this.existingPassphrase_ = '';
-
-    this.browserProxy_.setSyncEncryption(this.syncPrefs).then(
-        this.handlePageStatusChanged_.bind(this));
-  },
-
-  /**
-   * Called when the page status updates.
-   * @param {!settings.PageStatus} pageStatus
-   * @private
-   */
-  handlePageStatusChanged_: function(pageStatus) {
-    switch (pageStatus) {
-      case settings.PageStatus.SPINNER:
-      case settings.PageStatus.TIMEOUT:
-      case settings.PageStatus.CONFIGURE:
-        this.pageStatus_ = pageStatus;
+    isSaveNewPassphraseEnabled_: function(passphrase, confirmation) {
+      return passphrase !== '' && confirmation !== '';
+    },
+
+    /**
+     * Sends the newly created custom sync passphrase to the browser.
+     * @private
+     */
+    onSaveNewPassphraseTap_: function() {
+      assert(this.creatingNewPassphrase_);
+
+      // If a new password has been entered but it is invalid, do not send the
+      // sync state to the API.
+      if (!this.validateCreatedPassphrases_())
         return;
-      case settings.PageStatus.DONE:
-        if (settings.getCurrentRoute() == settings.Route.SYNC)
-          settings.navigateTo(settings.Route.PEOPLE);
-        return;
-      case settings.PageStatus.PASSPHRASE_FAILED:
-        if (this.pageStatus_ == this.pages.CONFIGURE &&
-            this.syncPrefs && this.syncPrefs.passphraseRequired) {
-          this.$$('#existingPassphraseInput').invalid = true;
-        }
-        return;
-    }
-
-    assertNotReached();
-  },
-
-  /**
-   * Called when the encryption
-   * @private
-   */
-  onEncryptionRadioSelectionChanged_: function(event) {
-    this.creatingNewPassphrase_ =
-        event.target.selected == RadioButtonNames.ENCRYPT_WITH_PASSPHRASE;
-  },
-
-  /**
-   * Computed binding returning the selected encryption radio button.
-   * @private
-   */
-  selectedEncryptionRadio_: function() {
-    return this.syncPrefs.encryptAllData || this.creatingNewPassphrase_ ?
-        RadioButtonNames.ENCRYPT_WITH_PASSPHRASE :
-        RadioButtonNames.ENCRYPT_WITH_GOOGLE;
-  },
-
-  /**
-   * Computed binding returning text of the prompt for entering the passphrase.
-   * @private
-   */
-  enterPassphrasePrompt_: function() {
-    if (this.syncPrefs && this.syncPrefs.passphraseTypeIsCustom)
-      return this.syncPrefs.enterPassphraseBody;
-
-    return this.syncPrefs.enterGooglePassphraseBody;
-  },
-
-  /**
+
+      this.syncPrefs.encryptAllData = true;
+      this.syncPrefs.setNewPassphrase = true;
+      this.syncPrefs.passphrase = this.passphrase_;
+
+      this.browserProxy_.setSyncEncryption(this.syncPrefs)
+          .then(this.handlePageStatusChanged_.bind(this));
+    },
+
+    /**
+     * Sends the user-entered existing password to re-enable sync.
+     * @private
+     */
+    onSubmitExistingPassphraseTap_: function() {
+      assert(!this.creatingNewPassphrase_);
+
+      this.syncPrefs.setNewPassphrase = false;
+
+      this.syncPrefs.passphrase = this.existingPassphrase_;
+      this.existingPassphrase_ = '';
+
+      this.browserProxy_.setSyncEncryption(this.syncPrefs)
+          .then(this.handlePageStatusChanged_.bind(this));
+    },
+
+    /**
+     * Called when the page status updates.
+     * @param {!settings.PageStatus} pageStatus
+     * @private
+     */
+    handlePageStatusChanged_: function(pageStatus) {
+      switch (pageStatus) {
+        case settings.PageStatus.SPINNER:
+        case settings.PageStatus.TIMEOUT:
+        case settings.PageStatus.CONFIGURE:
+          this.pageStatus_ = pageStatus;
+          return;
+        case settings.PageStatus.DONE:
+          if (settings.getCurrentRoute() == settings.Route.SYNC)
+            settings.navigateTo(settings.Route.PEOPLE);
+          return;
+        case settings.PageStatus.PASSPHRASE_FAILED:
+          if (this.pageStatus_ == this.pages.CONFIGURE && this.syncPrefs &&
+              this.syncPrefs.passphraseRequired) {
+            this.$$('#existingPassphraseInput').invalid = true;
+          }
+          return;
+      }
+
+      assertNotReached();
+    },
+
+    /**
+     * Called when the encryption
+     * @private
+     */
+    onEncryptionRadioSelectionChanged_: function(event) {
+      this.creatingNewPassphrase_ =
+          event.target.selected == RadioButtonNames.ENCRYPT_WITH_PASSPHRASE;
+    },
+
+    /**
+     * Computed binding returning the selected encryption radio button.
+     * @private
+     */
+    selectedEncryptionRadio_: function() {
+      return this.syncPrefs.encryptAllData || this.creatingNewPassphrase_ ?
+          RadioButtonNames.ENCRYPT_WITH_PASSPHRASE :
+          RadioButtonNames.ENCRYPT_WITH_GOOGLE;
+    },
+
+    /**
+     * Computed binding returning text of the prompt for entering the
+     * passphrase.
+     * @private
+     */
+    enterPassphrasePrompt_: function() {
+      if (this.syncPrefs && this.syncPrefs.passphraseTypeIsCustom)
+        return this.syncPrefs.enterPassphraseBody;
+
+      return this.syncPrefs.enterGooglePassphraseBody;
+    },
+
+    /**
    * @param {boolean} syncAllDataTypes
    * @param {boolean} enforced
    * @return {boolean} Whether the sync checkbox should be disabled.
    */
-  shouldSyncCheckboxBeDisabled_: function(syncAllDataTypes, enforced) {
-    return syncAllDataTypes || enforced;
-  },
-
-  /**
+    shouldSyncCheckboxBeDisabled_: function(syncAllDataTypes, enforced) {
+      return syncAllDataTypes || enforced;
+    },
+
+    /**
    * @param {boolean} syncAllDataTypes
    * @param {boolean} autofillSynced
    * @return {boolean} Whether the sync checkbox should be disabled.
    */
-  shouldPaymentsCheckboxBeDisabled_: function(
-      syncAllDataTypes, autofillSynced) {
-    return syncAllDataTypes || !autofillSynced;
-  },
-
-  /**
+    shouldPaymentsCheckboxBeDisabled_: function(
+        syncAllDataTypes, autofillSynced) {
+      return syncAllDataTypes || !autofillSynced;
+    },
+
+    /**
    * Checks the supplied passphrases to ensure that they are not empty and that
    * they match each other. Additionally, displays error UI if they are invalid.
    * @return {boolean} Whether the check was successful (i.e., that the
    *     passphrases were valid).
    * @private
    */
-  validateCreatedPassphrases_: function() {
-    var emptyPassphrase = !this.passphrase_;
-    var mismatchedPassphrase = this.passphrase_ != this.confirmation_;
-
-    this.$$('#passphraseInput').invalid = emptyPassphrase;
-    this.$$('#passphraseConfirmationInput').invalid =
-        !emptyPassphrase && mismatchedPassphrase;
-
-    return !emptyPassphrase && !mismatchedPassphrase;
-  },
-
-  /**
-   * @param {!Event} event
-   * @private
-   */
-  onLearnMoreTap_: function(event) {
-    if (event.target.tagName == 'A') {
-      // Stop the propagation of events, so that clicking on links inside
-      // checkboxes or radio buttons won't change the value.
-      event.stopPropagation();
+    validateCreatedPassphrases_: function() {
+      var emptyPassphrase = !this.passphrase_;
+      var mismatchedPassphrase = this.passphrase_ != this.confirmation_;
+
+      this.$$('#passphraseInput').invalid = emptyPassphrase;
+      this.$$('#passphraseConfirmationInput').invalid =
+          !emptyPassphrase && mismatchedPassphrase;
+
+      return !emptyPassphrase && !mismatchedPassphrase;
+    },
+
+    /**
+     * @param {!Event} event
+     * @private
+     */
+    onLearnMoreTap_: function(event) {
+      if (event.target.tagName == 'A') {
+        // Stop the propagation of events, so that clicking on links inside
+        // checkboxes or radio buttons won't change the value.
+        event.stopPropagation();
+      }
     }
-  }
-});
+  });
 
 })();