ChromeOS: Implement minumal material design OOBE.

chrome/browser/resources/chromeos/login/oobe.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 Out of the box experience flow (OOBE).
  * This is the main code for the OOBE WebUI implementation.
  */
 
 <include src="login_shared.js">
@@ skipping 10 matching lines @@
 cr.define('cr.ui.Oobe', function() {
   return {
     /**
      * Setups given "select" element using the list and adds callback.
      * Creates option groups if needed.
      * @param {!Element} select Select object to be updated.
      * @param {!Object} list List of the options to be added.
      * Elements with optionGroupName are considered option group.
      * @param {string} callback Callback name which should be send to Chrome or
      * an empty string if the event listener shouldn't be added.
+     *
+     * Note: do not forget to update getSelectedTitle() below if this is
+     * updated!
      */
     setupSelect: function(select, list, callback) {
       select.innerHTML = '';
       var optgroup = select;
       for (var i = 0; i < list.length; ++i) {
         var item = list[i];
         if (item.optionGroupName) {
           optgroup = document.createElement('optgroup');
           optgroup.label = item.optionGroupName;
           select.appendChild(optgroup);
@@ skipping 13 matching lines @@
           var keycodeInterested = [
             9,  // Tab
             13,  // Enter
             27,  // Escape
           ];
           if (keycodeInterested.indexOf(event.keyCode) >= 0)
             runCallback();
         });
       }
     },
+    /**

[jdufault, 2016/05/20 18:27:27]

nit: newline above here

[Alexander Alekseev, 2016/05/24 00:38:45]

Done.

+     * Returns title of the selected option (see setupSelect() above).
+     * @param {!Object} - the same as in setupSelect() above.

[jdufault, 2016/05/20 18:27:26]

replace "-" with "list".

[Alexander Alekseev, 2016/05/24 00:38:45]

Done.

+     */
+    getSelectedTitle: function(list) {

[jdufault, 2016/05/20 18:27:26]

Do the items in |list| store any interesting data besides the title? If so,
maybe have this function just return the entire entry and the caller can fetch
the title from the entry itself.

[Alexander Alekseev, 2016/05/24 00:38:45]

It also contains data to setup input element, but I believe it it useless for
one item.

+      var firstTitle = '';
+      for (var i = 0; i < list.length; ++i) {
+        var item = list[i];
+        if (item.optionGroupName)
+          continue;
+
+        if (!firstTitle)
+          firstTitle = item.title;
+
+        if (item.selected)
+          return item.title;
+      }
+      return firstTitle;
+    },
 
     /**
      * Initializes the OOBE flow.  This will cause all C++ handlers to
      * be invoked to do final setup.
      */
     initialize: function() {
       cr.ui.login.DisplayManager.initialize();
       login.HIDDetectionScreen.register();
       login.WrongHWIDScreen.register();
       login.NetworkScreen.register();
@@ skipping 200 matching lines @@
     reloadContent: function(data) {
       // Reload global local strings, process DOM tree again.
       loadTimeData.overrideValues(data);
       i18nTemplate.process(document, loadTimeData);
 
       // Update language and input method menu lists.
       Oobe.setupSelect($('language-select'), data.languageList);
       Oobe.setupSelect($('keyboard-select'), data.inputMethodsList);
       Oobe.setupSelect($('timezone-select'), data.timezoneList);
 
+      // ---------- Welcome screen
+      $('oobe-welcome-md').currentLanguage =
+          Oobe.getSelectedTitle(data.languageList);
+
+      if (data.newOobeUI == 'on') {
+        $('oobe-connect').hidden = true;
+        $('oobe-welcome-md').hidden = false;
+      } else {
+        $('oobe-connect').hidden = false;
+        $('oobe-welcome-md').hidden = true;
+      }
+      // ----------
+
       // Update localized content of the screens.
       Oobe.updateLocalizedContent();
     },
 
     /**
      * Updates localized content of the screens.
      * Should be executed on language change.
      */
     updateLocalizedContent: function() {
       // Buttons, headers and links.
       Oobe.getInstance().updateLocalizedContent_();
     }
   };
 });