Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(145)

Side by Side Diff: chrome/browser/resources/settings/languages_page/manage_languages_page.html

Issue 2265253002: Replace Manage Languages with dialog and dropdown item (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@EnableDisableLanguage
Patch Set: indent Created 4 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698