Import supervised user dialog

chrome/browser/resources/md_user_manager/import_supervised_user.html

Index: chrome/browser/resources/md_user_manager/import_supervised_user.html
diff --git a/chrome/browser/resources/md_user_manager/import_supervised_user.html b/chrome/browser/resources/md_user_manager/import_supervised_user.html
new file mode 100644
index 0000000000000000000000000000000000000000..0e4be162d17c0396942d4ad90a82cd7dc7ee4b4e
--- /dev/null
+++ b/chrome/browser/resources/md_user_manager/import_supervised_user.html
@@ -0,0 +1,51 @@
+<link rel="import" href="chrome://md-user-manager/profile_browser_proxy.html">
+<link rel="import" href="chrome://md-user-manager/shared_styles.html">
+<link rel="import" href="chrome://resources/html/i18n_behavior.html">
+<link rel="import" href="chrome://resources/html/polymer.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/iron-icons/iron-icons.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-selector.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
+
+<dom-module id="import-supervised-user">
+  <link rel="import" type="css"
+      href="chrome://md-user-manager/import_supervised_user.css">

[tommycli, 2016/04/18 23:27:18]

External stylesheets deprecated.

[Moe, 2016/04/19 21:47:43]

Done.

+  <template>
+    <style include="shared-styles"></style>
+    <template is="dom-if" if="[[!hidden_]]">
+      <div id="backdrop">
+        <div id="dialog">
+          <div id="title-bar" class="horizontal justified layout">
+            <span id="title">[[i18n('supervisedUserImportTitle')]]</span>
+            <iron-icon icon="close" on-tap="onCancelTap_"></iron-icon>
+          </div>
+          <div id="message">[[message_]]</div>

[tommycli, 2016/04/18 23:27:18]

Instead of a property, we can use a computed binding for message_

[Moe, 2016/04/19 21:47:42]

Done.

+          <div id="user-list" class="content-area">
+            <iron-selector selected="{{supervisedUserIndex_}}"
+                selectable=".selectable">
+              <template is="dom-repeat" items="[[supervisedUsers_]]">
+                <div class$="[[getUserClassNames_(item)]]">
+                  <img class="profile-img" src="[[item.iconURL]]"></img>
+                  <div class="profile-name">[[item.name]]</div>
+                  <div class="on-device" hidden="[[!item.onCurrentDevice]]">
+                    [[i18n('supervisedUserAlreadyOnThisDevice')]]
+                  </div>
+                </div>
+              </template>
+            </iron-selector>
+          </div>
+          <div id="actions" class="horizontal end-justified layout">
+            <paper-button id="cancel" on-tap="onCancelTap_">
+              [[i18n('cancel')]]
+            </paper-button>
+            <paper-button id="import" on-tap="onImportTap_"
+                disabled="[[isImportDisabled_(supervisedUserIndex_)]]">
+              [[i18n('supervisedUserImportOk')]]
+            </paper-button>
+          </div>
+        </div>
+      </div>
+    </template>
+  </template>
+  <script src="chrome://md-user-manager/import_supervised_user.js"></script>
+</dom-module>