| 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/iron-selector/iron-sele
ctor.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-sele
ctor.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.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 id="available-icons" class="start"> |
| 13 <div id="available-icons" class="start"> | 13 <iron-selector id="selector" on-iron-activate="onImageActivate_" |
| 14 <iron-selector id="selector" on-iron-activate="onImageActivate_" | 14 selected-item="{{selectedItem_}}"> |
| 15 selected-item="{{selectedItem_}}"> | 15 <img id="cameraImage" data-type="camera" |
| 16 <img id="cameraImage" data-type="camera" | 16 src="[[cameraImageUrl_]]" alt="[[cameraImageTitle_]]"> |
| 17 src="[[cameraImageUrl_]]" alt="[[cameraImageTitle_]]"> | 17 <img id="profileImage" data-type="profile" |
| 18 <img id="profileImage" data-type="profile" | 18 src="[[profileImageUrl_]]" |
| 19 src="[[profileImageUrl_]]" | 19 alt="[[i18n('profilePhotoLoading')]]"> |
| 20 alt="[[i18n('profilePhotoLoading')]]"> | 20 <img id="oldImage" data-type="old" |
| 21 <img id="oldImage" data-type="old" | 21 src="[[oldImageUrl_]]" hidden="[[!oldImageUrl_]]"> |
| 22 src="[[oldImageUrl_]]" hidden="[[!oldImageUrl_]]"> | 22 <template is="dom-repeat" items="[[defaultImages_]]"> |
| 23 <template is="dom-repeat" items="[[defaultImages_]]"> | 23 <img data-type="default" src="[[item.url]]" alt="[[item.title]]"> |
| 24 <img data-type="default" src="[[item.url]]" alt="[[item.title]]"> | 24 </template> |
| 25 </template> | 25 </iron-selector> |
| 26 </iron-selector> | 26 </div> |
| 27 </div> | 27 <div id="preview-pane"> |
| 28 <div id="preview-pane"> | 28 <img id="previewImage" src="[[selectedItem_.src]]" |
| 29 <img id="previewImage" src="[[selectedItem_.src]]" | 29 hidden="[[isPreviewImageHidden_(selectedItem_)]]"> |
| 30 hidden="[[isPreviewImageHidden_(selectedItem_)]]"> | |
| 31 </div> | |
| 32 </div> | 30 </div> |
| 33 </div> | 31 </div> |
| 34 </template> | 32 </template> |
| 35 <script src="change_picture.js"></script> | 33 <script src="change_picture.js"></script> |
| 36 </dom-module> | 34 </dom-module> |
| OLD | NEW |