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

chrome/browser/resources/settings/people_page/people_page.html

 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/icon.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
@@ skipping 356 matching lines @@
             associated-control="[[$$('#picture-subpage-trigger')]]"
             page-title="$i18n{editPerson}">
           <settings-manage-profile profile-icon-url="[[profileIconUrl_]]"
               profile-name="[[profileName_]]" sync-status="[[syncStatus]]">
           </settings-manage-profile>
         </settings-subpage>
       </template>
 </if>
     </settings-animated-pages>
 
-    <dialog is="cr-dialog" id="disconnectDialog" on-close="onDisconnectClosed_"
-        close-text="$i18n{close}" ignore-popstate>
-      <div class="title">$i18n{syncDisconnectTitle}</div>
-      <div class="body">
-        <div inner-h-t-m-l="[[getDisconnectExplanationHtml_(syncStatus.domain)]]">
+    <template is="dom-if" if="[[showDisconnectDialog_]]" restamp>
+      <dialog is="cr-dialog" id="disconnectDialog" ignore-popstate
+          on-close="onDisconnectClosed_" close-text="$i18n{close}">
+        <div class="title">$i18n{syncDisconnectTitle}</div>
+        <div class="body">
+          <div inner-h-t-m-l="[[
+              getDisconnectExplanationHtml_(syncStatus.domain)]]">
+          </div>
         </div>
-      </div>
-      <div class="button-container">
-        <paper-button on-tap="onDisconnectCancel_" class="cancel-button">
-          $i18n{cancel}
-        </paper-button>
-        <paper-button id="disconnectConfirm" class="action-button"
-            hidden="[[syncStatus.domain]]" on-tap="onDisconnectConfirm_">
-          $i18n{syncDisconnect}
-        </paper-button>
-        <paper-button id="disconnectManagedProfileConfirm" class="action-button"
-            hidden="[[!syncStatus.domain]]" on-tap="onDisconnectConfirm_">
-          $i18n{syncDisconnectConfirm}
-        </paper-button>
-      </div>
+        <div class="button-container">
+          <paper-button on-tap="onDisconnectCancel_" class="cancel-button">
+            $i18n{cancel}
+          </paper-button>
+          <paper-button id="disconnectConfirm" class="action-button"
+              hidden="[[syncStatus.domain]]" on-tap="onDisconnectConfirm_">
+            $i18n{syncDisconnect}
+          </paper-button>
+          <paper-button id="disconnectManagedProfileConfirm"
+              class="action-button" hidden="[[!syncStatus.domain]]"
+              on-tap="onDisconnectConfirm_">
+            $i18n{syncDisconnectConfirm}
+          </paper-button>
+        </div>
 <if expr="(not chromeos and is_posix) or is_win or is_macosx">
-      <template is="dom-if" if="[[!syncStatus.domain]]">
-        <div class="footer border-top-divider">
-          <div class="settings-box first">
-            <paper-checkbox id="deleteProfile" class="start"
-                checked="{{deleteProfile_}}">
-              $i18n{syncDisconnectDeleteProfile}
-            </paper-checkbox>
-            <cr-expand-button expanded="{{deleteProfileWarningVisible_}}"
-                alt="$i18n{deleteProfileWarningExpandA11yLabel}">
-            </cr-expand-button>
+        <template is="dom-if" if="[[!syncStatus.domain]]">
+          <div class="footer border-top-divider">
+            <div class="settings-box first">
+              <paper-checkbox id="deleteProfile" class="start"
+                  checked="{{deleteProfile_}}">
+                $i18n{syncDisconnectDeleteProfile}
+              </paper-checkbox>
+              <cr-expand-button expanded="{{deleteProfileWarningVisible_}}"
+                  alt="$i18n{deleteProfileWarningExpandA11yLabel}">
+              </cr-expand-button>
+            </div>
+            <iron-collapse opened="[[deleteProfileWarningVisible_]]">
+              <div class="delete-profile-warning">
+                [[deleteProfileWarning_]]
+              </div>
+            </iron-collapse>
           </div>
-          <iron-collapse opened="[[deleteProfileWarningVisible_]]">
-            <div class="delete-profile-warning">[[deleteProfileWarning_]]</div>
-          </iron-collapse>
-        </div>
-      </template>
+        </template>
 </if>
-    </dialog>
+      </dialog>
+    </template>
 
     <template is="dom-if" if="[[showImportDataDialog_]]" restamp>
       <settings-import-data-dialog prefs="{{prefs}}"
           on-close="onImportDataDialogClosed_">
       </settings-import-data-dialog>
     </template>
 
 <if expr="chromeos">
     <template is="dom-if" if="[[showEasyUnlockTurnOffDialog_]]">
       <easy-unlock-turn-off-dialog id="easyUnlockTurnOffDialog"
           on-close="onEasyUnlockTurnOffDialogClose_">
       </easy-unlock-turn-off-dialog>
     </template>
 </if>
   </template>
   <script src="people_page.js"></script>
 </dom-module>