Fixed header bar UI behaviour.

chrome/browser/resources/chromeos/login/header_bar.js

 // Copyright (c) 2012 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 Login UI header bar implementation.
  */
 
 cr.define('login', function() {
-  // Network state constants.
-  /** @const */ var NET_STATE = {
-    OFFLINE: 0,
-    ONLINE: 1,
-    PORTAL: 2
-  };
-
   /**
    * Creates a header bar element.
    * @constructor
    * @extends {HTMLDivElement}
    */
   var HeaderBar = cr.ui.define('div');
 
   HeaderBar.prototype = {
     __proto__: HTMLDivElement.prototype,
 
     // Whether guest button should be shown when header bar is in normal mode.
     showGuest_: false,
 
+    // Current UI state of the sign-in screen.
+    signinUIState_: SIGNIN_UI_STATE.HIDDEN,
+
     /** @override */
     decorate: function() {
       $('shutdown-header-bar-item').addEventListener('click',
           this.handleShutdownClick_);
       $('shutdown-button').addEventListener('click',
           this.handleShutdownClick_);
       $('add-user-button').addEventListener('click',
           this.handleAddUserClick_);
       $('cancel-add-user-button').addEventListener('click',
           this.handleCancelAddUserClick_);
@@ skipping 89 matching lines @@
     /**
      * If true then "Browse as Guest" button is shown.
      * @type {boolean}
      */
     set showGuestButton(value) {
       this.showGuest_ = value;
       this.updateUI_();
     },
 
     /**
-     * If true then sign in UI is active and header controls
-     * should change accordingly.
-     * @type {boolean}
+     * Update current header bar UI.
+     * @type {number} state Current state of the sign-in screen
+     *                      (see SIGNIN_UI_STATE).
      */
-    set signinUIActive(value) {
-      this.signinUIActive_ = value;
+    set signinUIState(state) {
+      this.signinUIState_ = state;
       this.updateUI_();
     },
 
     /**
      * Whether the Cancel button is enabled during Gaia sign-in.
      * @type {boolean}
      */
     set allowCancel(value) {
       this.allowCancel_ = value;
       this.updateUI_();
     },
 
     /**
      * Updates visibility state of action buttons.
      * @private
      */
     updateUI_: function() {
-      $('add-user-button').hidden = this.signinUIActive_;
-      $('cancel-add-user-button').hidden =
-          !this.signinUIActive_ || !this.allowCancel_;
-      $('guest-user-header-bar-item').hidden =
-          this.signinUIActive_ || !this.showGuest_;
+      var gaiaIsActive = (this.signinUIState_ == SIGNIN_UI_STATE.GAIA_SIGNIN);
+      var accountPickerIsActive =
+          (this.signinUIState_ == SIGNIN_UI_STATE.ACCOUNT_PICKER);
+
+      $('add-user-button').hidden = !accountPickerIsActive;
+      $('cancel-add-user-button').hidden = accountPickerIsActive ||
+          !this.allowCancel_;
+      $('guest-user-header-bar-item').hidden = gaiaIsActive || !this.showGuest_;
       $('add-user-header-bar-item').hidden =
           $('add-user-button').hidden && $('cancel-add-user-button').hidden;
     },
 
     /**
      * Animates Header bar to hide from the screen.
      * @param {function()} callback will be called once animation is finished.
      */
     animateOut: function(callback) {
       var launcher = this;
@@ skipping 14 matching lines @@
       this.classList.remove('login-header-bar-animate-fast');
       this.classList.add('login-header-bar-animate-slow');
       this.classList.remove('login-header-bar-hidden');
     },
   };
 
   return {
     HeaderBar: HeaderBar
   };
 });