OLD | NEW |
| (Empty) |
1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | |
2 <link rel="import" href="chrome://resources/html/assert.html"> | |
3 <link rel="import" href="chrome://resources/html/cr.html"> | |
4 <link rel="import" href="chrome://resources/html/polymer.html"> | |
5 <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/paper-checkbox/paper-ch
eckbox.html"> | |
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | |
8 <link rel="import" href="/settings_shared_css.html"> | |
9 <link rel="import" href="languages.html"> | |
10 | |
11 <dom-module id="settings-manage-languages-page"> | |
12 <template> | |
13 <style include="settings-shared"> | |
14 .list-frame { | |
15 align-items: initial; | |
16 display: flex; | |
17 flex-direction: column; | |
18 } | |
19 | |
20 iron-list { | |
21 height: 300px; | |
22 } | |
23 | |
24 .ripple-padding { | |
25 /* Create a little extra space for checkbox ink ripple to flow into. */ | |
26 left: -20px; | |
27 padding-left: 20px; | |
28 } | |
29 </style> | |
30 <div class="settings-box first block"> | |
31 <h2>$i18n{enabledLanguages}</h2> | |
32 <div class="list-frame vertical-list"> | |
33 <template is="dom-repeat" items="{{languages.enabled}}"> | |
34 <div class="list-item"> | |
35 <div class="start" title="[[item.language.nativeDisplayName]]"> | |
36 [[item.language.displayName]] | |
37 </div> | |
38 <paper-icon-button icon="cr:clear" | |
39 on-tap="onRemoveLanguageTap_" hidden$="[[!item.removable]]"> | |
40 </paper-icon-button> | |
41 </div> | |
42 </template> | |
43 </div> | |
44 <h2>$i18n{allLanguages}</h2> | |
45 <div class="list-frame vertical-list"> | |
46 <iron-list class="ripple-padding" items="{{languages.supported}}"> | |
47 <template> | |
48 <div class="list-item"> | |
49 <paper-checkbox | |
50 checked="[[isCheckboxChecked_(item, languages.enabled.*)]]" | |
51 disabled="[[isLanguageRequired_(item, languages.enabled.*)]]" | |
52 title$="[[item.nativeDisplayName]]" | |
53 on-change="onLanguageCheckboxChange_"> | |
54 [[item.displayName]] | |
55 </paper-checkbox> | |
56 </div> | |
57 </template> | |
58 </iron-list> | |
59 </div> | |
60 </div> | |
61 </template> | |
62 <script src="manage_languages_page.js"></script> | |
63 </dom-module> | |
OLD | NEW |