OLD | NEW |
1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> | 1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> |
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout.html"> | |
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm
l"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm
l"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
matable.html"> | |
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h
tml"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h
tml"> |
10 <link rel="import" href="chrome://resources/html/assert.html"> | 8 <link rel="import" href="chrome://resources/html/assert.html"> |
11 <link rel="import" href="chrome://resources/html/cr.html"> | 9 <link rel="import" href="chrome://resources/html/cr.html"> |
12 <link rel="import" href="chrome://md-settings/settings_page/settings_animated_pa
ges.html"> | |
13 <link rel="import" href="languages.html"> | 10 <link rel="import" href="languages.html"> |
14 | 11 |
15 <dom-module id="cr-settings-manage-languages-page"> | 12 <dom-module id="cr-settings-manage-languages-page"> |
16 <link rel="import" type="css" | 13 <link rel="import" type="css" |
17 href="chrome://md-settings/settings_page/settings_page.css"> | 14 href="chrome://md-settings/settings_page/settings_page.css"> |
18 <link rel="import" type="css" href="manage_languages_page.css"> | 15 <link rel="import" type="css" href="manage_languages_page.css"> |
19 <template> | 16 <template> |
20 <cr-settings-languages id="languages" languages="{{languages}}"> | 17 <cr-settings-languages id="languages" languages="{{languages}}"> |
21 </cr-settings-languages> | 18 </cr-settings-languages> |
22 <div class="content"> | 19 <div class="content"> |
23 <h2 i18n-content="enabledLanguages"></h2> | 20 <h2 i18n-content="enabledLanguages"></h2> |
24 <div class="item-list"> | 21 <div class="item-list"> |
25 <template is="dom-repeat" items="{{languages.enabledLanguages}}"> | 22 <template is="dom-repeat" items="{{languages.enabledLanguages}}"> |
26 <paper-item> | 23 <paper-item> |
27 <div class="flex">[[item.language.displayName]]</div> | 24 <div class="language-name" |
| 25 title="[[item.language.nativeDisplayName]]" |
| 26 >[[item.language.displayName]]</div> |
28 <paper-icon-button icon="clear" on-tap="onRemoveLanguageTap_" | 27 <paper-icon-button icon="clear" on-tap="onRemoveLanguageTap_" |
29 hidden$="[[!canRemoveLanguage_(item.language.code, languages.ena
bledLanguages)]]"> | 28 hidden$="[[!canRemoveLanguage_(item.language.code, prefs.intl.ap
p_locale.value)]]"> |
30 </paper-icon-button> | 29 </paper-icon-button> |
31 </paper-item> | 30 </paper-item> |
32 </template> | 31 </template> |
33 </div> | 32 </div> |
34 <h2 i18n-content="allLanguages"></h2> | 33 <h2 i18n-content="allLanguages"></h2> |
35 <iron-list id="list" items="{{availableLanguages_}}" as="item"> | 34 <iron-list id="list" items="{{availableLanguages_}}" as="item"> |
36 <template> | 35 <template> |
37 <paper-item on-tap="onAddLanguageTap_"> | 36 <paper-item on-tap="onAddLanguageTap_"> |
38 <div class="flex">[[item.displayName]]</div> | 37 <div class="language-name"> |
| 38 <span>[[item.displayName]]</span> - |
| 39 <span>[[item.nativeDisplayName]]</span> |
| 40 </div> |
39 <iron-icon icon="done" hidden$="[[!item.enabled]]"> | 41 <iron-icon icon="done" hidden$="[[!item.enabled]]"> |
40 </iron-icon> | 42 </iron-icon> |
41 </paper-item> | 43 </paper-item> |
42 </template> | 44 </template> |
43 </iron-list> | 45 </iron-list> |
44 </div> | 46 </div> |
45 </template> | 47 </template> |
46 <script src="manage_languages_page.js"></script> | 48 <script src="manage_languages_page.js"></script> |
47 </dom-module> | 49 </dom-module> |
48 | 50 |
OLD | NEW |