summaryrefslogtreecommitdiffstats
path: root/chrome/browser/resources/settings/people_page/manage_profile.html
blob: a6da8c39198c7eac0e132a8e78e223293c568a4b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<link rel="import" href="chrome://resources/html/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">
<link rel="import" href="chrome://md-settings/settings_shared_css.html">

<dom-module id="settings-manage-profile">
  <link rel="import" type="css" href="manage_profile.css">
  <template>
    <style include="settings-shared"></style>
    <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>