Revert "Revert 53989 - Implement new mock for user options page per chromium-os:5028"

chrome/browser/resources/options/chromeos_accounts_options.js

 // Copyright (c) 2010 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.
 
 cr.define('options', function() {
 
   var OptionsPage = options.OptionsPage;
 
   /////////////////////////////////////////////////////////////////////////////
   // AccountsOptions class:
@@ skipping 19 matching lines @@
     __proto__: OptionsPage.prototype,
 
     /**
      * Initializes AccountsOptions page.
      */
     initializePage: function() {
       // Call base class implementation to starts preference initialization.
       OptionsPage.prototype.initializePage.call(this);
 
       // Set up accounts page.
-      $('addUserButton').onclick = function(e) {
-        OptionsPage.showOverlay('addUserOverlay');
-      };
-      $('removeUserButton').onclick = function(e) {
-        $('userList').removeSelectedUser();
-      };
-
       options.accounts.UserList.decorate($('userList'));
 
-      this.addEventListener('visibleChange',
-                            cr.bind(this.handleVisibleChange_, this));
+      var userNameEdit = $('userNameEdit');
+      options.accounts.UserNameEdit.decorate(userNameEdit);
+      userNameEdit.addEventListener('add', this.handleAddUser_);
+
+      this.addEventListener('visibleChange', this.handleVisibleChange_);
     },
 
     userListInitalized_: false,
 
     /**
      * Handler for OptionsPage's visible property change event.
+     * @private
      * @param {Event} e Property change event.
      */
-    handleVisibleChange_ : function(e) {
+    handleVisibleChange_: function(e) {
       if (!this.userListInitalized_ && this.visible) {
         this.userListInitalized_ = true;
         userList.redraw();
       }
+    },
+
+    /**
+     * Handler for "add" event fired from userNameEdit.
+     * @private
+     * @param {Event} e Add event fired from userNameEdit.
+     */
+    handleAddUser_: function(e) {
+      $('userList').addUser(e.user);
     }
   };
 
   // Export
   return {
     AccountsOptions: AccountsOptions
   };
 
 });
-