[cros] Change how we track momemt to emit login-prompt-visible signal.

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

 // Copyright (c) 2012 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 Oobe signin screen implementation.
  */
 
 cr.define('login', function() {
   // Gaia loading time after which portal check should be fired.
-  const GAIA_LOADING_PORTAL_SUSSPECT_TIME_SEC = 5;
+  /** @const */ var GAIA_LOADING_PORTAL_SUSSPECT_TIME_SEC = 5;
 
   // Maximum Gaia loading time in seconds.
-  const MAX_GAIA_LOADING_TIME_SEC = 60;
+  /** @const */ var MAX_GAIA_LOADING_TIME_SEC = 60;
 
   /**
    * Creates a new sign in screen div.
    * @constructor
    * @extends {HTMLDivElement}
    */
   var GaiaSigninScreen = cr.ui.define('div');
 
   /**
    * Registers with Oobe.
@@ skipping 27 matching lines @@
     // Whether local version of Gaia page is used.
     // @type {boolean}
     isLocal: false,
 
     // Whether offline login is allowed.
     // @type {boolean}
     isOfflineAllowed: false,
 
     // Email of the user, which is logging in using offline mode.
     // @type {string}
-    email: "",
+    email: '',
 
     // Timer id of pending load.
     loadingTimer_: undefined,
 
     /** @inheritDoc */
     decorate: function() {
       this.frame_ = $('signin-frame');
 
       this.updateLocalizedContent();
     },
@@ skipping 23 matching lines @@
     /**
      * Handler for Gaia loading suspiciously long timeout.
      * @private
      */
     onLoadingSuspiciouslyLong_: function() {
       if (this != Oobe.getInstance().currentScreen)
         return;
       chrome.send('fixCaptivePortal');
       this.loadingTimer_ = window.setTimeout(
           this.onLoadingTimeOut_.bind(this),
-          (MAX_GAIA_LOADING_TIME_SEC - GAIA_LOADING_PORTAL_SUSSPECT_TIME_SEC)
-              * 1000);
+          (MAX_GAIA_LOADING_TIME_SEC - GAIA_LOADING_PORTAL_SUSSPECT_TIME_SEC) *
+          1000);
     },
 
     /**
      * Handler for Gaia loading timeout.
      * @private
      */
     onLoadingTimeOut_: function() {
       this.loadingTimer_ = undefined;
       this.clearRetry_();
       $('error-message').showLoadingTimeoutError();
@@ skipping 30 matching lines @@
     },
     set loading(loading) {
       if (loading == this.loading)
         return;
 
       this.showLoadingUI_(loading);
     },
 
     /**
      * Event handler that is invoked just before the frame is shown.
-     * @param data {string} Screen init payload. Url of auth extension start
-     *        page.
+     * @param {string} data Screen init payload. Url of auth extension start
+     *                      page.
      */
     onBeforeShow: function(data) {
       // Announce the name of the screen, if accessibility is on.
       $('gaia-signin-aria-label').setAttribute(
           'aria-label', localStrings.getString('signinScreenTitle'));
 
       // Button header is always visible when sign in is presented.
       // Header is hidden once GAIA reports on successful sign in.
       Oobe.getInstance().headerHidden = false;
     },
 
     /**
      * Loads the authentication extension into the iframe.
      * @param {Object} data Extension parameters bag.
      * @private
      */
     loadAuthExtension_: function(data) {
       this.silentLoad_ = data.silentLoad;
       this.isLocal = data.isLocal;
-      this.email = "";
+      this.email = '';
 
       // Offline sign-in is only allowed for the case when users aren't shown
       // because there is no other way for an user to enter when device is
       // offline.
       this.isOfflineAllowed = !data.isShowUsers;
 
       this.updateAuthExtension_(data);
 
       var params = [];
       if (data.gaiaOrigin)
@@ skipping 55 matching lines @@
       } else {
         reasonLabel.hidden = true;
       }
 
       $('createAccount').hidden = !data.createAccount;
       $('guestSignin').hidden = !data.guestSignin;
     },
 
     /**
      * Checks if message comes from the loaded authentication extension.
-     * @param e {object} Payload of the received HTML5 message.
+     * @param {object} e Payload of the received HTML5 message.
      * @type {boolean}
      */
     isAuthExtMessage_: function(e) {
       return this.extensionUrl_ != null &&
           this.extensionUrl_.indexOf(e.origin) == 0 &&
           e.source == this.frame_.contentWindow;
     },
 
     /**
      * Event handler that is invoked when HTML5 message is received.
-     * @param e {object} Payload of the received HTML5 message.
+     * @param {object} e Payload of the received HTML5 message.
      */
     onMessage_: function(e) {
       if (!this.isAuthExtMessage_(e)) {
         console.log('GaiaSigninScreen.onMessage_: Unknown message origin, ' +
             'e.origin=' + e.origin);
         return;
       }
 
       var msg = e.data;
       console.log('GaiaSigninScreen.onMessage_: method=' + msg.method);
 
       if (msg.method == 'completeLogin') {
-        chrome.send('completeLogin', [msg.email, msg.password] );
+        chrome.send('completeLogin', [msg.email, msg.password]);
         this.loading = true;
         // Now that we're in logged in state header should be hidden.
         Oobe.getInstance().headerHidden = true;
       } else if (msg.method == 'loginUILoaded') {
         this.loading = false;
         $('error-message').update();
         this.clearLoadingTimer_();
         // Show deferred error bubble.
         if (this.errorBubble_) {
           this.showErrorBubble(this.errorBubble_[0], this.errorBubble_[1]);
           this.errorBubble_ = undefined;
         }
         this.clearRetry_();
         chrome.send('loginWebuiReady');
-      } else if (msg.method =='offlineLogin') {
+        // Report back sign in UI being painted.
+        window.webkitRequestAnimationFrame(function() {
+          chrome.send('loginVisible');
+        });
+      } else if (msg.method == 'offlineLogin') {
         this.email = msg.email;
         chrome.send('authenticateUser', [msg.email, msg.password]);
         this.loading = true;
         Oobe.getInstance().headerHidden = true;
       }
     },
 
     /**
      * Clears input fields and switches to input mode.
      * @param {boolean} takeFocus True to take focus.
@@ skipping 41 matching lines @@
       this.startLoadingTimer_();
     },
 
     /**
      * Schedules extension frame reload.
      */
     scheduleRetry: function() {
       if (this.retryCount_ >= 3 || this.retryTimer_)
         return;
 
-      const MAX_DELAY = 7200;  // 7200 seconds (i.e. 2 hours)
-      const MIN_DELAY = 1;  // 1 second
+      /** @const */ var MAX_DELAY = 7200;  // 7200 seconds (i.e. 2 hours)
+      /** @const */ var MIN_DELAY = 1;  // 1 second
 
       var delay = Math.pow(2, this.retryCount_) * 5;
       delay = Math.max(MIN_DELAY, Math.min(MAX_DELAY, delay)) * 1000;
 
       ++this.retryCount_;
       this.retryTimer_ = window.setTimeout(this.doReload.bind(this), delay);
       console.log('GaiaSigninScreen scheduleRetry in ' + delay + 'ms.');
     },
 
     /**
@@ skipping 59 matching lines @@
    * @param {Object} data New extension parameters bag.
    */
   GaiaSigninScreen.updateAuthExtension = function(data) {
     $('gaia-signin').updateAuthExtension_(data);
   };
 
   return {
     GaiaSigninScreen: GaiaSigninScreen
   };
 });