ChromeOS: Implement EULA screen of material design OOBE.

ui/login/display_manager.js

 // Copyright 2014 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 Display manager for WebUI OOBE and login.
  */
 
 // TODO(xiyuan): Find a better to share those constants.
 /** @const */ var SCREEN_OOBE_NETWORK = 'connect';
@@ skipping 694 matching lines @@
         var screen = $(screenId);
         var buttonStrip = $(screenId + '-controls');
         if (buttonStrip)
           buttonStrip.innerHTML = '';
         // TODO(nkostylev): Update screen headers for new OOBE design.
         this.appendButtons_(screen.buttons, screenId);
         if (screen.updateLocalizedContent)
           screen.updateLocalizedContent();
       }
 
+      /* Recalculate all MD containers */

[michaelpg, 2016/08/15 16:16:50]

why? and AFAICT there's only 1

[Alexander Alekseev, 2016/08/15 19:36:43]

This code was needed because MD elements had 'position: absolute'.
I updated layout and it is not needed anymore.

+      var nodes = document.getElementsByClassName("md-container");
+      for (var i = 0; i < nodes.length; ++i) {
+        var children = nodes[i].children;
+        var width = 0;
+        var height = 0;
+        for (var j = 0; j < children.length; ++j) {
+          width = Math.max(width, children[j].offsetWidth);

[michaelpg, 2016/08/15 16:16:50]

offsetWidth or clientWidth?

+          height = Math.max(height, children[j].offsetHeight);
+        }
+        nodes[i].style.width = width + 'px';
+        nodes[i].style.height = height + 'px';
+      }
+
       var currentScreenId = this.screens_[this.currentStep_];
       var currentScreen = $(currentScreenId);
       this.updateScreenSize(currentScreen);
 
       // Trigger network drop-down to reload its state
       // so that strings are reloaded.
       // Will be reloaded if drowdown is actually shown.
       cr.ui.DropDown.refresh();
     },
 
@@ skipping 321 matching lines @@
    */
   DisplayManager.refocusCurrentPod = function() {
     $('pod-row').refocusCurrentPod();
   };
 
   // Export
   return {
     DisplayManager: DisplayManager
   };
 });