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

   1 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 /**
   6  * @fileoverview Account picker screen implementation.
   7  */
   8
   9 login.createScreen('AccountPickerScreen', 'account-picker', function() {
  10   /**
  11    * Maximum number of offline login failures before online login.
  12    * @type {number}
  13    * @const
  14    */
  15   var MAX_LOGIN_ATTEMPTS_IN_POD = 3;
  16   /**
  17    * Whether to preselect the first pod automatically on login screen.
  18    * @type {boolean}
  19    * @const
  20    */
  21   var PRESELECT_FIRST_POD = true;
  22
  23   return {
  24     EXTERNAL_API: [
  25       'loadUsers',
  26       'updateUserImage',
  27       'forceOnlineSignin',
  28       'setCapsLockState',
  29       'forceLockedUserPodFocus',
  30       'onWallpaperLoaded',
  31       'removeUser',
  32       'showBannerMessage',
  33       'showUserPodButton',
  34     ],
  35
  36     preferredWidth_: 0,
  37     preferredHeight_: 0,
  38
  39     // Whether this screen is shown for the first time.
  40     firstShown_: true,
  41
  42     /** @override */
  43     decorate: function() {
  44       login.PodRow.decorate($('pod-row'));
  45     },
  46
  47     /** @override */
  48     getPreferredSize: function() {
  49       return {width: this.preferredWidth_, height: this.preferredHeight_};
  50     },
  51
  52     /** @override */
  53     onWindowResize: function() {
  54       $('pod-row').onWindowResize();
  55     },
  56
  57     /**
  58      * Sets preferred size for account picker screen.
  59      */
  60     setPreferredSize: function(width, height) {
  61       this.preferredWidth_ = width;
  62       this.preferredHeight_ = height;
  63     },
  64
  65     /**
  66      * When the account picker is being used to lock the screen, pressing the
  67      * exit accelerator key will sign out the active user as it would when
  68      * they are signed in.
  69      */
  70     exit: function() {
  71       // Check and disable the sign out button so that we can never have two
  72       // sign out requests generated in a row.
  73       if ($('pod-row').lockedPod && !$('sign-out-user-button').disabled) {
  74         $('sign-out-user-button').disabled = true;
  75         chrome.send('signOutUser');
  76       }
  77     },
  78
  79     /* Cancel user adding if ESC was pressed.
  80      */
  81     cancel: function() {
  82       if (Oobe.getInstance().displayType() == DISPLAY_TYPE.USER_ADDING)
  83         chrome.send('cancelUserAdding');
  84     },
  85
  86     /**
  87      * Event handler that is invoked just after the frame is shown.
  88      * @param {string} data Screen init payload.
  89      */
  90     onAfterShow: function(data) {
  91       $('pod-row').handleAfterShow();
  92     },
  93
  94     /**
  95      * Event handler that is invoked just before the frame is shown.
  96      * @param {string} data Screen init payload.
  97      */
  98     onBeforeShow: function(data) {
  99       chrome.send('loginUIStateChanged', ['account-picker', true]);
 100       $('login-header-bar').signinUIState = SIGNIN_UI_STATE.ACCOUNT_PICKER;
 101       chrome.send('hideCaptivePortal');
 102       var podRow = $('pod-row');
 103       podRow.handleBeforeShow();
 104
 105       // If this is showing for the lock screen display the sign out button,
 106       // hide the add user button and activate the locked user's pod.
 107       var lockedPod = podRow.lockedPod;
 108       $('add-user-header-bar-item').hidden = !!lockedPod;
 109       var signOutUserItem = $('sign-out-user-item');
 110       if (signOutUserItem)
 111         signOutUserItem.hidden = !lockedPod;
 112       // In case of the preselected pod onShow will be called once pod
 113       // receives focus.
 114       if (!podRow.preselectedPod)
 115         this.onShow();
 116     },
 117
 118     /**
 119      * Event handler invoked when the page is shown and ready.
 120      */
 121     onShow: function() {
 122       if (!this.firstShown_) return;
 123       this.firstShown_ = false;
 124       // TODO(nkostylev): Enable animation back when session start jank
 125       // is reduced. See http://crosbug.com/11116 http://crosbug.com/18307
 126       // $('pod-row').startInitAnimation();
 127
 128       // Ensure that login is actually visible.
 129       window.webkitRequestAnimationFrame(function() {
 130         chrome.send('accountPickerReady');
 131         chrome.send('loginVisible', ['account-picker']);
 132       });
 133     },
 134
 135     /**
 136      * Event handler that is invoked just before the frame is hidden.
 137      */
 138     onBeforeHide: function() {
 139       chrome.send('loginUIStateChanged', ['account-picker', false]);
 140       $('login-header-bar').signinUIState = SIGNIN_UI_STATE.HIDDEN;
 141       $('pod-row').handleHide();
 142     },
 143
 144     /**
 145      * Shows sign-in error bubble.
 146      * @param {number} loginAttempts Number of login attemps tried.
 147      * @param {HTMLElement} content Content to show in bubble.
 148      */
 149     showErrorBubble: function(loginAttempts, error) {
 150       var activatedPod = $('pod-row').activatedPod;
 151       if (!activatedPod) {
 152         $('bubble').showContentForElement($('pod-row'),
 153                                           cr.ui.Bubble.Attachment.RIGHT,
 154                                           error);
 155         return;
 156       }
 157       // Show web authentication if this is not a locally managed user.
 158       if (loginAttempts > MAX_LOGIN_ATTEMPTS_IN_POD &&
 159           !activatedPod.user.locallyManagedUser) {
 160         activatedPod.showSigninUI();
 161       } else {
 162         // We want bubble's arrow to point to the first letter of input.
 163         /** @const */ var BUBBLE_OFFSET = 7;
 164         /** @const */ var BUBBLE_PADDING = 4;
 165         $('bubble').showContentForElement(activatedPod.mainInput,
 166                                           cr.ui.Bubble.Attachment.BOTTOM,
 167                                           error,
 168                                           BUBBLE_OFFSET, BUBBLE_PADDING);
 169       }
 170     },
 171
 172     /**
 173      * Loads given users in pod row.
 174      * @param {array} users Array of user.
 175      * @param {boolean} animated Whether to use init animation.
 176      * @param {boolean} showGuest Whether to show guest session button.
 177      */
 178     loadUsers: function(users, animated, showGuest) {
 179       $('pod-row').loadPods(users, animated);
 180       $('login-header-bar').showGuestButton = showGuest;
 181
 182       // The desktop User Manager can send the index of a pod that should be
 183       // initially focused.
 184       var hash = window.location.hash;
 185       if (hash) {
 186         var podIndex = hash.substr(1);
 187         if (podIndex)
 188           $('pod-row').focusPodByIndex(podIndex, false);
 189       }
 190     },
 191
 192     /**
 193      * Updates current image of a user.
 194      * @param {string} username User for which to update the image.
 195      */
 196     updateUserImage: function(username) {
 197       $('pod-row').updateUserImage(username);
 198     },
 199
 200     /**
 201      * Indicates that the given user must authenticate against GAIA during the
 202      * next sign-in.
 203      * @param {string} username User for whom to enforce GAIA sign-in.
 204      */
 205     forceOnlineSignin: function(username) {
 206       $('pod-row').forceOnlineSigninForUser(username);
 207     },
 208
 209     /**
 210      * Updates Caps Lock state (for Caps Lock hint in password input field).
 211      * @param {boolean} enabled Whether Caps Lock is on.
 212      */
 213     setCapsLockState: function(enabled) {
 214       $('pod-row').classList.toggle('capslock-on', enabled);
 215     },
 216
 217     /**
 218      * Enforces focus on user pod of locked user.
 219      */
 220     forceLockedUserPodFocus: function() {
 221       var row = $('pod-row');
 222       if (row.lockedPod)
 223         row.focusPod(row.lockedPod, true);
 224     },
 225
 226     /**
 227      * Mark wallpaper loaded
 228      */
 229     onWallpaperLoaded: function(username) {
 230       $('pod-row').onWallpaperLoaded(username);
 231     },
 232
 233     /**
 234      * Remove given user from pod row if it is there.
 235      * @param {string} user name.
 236      */
 237     removeUser: function(username) {
 238       $('pod-row').removeUserPod(username);
 239     },
 240
 241     /**
 242      * Displays a banner containing |message|. If the banner is already present
 243      * this function updates the message in the banner. This function is used
 244      * by the chrome.screenlockPrivate.showMessage API.
 245      * @param {string} message Text to be displayed
 246      */
 247     showBannerMessage: function(message) {
 248       var banner = $('signin-banner');
 249       banner.textContent = message;
 250       banner.classList.toggle('message-set', true);
 251     },
 252
 253     /**
 254      * Shows a button with an icon on the user pod of |username|. This function
 255      * is used by the chrome.screenlockPrivate API.
 256      * @param {string} username Username of pod to add button
 257      * @param {string} iconURL URL of the button icon
 258      */
 259     showUserPodButton: function(username, iconURL) {
 260       $('pod-row').showUserPodButton(username, iconURL);
 261     }
 262   };
 263 });
 264