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/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
3 <link rel="import" href="chrome://resources/html/util.html"> | 3 <link rel="import" href="chrome://resources/html/util.html"> |
4 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html"> | 4 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11
y-keys.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11
y-keys.html"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/image-icons.
html"> | |
7 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> | |
8 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-sele
ctor.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-sele
ctor.html"> |
9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
10 <link rel="import" href="chrome://md-settings/i18n_setup.html"> | 8 <link rel="import" href="chrome://md-settings/i18n_setup.html"> |
| 9 <link rel="import" href="chrome://md-settings/icons.html"> |
11 <link rel="import" href="chrome://md-settings/people_page/camera.html"> | 10 <link rel="import" href="chrome://md-settings/people_page/camera.html"> |
12 <link rel="import" href="chrome://md-settings/people_page/change_picture_browser
_proxy.html"> | 11 <link rel="import" href="chrome://md-settings/people_page/change_picture_browser
_proxy.html"> |
13 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> | 12 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> |
14 | 13 |
15 <dom-module id="settings-change-picture"> | 14 <dom-module id="settings-change-picture"> |
16 <link rel="import" type="css" href="change_picture.css"> | 15 <link rel="import" type="css" href="change_picture.css"> |
17 <template> | 16 <template> |
18 <style include="settings-shared"></style> | 17 <style include="settings-shared"></style> |
19 <div id="container" class="settings-box" tabindex="0"> | 18 <div id="container" class="settings-box" tabindex="0"> |
20 <iron-a11y-keys keys="up down left right space enter" | 19 <iron-a11y-keys keys="up down left right space enter" |
21 on-keys-pressed="onKeysPress_"> | 20 on-keys-pressed="onKeysPress_"> |
22 </iron-a11y-keys> | 21 </iron-a11y-keys> |
23 <div id="availableIcons" class="start"> | 22 <div id="availableIcons" class="start"> |
24 <iron-selector id="selector" on-iron-activate="onImageActivate_" | 23 <iron-selector id="selector" on-iron-activate="onImageActivate_" |
25 selected-item="{{selectedItem_}}"> | 24 selected-item="{{selectedItem_}}"> |
26 <iron-icon id="cameraImage" | 25 <iron-icon id="cameraImage" |
27 data-type$="[[selectionTypesEnum_.CAMERA]]" | 26 data-type$="[[selectionTypesEnum_.CAMERA]]" |
28 icon="image:camera-alt" i18n-values="alt:takePhoto" | 27 icon="settings:camera-alt" i18n-values="alt:takePhoto" |
29 hidden="[[!cameraPresent_]]"> | 28 hidden="[[!cameraPresent_]]"> |
30 </iron-icon> | 29 </iron-icon> |
31 <iron-icon data-type$="[[selectionTypesEnum_.FILE]]" | 30 <iron-icon data-type$="[[selectionTypesEnum_.FILE]]" |
32 icon="folder" i18n-values="alt:chooseFile"> | 31 icon="settings:folder" i18n-values="alt:chooseFile"> |
33 </iron-icon> | 32 </iron-icon> |
34 <img id="profileImage" | 33 <img id="profileImage" |
35 data-type$="[[selectionTypesEnum_.PROFILE]]" | 34 data-type$="[[selectionTypesEnum_.PROFILE]]" |
36 src="[[profileImageUrl_]]" i18n-values="alt:profilePhotoLoading"> | 35 src="[[profileImageUrl_]]" i18n-values="alt:profilePhotoLoading"> |
37 <img id="oldImage" data-type$="[[selectionTypesEnum_.OLD]]" | 36 <img id="oldImage" data-type$="[[selectionTypesEnum_.OLD]]" |
38 src="[[oldImageUrl_]]" hidden="[[!oldImageUrl_]]"> | 37 src="[[oldImageUrl_]]" hidden="[[!oldImageUrl_]]"> |
39 <template is="dom-repeat" items="[[defaultImages_]]"> | 38 <template is="dom-repeat" items="[[defaultImages_]]"> |
40 <img data-type$="[[selectionTypesEnum_.DEFAULT]]" | 39 <img data-type$="[[selectionTypesEnum_.DEFAULT]]" |
41 data-default-image-index$="[[index]]" src="[[item.url]]" | 40 data-default-image-index$="[[index]]" src="[[item.url]]" |
42 alt="[[item.title]]"> | 41 alt="[[item.title]]"> |
43 </template> | 42 </template> |
44 </iron-selector> | 43 </iron-selector> |
45 <template is="dom-if" if="[[isAuthorCreditShown_(selectedItem_)]]"> | 44 <template is="dom-if" if="[[isAuthorCreditShown_(selectedItem_)]]"> |
46 <div id="authorCredit"> | 45 <div id="authorCredit"> |
47 [[i18n('authorCredit')]] | 46 [[i18n('authorCredit')]] |
48 [[getAuthorName_(selectedItem_, defaultImages_)]] | 47 [[getAuthorName_(selectedItem_, defaultImages_)]] |
49 <a href="[[getAuthorWebsite_(selectedItem_, defaultImages_)]]" | 48 <a href="[[getAuthorWebsite_(selectedItem_, defaultImages_)]]" |
50 target="_blank"> | 49 target="_blank"> |
51 [[getAuthorWebsite_(selectedItem_, defaultImages_)]] | 50 [[getAuthorWebsite_(selectedItem_, defaultImages_)]] |
52 </a> | 51 </a> |
53 </div> | 52 </div> |
54 </template> | 53 </template> |
55 </div> | 54 </div> |
56 <div id="previewPane"> | 55 <div id="previewPane"> |
57 <img i18n-values="alt:previewAltText" src="[[selectedItem_.src]]" | 56 <img i18n-values="alt:previewAltText" src="[[selectedItem_.src]]" |
58 hidden="[[isPreviewImageHidden_(selectedItem_)]]"> | 57 hidden="[[isPreviewImageHidden_(selectedItem_)]]"> |
59 <div id="discardControlBar" hidden="[[isDiscardHidden_(selectedItem_)]]"
> | 58 <div id="discardControlBar" hidden="[[isDiscardHidden_(selectedItem_)]]"
> |
60 <paper-icon-button id="discardOldImage" tabindex="0" icon="delete" | 59 <paper-icon-button id="discardOldImage" tabindex="0" |
61 i18n-values="title:discardPhoto" on-tap="onTapDiscardOldImage_"> | 60 icon="settings:delete" i18n-values="title:discardPhoto" |
| 61 on-tap="onTapDiscardOldImage_"> |
62 </paper-icon-button> | 62 </paper-icon-button> |
63 </div> | 63 </div> |
64 <settings-camera id="camera" | 64 <settings-camera id="camera" |
65 camera-active="[[isCameraActive_(cameraPresent_, selectedItem_)]]" | 65 camera-active="[[isCameraActive_(cameraPresent_, selectedItem_)]]" |
66 on-phototaken="onPhotoTaken_"> | 66 on-phototaken="onPhotoTaken_"> |
67 </div> | 67 </div> |
68 </div> | 68 </div> |
69 </template> | 69 </template> |
70 <script src="change_picture.js"></script> | 70 <script src="change_picture.js"></script> |
71 </dom-module> | 71 </dom-module> |
OLD | NEW |