MD Settings: Migrating C++ handlers for profile reset page.

chrome/browser/resources/settings/reset_page/reset_page.html

 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.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/polymer/v1_0/paper-spinner/paper-spinner.html">
 
 <dom-module id="settings-reset-page">
   <link rel="import" type="css"
       href="chrome://md-settings/settings_page/settings_page.css">
   <link rel="import" type="css" href="reset_page.css">
   <template>
     <div on-tap="onShowDialog_">
       <div i18n-content="resetPageTitle"></div>
       <div i18n-content="resetPageDescription"></div>
     </div>
 
-    <paper-dialog modal id="resetDialog" class="layout vertical">
-      <div id="top" class="layout vertical">
+    <paper-dialog modal id="resetDialog">
+      <div>
         <h2 i18n-content="resetPageTitle"></h2>
         <div i18n-content="resetPageExplanation" id="explanation"></div>
         <div class="layout center horizontal" id="buttonContainer">
           <paper-button on-tap="onLearnMoreTap_" id="learnMore"
               i18n-content="learnMore"></paper-button>
-          <div class="buttons flex-1">
+          <div class="layout center buttons flex-1">
+            <paper-spinner id="resetSpinner"></paper-spinner>
             <paper-button on-tap="onCancelTap_" id="cancel"
                 i18n-content="cancel"></paper-button>
             <paper-button i18n-content="resetPageCommit" on-tap="onResetTap_"
                 id="reset"></paper-button>
           </div>
         </div>
       </div>
-      <paper-checkbox id="sendSettings" i18n-content="resetPageFeedback"
-          checked></paper-checkbox>
+      <div id="feedbackBar">
+        <paper-checkbox id="sendSettings" i18n-content="resetPageFeedback"
+            checked on-change="onCheckboxChange_"></paper-checkbox>
+        <table id="settings">

[Dan Beam, 2015/11/07 03:19:26]

you're probably porting this over from the old stuff, but

a) settings is not a good ID for this, imo ;)
b) <table>? yuck

[dpapad, 2015/11/09 18:51:09]

a) Aren't IDs local to this shadow DOM? If that is true, then within this Shadow
DOM the ID seems good enough. If not, then I agree that there could be
collisions with other elements and the ID should be made more specific.
b) Yes, I am porting this from old settings, while waiting for final mocks (no
point of coming up with my own solution that is not using <table>).

+          <tbody>
+            <template is="dom-repeat" items="[[feedbackInfo_]]">
+              <tr>
+                <td class="key">[[item.key]]</td>
+                <td class="value">[[item.value]]</td>
+              </tr>
+            </template>
+          </tbody>
+        </table>
+      </div>
     </paper-dialog>
 
   </template>
   <script src="reset_page.js"></script>
 </dom-module>