Settings People Revamp: Implement parts of ChromeOS Change Picture

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

Index: chrome/browser/resources/settings/people_page/change_picture.html
diff --git a/chrome/browser/resources/settings/people_page/change_picture.html b/chrome/browser/resources/settings/people_page/change_picture.html
new file mode 100644
index 0000000000000000000000000000000000000000..7fd64f7eb3589ca9a196d29574373fad8bd537ae
--- /dev/null
+++ b/chrome/browser/resources/settings/people_page/change_picture.html
@@ -0,0 +1,39 @@
+<link rel="import" href="chrome://resources/html/i18n_behavior.html">
+<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://md-settings/people_page/change_picture_private_api.html">
+
+<dom-module id="settings-change-picture">
+  <link rel="import" type="css"
+      href="chrome://md-settings/settings_shared.css">
+  <link rel="import" type="css" href="change_picture.css">
+  <template>
+    <div class="settings-box">
+      <div class="split">
+        <div id="availableIcons">
+          <paper-button toggles
+              active="{{isActiveImage_(profileImageUrl_, selectedImageUrl_)}}"
+              on-tap="onProfileImageTap_">
+            <img class="user-image" src="[[profileImageUrl_]]"
+                alt="[[i18n('profilePhotoLoading')]]">
+          </paper-button>
+          <template is="dom-if" if="[[oldImageUrl_]]">
+            <paper-button toggles
+                active="{{isActiveImage_(oldImageUrl_, selectedImageUrl_)}}"
+                on-tap="onOldImageTap_">
+              <img class="user-image" src="[[oldImageUrl_]]">
+            </paper-button>
+          </template>
+          <template is="dom-repeat" items="[[defaultImages_]]">
+            <paper-button toggles
+                active="{{isActiveImage_(item.url, selectedImageUrl_)}}"
+                on-tap="onDefaultImageTap_" data-image-url$="[[item.url]]">

[dpapad, 2016/01/11 19:25:50]

data-image-url$="[[item.url]]

Have not seen this syntax before. Is the "$" a typo, or intentional?

[michaelpg, 2016/01/11 20:38:05]

https://www.polymer-project.org/1.0/docs/devguide/data-binding.html#attribute...

+              <img class="user-image" src="[[item.url]]" alt="[[item.title]]">
+            </paper-button>
+          </template>
+        </div>
+      </div>
+    </div>
+  </template>
+  <script src="change_picture.js"></script>
+</dom-module>