ChromeOS: Show the new POD RE-AUTH ICON when users needs to re-auth

ui/login/account_picker/user_pod_row.js

 // Copyright 2014 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 User pod row implementation.
  */
 
 cr.define('login', function() {
   /**
@@ skipping 691 matching lines @@
 
     /** @override */
     decorate: function() {
       this.tabIndex = UserPodTabOrder.POD_INPUT;
       this.actionBoxAreaElement.tabIndex = UserPodTabOrder.ACTION_BOX;
 
       this.addEventListener('keydown', this.handlePodKeyDown_.bind(this));
       this.addEventListener('click', this.handleClickOnPod_.bind(this));
       this.addEventListener('mousedown', this.handlePodMouseDown_.bind(this));
 
-      this.signinButtonElement.addEventListener('click',
-          this.activate.bind(this));
+      this.reauthWarningElement.addEventListener('click',
+                                                 this.activate.bind(this));
 
       this.actionBoxAreaElement.addEventListener('mousedown',
                                                  stopEventPropagation);
       this.actionBoxAreaElement.addEventListener('click',
           this.handleActionAreaButtonClick_.bind(this));
       this.actionBoxAreaElement.addEventListener('keydown',
           this.handleActionAreaButtonKeyDown_.bind(this));
 
       this.actionBoxMenuRemoveElement.addEventListener('click',
           this.handleRemoveCommandClick_.bind(this));
@@ skipping 102 matching lines @@
 
     /**
      * Gets name element.
      * @type {!HTMLDivElement}
      */
     get nameElement() {
       return this.querySelector('.name');
     },
 
     /**
+     * Gets reauth name hint element.
+     * @type {!HTMLDivElement}
+     */
+    get reauthNameHintElement() {
+      return this.querySelector('.reauth-name-hint');
+    },
+
+    /**
      * Gets the container holding the password field.
      * @type {!HTMLInputElement}
      */
     get passwordEntryContainerElement() {
       return this.querySelector('.password-entry-container');
     },
 
     /**
      * Gets password field.
      * @type {!HTMLInputElement}
      */
     get passwordElement() {
       return this.querySelector('.password');
     },
 
     /**
      * Gets the password label, which is used to show a message where the
      * password field is normally.
      * @type {!HTMLInputElement}
      */
     get passwordLabelElement() {
       return this.querySelector('.password-label');
     },
 
     /**
-     * Gets user sign in button.
-     * @type {!HTMLButtonElement}
+     * Gets user online sign in hint element.
+     * @type {!HTMLDivElement}
      */
-    get signinButtonElement() {
-      return this.querySelector('.signin-button');
+    get reauthWarningElement() {
+      return this.querySelector('.reauth-hint-container');
     },
 
     /**
      * Gets the container holding the launch app button.
      * @type {!HTMLButtonElement}
      */
     get launchAppButtonContainerElement() {
       return this.querySelector('.launch-app-button-container');
     },
 
@@ skipping 112 matching lines @@
     },
 
     /**
      * Updates the user pod element.
      */
     update: function() {
       this.imageElement.src = 'chrome://userimage/' + this.user.username +
           '?id=' + UserPod.userImageSalt_[this.user.username];
 
       this.nameElement.textContent = this.user_.displayName;
+      this.reauthNameHintElement.textContent = this.user_.displayName;
       this.classList.toggle('signed-in', this.user_.signedIn);
 
       if (this.isAuthTypeUserClick)
         this.passwordLabelElement.textContent = this.authValue;
 
       this.updateActionBoxArea();
 
       this.passwordElement.setAttribute('aria-label', loadTimeData.getStringF(
         'passwordFieldAccessibleName', this.user_.emailAddress));
 
@@ skipping 78 matching lines @@
     },
 
     /**
      * Gets main input element.
      * @type {(HTMLButtonElement|HTMLInputElement)}
      */
     get mainInput() {
       if (this.isAuthTypePassword) {
         return this.passwordElement;
       } else if (this.isAuthTypeOnlineSignIn) {
-        return this.signinButtonElement;
+        return this;
       } else if (this.isAuthTypeUserClick) {
         return this.passwordLabelElement;
       }
     },
 
     /**
      * Whether action box button is in active state.
      * @type {boolean}
      */
     get isActionBoxMenuActive() {
@@ skipping 165 matching lines @@
       this.parentNode.focusPod(this);
 
       var error = document.createElement('div');
       var messageDiv = document.createElement('div');
       messageDiv.className = 'error-message-bubble';
       messageDiv.textContent =
           loadTimeData.getString('supervisedUserExpiredTokenWarning');
       error.appendChild(messageDiv);
 
       $('bubble').showContentForElement(
-          this.signinButtonElement,
+          this.reauthWarningElement,
           cr.ui.Bubble.Attachment.TOP,
           error,
-          this.signinButtonElement.offsetWidth / 2,
+          this.reauthWarningElement.offsetWidth / 2,
           4);
       // Move warning bubble up if it overlaps the shelf.
       var maxHeight =
           cr.ui.LoginUITools.getMaxHeightBeforeShelfOverlapping($('bubble'));
       if (maxHeight < $('bubble').offsetHeight) {
         $('bubble').showContentForElement(
-            this.signinButtonElement,
+            this.reauthWarningElement,
             cr.ui.Bubble.Attachment.BOTTOM,
             error,
-            this.signinButtonElement.offsetWidth / 2,
+            this.reauthWarningElement.offsetWidth / 2,
             4);
       }
     },
 
     /**
      * Shows signin UI for this user.
      */
     showSigninUI: function() {
       if (this.user.legacySupervisedUser && !this.user.isDesktopUser) {
         this.showSupervisedUserSigninWarning();
@@ skipping 619 matching lines @@
       if (this.user.needsSignin)
         return this.passwordElement;
       else
         return this.nameElement;
     },
 
     /** @override */
     update: function() {
       this.imageElement.src = this.user.userImage;
       this.nameElement.textContent = this.user.displayName;
+      this.reauthNameHintElement.textContent = this.user.displayName;
 
       var isLockedUser = this.user.needsSignin;
       var isLegacySupervisedUser = this.user.legacySupervisedUser;
       var isChildUser = this.user.childUser;
       this.classList.toggle('locked', isLockedUser);
       this.classList.toggle('legacy-supervised', isLegacySupervisedUser);
       this.classList.toggle('child', isChildUser);
 
       if (this.isAuthTypeUserClick)
         this.passwordLabelElement.textContent = this.authValue;
@@ skipping 72 matching lines @@
     },
 
     /** @override */
     update: function() {
       this.imageElement.src = this.user.iconUrl;
       this.imageElement.alt = this.user.label;
       this.imageElement.title = this.user.label;
       this.passwordEntryContainerElement.hidden = true;
       this.launchAppButtonContainerElement.hidden = false;
       this.nameElement.textContent = this.user.label;
+      this.reauthNameHintElement.textContent = this.user.label;
 
       UserPod.prototype.updateActionBoxArea.call(this);
       UserPod.prototype.customizeUserPodPerUserType.call(this);
     },
 
     /** @override */
     get mainInput() {
       return this.launchAppButtonElement;
     },
 
@@ skipping 1111 matching lines @@
        if (pod && pod.multiProfilesPolicyApplied) {
          pod.userTypeBubbleElement.classList.remove('bubble-shown');
        }
      }
   };
 
   return {
     PodRow: PodRow
   };
 });