MD Settings: Add import data dialog.

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

Index: chrome/browser/resources/settings/people_page/import_data_dialog.html
diff --git a/chrome/browser/resources/settings/people_page/import_data_dialog.html b/chrome/browser/resources/settings/people_page/import_data_dialog.html
new file mode 100644
index 0000000000000000000000000000000000000000..f59af17556151a77c298b953e2cc2853c35e19ac
--- /dev/null
+++ b/chrome/browser/resources/settings/people_page/import_data_dialog.html
@@ -0,0 +1,68 @@
+<link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
+<link rel="import" href="chrome://resources/html/i18n_behavior.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/paper-button/paper-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
+<link rel="import" href="/md_select_css.html">
+<link rel="import" href="/people_page/import_data_browser_proxy.html">
+
+<dom-module id="settings-import-data-dialog">
+  <template>
+    <style include="settings-shared md-select">
+      paper-checkbox {
+        display: block;
+        margin-bottom: 20px;
+      }
+
+      #description {
+        align-items: center;
+        display: flex;
+        height: 40px;
+      }
+    </style>
+    <dialog is="cr-dialog" id="dialog">
+      <div class="title">$i18n{importTitle}</div>
+      <div class="body">
+        <span class="md-select-wrapper">
+          <select id="browserSelect" class="md-select" on-change="onChange_">
+            <template is="dom-repeat" items="[[browserProfiles_]]">
+              <option value="[[item.index]]">[[item.name]]</option>
+            </template>
+          </select>
+          <span class="md-select-underline"></span>
+        </span>
+        <div id="description">$i18n{importDescription}</div>
+        <div>
+          <paper-checkbox hidden="[[!selected_.history]]">
+            $i18n{importHistory}
+          </paper-checkbox>
+          <paper-checkbox hidden="[[!selected_.favorites]]">
+            $i18n{importFavorites}
+          </paper-checkbox>
+          <paper-checkbox hidden="[[!selected_.passwords]]">
+            $i18n{importPasswords}
+          </paper-checkbox>
+          <paper-checkbox hidden="[[!selected_.search]]">
+            $i18n{importSearch}
+          </paper-checkbox>
+          <paper-checkbox hidden="[[!selected_.autofillFormData]]">
+            $i18n{importAutofillFormData}
+          </paper-checkbox>
+        </div>
+      </div>
+      <div class="button-container">
+        <div class="action-buttons">
+          <paper-button class="cancel-button" id="cancel" on-tap="onCancelTap_">
+            $i18n{cancel}
+          </paper-button>
+          <paper-button id="actionButton" class="action-button"
+              on-tap="onActionButtonTap_">
+            [[getActionButtonText_(selected_)]]
+          </paper-button>
+        </div>
+      </div>
+    </dialog>
+  </template>
+  <script src="import_data_dialog.js"></script>
+</dom-module>