ChromeOS: Implement minumal material design OOBE.

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

Index: chrome/browser/resources/chromeos/login/oobe_screen_network.html
diff --git a/chrome/browser/resources/chromeos/login/oobe_screen_network.html b/chrome/browser/resources/chromeos/login/oobe_screen_network.html
index ffa420c28d2ede6d2e622499fd54305ef7afd0d8..84213dfa6ea7f65a9baca37653434fdb9f4c702d 100644
--- a/chrome/browser/resources/chromeos/login/oobe_screen_network.html
+++ b/chrome/browser/resources/chromeos/login/oobe_screen_network.html
@@ -1,45 +1,65 @@
+<!-- Copyright 2016 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. -->
+
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-from-left-animation.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-from-right-animation.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-left-animation.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-right-animation.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animated-pages.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog/paper-dialog.html">
+

[dzhioev_at_google, 2016/05/25 01:01:32]

Please move these imports to the HTML file with 'oobe-welcome-md' definition.

[Alexander Alekseev, 2016/05/25 23:47:29]

Done.

 <div class="step hidden animated" id="connect" role="group" hidden>
-  <div class="step-contents">
-    <div id="welcome-message" i18n-content="networkScreenGreeting">
+  <div id="oobe-poly-connect">
+    <div class="step-contents">
+      <oobe-welcome-md id="oobe-welcome-md" class="fit"></oobe-welcome-md>
     </div>
-    <div class="control-with-label">
-      <label for="language-select" i18n-content="selectLanguage"
-             class="label"></label>
-      <div class="menu-area">
-        <select id="language-select" class="menu-control"></select>
+  </div>
+  <div id="oobe-connect">
+    <div class="step-contents">
+      <div id="welcome-message" i18n-content="networkScreenGreeting">
       </div>
-    </div>
-    <div class="control-with-label">
-      <label for="keyboard-select" i18n-content="selectKeyboard"
-             class="label"></label>
-      <div class="menu-area">
-        <select id="keyboard-select" class="menu-control"></select>
+      <div class="control-with-label">
+        <label for="language-select" i18n-content="selectLanguage"
+               class="label"></label>
+        <div class="menu-area">
+          <select id="language-select" class="menu-control"></select>
+        </div>
       </div>
-    </div>
-    <div class="control-with-label" id="network-timezone-setting">
-      <label for="timezone-select" i18n-content="selectTimezone"
-             class="label"></label>
-      <div class="menu-area">
-        <select id="timezone-select" class="menu-control"></select>
+      <div class="control-with-label">
+        <label for="keyboard-select" i18n-content="selectKeyboard"
+               class="label"></label>
+        <div class="menu-area">
+          <select id="keyboard-select" class="menu-control"></select>
+        </div>
       </div>
-    </div>
-    <div class="control-with-label">
-      <label for="networks-list-dropdown" i18n-content="selectNetwork"
-             class="label"></label>
-      <div class="menu-area">
-        <div id="networks-list" class="menu-control"></div>
+      <div class="control-with-label" id="network-timezone-setting">
+        <label for="timezone-select" i18n-content="selectTimezone"
+               class="label"></label>
+        <div class="menu-area">
+          <select id="timezone-select" class="menu-control"></select>
+        </div>
+      </div>
+      <div class="control-with-label">
+        <label for="networks-list-dropdown" i18n-content="selectNetwork"
+               class="label"></label>
+        <div class="menu-area">
+          <div id="networks-list" class="menu-control"></div>
+        </div>
       </div>
     </div>
-  </div>
-  <div id="connect-controls" class="step-controls"></div>
-  <div id="connect-extra-controls" class="step-extra-controls">
-    <div id="connect-accessibility">
-      <a id="connect-accessibility-link" href="#" role="button"
-         i18n-content="accessibilityLink"></a>
-    </div>
-    <div class="connect-debugging-specific">
-      <a id="connect-debugging-features-link" href="#" role="button"
-         i18n-content="debuggingFeaturesLink"></a>
+    <div id="connect-controls" class="step-controls"></div>
+    <div id="connect-extra-controls" class="step-extra-controls">
+      <div id="connect-accessibility">
+        <a id="connect-accessibility-link" href="#" role="button"
+           i18n-content="accessibilityLink"></a>
+      </div>
+      <div class="connect-debugging-specific">
+        <a id="connect-debugging-features-link" href="#" role="button"
+           i18n-content="debuggingFeaturesLink"></a>
+      </div>
     </div>
   </div>
 </div>