Desktop user manager: Adjustments for supervised users.

chrome/browser/resources/login/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 392 matching lines @@
 
     /**
      * Gets action box menu, remove user command item div.
      * @type {!HTMLInputElement}
      */
     get actionBoxMenuRemoveElement() {
       return this.querySelector('.action-box-menu-remove');
     },
 
     /**
+     * Gets action box menu, remove user warning text div.
+     * @type {!HTMLInputElement}
+     */
+    get actionBoxRemoveUserWarningTextElement() {
+      return this.querySelector('.action-box-remove-user-warning-text');
+    },
+
+    /**
+     * Gets action box menu, remove supervised user warning text div.
+     * @type {!HTMLInputElement}
+     */
+    get actionBoxRemoveSupervisedUserWarningTextElement() {
+      return this.querySelector(
+          '.action-box-remove-supervised-user-warning-text');
+    },
+
+    /**
      * Gets action box menu, remove user command item div.
      * @type {!HTMLInputElement}
      */
     get actionBoxRemoveUserWarningElement() {
       return this.querySelector('.action-box-remove-user-warning');
     },
 
     /**
      * Gets action box menu, remove user command item div.
      * @type {!HTMLInputElement}
      */
     get actionBoxRemoveUserWarningButtonElement() {
-      return this.querySelector(
-          '.remove-warning-button');
+      return this.querySelector('.remove-warning-button');
     },
 
     /**
      * Gets the locked user indicator box.
      * @type {!HTMLInputElement}
      */
     get lockedIndicatorElement() {
       return this.querySelector('.locked-indicator');
     },
 
     /**
+     * Gets the supervised user indicator box.
+     * @type {!HTMLInputElement}
+     */
+    get supervisedUserIndicatorElement() {
+      return this.querySelector('.supervised-indicator');
+    },
+
+    /**
      * Gets the custom icon. This icon is normally hidden, but can be shown
      * using the chrome.screenlockPrivate API.
      * @type {!HTMLDivElement}
      */
     get customIconElement() {
       return this.querySelector('.custom-icon');
     },
 
     /**
      * Updates the user pod element.
@@ skipping 40 matching lines @@
           this.user_.locallyManagedUser;
 
       this.actionBoxMenuCommandElement.textContent =
           loadTimeData.getString('removeUser');
     },
 
     customizeUserPodPerUserType: function() {
       var isMultiProfilesUI =
           (Oobe.getInstance().displayType == DISPLAY_TYPE.USER_ADDING);
 
-      if (this.user_.locallyManagedUser) {
+      if (this.user_.locallyManagedUser && !this.user_.isDesktopUser) {
         this.setUserPodIconType('supervised');
       } else if (isMultiProfilesUI && !this.user_.isMultiProfilesAllowed) {
         // Mark user pod as not focusable which in addition to the grayed out
         // filter makes it look in disabled state.
         this.classList.add('not-focusable');
         this.setUserPodIconType('policy');
 
         this.querySelector('.mp-policy-title').hidden = false;
         if (this.user.multiProfilesPolicy == 'primary-only')
           this.querySelector('.mp-policy-primary-only-msg').hidden = false;
@@ skipping 198 matching lines @@
           cr.ui.Bubble.Attachment.TOP,
           error,
           this.signinButtonElement.offsetWidth / 2,
           4);
     },
 
     /**
      * Shows signin UI for this user.
      */
     showSigninUI: function() {
-      if (this.user.locallyManagedUser) {
+      if (this.user.locallyManagedUser && !this.user.isDesktopUser) {
         this.showSupervisedUserSigninWarning();
       } else {
         this.parentNode.showSigninUI(this.user.emailAddress);
       }
     },
 
     /**
      * Resets the input field and updates the tab order of pod controls.
      * @param {boolean} takeFocus If true, input field takes focus.
      */
@@ skipping 58 matching lines @@
     handleRemoveCommandClick_: function(e) {
       if (this.user.locallyManagedUser || this.user.isDesktopUser) {
         this.showRemoveWarning_();
         return;
       }
       if (this.isActionBoxMenuActive)
         chrome.send('removeUser', [this.user.username]);
     },
 
     /**
-     * Shows remove warning for managed users.
+     * Shows remove user warning. Used for supervised users on CrOS, and for all
+     * users on desktop.
      */
     showRemoveWarning_: function() {
       this.actionBoxMenuRemoveElement.hidden = true;
       this.actionBoxRemoveUserWarningElement.hidden = false;
     },
 
     /**
      * Handles a click event on remove user confirmation button.
      * @param {Event} e Click event.
      */
@@ skipping 318 matching lines @@
     decorate: function() {
       UserPod.prototype.decorate.call(this);
     },
 
     /** @override */
     update: function() {
       this.imageElement.src = this.user.userImage;
       this.nameElement.textContent = this.user.displayName;
 
       var isLockedUser = this.user.needsSignin;
+      var isSupervisedUser = this.user.locallyManagedUser;
       this.signinButtonElement.hidden = true;
       this.lockedIndicatorElement.hidden = !isLockedUser;
+      this.supervisedUserIndicatorElement.hidden = !isSupervisedUser;
       this.passwordElement.hidden = !isLockedUser;
       this.nameElement.hidden = isLockedUser;
 
       if (this.isAuthTypeUserClick)
         this.passwordLabelElement.textContent = this.authValue;
 
+      this.actionBoxRemoveUserWarningTextElement.hidden = isSupervisedUser;
+      this.actionBoxRemoveSupervisedUserWarningTextElement.hidden =
+          !isSupervisedUser;
+
       UserPod.prototype.updateActionBoxArea.call(this);
     },
 
     /** @override */
     focusInput: function() {
       // For focused pods, display the name unless the pod is locked.
       var isLockedUser = this.user.needsSignin;
+      var isSupervisedUser = this.user.locallyManagedUser;
       this.signinButtonElement.hidden = true;
       this.lockedIndicatorElement.hidden = !isLockedUser;
+      this.supervisedUserIndicatorElement.hidden = !isSupervisedUser;
       this.passwordElement.hidden = !isLockedUser;
       this.nameElement.hidden = isLockedUser;
 
       // Move tabIndex from the whole pod to the main input.
       this.tabIndex = -1;
       this.mainInput.tabIndex = UserPodTabOrder.POD_INPUT;
       this.mainInput.focus();
     },
 
     /** @override */
@@ skipping 1112 matching lines @@
       if (this.podsWithPendingImages_.length == 0) {
         this.classList.remove('images-loading');
       }
     }
   };
 
   return {
     PodRow: PodRow
   };
 });