OLD | NEW |
1 <!-- Copyright 2016 The Chromium Authors. All rights reserved. | 1 <!-- Copyright 2016 The Chromium Authors. All rights reserved. |
2 Use of this source code is governed by a BSD-style license that can be | 2 Use of this source code is governed by a BSD-style license that can be |
3 found in the LICENSE file. --> | 3 found in the LICENSE file. --> |
4 | 4 |
5 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_icon.
html"> | 5 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_icon.
html"> |
6 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_selec
t.html"> | 6 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_selec
t.html"> |
7 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm
l"> | 7 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm
l"> |
| 8 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
8 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe
s/iron-flex-layout.html"> | 9 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe
s/iron-flex-layout.html"> |
9 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 10 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
10 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-i
conset-svg.html"> | 11 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-i
conset-svg.html"> |
11 | 12 |
12 <iron-iconset-svg name="oobe-welcome-20" size="20"> | 13 <iron-iconset-svg name="oobe-welcome-20" size="20"> |
13 <svg> | 14 <svg> |
14 <defs> | 15 <defs> |
15 <g id="add-cellular" fill="none" fill-rule="evenodd"> | 16 <g id="add-cellular" fill="none" fill-rule="evenodd"> |
16 <path d="M1 0h18v18H1"></path> | 17 <path d="M1 0h18v18H1"></path> |
17 <path d="M9.207 16H2L17 1v8.6c-.75-.384-1.6-.6-2.5-.6C11.462 9 9 11.462
9 14.5c0 .52.072 1.023.207 1.5z" fill-opacity=".3" fill="#000"></path> | 18 <path d="M9.207 16H2L17 1v8.6c-.75-.384-1.6-.6-2.5-.6C11.462 9 9 11.462
9 14.5c0 .52.072 1.023.207 1.5z" fill-opacity=".3" fill="#000"></path> |
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
82 <link rel="stylesheet" href="oobe_dialog_host.css"> | 83 <link rel="stylesheet" href="oobe_dialog_host.css"> |
83 <link rel="stylesheet" href="oobe_welcome.css"> | 84 <link rel="stylesheet" href="oobe_welcome.css"> |
84 <link rel="stylesheet" href="oobe_dialog_parameters.css"> | 85 <link rel="stylesheet" href="oobe_dialog_parameters.css"> |
85 <oobe-welcome-dialog id="welcomeScreen" role="dialog" | 86 <oobe-welcome-dialog id="welcomeScreen" role="dialog" |
86 i18n-values="aria-label:networkScreenGreeting" | 87 i18n-values="aria-label:networkScreenGreeting" |
87 current-language="[[currentLanguage]]" | 88 current-language="[[currentLanguage]]" |
88 on-language-button-clicked="onWelcomeSelectLanguageButtonClicked_" | 89 on-language-button-clicked="onWelcomeSelectLanguageButtonClicked_" |
89 on-accessibility-button-clicked="onWelcomeAccessibilityButtonClicked_" | 90 on-accessibility-button-clicked="onWelcomeAccessibilityButtonClicked_" |
90 on-timezone-button-clicked="onWelcomeTimezoneButtonClicked_" | 91 on-timezone-button-clicked="onWelcomeTimezoneButtonClicked_" |
91 on-next-button-clicked="onWelcomeNextButtonClicked_" | 92 on-next-button-clicked="onWelcomeNextButtonClicked_" |
92 timezone-button-visible="[[isTimezoneButtonVisible_(highlightStrength)]]
" | 93 timezone-button-visible= |
93 debugging-link-visible="[[debuggingLinkVisible]]" | 94 "[[isTimezoneButtonVisible_(highlightStrength)]]" |
94 > | 95 debugging-link-visible="[[debuggingLinkVisible]]"> |
95 </oobe-welcome-dialog> | 96 </oobe-welcome-dialog> |
96 <oobe-dialog id="languageScreen" role="dialog" hidden has-buttons | 97 <oobe-dialog id="languageScreen" role="dialog" hidden has-buttons |
97 i18n-values="aria-label:languageSectionTitle"> | 98 i18n-values="aria-label:languageSectionTitle"> |
98 <hd-iron-icon class="oobe-icon" | 99 <hd-iron-icon class="oobe-icon" |
99 icon1x="oobe-welcome-32:language" icon2x="oobe-welcome-64:language"> | 100 icon1x="oobe-welcome-32:language" icon2x="oobe-welcome-64:language"> |
100 </hd-iron-icon> | 101 </hd-iron-icon> |
101 <div class="header"> | 102 <div class="header"> |
102 <h1 class="title" i18n-content="languageSectionTitle"></h1> | 103 <h1 class="title">[[i18nDynamic(locale, 'languageSectionTitle')]]</h1> |
103 </div> | 104 </div> |
104 <div class="footer layout vertical"> | 105 <div class="footer layout vertical"> |
105 <template is="dom-if" if="[[enabled]]"> | 106 <template is="dom-if" if="[[enabled]]"> |
106 <div id="languageDropdownContainer" | 107 <div id="languageDropdownContainer" |
107 class="flex layout center horizontal justified | 108 class="flex layout center horizontal justified |
108 language-selection-entry"> | 109 language-selection-entry"> |
109 <div class="language-selection-title layout vertical center-justifie
d" | 110 <div class= |
110 i18n-content="languageDropdownTitle"> | 111 "language-selection-title layout vertical center-justified"> |
| 112 [[i18nDynamic(locale, 'languageDropdownTitle')]] |
111 </div> | 113 </div> |
112 <oobe-i18n-dropdown id="languageSelect" items="[[languages]]" | 114 <oobe-i18n-dropdown id="languageSelect" items="[[languages]]" |
113 on-select-item="onLanguageSelected_" | 115 on-select-item="onLanguageSelected_" |
114 class="focus-on-show" | 116 class="focus-on-show" |
115 i18n-values="label-for-aria:languageDropdownLabel"> | 117 i18n-values="label-for-aria:languageDropdownLabel"> |
116 </oobe-i18n-dropdown> | 118 </oobe-i18n-dropdown> |
117 </div> | 119 </div> |
118 <div id="keyboardDropdownContainer" | 120 <div id="keyboardDropdownContainer" |
119 class="flex layout center horizontal justified | 121 class="flex layout center horizontal justified |
120 language-selection-entry"> | 122 language-selection-entry"> |
121 <div class="language-selection-title layout vertical center-justifie
d" | 123 <div class= |
122 i18n-content="keyboardDropdownTitle"> | 124 "language-selection-title layout vertical center-justified"> |
| 125 [[i18nDynamic(locale, 'keyboardDropdownTitle')]] |
123 </div> | 126 </div> |
124 <oobe-i18n-dropdown id="keyboardSelect" items="[[keyboards]]" | 127 <oobe-i18n-dropdown id="keyboardSelect" items="[[keyboards]]" |
125 on-select-item="onKeyboardSelected_" | 128 on-select-item="onKeyboardSelected_" |
126 i18n-values="label-for-aria:keyboardDropdownLabel"> | 129 i18n-values="label-for-aria:keyboardDropdownLabel"> |
127 </oobe-i18n-dropdown> | 130 </oobe-i18n-dropdown> |
128 </div> | 131 </div> |
129 </template> | 132 </template> |
130 </div> | 133 </div> |
131 <div class="bottom-buttons layout horizontal end-justified"> | 134 <div class="bottom-buttons layout horizontal end-justified"> |
132 <oobe-text-button inverse on-tap="closeLanguageSection_"> | 135 <oobe-text-button inverse on-tap="closeLanguageSection_"> |
133 <div i18n-content="oobeOKButtonText"></div> | 136 <div>[[i18nDynamic(locale, 'oobeOKButtonText')]]</div> |
134 </oobe-text-button> | 137 </oobe-text-button> |
135 </div> | 138 </div> |
136 </oobe-dialog> | 139 </oobe-dialog> |
137 <oobe-dialog id="accessibilityScreen" role="dialog" hidden has-buttons | 140 <oobe-dialog id="accessibilityScreen" role="dialog" hidden has-buttons |
138 i18n-values="aria-label:accessibilitySectionTitle"> | 141 i18n-values="aria-label:accessibilitySectionTitle"> |
139 <hd-iron-icon class="oobe-icon" | 142 <hd-iron-icon class="oobe-icon" |
140 icon1x="oobe-welcome-32:accessibility" | 143 icon1x="oobe-welcome-32:accessibility" |
141 icon2x="oobe-welcome-64:accessibility"> | 144 icon2x="oobe-welcome-64:accessibility"> |
142 </hd-iron-icon> | 145 </hd-iron-icon> |
143 <div class="header"> | 146 <div class="header"> |
144 <h1 class="title" i18n-content="accessibilitySectionTitle"></h1> | 147 <h1 class="title"> |
145 <div class="subtitle" i18n-content="accessibilitySectionHint"></div> | 148 [[i18nDynamic(locale, 'accessibilitySectionTitle')]] |
| 149 </h1> |
| 150 <div class="subtitle"> |
| 151 [[i18nDynamic(locale, 'accessibilitySectionHint')]] |
| 152 </div> |
146 </div> | 153 </div> |
147 <div class="footer layout vertical"> | 154 <div class="footer layout vertical"> |
148 <oobe-a11y-option checked="[[a11yStatus.spokenFeedbackEnabled]]" | 155 <oobe-a11y-option checked="[[a11yStatus.spokenFeedbackEnabled]]" |
149 on-change="onA11yOptionChanged_" | 156 on-change="onA11yOptionChanged_" |
150 chrome-message="enableSpokenFeedback" | 157 chrome-message="enableSpokenFeedback" |
151 i18n-values="label-for-aria:spokenFeedbackOption" | 158 i18n-values="label-for-aria:spokenFeedbackOption" |
152 class="focus-on-show"> | 159 class="focus-on-show"> |
153 <span class="title" i18n-content="spokenFeedbackOption"></span> | 160 <span class="title"> |
154 <span class="checked-value" i18n-content="spokenFeedbackOptionOn"> | 161 [[i18nDynamic(locale, 'spokenFeedbackOption')]] |
155 </span> | 162 </span> |
156 <span class="unchecked-value" i18n-content="spokenFeedbackOptionOff"> | 163 <span class="checked-value"> |
| 164 [[i18nDynamic(locale, 'spokenFeedbackOptionOn')]] |
| 165 </span> |
| 166 <span class="unchecked-value"> |
| 167 [[i18nDynamic(locale, 'spokenFeedbackOptionOff')]] |
157 </span> | 168 </span> |
158 </oobe-a11y-option> | 169 </oobe-a11y-option> |
159 <oobe-a11y-option checked="[[a11yStatus.largeCursorEnabled]]" | 170 <oobe-a11y-option checked="[[a11yStatus.largeCursorEnabled]]" |
160 on-change="onA11yOptionChanged_" | 171 on-change="onA11yOptionChanged_" |
161 chrome-message="enableLargeCursor" | 172 chrome-message="enableLargeCursor" |
162 i18n-values="label-for-aria:largeCursorOption"> | 173 i18n-values="label-for-aria:largeCursorOption"> |
163 <span class="title" i18n-content="largeCursorOption"></span> | 174 <span class="title"> |
164 <span class="checked-value" i18n-content="largeCursorOptionOn"> | 175 [[i18nDynamic(locale, 'largeCursorOption')]] |
165 </span> | 176 </span> |
166 <span class="unchecked-value" i18n-content="largeCursorOptionOff"> | 177 <span class="checked-value"> |
| 178 [[i18nDynamic(locale, 'largeCursorOptionOn')]] |
| 179 </span> |
| 180 <span class="unchecked-value"> |
| 181 [[i18nDynamic(locale, 'largeCursorOptionOff')]] |
167 </span> | 182 </span> |
168 </oobe-a11y-option> | 183 </oobe-a11y-option> |
169 <oobe-a11y-option checked="[[a11yStatus.highContrastEnabled]]" | 184 <oobe-a11y-option checked="[[a11yStatus.highContrastEnabled]]" |
170 on-change="onA11yOptionChanged_" | 185 on-change="onA11yOptionChanged_" |
171 chrome-message="enableHighContrast" | 186 chrome-message="enableHighContrast" |
172 i18n-values="label-for-aria:highContrastOption"> | 187 i18n-values="label-for-aria:highContrastOption"> |
173 <span class="title" i18n-content="highContrastOption"></span> | 188 <span class="title"> |
174 <span class="checked-value" i18n-content="highContrastOptionOn"> | 189 [[i18nDynamic(locale, 'highContrastOption')]] |
175 </span> | 190 </span> |
176 <span class="unchecked-value" i18n-content="highContrastOptionOff"> | 191 <span class="checked-value"> |
| 192 [[i18nDynamic(locale, 'highContrastOptionOn')]] |
| 193 </span> |
| 194 <span class="unchecked-value"> |
| 195 [[i18nDynamic(locale, 'highContrastOptionOff')]] |
177 </span> | 196 </span> |
178 </oobe-a11y-option> | 197 </oobe-a11y-option> |
179 <oobe-a11y-option checked="[[a11yStatus.screenMagnifierEnabled]]" | 198 <oobe-a11y-option checked="[[a11yStatus.screenMagnifierEnabled]]" |
180 on-change="onA11yOptionChanged_" | 199 on-change="onA11yOptionChanged_" |
181 chrome-message="enableScreenMagnifier" | 200 chrome-message="enableScreenMagnifier" |
182 i18n-values="label-for-aria:screenMagnifierOption"> | 201 i18n-values="label-for-aria:screenMagnifierOption"> |
183 <span class="title" i18n-content="screenMagnifierOption"></span> | 202 <span class="title"> |
184 <span class="checked-value" i18n-content="screenMagnifierOptionOn"> | 203 [[i18nDynamic(locale, 'screenMagnifierOption')]] |
185 </span> | 204 </span> |
186 <span class="unchecked-value" i18n-content="screenMagnifierOptionOff"> | 205 <span class="checked-value"> |
| 206 [[i18nDynamic(locale, 'screenMagnifierOptionOn')]] |
| 207 </span> |
| 208 <span class="unchecked-value"> |
| 209 [[i18nDynamic(locale, 'screenMagnifierOptionOff')]] |
187 </span> | 210 </span> |
188 </oobe-a11y-option> | 211 </oobe-a11y-option> |
189 <oobe-a11y-option checked="[[a11yStatus.virtualKeyboardEnabled]]" | 212 <oobe-a11y-option checked="[[a11yStatus.virtualKeyboardEnabled]]" |
190 on-change="onA11yOptionChanged_" | 213 on-change="onA11yOptionChanged_" |
191 chrome-message="enableVirtualKeyboard" | 214 chrome-message="enableVirtualKeyboard" |
192 i18n-values="label-for-aria:virtualKeyboardOption"> | 215 i18n-values="label-for-aria:virtualKeyboardOption"> |
193 <span class="title" i18n-content="virtualKeyboardOption"></span> | 216 <span class="title"> |
194 <span class="checked-value" i18n-content="virtualKeyboardOptionOn"> | 217 [[i18nDynamic(locale, 'virtualKeyboardOption')]] |
195 </span> | 218 </span> |
196 <span class="unchecked-value" i18n-content="virtualKeyboardOptionOff"> | 219 <span class="checked-value"> |
| 220 [[i18nDynamic(locale, 'virtualKeyboardOptionOn')]] |
| 221 </span> |
| 222 <span class="unchecked-value"> |
| 223 [[i18nDynamic(locale, 'virtualKeyboardOptionOff')]] |
197 </span> | 224 </span> |
198 </oobe-a11y-option> | 225 </oobe-a11y-option> |
199 </div> | 226 </div> |
200 <div class="bottom-buttons layout horizontal end-justified"> | 227 <div class="bottom-buttons layout horizontal end-justified"> |
201 <oobe-text-button inverse on-tap="closeAccessibilitySection_"> | 228 <oobe-text-button inverse on-tap="closeAccessibilitySection_"> |
202 <div i18n-content="oobeOKButtonText"></div> | 229 <div>[[i18nDynamic(locale, 'oobeOKButtonText')]]</div> |
203 </oobe-text-button> | 230 </oobe-text-button> |
204 </div> | 231 </div> |
205 </oobe-dialog> | 232 </oobe-dialog> |
206 <oobe-dialog id="timezoneScreen" role="dialog" hidden has-buttons | 233 <oobe-dialog id="timezoneScreen" role="dialog" hidden has-buttons |
207 i18n-values="aria-label:timezoneSectionTitle"> | 234 i18n-values="aria-label:timezoneSectionTitle"> |
208 <hd-iron-icon class="oobe-icon" | 235 <hd-iron-icon class="oobe-icon" |
209 icon1x="oobe-welcome-32:timezone" icon2x="oobe-welcome-64:timezone"> | 236 icon1x="oobe-welcome-32:timezone" icon2x="oobe-welcome-64:timezone"> |
210 </hd-iron-icon> | 237 </hd-iron-icon> |
211 <div class="header"> | 238 <div class="header"> |
212 <h1 class="title" i18n-content="timezoneSectionTitle"></h1> | 239 <h1 class="title">[[i18nDynamic(locale, 'timezoneSectionTitle')]]</h1> |
213 </div> | 240 </div> |
214 <div class="footer layout vertical"> | 241 <div class="footer layout vertical"> |
215 <div class="flex layout center horizontal justified | 242 <div class="flex layout center horizontal justified |
216 timezone-selection-entry"> | 243 timezone-selection-entry"> |
217 <div class="timezone-selection-title layout vertical center-justified" | 244 <div class= |
218 i18n-content="timezoneDropdownTitle"> | 245 "timezone-selection-title layout vertical center-justified"> |
| 246 [[i18nDynamic(locale, 'timezoneDropdownTitle')]] |
219 </div> | 247 </div> |
220 <oobe-i18n-dropdown id="timezoneSelect" items="[[timezones]]" | 248 <oobe-i18n-dropdown id="timezoneSelect" items="[[timezones]]" |
221 on-select-item="onTimezoneSelected_" | 249 on-select-item="onTimezoneSelected_" |
222 i18n-values="label-for-aria:timezoneDropdownLabel" | 250 i18n-values="label-for-aria:timezoneDropdownLabel" |
223 class="focus-on-show"> | 251 class="focus-on-show"> |
224 </oobe-i18n-dropdown> | 252 </oobe-i18n-dropdown> |
225 </div> | 253 </div> |
226 </div> | 254 </div> |
227 <div class="bottom-buttons layout horizontal end-justified"> | 255 <div class="bottom-buttons layout horizontal end-justified"> |
228 <oobe-text-button inverse on-tap="closeTimezoneSection_"> | 256 <oobe-text-button inverse on-tap="closeTimezoneSection_"> |
229 <div i18n-content="oobeOKButtonText"></div> | 257 <div>[[i18nDynamic(locale, 'oobeOKButtonText')]]</div> |
230 </oobe-text-button> | 258 </oobe-text-button> |
231 </div> | 259 </div> |
232 </oobe-dialog> | 260 </oobe-dialog> |
233 <oobe-dialog id="networkSelectionScreen" role="dialog" hidden has-buttons | 261 <oobe-dialog id="networkSelectionScreen" role="dialog" hidden has-buttons |
234 i18n-values="aria-label:networkSectionTitle" | 262 i18n-values="aria-label:networkSectionTitle" |
235 on-show-dialog="onNetworkSelectionScreenShown_"> | 263 on-show-dialog="onNetworkSelectionScreenShown_"> |
236 <hd-iron-icon class="oobe-icon" | 264 <hd-iron-icon class="oobe-icon" |
237 icon1x="oobe-welcome-32:wifi" icon2x="oobe-welcome-64:wifi"> | 265 icon1x="oobe-welcome-32:wifi" icon2x="oobe-welcome-64:wifi"> |
238 </hd-iron-icon> | 266 </hd-iron-icon> |
239 <div class="header"> | 267 <div class="header"> |
240 <h1 class="title" i18n-content="networkSectionTitle"></h1> | 268 <h1 class="title">[[i18nDynamic(locale, 'networkSectionTitle')]]</h1> |
241 <div class="subtitle" i18n-content="networkSectionHint"></div> | 269 <div class="subtitle"> |
| 270 [[i18nDynamic(locale, 'networkSectionHint')]] |
| 271 </div> |
242 </div> | 272 </div> |
243 <div class="footer layout vertical"> | 273 <div class="footer layout vertical"> |
244 <cr-network-select id="networkSelect" | 274 <cr-network-select id="networkSelect" |
245 on-default-network-changed="onDefaultNetworkChanged_" | 275 on-default-network-changed="onDefaultNetworkChanged_" |
246 on-network-item-selected="onNetworkListNetworkItemSelected_" | 276 on-network-item-selected="onNetworkListNetworkItemSelected_" |
247 on-custom-item-selected="onNetworkListCustomItemSelected_" | 277 on-custom-item-selected="onNetworkListCustomItemSelected_" |
248 custom-items="[[getNetworkCustomItems_(isConnected_)]]" | 278 custom-items="[[getNetworkCustomItems_(isConnected_)]]" |
249 no-bottom-scroll-border | 279 no-bottom-scroll-border |
250 class="focus-on-show"> | 280 class="focus-on-show"> |
251 </cr-network-select> | 281 </cr-network-select> |
252 </div> | 282 </div> |
253 <div class="bottom-buttons layout horizontal justified"> | 283 <div class="bottom-buttons layout horizontal justified"> |
254 <oobe-back-button on-tap="onNetworkSelectionBackButtonPressed_"> | 284 <oobe-back-button on-tap="onNetworkSelectionBackButtonPressed_"> |
255 </oobe-back-button> | 285 </oobe-back-button> |
256 <oobe-next-button disabled="[[!isConnected_]]" | 286 <oobe-next-button disabled="[[!isConnected_]]" |
257 on-tap="onSelectedNetworkConnected_"> | 287 on-tap="onSelectedNetworkConnected_"> |
258 </oobe-next-button> | 288 </oobe-next-button> |
259 </div> | 289 </div> |
260 </oobe-dialog> | 290 </oobe-dialog> |
261 </template> | 291 </template> |
262 </dom-module> | 292 </dom-module> |
OLD | NEW |