OLD | NEW |
1 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> | 1 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
2 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> |
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
4 <link rel="import" href="chrome://md-settings/people_page/change_picture_private
_api.html"> | 4 <link rel="import" href="chrome://md-settings/people_page/change_picture_private
_api.html"> |
5 | 5 |
6 <dom-module id="settings-change-picture"> | 6 <dom-module id="settings-change-picture"> |
7 <link rel="import" type="css" | 7 <link rel="import" type="css" |
8 href="chrome://md-settings/settings_shared.css"> | 8 href="chrome://md-settings/settings_shared.css"> |
9 <link rel="import" type="css" href="change_picture.css"> | 9 <link rel="import" type="css" href="change_picture.css"> |
10 <template> | 10 <template> |
11 <div class="settings-box"> | 11 <div class="settings-box"> |
12 <div class="split"> | 12 <div class="split"> |
13 <div id="availableIcons"> | 13 <div id="availableIcons"> |
14 <paper-button toggles | 14 <paper-button id="profile-image" toggles |
15 active="{{isActiveImage_(profileImageUrl_, selectedImageUrl_)}}" | 15 active="{{isActiveImage_(profileImageUrl_, selectedImageUrl_)}}" |
16 on-tap="onProfileImageTap_"> | 16 on-tap="onProfileImageTap_"> |
17 <img class="user-image" src="[[profileImageUrl_]]" | 17 <img class="user-image" src="[[profileImageUrl_]]" |
18 alt="[[i18n('profilePhotoLoading')]]"> | 18 alt="[[i18n('profilePhotoLoading')]]"> |
19 </paper-button> | 19 </paper-button> |
20 <template is="dom-if" if="[[oldImageUrl_]]"> | 20 <template is="dom-if" if="[[oldImageUrl_]]"> |
21 <paper-button toggles | 21 <paper-button id="old-image" toggles |
22 active="{{isActiveImage_(oldImageUrl_, selectedImageUrl_)}}" | 22 active="{{isActiveImage_(oldImageUrl_, selectedImageUrl_)}}" |
23 on-tap="onOldImageTap_"> | 23 on-tap="onOldImageTap_"> |
24 <img class="user-image" src="[[oldImageUrl_]]"> | 24 <img class="user-image" src="[[oldImageUrl_]]"> |
25 </paper-button> | 25 </paper-button> |
26 </template> | 26 </template> |
27 <template is="dom-repeat" items="[[defaultImages_]]"> | 27 <template is="dom-repeat" items="[[defaultImages_]]"> |
28 <paper-button toggles | 28 <paper-button class="default-image" toggles |
29 active="{{isActiveImage_(item.url, selectedImageUrl_)}}" | 29 active="{{isActiveImage_(item.url, selectedImageUrl_)}}" |
30 on-tap="onDefaultImageTap_" data-image-url$="[[item.url]]"> | 30 on-tap="onDefaultImageTap_" data-image-url$="[[item.url]]"> |
31 <img class="user-image" src="[[item.url]]" alt="[[item.title]]"> | 31 <img class="user-image" src="[[item.url]]" alt="[[item.title]]"> |
32 </paper-button> | 32 </paper-button> |
33 </template> | 33 </template> |
34 </div> | 34 </div> |
35 </div> | 35 </div> |
36 </div> | 36 </div> |
37 </template> | 37 </template> |
38 <script src="change_picture.js"></script> | 38 <script src="change_picture.js"></script> |
39 </dom-module> | 39 </dom-module> |
OLD | NEW |