| 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 /** | 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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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 }); |
| OLD | NEW |