material design user manager with 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..1b4d80673673a8a3b3681d9fd34923682fc5fb11
--- /dev/null
+++ b/chrome/browser/resources/md_user_manager/control_bar.js
@@ -0,0 +1,54 @@
+/* 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: {
+

[Dan Beam, 2016/02/12 23:42:24]

nit: remove \n

[Moe, 2016/02/20 00:20:59]

Done.

+    /**
+     * 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) {
+    chrome.send('launchGuest');

[Dan Beam, 2016/02/12 23:42:24]

i would recommend abstracting this away so you can test this code more easily
without global, browser side-effects

[Moe, 2016/02/20 00:20:59]

Makes sense. Done!

+  },
+
+  /**
+   * 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'});
+  }
+});