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

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

Index: chrome/browser/resources/settings/people_page/people_page.html
diff --git a/chrome/browser/resources/settings/people_page/people_page.html b/chrome/browser/resources/settings/people_page/people_page.html
index 13b2f0a167460beee9f9b2e587217266ba58a8fa..5f5961130bd74128b7117226eec6940721e186d6 100644
--- a/chrome/browser/resources/settings/people_page/people_page.html
+++ b/chrome/browser/resources/settings/people_page/people_page.html
@@ -286,31 +286,34 @@
 </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_]]">