MD WebUI: Networking polish in OOBE and Settings

ui/webui/resources/cr_elements/network/cr_network_select.js

 // Copyright 2015 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 Polymer element wrapping cr-network-list including the
  * networkingPrivate calls to populate it.
  */
 
 Polymer({
@@ skipping 34 matching lines @@
     },
 
     /**
      * List of all network state data for all visible networks.
      * @private {!Array<!CrOnc.NetworkStateProperties>}
      */
     networkStateList_: {
       type: Array,
       value: function() {
         return [];
-      }
+      },
     },
 
   },
 
   /**
    * Listener function for chrome.networkingPrivate.onNetworkListChanged event.
    * @type {function(!Array<string>)}
    * @private
    */
   networkListChangedListener_: function() {},
@@ skipping 24 matching lines @@
   detached: function() {
     chrome.networkingPrivate.onNetworkListChanged.removeListener(
         this.networkListChangedListener_);
     chrome.networkingPrivate.onDeviceStateListChanged.removeListener(
         this.deviceStateListChangedListener_);
   },
 
   /**
    * Request the list of visible networks. May be called externally to force a
    * refresh and list update (e.g. when the element is shown).
-   * @private
    */
   refreshNetworks: function() {
     var filter = {
       networkType: chrome.networkingPrivate.NetworkType.ALL,
       visible: true,
       configured: false
     };
     chrome.networkingPrivate.getNetworks(
         filter, this.getNetworksCallback_.bind(this));
   },
 
   /**
    * @param {!Array<!CrOnc.NetworkStateProperties>} states
    * @private
    */
   getNetworksCallback_: function(states) {
     this.networkStateList_ = states;
+    var defaultState = (this.networkStateList_.length > 0 &&
+                        this.networkStateList_[0].ConnectionState ==
+                            CrOnc.ConnectionState.CONNECTED) ?
+        this.networkStateList_[0] :
+        null;
+    this.defaultNetworkChanged_(defaultState);
   },
 
   /**
    * Event triggered when a cr-network-list-item is selected.
    * @param {!{target: HTMLElement, detail: !CrOnc.NetworkStateProperties}} e
    * @private
    */
   onNetworkListItemSelected_: function(e) {
     var state = e.detail;
     e.target.blur();
 
     if (!this.handleNetworkItemSelected) {
       this.fire('network-item-selected', state);
       return;
     }
 
     if (state.ConnectionState != CrOnc.ConnectionState.NOT_CONNECTED)
       return;
 
     chrome.networkingPrivate.startConnect(state.GUID, function() {
       var lastError = chrome.runtime.lastError;
       if (lastError && lastError != 'connecting')
         console.error('networkingPrivate.startConnect error: ' + lastError);
     });
   },
+
+  /**
+   * Event triggered when a cr-network-list-item becomes connected.
+   * @param {!{target: HTMLElement, detail: !CrOnc.NetworkStateProperties}} e
+   * @private
+   */
+  onNetworkConnected_: function(e) {
+    this.defaultNetworkChanged_(e.detail);
+  },
+
+  /**
+   * @param {?CrOnc.NetworkStateProperties} state
+   * @private
+   */
+  defaultNetworkChanged_: function(state) {
+    this.fire('default-network-changed', state);
+  },
 });