MD Settings: Convert reset profile banner to a dialog.

chrome/browser/resources/settings/reset_page/reset_profile_banner.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-reset-profile-banner' is the banner shown for clearing profile
- * settings.
+ * 'settings-reset-profile-banner' is the banner shown for propmting the user to
+ * clear profile settings.
  */
 Polymer({
   is: 'settings-reset-profile-banner',
 
-  properties: {
-    showResetProfileDialog_: {
-      type: Boolean,
-      value: false,
-    },
+  listeners: {
+    'cancel': 'onCancel_',
+  },
+
+  /** @override */
+  attached: function() {
+    this.$.dialog.showModal();
   },
 
   /** @private */
-  onCloseTap_: function() {
-    settings.ResetBrowserProxyImpl.getInstance().onHideResetProfileBanner();
-    this.remove();
-  },
-
-  /**
-   * Shows a <settings-reset-profile-dialog>.
-   * @param {!Event} e
-   * @private
-   */
-  showDialog_: function(e) {
-    e.preventDefault();
-    this.showResetProfileDialog_ = true;
+  onOkTap_: function() {
+    this.$.dialog.cancel();
   },
 
   /** @private */
-  onDialogClose_: function() {
-    this.showResetProfileDialog_ = false;
+  onCancel_: function() {
+    settings.ResetBrowserProxyImpl.getInstance().onHideResetProfileBanner();
+  },
+
+  /** @private */
+  onResetTap_: function() {
+    this.$.dialog.close();
+    settings.navigateTo(settings.Route.RESET_DIALOG);
   },
 });