MD Settings: Overhaul Easy Unlock Turn Off 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 99 matching lines @@
      * True if Easy Unlock's proximity detection feature is allowed.
      */
     easyUnlockProximityDetectionAllowed_: {
       type: Boolean,
       value: function() {
         return loadTimeData.getBoolean('easyUnlockAllowed') &&
             loadTimeData.getBoolean('easyUnlockProximityDetectionAllowed');
       },
       readOnly: true,
     },
+
+    /** @private */
+    showEasyUnlockTurnOffDialog_: {
+      type: Boolean,
+      value: false,
+    },
 </if>
   },
 
   /** @override */
   attached: function() {
     var profileInfoProxy = settings.ProfileInfoBrowserProxyImpl.getInstance();
     profileInfoProxy.getProfileInfo().then(this.handleProfileInfo_.bind(this));
     this.addWebUIListener('profile-info-changed',
                           this.handleProfileInfo_.bind(this));
 
@@ skipping 81 matching lines @@
     this.syncStatus = syncStatus;
   },
 
 <if expr="chromeos">
   /**
    * Handler for when the Easy Unlock enabled status has changed.
    * @private
    */
   handleEasyUnlockEnabledStatusChanged_: function(easyUnlockEnabled) {
     this.easyUnlockEnabled_ = easyUnlockEnabled;
+    this.showEasyUnlockTurnOffDialog_ =
+        easyUnlockEnabled && this.showEasyUnlockTurnOffDialog_;
   },
 </if>
 
   /** @private */
   onPictureTap_: function() {
 <if expr="chromeos">
     settings.navigateTo(settings.Route.CHANGE_PICTURE);
 </if>
 <if expr="not chromeos">
     settings.navigateTo(settings.Route.MANAGE_PROFILE);
@@ skipping 91 matching lines @@
     settings.navigateTo(settings.Route.LOCK_SCREEN);
   },
 
   /** @private */
   onEasyUnlockSetupTap_: function() {
     this.easyUnlockBrowserProxy_.startTurnOnFlow();
   },
 
   /** @private */
   onEasyUnlockTurnOffTap_: function() {
-    this.$$('#easyUnlockTurnOffDialog').open();
+    this.showEasyUnlockTurnOffDialog_ = true;
+  },
+
+  /** @private */
+  onEasyUnlockTurnOffDialogClose_: function() {
+    this.showEasyUnlockTurnOffDialog_ = false;
   },
 </if>
 
   /** @private */
   onManageOtherPeople_: function() {
 <if expr="not chromeos">
     this.syncBrowserProxy_.manageOtherPeople();
 </if>
 <if expr="chromeos">
     settings.navigateTo(settings.Route.ACCOUNTS);
@@ skipping 107 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;
   },
 });