Single user pod implementation for new login screen

ui/login/account_picker/md_screen_account_picker.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 Account picker screen implementation.
  */
 
 login.createScreen('AccountPickerScreen', 'account-picker', function() {
   /**
@@ skipping 133 matching lines @@
       }
       chrome.send('getTouchViewState');
       if (!this.firstShown_) return;
       this.firstShown_ = false;
 
       // Ensure that login is actually visible.
       window.requestAnimationFrame(function() {
         chrome.send('accountPickerReady');
         chrome.send('loginVisible', ['account-picker']);
       });
+
+      // Add a dark background behind the page if material-design is enabled.
+      var shield = document.querySelector('#oobe-shield');
+      if (loadTimeData.getString('newOobeUI') == 'on')

[jdufault, 2017/05/10 00:40:07]

I'm confused - this file should not be used in oobe?

[Wenzhao (Colin) Zang, 2017/05/11 18:13:36]

Yes. I removed this part. 

+        shield.setAttribute('md-mode', 'true');
+      else
+        shield.removeAttribute('md-mode');
     },
 
     /**
      * Event handler that is invoked just before the frame is hidden.
      */
     onBeforeHide: function() {
       $('pod-row').clearFocusedPod();
       this.showing_ = false;
       chrome.send('loginUIStateChanged', ['account-picker', false]);
       $('login-header-bar').signinUIState = SIGNIN_UI_STATE.HIDDEN;
@@ skipping 27 matching lines @@
         // Update the pod row display if incorrect password.
         $('pod-row').setFocusedPodErrorDisplay(true);
 
         /** @const */ var BUBBLE_OFFSET = 25;
         // -8 = 4(BUBBLE_POD_OFFSET) - 2(bubble margin)
         //      - 10(internal bubble adjustment)
         var bubblePositioningPadding = -8;
 
         var bubbleAnchor;
         var attachment;
-        if (activatedPod.pinContainer) {
-          // Anchor the bubble to the input field.
-          bubbleAnchor = (
-              activatedPod.getElementsByClassName('auth-container'))[0];
-          if (!bubbleAnchor) {
-            console.error('auth-container not found!');
-            bubbleAnchor = activatedPod.mainInput;
-          }
+        // Anchor the bubble to the input field.
+        bubbleAnchor =
+            (activatedPod.getElementsByClassName('auth-container'))[0];

[jdufault, 2017/05/10 00:40:07]

remove extra ()

[Wenzhao (Colin) Zang, 2017/05/11 18:13:36]

Done.

+        if (!bubbleAnchor) {
+          console.error('auth-container not found!');
+          bubbleAnchor = activatedPod.mainInput;
+        }
+        if (activatedPod.pinContainer &&
+            activatedPod.pinContainer.style.visibility == 'visible')
           attachment = cr.ui.Bubble.Attachment.RIGHT;
-        } else {
-          // Anchor the bubble to the pod instead of the input.
-          bubbleAnchor = activatedPod;
+        else
           attachment = cr.ui.Bubble.Attachment.BOTTOM;
-        }
 
         var bubble = $('bubble');
 
         // Cannot use cr.ui.LoginUITools.get* on bubble until it is attached to
         // the element. getMaxHeight/Width rely on the correct up/left element
         // side positioning that doesn't happen until bubble is attached.
         var maxHeight =
             cr.ui.LoginUITools.getMaxHeightBeforeShelfOverlapping(bubbleAnchor)
           - bubbleAnchor.offsetHeight - BUBBLE_POD_OFFSET;
         var maxWidth = cr.ui.LoginUITools.getMaxWidthToFit(bubbleAnchor)
@@ skipping 242 matching lines @@
      * @param {string} userID The user ID of the public session
      * @param {string} locale The locale to which this list of keyboard layouts
      *     applies
      * @param {!Object} list List of available keyboard layouts
      */
     setPublicSessionKeyboardLayouts: function(userID, locale, list) {
       $('pod-row').setPublicSessionKeyboardLayouts(userID, locale, list);
     }
   };
 });