Add UI components for license type selection in ChromeOS login UI.

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

Index: chrome/browser/resources/chromeos/login/enrollment_license_card.html
diff --git a/chrome/browser/resources/chromeos/login/enrollment_license_card.html b/chrome/browser/resources/chromeos/login/enrollment_license_card.html
new file mode 100644
index 0000000000000000000000000000000000000000..9883ea6ef4e5f3c8b3e84af66fbfd5f1707e9160
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/enrollment_license_card.html
@@ -0,0 +1,61 @@
+<!-- Copyright 2017 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/paper-radio-button/paper-radio-button.html">
+<link rel="import"
+      href="chrome://resources/polymer/v1_0/paper-radio-group/paper-radio-group.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+
+<!--
+  UI for the Enrollment license type selection.
+
+  Example:
+      <enrollment-license-card> </enrollment-license-card>
+
+  Attributes:
+    'disabled'   - Whether the UI disabled. Could be used to disable the UI
+                   during blocking IO operations.
+    'selected'   - Selected license type.
+    'buttonText' - Text on the confirmation button.
+
+  Events:
+    'buttonclick' - Fired when user confirms license type selection.
+-->
+<dom-module id="enrollment-license-card">
+    <template>
+        <link rel="stylesheet" href="gaia_input_form.css">
+        <link rel="stylesheet" href="enrollment_license_card.css">
+
+        <gaia-card id="license-selection-prompt-card" class="fit">
+            <div class="header flex vertical layout end-justified">
+                <h1 class="welcome-message" style="text-transform:capitalize"
+                    i18n-content="licenseSelectionCardTitle"></h1>
+            </div>
+            <div class="footer flex vertical layout justified">
+                <div>
+                    <p class="license-card-explanation"
+                          i18n-content="licenseSelectionCardExplanation"></p>
+                    <paper-radio-group selected="{{selected}}">
+                        <template is="dom-repeat" items="[[licenses]]"
+                                  id="repeatTemplate">
+                            <paper-radio-button class="gaia-radio-button"
+                                disabled$="[[or_(item.disabled, disabled)]]"
+                                hidden$="[[item.hidden]]" name="[[item.id]]">
+                                [[formatTitle_(item)]]
+                            </paper-radio-button>
+                        </template>
+                    </paper-radio-group>
+                </div>
+                <div class="horizontal-reverse justified layout center">
+                    <gaia-button id="submitButton" class="self-end"
+                                 disabled="[[disabled]]"
+                                 on-tap="buttonClicked_">
+                        <span>[[buttonText]]</span>
+                    </gaia-button>
+                </div>
+            </div>
+        </gaia-card>
+    </template>
+</dom-module>