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/icons.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.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/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="/controls/settings_checkbox.html">
 <link rel="import" href="/people_page/sync_page.html">
@@ skipping 268 matching lines @@
             associated-control="[[$$('#picture-subpage-trigger')]]"
             page-title="$i18n{editPerson}">
           <settings-manage-profile profile-icon-url="[[profileIconUrl_]]"
               profile-name="[[profileName_]]">
           </settings-manage-profile>
         </settings-subpage>
       </template>
 </if>
     </settings-animated-pages>
 
-    <dialog is="cr-dialog" id="disconnectDialog">
-      <div class="title">$i18n{syncDisconnectTitle}</div>
-      <div class="body">
-        <div inner-h-t-m-l="[[getDisconnectExplanationHtml_(syncStatus.domain)]]">
+    <template is="dom-if" if="[[showingDisconnectDialog_]]" restamp>
+      <dialog is="cr-dialog" id="disconnectDialog"
+          on-close="onDisconnectDialogClosed_">
+        <div class="title">$i18n{syncDisconnectTitle}</div>
+        <div class="body">
+          <div inner-h-t-m-l="[[getDisconnectExplanationHtml_(syncStatus.domain)]]">

[Dan Beam, 2016/08/12 20:35:42]

wrap

+          </div>
+<if expr="(not chromeos and is_posix) or is_win or is_macosx">
+          <paper-checkbox id="deleteProfile" hidden=[[syncStatus.domain]]>
+            $i18n{syncDisconnectDeleteProfile}
+          </paper-checkbox>
+</if>
         </div>
-  <if expr="(not chromeos and is_posix) or is_win or is_macosx">
-        <paper-checkbox id="deleteProfile" hidden=[[syncStatus.domain]]>
-          $i18n{syncDisconnectDeleteProfile}
-        </paper-checkbox>
-  </if>
-      </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>
-    </dialog>
+        <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"

[Dan Beam, 2016/08/12 20:35:42]

wrap

+              hidden=[[!syncStatus.domain]] on-tap="onDisconnectConfirm_">
+            $i18n{syncDisconnectConfirm}
+          </paper-button>
+        </div>
+      </dialog>
+    </template>
 
 <if expr="chromeos">
     <template is="dom-if" if="[[easyUnlockEnabled_]]">
       <easy-unlock-turn-off-dialog id="easyUnlockTurnOffDialog">
       </easy-unlock-turn-off-dialog>
     </template>
 </if>
   </template>
   <script src="people_page.js"></script>
 </dom-module>