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

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe_welcome.js

Issue 2681923005: ChromeOS OOBE: Add ARIA-labels for OOBE screens. (Closed)
Patch Set: Update after review Created 3 years, 10 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
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 /** 5 /**
6 * @fileoverview Polymer element for displaying material design OOBE. 6 * @fileoverview Polymer element for displaying material design OOBE.
7 */ 7 */
8 8
9 Polymer({ 9 Polymer({
10 is: 'oobe-welcome-md', 10 is: 'oobe-welcome-md',
11 11
12 properties: { 12 properties: {
13 /** 13 /**
14 * Currently selected system language (display name). 14 * Currently selected system language (display name).
15 */ 15 */
16 currentLanguage: { 16 currentLanguage: {
17 type: String, 17 type: String,
18 value: '', 18 value: '',
19 }, 19 },
20 20
21 /** 21 /**
22 * Currently selected input method (display name).
23 */
24 currentKeyboard: {
25 type: String,
26 value: '',
27 },
28
29 /**
22 * List of languages for language selector dropdown. 30 * List of languages for language selector dropdown.
23 * @type {!Array<OobeTypes.LanguageDsc>} 31 * @type {!Array<OobeTypes.LanguageDsc>}
24 */ 32 */
25 languages: { 33 languages: {
26 type: Array, 34 type: Array,
35 observer: "onLanguagesChanged_",
27 }, 36 },
28 37
29 /** 38 /**
30 * List of keyboards for keyboard selector dropdown. 39 * List of keyboards for keyboard selector dropdown.
31 * @type {!Array<OobeTypes.IMEDsc>} 40 * @type {!Array<OobeTypes.IMEDsc>}
32 */ 41 */
33 keyboards: { 42 keyboards: {
34 type: Array, 43 type: Array,
44 observer: "onKeyboardsChanged_",
35 }, 45 },
36 46
37 /** 47 /**
38 * Flag that shows Welcome screen. 48 * Flag that shows Welcome screen.
39 */ 49 */
40 welcomeScreenShown: { 50 welcomeScreenShown: {
41 type: Boolean, 51 type: Boolean,
42 value: true, 52 value: true,
43 }, 53 },
44 54
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after
108 value: '', 118 value: '',
109 }, 119 },
110 120
111 /** 121 /**
112 * True when connected to a network. 122 * True when connected to a network.
113 * @private 123 * @private
114 */ 124 */
115 isConnected_: { 125 isConnected_: {
116 type: Boolean, 126 type: Boolean,
117 value: false, 127 value: false,
118 } 128 },
119 }, 129 },
120 130
121 /** @override */ 131 /** @override */
122 ready: function() { 132 ready: function() {
123 CrOncStrings = { 133 CrOncStrings = {
124 OncTypeCellular: loadTimeData.getString('OncTypeCellular'), 134 OncTypeCellular: loadTimeData.getString('OncTypeCellular'),
125 OncTypeEthernet: loadTimeData.getString('OncTypeEthernet'), 135 OncTypeEthernet: loadTimeData.getString('OncTypeEthernet'),
126 OncTypeVPN: loadTimeData.getString('OncTypeVPN'), 136 OncTypeVPN: loadTimeData.getString('OncTypeVPN'),
127 OncTypeWiFi: loadTimeData.getString('OncTypeWiFi'), 137 OncTypeWiFi: loadTimeData.getString('OncTypeWiFi'),
128 OncTypeWiMAX: loadTimeData.getString('OncTypeWiMAX'), 138 OncTypeWiMAX: loadTimeData.getString('OncTypeWiMAX'),
(...skipping 254 matching lines...) Expand 10 before | Expand all | Expand 10 after
383 393
384 /** 394 /**
385 * Handle language selection. 395 * Handle language selection.
386 * 396 *
387 * @param {!{detail: {!OobeTypes.LanguageDsc}}} event 397 * @param {!{detail: {!OobeTypes.LanguageDsc}}} event
388 * @private 398 * @private
389 */ 399 */
390 onLanguageSelected_: function(event) { 400 onLanguageSelected_: function(event) {
391 var item = event.detail; 401 var item = event.detail;
392 var languageId = item.value; 402 var languageId = item.value;
403 this.currentLanguage = item.title;
393 this.screen.onLanguageSelected_(languageId); 404 this.screen.onLanguageSelected_(languageId);
394 }, 405 },
395 406
396 /** 407 /**
397 * Handle keyboard layout selection. 408 * Handle keyboard layout selection.
398 * 409 *
399 * @param {!{detail: {!OobeTypes.IMEDsc}}} event 410 * @param {!{detail: {!OobeTypes.IMEDsc}}} event
400 * @private 411 * @private
401 */ 412 */
402 onKeyboardSelected_: function(event) { 413 onKeyboardSelected_: function(event) {
403 var item = event.detail; 414 var item = event.detail;
404 var inputMethodId = item.value; 415 var inputMethodId = item.value;
416 this.currentKeyboard = item.title;
405 this.screen.onKeyboardSelected_(inputMethodId); 417 this.screen.onKeyboardSelected_(inputMethodId);
406 }, 418 },
407 419
420 onLanguagesChanged_: function() {
421 this.currentLanguage = Oobe.getSelectedTitle(this.languages);
422 },
423
424 onKeyboardsChanged_: function() {
425 this.currentKeyboard = Oobe.getSelectedTitle(this.keyboards);
426 },
427
408 /** 428 /**
409 * Handle "OK" button for "LanguageSelection" screen. 429 * Handle "OK" button for "LanguageSelection" screen.
410 * 430 *
411 * @private 431 * @private
412 */ 432 */
413 closeLanguageSection_: function() { 433 closeLanguageSection_: function() {
414 this.hideAllScreens_(); 434 this.hideAllScreens_();
415 this.welcomeScreenShown = true; 435 this.welcomeScreenShown = true;
416 }, 436 },
417 437
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
458 * @param {!{detail: {!OobeTypes.Timezone}}} event 478 * @param {!{detail: {!OobeTypes.Timezone}}} event
459 * @private 479 * @private
460 */ 480 */
461 onTimezoneSelected_: function(event) { 481 onTimezoneSelected_: function(event) {
462 var item = event.detail; 482 var item = event.detail;
463 if (!item) 483 if (!item)
464 return; 484 return;
465 485
466 this.screen.onTimezoneSelected_(item.value); 486 this.screen.onTimezoneSelected_(item.value);
467 }, 487 },
488
489 /**
490 * This function formats message for labels.
491 * @param String label i18n string ID.
492 * @param String parameter i18n string parameter.
493 * @private
494 */
495 formatMessage_: function(label, parameter) {
496 return loadTimeData.getStringF(label, parameter);
497 },
468 }); 498 });
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698