ChromeOS: Implement Language Selection screen of material design OOBE.

chrome/browser/resources/chromeos/login/oobe_screen_network.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview Oobe network screen implementation.
  */
 
 login.createScreen('NetworkScreen', 'connect', function() {
   var USER_ACTION_CONTINUE_BUTTON_CLICKED = 'continue';
@@ skipping 13 matching lines @@
      * Dropdown element for networks selection.
      */
     dropdown_: null,
 
     /** @override */
     decorate: function() {
       var self = this;
 
       Oobe.setupSelect($('language-select'),
                        loadTimeData.getValue('languageList'),
                        function(languageId) {

[michaelpg, 2016/08/02 00:06:38]

optional: this.onLanguageSelected_.bind(this)

[Alexander Alekseev, 2016/08/02 04:25:57]

Done.

-                         self.context.set(CONTEXT_KEY_LOCALE, languageId);
-                         self.commitContextChanges();
+                         self.onLanguageSelected_(languageId);
                        });
       Oobe.setupSelect($('keyboard-select'),
                        loadTimeData.getValue('inputMethodsList'),
                        function(inputMethodId) {
-                         self.context.set(CONTEXT_KEY_INPUT_METHOD,
-                                          inputMethodId);
-                         self.commitContextChanges();
+                         self.onKeyboardSelected_(inputMethodId);

[michaelpg, 2016/08/02 00:06:38]

same

[Alexander Alekseev, 2016/08/02 04:25:57]

Done.

                        });
       Oobe.setupSelect($('timezone-select'),
                        loadTimeData.getValue('timezoneList'),
                        function(timezoneId) {

[michaelpg, 2016/08/02 00:06:38]

same

[Alexander Alekseev, 2016/08/02 04:25:57]

Done.

-                         self.context.set(CONTEXT_KEY_TIMEZONE, timezoneId);
-                         self.commitContextChanges();
+                         self.onTimezoneSelected_(timezoneId);
                        });
 
+      // ---------- Welcome screen
+      var welcomeScreen = $('oobe-welcome-md');
+      welcomeScreen.screen = this;
+
+      var languageList = loadTimeData.getValue('languageList');
+      welcomeScreen.languages = languageList;
+      welcomeScreen.currentLanguage = Oobe.getSelectedTitle(languageList);
+
+      var inputMethodsList = loadTimeData.getValue('inputMethodsList');
+      welcomeScreen.keyboards = inputMethodsList;
+      // -------------------------
+
       this.dropdown_ = $('networks-list');
       cr.ui.DropDown.decorate(this.dropdown_);
 
       this.declareUserAction(
           $('connect-debugging-features-link'),
           { action_id: USER_ACTION_CONNECT_DEBUGGING_FEATURES_CLICKED,
             event: 'click'
           });
       this.declareUserAction(
           $('connect-debugging-features-link'),
@@ skipping 12 matching lines @@
           });
       this.context.addObserver(CONTEXT_KEY_TIMEZONE, function(timezoneId) {
         $('timezone-select').value = timezoneId;
       });
       this.context.addObserver(CONTEXT_KEY_CONTINUE_BUTTON_ENABLED,
                                function(enabled) {
         $('continue-button').disabled = !enabled;
       });
     },
 
+    onLanguageSelected_: function(languageId) {
+      this.context.set(CONTEXT_KEY_LOCALE, languageId);
+      this.commitContextChanges();
+    },
+
+    onKeyboardSelected_: function(inputMethodId) {
+      this.context.set(CONTEXT_KEY_INPUT_METHOD, inputMethodId);
+      this.commitContextChanges();
+    },
+
+    onTimezoneSelected_: function(timezoneId) {
+      this.context.set(CONTEXT_KEY_TIMEZONE, timezoneId);
+      this.commitContextChanges();
+    },
+
     onBeforeShow: function(data) {
       cr.ui.DropDown.show('networks-list', true, -1);
       this.classList.toggle('connect-debugging-view',
         data && 'isDeveloperMode' in data && data['isDeveloperMode']);
     },
 
     onBeforeHide: function() {
       cr.ui.DropDown.hide('networks-list');
     },
 
@@ skipping 43 matching lines @@
       error.appendChild(messageDiv);
       error.setAttribute('role', 'alert');
 
       $('bubble').showContentForElement($('networks-list'),
                                         cr.ui.Bubble.Attachment.BOTTOM,
                                         error);
     }
   };
 });