Settings People Revamp: Implement Chrome Profile name/icon selection.

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

Index: chrome/browser/resources/settings/people_page/manage_profile.html
diff --git a/chrome/browser/resources/settings/people_page/manage_profile.html b/chrome/browser/resources/settings/people_page/manage_profile.html
new file mode 100644
index 0000000000000000000000000000000000000000..822836826daffa2e4ed9535fc1543c3bda3ca1f9
--- /dev/null
+++ b/chrome/browser/resources/settings/people_page/manage_profile.html
@@ -0,0 +1,26 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.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-input/paper-input.html">
+<link rel="import" href="chrome://md-settings/people_page/sync_private_api.html">
+
+<dom-module id="settings-manage-profile">
+  <link rel="import" type="css"
+      href="chrome://md-settings/settings_shared.css">
+  <link rel="import" type="css" href="manage_profile.css">
+  <template>
+    <div class="settings-box">
+      <paper-input value="{{profileName}}" pattern=".*\S.*" auto-validate
+          on-blur="onProfileNameChanged_">
+      </paper-input>
+      <div id="availableIcons">
+        <template is="dom-repeat" items="[[availableIconUrls]]">
+          <paper-button toggles active="{{isActiveIcon_(item, profileIconUrl)}}"
+              on-tap="onIconTap_" data-icon-url$="[[item]]">
+            <img src="[[item]]">
+          </paper-button>
+        </template>
+      </div>
+    </div>
+  </template>
+  <script src="manage_profile.js"></script>
+</dom-module>