[cros] Network dropdown button in WebUI.

chrome/browser/resources/chromeos/login/oobe.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 Out of the box experience flow (OOBE).
  * This is the main code for the OOBE WebUI implementation.
  */
 
 var localStrings = new LocalStrings();
@@ skipping 103 matching lines @@
         newStep.classList.remove('faded');
       }
 
       // Adjust inner container height based on new step's height.
       $('inner-container').style.height = newStep.offsetHeight + 'px';
 
       if (this.currentStep_ != nextStepIndex) {
         oldStep.addEventListener('webkitTransitionEnd', function f(e) {
           oldStep.removeEventListener('webkitTransitionEnd', f);
           oldStep.classList.add('hidden');
-          if (nextStepIndex == 0)
-            Oobe.refreshNetworkControl();
         });
       } else {
         // First screen on OOBE launch.
         newHeader.classList.remove('right');
-        if (nextStepIndex == 0) {
-          Oobe.refreshNetworkControl();
-        }
       }
       this.currentStep_ = nextStepIndex;
       $('oobe').className = nextStepId;
     },
 
     /**
      * Show screen of given screen id.
      * @param {string} screenId Id of the screen to show.
      */
     showScreen: function(screen) {
@@ skipping 83 matching lines @@
       select.appendChild(option);
     }
     if (callback) {
       select.addEventListener('change', function(event) {
         chrome.send(callback, [select.options[select.selectedIndex].value]);
       });
     }
   }
 
   /**
-   * Returns offset (top, left) of the element.
-   * @param {!Element} element HTML element
-   * @return {!Object} The offset (top, left).
-   */
-  Oobe.getOffset = function(element) {

[xiyuan, 2011/07/29 21:39:33]

Don't delete this function yet. I already have code depends on it. :) It's a
floating bubble and I use this function to align with the anchor element. 

We should consider move this into util.js.

[Nikita (slow), 2011/08/05 23:40:26]

Done.

-    var x = 0;
-    var y = 0;
-    while(element && !isNaN(element.offsetLeft) && !isNaN(element.offsetTop)) {
-      x += element.offsetLeft - element.scrollLeft;
-      y += element.offsetTop - element.scrollTop;
-      element = element.offsetParent;
-    }
-    return { top: y, left: x };
-  };
-
-  /**
    * Initializes the OOBE flow.  This will cause all C++ handlers to
    * be invoked to do final setup.
    */
   Oobe.initialize = function() {
     oobe.NetworkScreen.register();
     oobe.EulaScreen.register();
     oobe.UpdateScreen.register();
     oobe.EnrollmentScreen.register();
     login.AccountPickerScreen.register();
     if (localStrings.getString('authType') == 'webui')
@@ skipping 49 matching lines @@
 
   /**
    * Enables/disables continue button.
    * @param {bool} enable Should the button be enabled?
    */
   Oobe.enableContinueButton = function(enable) {
     $('continue-button').disabled = !enable;
   };
 
   /**
-   * Refreshes position of the network control (on connect screen).
-   */
-  Oobe.refreshNetworkControl = function() {
-    var controlOffset = Oobe.getOffset($('network-control'));
-    chrome.send('networkControlPosition',
-                [controlOffset.left, controlOffset.top]);
-  };
-
-  /**
    * Sets usage statistics checkbox.
    * @param {bool} checked Is the checkbox checked?
    */
   Oobe.setUsageStats = function(checked) {
     $('usage-stats').checked = checked;
   };
 
   /**
    * Set OEM EULA URL.
    * @param {text} oemEulaUrl OEM EULA URL.
@@ skipping 51 matching lines @@
     // Reload global local strings, process DOM tree again.
     templateData = data;
     i18nTemplate.process(document, data);
 
     // Update language and input method menu lists.
     Oobe.setupSelect($('language-select'), data.languageList, '');
     Oobe.setupSelect($('keyboard-select'), data.inputMethodsList, '');
 
     // Update headers & buttons.
     Oobe.updateHeadersAndButtons();
-
-    // Update the network control position.
-    Oobe.refreshNetworkControl();
   }
 
   /**
    * Updates headers and buttons of the screens.
    * Should be executed on language change.
    */
   Oobe.updateHeadersAndButtons = function() {
     Oobe.getInstance().updateHeadersAndButtons_();
   };
 
@@ skipping 32 matching lines @@
 document.onselectstart = function(e) {
   e.preventDefault();
 }
 
 // Disable dragging.
 document.ondragstart = function(e) {
   e.preventDefault();
 }
 
 document.addEventListener('DOMContentLoaded', cr.ui.Oobe.initialize);