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

chrome/browser/resources/md_user_manager/control_bar.js

Index: chrome/browser/resources/md_user_manager/control_bar.js
diff --git a/chrome/browser/resources/md_user_manager/control_bar.js b/chrome/browser/resources/md_user_manager/control_bar.js
new file mode 100644
index 0000000000000000000000000000000000000000..34f241baceaa5c717b0006c7c53d3b21e33459ba
--- /dev/null
+++ b/chrome/browser/resources/md_user_manager/control_bar.js
@@ -0,0 +1,52 @@
+// 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.
+
+/**
+ * @fileoverview
+ * 'control-bar' is the horizontal bar at the bottom of the user manager screen.
+ *
+ * @element control-bar
+ */
+ Polymer({
+  is: 'control-bar',
+
+  properties: {
+    /**
+     * True if |Browse as Guest| button is displayed.
+     * @type {boolean}
+     */
+    showGuest: {
+      type: Boolean,
+      value: false
+    },
+
+    /**
+     * True if |Add Person| button is displayed.
+     * @type {boolean}
+     */
+    showAddPerson: {
+      type: Boolean,
+      value: false
+    }
+  },
+
+  /**
+   * Handler for |Browse as Guest| button click event.
+   * @param {!Event} event
+   * @private
+   */
+  handleGuestClick_: function(event) {
+    signin.ProfileApi.launchGuestUser();
+  },
+
+  /**
+   * Handler for |Add Person| button click event.
+   * @param {!Event} event
+   * @private
+   */
+  handleAddUserClick_: function(event) {
+    // Event is caught by user-manager-pages.
+    this.fire('change-page', {page: 'create-user-page'});
+  }
+});