MD Settings: Remove iron-pages usage from <settings-sync-page>.

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 his encryption
  * mechanism.
  * @enum {string}
@@ skipping 43 matching lines @@
 
   properties: {
     /** @private */
     pages: {
       type: Object,
       value: settings.PageStatus,
       readOnly: true,
     },
 
     /**
-     * The curerntly displayed page.
+     * 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}
      */
-    selectedPage_: {
+    pageStatus_: {
       type: String,
-      value: settings.PageStatus.SPINNER,
+      value: settings.PageStatus.CONFIGURE,
     },
 
     /**
      * The current sync preferences, supplied by SyncBrowserProxy.
      * @type {settings.SyncPrefs|undefined}
      */
     syncPrefs: {
       type: Object,
     },
 
@@ skipping 58 matching lines @@
   currentRouteChanged: function() {
     if (!this.isAttached)
       return;
 
     if (settings.getCurrentRoute() == settings.Route.SYNC)
       this.onNavigateToPage_();
     else
       this.onNavigateAwayFromPage_();
   },
 
+  /**
+   * @param {!settings.PageStatus} pageStatus
+   * @return {boolean}
+   * @private
+   */
+  isStatus_: function(pageStatus) {

[tommycli, 2016/08/11 23:03:32]

err maybe make this argument name expectedPageStatus or something to
disambiguate.

[dpapad, 2016/08/12 00:58:43]

Done.

+    return pageStatus == this.pageStatus_;
+  },
+
   /** @private */
   onNavigateToPage_: function() {
     // The element is not ready for C++ interaction until it is attached.
     assert(this.isAttached);
     assert(settings.getCurrentRoute() == settings.Route.SYNC);
 
     if (this.unloadCallback_)
       return;
 
     // Display loading page until the settings have been retrieved.
-    this.selectedPage_ = settings.PageStatus.SPINNER;
+    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.selectedPage_ = settings.PageStatus.CONFIGURE;
+    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;
   },
 
@@ skipping 90 matching lines @@
   /**
    * 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.selectedPage_ = pageStatus;
+        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.selectedPage_ == this.pages.CONFIGURE &&
+        if (this.pageStatus_ == this.pages.CONFIGURE &&
             this.syncPrefs && this.syncPrefs.passphraseRequired) {
           this.$$('#existingPassphraseInput').invalid = true;
         }
         return;
     }
 
     assertNotReached();
   },
 
   /**
@@ skipping 65 matching lines @@
 
     passphraseInput.invalid = emptyPassphrase;
     passphraseConfirmationInput.invalid =
         !emptyPassphrase && mismatchedPassphrase;
 
     return !emptyPassphrase && !mismatchedPassphrase;
   },
 });
 
 })();