Issue 501916 : Add data type counts to profile deletion flow

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 936 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 legacy supervised user warning text div.
-     * @type {!HTMLInputElement}
-     */
-    get actionBoxRemoveLegacySupervisedUserWarningTextElement() {
-      return this.querySelector(
-          '.action-box-remove-legacy-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}
@@ skipping 419 matching lines @@
         return;
       }
       if (this.isActionBoxMenuActive)
         chrome.send('removeUser', [this.user.username]);
     },
 
     /**
      * Shows remove user warning. Used for legacy supervised users on CrOS, and
      * for all users on desktop.
      */
     showRemoveWarning_: function() {

[lwchkg, 2015/08/06 04:58:23]

I need some help to test for the "legacy supervised user" thing, just to know
that I did not break things for this kind of user. How should I set up an
account?

[Mike Lerman, 2015/08/06 17:38:27]

Be signed in to your profile. Then: Chrome Settings -> Add Person -> "Control
websites view by this user" will create a "supervised user".

+      // Temporary add/remove this class to choose the shorter dialog. The
+      // problems of switching from a shorter dialog to a longer dialog is
+      // visually less problematic than otherwise.
+      // TODO(lwchkg): Show the correct dialog in one pass.
+      this.classList.toggle('has-no-stats', this.classList.contains('synced'));

[lwchkg, 2015/08/06 04:58:23]

I've verified that this hack does not work, so we need to fix this one before
committing. There are two options:

(1) chrome.send something at showRemoveWarning_ in the desktop version to check
for the presence of profile. Then execute the remainder of the code after it
returns. In this way there may be a small slowdown.

(2) chrome.send at update (see line 1987 below). Unnecessary calls may be made,
but the dialog box can be displayed immediately in showRemoveWarning_.

Note: checking the presence of the profile is cheap. The time used is mainly for
waiting for the async tasks to execute.

Which one do you prefer?

[Mike Lerman, 2015/08/06 17:38:27]

Add something to UserManagerScreenHandler::SendUserList() that includes within
the list that drives the UserManager a boolean of whether or not we have the
Profile* loaded. We can then refer to it here, as this.user.isProfileLoaded (or
similar). Should work?

+
       this.actionBoxMenuRemoveElement.hidden = true;
       this.actionBoxRemoveUserWarningElement.hidden = false;
       this.actionBoxRemoveUserWarningButtonElement.focus();
 
       // Move up the menu if it overlaps shelf.
       var maxHeight = cr.ui.LoginUITools.getMaxHeightBeforeShelfOverlapping(
           this.actionBoxMenu);
       var actualHeight = parseInt(
           window.getComputedStyle(this.actionBoxMenu).height);
       if (maxHeight < actualHeight) {
         this.actionBoxMenu.classList.add('menu-moved-up');
         this.actionBoxAreaElement.classList.add('menu-moved-up');
       }
       chrome.send('logRemoveUserWarningShown');
+
+      // Show extra statistics information for desktop users
+      if (this.user.isDesktopUser) {
+        // set a global handler for the callback
+        window.updateRemoveWarningDialog =
+            this.updateRemoveWarningDialog_.bind(this);
+        window.updateRemoveWarningDialogHasNoStats =
+            this.updateRemoveWarningDialogHasNoStats_.bind(this);
+        chrome.send('removeUserWarningLoadStats', [this.user.profilePath]);
+      }
     },
 
     /**
+     * Refresh the statistics in the remove user warning dialog.
+     * @param {string} profilePath The filepath of the URL (must be verified)
+     * @param {Object} profileStats Statistics associated with profileURL.
+     */
+    updateRemoveWarningDialog_: function(profilePath, profileStats) {
+      if (profilePath === this.user.profilePath) {
+        // Converting profileStats into id attribute by an object.
+        var stats_id_map = {
+          'BrowsingHistory': 'action-box-remove-user-warning-history',
+          'Passwords': 'action-box-remove-user-warning-passwords',
+          'Bookmarks': 'action-box-remove-user-warning-bookmarks',
+          'Settings': 'action-box-remove-user-warning-settings',
+        }
+        // Load individual statistics
+        var num_stats_loaded = 0;
+        var total_count = 0;
+        for (var key in profileStats) {
+          if (stats_id_map.hasOwnProperty(key)) {
+            this.querySelector("." + stats_id_map[key]).textContent
+                = profileStats[key];
+            num_stats_loaded++;
+            total_count += profileStats[key];
+          }
+        }
+        // Write total number if all statistics are loaded.
+        if (num_stats_loaded === Object.keys(stats_id_map).length) {
+          elements = this.getElementsByClassName('total-count');
+          for (var i = 0; i < elements.length; i++) {
+            elements[i].textContent = total_count;
+          }
+        }
+      }
+    },
+
+    /**
+     * Select the dialog the statistics in the remove user warning dialog.
+     * @param {string} profilePath The filepath of the URL (must be verified)
+     * @param {boolean} hasNoStats Whether the profile has no statistics
+     *                             available.
+     */
+    updateRemoveWarningDialogHasNoStats_: function(profilePath, hasNoStats) {
+      if (profilePath === this.user.profilePath) {
+        this.classList.toggle('has-no-stats', hasNoStats);
+      }
+    },
+
+    /**
      * Handles a click event on remove user confirmation button.
      * @param {Event} e Click event.
      */
     handleRemoveUserConfirmationClick_: function(e) {
       if (this.isActionBoxMenuActive) {
         this.isActionBoxMenuActive = false;
         this.removeUser(this.user);
         e.stopPropagation();
       }
     },
@@ skipping 498 matching lines @@
 
     /** @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;
+      var isSyncedUser = this.user.emailAddress !== "";
       this.classList.toggle('locked', isLockedUser);
       this.classList.toggle('legacy-supervised', isLegacySupervisedUser);
       this.classList.toggle('child', isChildUser);
+      this.classList.toggle('synced', isSyncedUser);
 
       if (this.isAuthTypeUserClick)
         this.passwordLabelElement.textContent = this.authValue;
 
-      this.actionBoxRemoveUserWarningTextElement.hidden =
-          isLegacySupervisedUser;
-      this.actionBoxRemoveLegacySupervisedUserWarningTextElement.hidden =
-          !isLegacySupervisedUser;
+      // Convert HTML textContent into HTML. Done only once.
+      var tag =
+          this.querySelector('.action-box-remove-user-warning-text-nonsync');
+      if (!tag.childElementCount) {
+        this.querySelector('.action-box-remove-user-warning-text-nonsync')
+            .innerHTML = loadTimeData.getString(
+                'removeUserWarningTextNonSync');
+        this.querySelector('.action-box-remove-user-warning-text-sync')
+            .innerHTML = loadTimeData.getString(
+                'removeUserWarningTextSync');
+        this.querySelector('.action-box-remove-user-warning-manage-link-sync')
+            .innerHTML = loadTimeData.getString(
+                'removeUserWarningManageLinkSync');
+      }
 
       this.passwordElement.setAttribute('aria-label', loadTimeData.getStringF(
         'passwordFieldAccessibleName', this.user_.emailAddress));
 
       UserPod.prototype.updateActionBoxArea.call(this);
     },
 
     /** @override */
     focusInput: function() {
       // Move tabIndex from the whole pod to the main input.
@@ skipping 1204 matching lines @@
        if (pod && pod.multiProfilesPolicyApplied) {
          pod.userTypeBubbleElement.classList.remove('bubble-shown');
        }
      }
   };
 
   return {
     PodRow: PodRow
   };
 });