[cros,webui] Captive portal on login screen proper handling.

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

  // Copyright (c) 2011 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 Offline message screen implementation.
  */
 
 cr.define('login', function() {
   // Screens that should have offline message overlay.
@@ skipping 15 matching lines @@
 
     // Note that OfflineMessageScreen is not registered with Oobe because
     // it is shown on top of sign-in screen instead of as an independent screen.
   };
 
   OfflineMessageScreen.prototype = {
     __proto__: HTMLDivElement.prototype,
 
     /** @inheritDoc */
     decorate: function() {
-      window.addEventListener('online',
-                              this.handleNetworkStateChange_.bind(this));
-      window.addEventListener('offline',
-                              this.handleNetworkStateChange_.bind(this));
+      chrome.send('loginAddNetworkStateObserver',
+                  ['login.OfflineMessageScreen.updateState']);
+
       $('captive-portal-start-guest-session').onclick = function() {
         chrome.send('fixCaptivePortal');
       }
       cr.ui.DropDown.decorate($('offline-networks-list'));
     },
 
     onBeforeShow: function() {
       cr.ui.DropDown.setActive('offline-networks-list', true);
     },
 
     onBeforeHide: function() {
       cr.ui.DropDown.setActive('offline-networks-list', false);
     },
 
+    update: function() {
+      chrome.send('loginRequestNetworkState',
+                  ['login.OfflineMessageScreen.updateState']);
+    },
+
     /**
      * Shows or hides offline message based on network on/offline state.
      */
-    update: function() {
+    updateState: function(state) {
       var currentScreen = Oobe.getInstance().currentScreen;
       var offlineMessage = this;
-      var isOffline = !window.navigator.onLine;
+      var isOnline = state == 1;
+      var isUnderCaptivePortal = state == 2;
       var shouldOverlay = MANAGED_SCREENS.indexOf(currentScreen.id) != -1;
 
-      if (isOffline && shouldOverlay) {
+      if (!isOnline && shouldOverlay) {
         offlineMessage.onBeforeShow();
 
-        $('offline-message-text').hidden = false;
-        $('captive-portal-message-text').hidden = true;
+        $('offline-message-text').hidden = isUnderCaptivePortal;
+        $('captive-portal-message-text').hidden = !isUnderCaptivePortal;
 
         offlineMessage.classList.remove('hidden');
         offlineMessage.classList.remove('faded');
 
         if (!currentScreen.classList.contains('faded')) {
           currentScreen.classList.add('faded');
           currentScreen.addEventListener('webkitTransitionEnd',
             function f(e) {
               currentScreen.removeEventListener('webkitTransitionEnd', f);
               if (currentScreen.classList.contains('faded'))
@@ skipping 10 matching lines @@
               offlineMessage.removeEventListener('webkitTransitionEnd', f);
               if (offlineMessage.classList.contains('faded'))
                 offlineMessage.classList.add('hidden');
             });
 
           currentScreen.classList.remove('hidden');
           currentScreen.classList.remove('faded');
         }
       }
     },
-
-    /**
-     * Handler of online/offline event.
-     */
-    handleNetworkStateChange_: function() {
-      this.update();
-    }
   };
 
   /**
+   * Network state changed callback.
+   * @param {Integer} state Current state of the network: 0 - offline;
+   * 1 - online; 2 - under the captive portal.
+   */
+  OfflineMessageScreen.updateState = function(state) {
+    $('offline-message').updateState(state);
+  };
+
+  /**
    * Handler for iframe's error notification coming from the outside.
    * For more info see C++ class 'SnifferObserver' which calls this method.
    * @param {number} error Error code.
    */
   OfflineMessageScreen.onFrameError = function(error) {
-    var currentScreen = Oobe.getInstance().currentScreen;
-    var offlineMessage = $('offline-message');
-    var isOffline = !window.navigator.onLine;
-    var shouldOverlay = MANAGED_SCREENS.indexOf(currentScreen.id) != -1;
-
-    if (!shouldOverlay)
-      return;
-
-    if (!isOffline) {
-      $('offline-message-text').hidden = true;
-      $('captive-portal-message-text').hidden = false;
-    }
-
-    if (!currentScreen.classList.contains('faded')) {
-      offlineMessage.onBeforeShow();
-
-      offlineMessage.classList.remove('hidden');
-      offlineMessage.classList.remove('faded');
-
-      currentScreen.classList.add('faded');
-      currentScreen.addEventListener('webkitTransitionEnd',
-        function f(e) {
-          currentScreen.removeEventListener('webkitTransitionEnd', f);
-          if (currentScreen.classList.contains('faded'))
-            currentScreen.classList.add('hidden');
-        });
-    }
+    // Offline and simple captive portal cases are handled by the
+    // NetworkStateInformer, so only the case when browser is online is
+    // valuable.
+    if (window.navigator.onLine)
+      this.updateState(2);
   };
 
   return {
     OfflineMessageScreen: OfflineMessageScreen
   };
 });