MD Settings: Use dom-if for the profile disconnect dialog.

chrome/browser/resources/settings/people_page/people_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.
 
 /**
  * @fileoverview
  * 'settings-people-page' is the settings page containing sign-in settings.
  */
 Polymer({
   is: 'settings-people-page',
@@ skipping 63 matching lines @@
 // </if>
 
     /** @private {!settings.SyncBrowserProxy} */
     syncBrowserProxy_: {
       type: Object,
       value: function() {
         return settings.SyncBrowserProxyImpl.getInstance();
       },
     },
 
+    /** @private */
+    showDisconnectDialog_: Boolean,
+
 // <if expr="chromeos">
     /**
      * True if quick unlock settings should be displayed on this machine.
      * @private
      */
     quickUnlockEnabled_: {
       type: Boolean,
       value: function() {
         return loadTimeData.getBoolean('pinUnlockEnabled') ||
             loadTimeData.getBoolean('fingerprintUnlockEnabled');
@@ skipping 83 matching lines @@
 
   /** @protected */
   currentRouteChanged: function() {
     this.showImportDataDialog_ =
         settings.getCurrentRoute() == settings.Route.IMPORT_DATA;
 
     if (settings.getCurrentRoute() == settings.Route.SIGN_OUT) {
       // If the sync status has not been fetched yet, optimistically display
       // the disconnect dialog. There is another check when the sync status is
       // fetched. The dialog will be closed then the user is not signed in.
-      if (this.syncStatus && !this.syncStatus.signedIn)
+      if (this.syncStatus && !this.syncStatus.signedIn) {
         settings.navigateToPreviousRoute();
-      else
-        this.$.disconnectDialog.showModal();
-    } else if (this.$.disconnectDialog.open) {
-      this.$.disconnectDialog.close();
+      } else {
+        this.showDisconnectDialog_ = true;
+        this.async(function() {
+          this.$$('#disconnectDialog').showModal();
+        }.bind(this));
+      }
+    } else if (this.showDisconnectDialog_) {
+      this.$$('#disconnectDialog').close();
     }
   },
 
 // <if expr="chromeos">
   /** @private */
   getPasswordState_: function(hasPin, enableScreenLock) {
     if (!enableScreenLock)
       return this.i18n('lockScreenNone');
     if (hasPin)
       return this.i18n('lockScreenPinOrPassword');
@@ skipping 43 matching lines @@
    */
   handleSyncStatus_: function(syncStatus) {
     if (!this.syncStatus && syncStatus && !syncStatus.signedIn)
       chrome.metricsPrivate.recordUserAction('Signin_Impression_FromSettings');
 
 // <if expr="not chromeos">
     if (syncStatus.signedIn)
       settings.ProfileInfoBrowserProxyImpl.getInstance().getProfileStatsCount();
 // </if>
 
-    if (!syncStatus.signedIn && this.$.disconnectDialog.open)
-      this.$.disconnectDialog.close();
+    if (!syncStatus.signedIn && this.showDisconnectDialog_)
+      this.$$('#disconnectDialog').close();
 
     this.syncStatus = syncStatus;
   },
 
 // <if expr="chromeos">
   /**
    * Handler for when the Easy Unlock enabled status has changed.
    * @private
    */
   handleEasyUnlockEnabledStatusChanged_: function(easyUnlockEnabled) {
@@ skipping 25 matching lines @@
     this.syncBrowserProxy_.openActivityControlsUrl();
   },
 
   /** @private */
   onSigninTap_: function() {
     this.syncBrowserProxy_.startSignIn();
   },
 
   /** @private */
   onDisconnectClosed_: function() {
+    this.showDisconnectDialog_ = false;
     if (settings.getCurrentRoute() == settings.Route.SIGN_OUT)
       settings.navigateToPreviousRoute();
     this.fire('signout-dialog-closed');
   },
 
   /** @private */
   onDisconnectTap_: function() {
     settings.navigateTo(settings.Route.SIGN_OUT);
   },
 
   /** @private */
   onDisconnectCancel_: function() {
-    this.$.disconnectDialog.close();
+    this.$$('#disconnectDialog').close();
   },
 
   /** @private */
   onDisconnectConfirm_: function() {
     var deleteProfile = !!this.syncStatus.domain || this.deleteProfile_;
     // Trigger the sign out event after the navigateToPreviousRoute().
     // So that the navigation to the setting page could be finished before the
     // sign out if navigateToPreviousRoute() returns synchronously even the
     // browser is closed after the sign out. Otherwise, the navigation will be
     // finshed during session restore if the browser is closed before the async
     // callback executed.
     listenOnce(this, 'signout-dialog-closed', function() {
       this.syncBrowserProxy_.signOut(deleteProfile);
     }.bind(this));
 
-    this.$.disconnectDialog.close();
+    this.$$('#disconnectDialog').close();
   },
 
   /** @private */
   onSyncTap_: function() {
     assert(this.syncStatus.signedIn);
     assert(this.syncStatus.syncSystemEnabled);
 
     if (!this.isSyncStatusActionable_(this.syncStatus))
       return;
 
@@ skipping 169 matching lines @@
 
   /**
    * @param {!settings.SyncStatus} syncStatus
    * @return {boolean} Whether to show the "Sign in to Chrome" button.
    * @private
    */
   showSignin_: function(syncStatus) {
     return !!syncStatus.signinAllowed && !syncStatus.signedIn;
   },
 });