[cros] Error bubble on login is displayed to the left of Gaia frame.

chrome/browser/resources/chromeos/login/screen_account_picker.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 Account picker screen implementation.
  */
 
 cr.define('login', function() {
   /**
+   * Maximum number of offline login failures before online login.
+   */
+  const MAX_LOGIN_ATTEMPTS_IN_POD = 3;
+
+  /**
    * Creates a new account picker screen div.
    * @constructor
    * @extends {HTMLDivElement}
    */
   var AccountPickerScreen = cr.ui.define('div');
 
   /**
    * Registers with Oobe.
    */
   AccountPickerScreen.register = function() {
@@ skipping 36 matching lines @@
       podRow.handleShow();
 
       // If this is showing for the lock screen display the sign out button,
       // hide the add user button and activate the locked user's pod.
       var lockedPod = podRow.lockedPod;
       $('add-user-header-bar-item').hidden = !!lockedPod;
       $('sign-out-user-item').hidden = !lockedPod;
       if (lockedPod) {
         var focusPod = function() {
           podRow.focusPod(lockedPod);
-        }
+        };
         // TODO(altimofeev): empirically I investigated that focus isn't
         // set correctly if following CSS rules are present:
         //
         // podrow {
         //   -webkit-transition: all 200ms ease-in-out;
         // }
         // .pod {
         //  -webkit-transition: all 230ms ease;
         // }
         //
@@ skipping 12 matching lines @@
         chrome.send('accountPickerReady', []);
       }
     },
 
      /**
       * Event handler that is invoked just before the frame is hidden.
       * @param data {string} Screen init payload.
       */
     onBeforeHide: function(data) {
       $('pod-row').handleHide();
+    },
+
+    /**
+     * Shows sign-in error bubble.
+     * @param {number} loginAttempts Number of login attemps tried.
+     * @param {HTMLElement} content Content to show in bubble.
+     */
+    showErrorBubble: function(loginAttempts, error) {
+      var activatedPod = $('pod-row').activatedPod;
+      if (!activatedPod)
+        return;
+      if (loginAttempts > MAX_LOGIN_ATTEMPTS_IN_POD) {
+        activatedPod.showSigninUI();
+      } else {
+        $('bubble').showContentForElement(activatedPod.mainInput, error,
+                                          cr.ui.Bubble.Attachment.BOTTOM);
+      }
     }
   };
 
   /**
    * Loads givens users in pod row.
    * @param {array} users Array of user.
    * @param {boolean} animated Whether to use init animation.
    * @public
    */
   AccountPickerScreen.loadUsers = function(users, animated) {
@@ skipping 24 matching lines @@
    * @public
    */
   AccountPickerScreen.setCapsLockState = function(enabled) {
     $('pod-row').classList[enabled ? 'add' : 'remove']('capslock-on');
   };
 
   return {
     AccountPickerScreen: AccountPickerScreen
   };
 });