MD user manager (html/js/css for create profile flow)

chrome/browser/resources/md_user_manager/create_profile.html

Index: chrome/browser/resources/md_user_manager/create_profile.html
diff --git a/chrome/browser/resources/md_user_manager/create_profile.html b/chrome/browser/resources/md_user_manager/create_profile.html
new file mode 100644
index 0000000000000000000000000000000000000000..b38ab205ac44d794b53afc6587a9dd98189416ce
--- /dev/null
+++ b/chrome/browser/resources/md_user_manager/create_profile.html
@@ -0,0 +1,68 @@
+<link rel="import" href="chrome://md-user-manager/profile_api.html">
+<link rel="import" href="chrome://resources/html/action_link.html">
+<link rel="import" href="chrome://resources/html/cr.html">
+<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/paper-button/paper-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/paper-dropdown-menu.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spinner.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+
+<dom-module id="create-profile">
+  <link rel="import" type="css"
+      href="chrome://md-user-manager/create_profile.css">
+  <template>
+    <div class="container">
+      <div id="title-bar" i18n-content="createProfileTitle"></div>
+      <paper-input id="nameInput" value="{{profileName_}}" pattern=".*\S.*"
+          auto-validate>
+      </paper-input>
+      <div id="icons">
+        <div id="wrapper">
+        <template is="dom-repeat" items="[[availableIconUrls_]]">
+          <paper-button toggles on-tap="onIconTap_" data-icon-url$="[[item]]"
+              active="{{isActiveIcon_(item, profileIconUrl_)}}">
+            <img src="[[item]]">
+          </paper-button>
+        </template>
+        </div>
+      </div>
+      <div id="createSupervisedContainer">
+        <template is="dom-if" if="[[signedIn_]]">
+          <paper-checkbox checked="{{isSupervised_}}"
+              disabled="{{supervisedUserCheckboxDisabled_}}">
+            <span i18n-content="manageProfilesSupervisedSignedInLabel"></span>
+          </paper-checkbox>
+          <paper-dropdown-menu no-label-float>
+            <paper-menu selected="{{selectedEmail_}}" class="dropdown-content">
+              <template is="dom-repeat" items="[[signedInUsers_]]">
+                <paper-item>[[item.username]]</paper-item>
+              </template>
+            </paper-menu>
+          </paper-dropdown-menu>
+          <a id="learnMoreLink" is="action-link" i18n-content="learnMore"
+              on-tap="onLearnMore_"></a>

[Dan Beam, 2016/03/02 23:19:24]

using an action-link likely requires including the css within this <dom-module>

[Moe, 2016/03/03 18:05:45]

Done.

+        </template>
+        <span id="create-profile-supervised-not-signed-in"
+            i18n-values=".innerHTML:manageProfilesSupervisedNotSignedIn"
+            hidden$="{{signedIn_}}">
+        </span>
+        <div id="messageBubble" inner-h-t-m-l="{{message_}}"></div>
+      </div>
+      <div id="actions" class="layout horizontal end-justified">
+        <paper-spinner active="[[createInProgress_]]"></paper-spinner>
+        <paper-button id="cancel-button" on-tap="onCancel_"

[Dan Beam, 2016/03/02 23:19:24]

nit: onCancelTap_

[Moe, 2016/03/03 18:05:45]

Changed button IDs and handler names in the other active CL.

+            i18n-content="cancel">
+        </paper-button>
+        <paper-button id="ok-button" on-tap="onOk_"

[Dan Beam, 2016/03/02 23:19:24]

nit: onOkTap_

[Moe, 2016/03/03 18:05:45]

Changed button IDs and handler names in the other active CL.

+            i18n-content="createProfileConfirm"
+            disabled="{{isOkDisabled_(createInProgress_, profileName_, message_)}}">
+        </paper-button>
+      </div>
+    </div>
+  </template>
+  <script src="chrome://md-user-manager/create_profile.js"></script>
+</dom-module>