Settings People Revamp: Add special Disconnect logic for domain profiles

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/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/polymer/v1_0/paper-dialog/paper-dialog.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">
 <link rel="import" href="/people_page/profile_info_browser_proxy.html">
 <link rel="import" href="/people_page/sync_browser_proxy.html">
 <link rel="import" href="/settings_page/settings_animated_pages.html">
 <link rel="import" href="/settings_page/settings_subpage.html">
 <link rel="import" href="/settings_shared_css.html">
 
 <if expr="chromeos">
 <link rel="import" href="/people_page/change_picture.html">
@@ skipping 74 matching lines @@
           <template is="dom-if" if="[[!syncStatus.signedIn]]">
             <span class="secondary-action">
               <paper-button class="primary-button" on-tap="onSigninTap_"
                   disabled="[[syncStatus.setupInProgress]]">
                 $i18n{syncSignin}
               </paper-button>
             </span>
           </template>
           <template is="dom-if" if="[[syncStatus.signedIn]]">
             <span class="secondary-action">
-              <paper-button class="secondary-button" on-tap="onDisconnectTap_"
+              <paper-button id="disconnectButton" class="secondary-button"
+                  on-tap="onDisconnectTap_"
                   disabled="[[syncStatus.setupInProgress]]">
                 $i18n{syncDisconnect}
               </paper-button>
             </span>
           </template>
 </if>
         </div>
         <div class="settings-box two-line" hidden="[[syncStatus.signedIn]]">
           $i18n{syncOverview}
         </div>
@@ skipping 139 matching lines @@
       <template is="dom-if" name="manageProfile">
         <settings-subpage page-title="$i18n{editPerson}">
           <settings-manage-profile profile-icon-url="[[profileIconUrl_]]"
               profile-name="[[profileName_]]">
           </settings-manage-profile>
         </settings-subpage>
       </template>
 </if>
     </settings-animated-pages>
 
-    <paper-dialog modal id="disconnectDialog">
-      <h2>$i18n{syncDisconnectTitle}</h2>
-      <div>$i18nRaw{syncDisconnectExplanation}</div>
-<if expr="(not chromeos and is_posix) or is_win or is_macosx">
-      <paper-checkbox id="deleteProfile">
-        $i18n{syncDisconnectDeleteProfile}
-      </paper-checkbox>
-</if>
-      <div class="button-strip">
-        <paper-button dialog-dismiss>$i18n{cancel}</paper-button>
-        <paper-button dialog-confirm class="action-button"
-            on-tap="onDisconnectConfirm_">
+    <cr-dialog id="disconnectDialog">
+      <div class="title">$i18n{syncDisconnectTitle}</div>
+      <div class="body">
+        <div inner-h-t-m-l="[[getDisconnectExplanationHtml_(syncStatus.domain)]]">
+        </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_">$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>
-    </paper-dialog>
+    </cr-dialog>
 
 <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>