ChromeOS: Implement minumal material design OOBE.

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

Index: chrome/browser/resources/chromeos/login/oobe.js
diff --git a/chrome/browser/resources/chromeos/login/oobe.js b/chrome/browser/resources/chromeos/login/oobe.js
index 06b62e4604ac808f4d9c25d440afc54a2624b2cf..729a695c31f9ce777e6f29f5290f2413d3636358 100644
--- a/chrome/browser/resources/chromeos/login/oobe.js
+++ b/chrome/browser/resources/chromeos/login/oobe.js
@@ -28,6 +28,9 @@ cr.define('cr.ui.Oobe', function() {
      * 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 = '';
@@ -63,6 +66,26 @@ cr.define('cr.ui.Oobe', function() {
     },
 
     /**
+     * Returns title of the selected option (see setupSelect() above).
+     * @param {!Object} list The same as in setupSelect() above.
+     */
+    getSelectedTitle: function(list) {
+      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.
      */
@@ -281,6 +304,19 @@ cr.define('cr.ui.Oobe', function() {
       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();
     },