Settings/Oobe: Simplify cr-network-select and use flex

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({
   is: 'cr-network-select',
 
   behaviors: [I18nBehavior],
 
   properties: {
     /**
-     * Network state for the active network.
-     * @type {?CrOnc.NetworkStateProperties}
-     */
-    activeNetworkState: Object,
-
-    /**
-     * If true, the element includes an 'expand' button that toggles the
-     * expanded state of the network list.
-     */
-    expandable: {
-      type: Boolean,
-      value: false,
-    },
-
-    /**
-     * The maximum height in pixels for the list.
-     */
-    maxHeight: {
-      type: Number,
-      value: 1000,
-    },
-
-    /**
-     * If true, expand the network list.
-     */
-    networkListOpened: {
-      type: Boolean,
-      value: true,
-      observer: 'networkListOpenedChanged_',
-    },
-
-    /**
-     * If true, show the active network state.
-     */
-    showActive: {
-      type: Boolean,
-      value: false,
-      reflectToAttribute: true,
-    },
-
-    /**
      * Show all buttons in list items.
      */
     showButtons: {
       type: Boolean,
       value: false,
       reflectToAttribute: true,
     },
 
     /**
-     * List of all network state data for all visible networks.
-     * @type {!Array<!CrOnc.NetworkStateProperties>}
-     */
-    networkStateList: {
-      type: Array,
-      value: function() {
-        return [];
-      }
-    },
-
-    /**
      * The list of custom items to display after the list of networks.
      * See CrNetworkList for details.
      * @type {!Array<CrNetworkList.CustomItemState>}
      */
     customItems: {
       type: Array,
       value: function() {
         return [];
       },
     },
 
     /**
      * Whether to handle "item-selected" for network items.
      * If this property is false, "network-item-selected" event is fired
      * carrying CrOnc.NetworkStateProperties as event detail.
-     *
      * @type {Function}
      */
     handleNetworkItemSelected: {
       type: Boolean,
       value: false,
       reflectToAttribute: true,
     },
+
+    /**
+     * 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() {},
 
   /**
    * Listener function for chrome.networkingPrivate.onDeviceStateListChanged
    * event.
    * @type {function(!Array<string>)}
    * @private
    */
   deviceStateListChangedListener_: function() {},
 
   /** @override */
   attached: function() {
-    this.networkListChangedListener_ = this.refreshNetworks_.bind(this);
+    this.networkListChangedListener_ = this.refreshNetworks.bind(this);
     chrome.networkingPrivate.onNetworkListChanged.addListener(
         this.networkListChangedListener_);
 
-    this.deviceStateListChangedListener_ = this.refreshNetworks_.bind(this);
+    this.deviceStateListChangedListener_ = this.refreshNetworks.bind(this);
     chrome.networkingPrivate.onDeviceStateListChanged.addListener(
         this.deviceStateListChangedListener_);
 
-    this.refreshNetworks_();
+    this.refreshNetworks();
     chrome.networkingPrivate.requestNetworkScan();
   },
 
   /** @override */
   detached: function() {
     chrome.networkingPrivate.onNetworkListChanged.removeListener(
         this.networkListChangedListener_);
     chrome.networkingPrivate.onDeviceStateListChanged.removeListener(
         this.deviceStateListChangedListener_);
   },
 
   /**
-   * Polymer changed function.
+   * 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
    */
-  networkListOpenedChanged_: function() {
-    if (this.networkListOpened)
-      chrome.networkingPrivate.requestNetworkScan();
-  },
-
-  /**
-   * Request the list of visible networks.
-   * @private
-   */
-  refreshNetworks_: function() {
+  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.activeNetworkState = states[0] || undefined;
-    this.networkStateList = states;
+    this.networkStateList_ = states;
   },
 
   /**
    * Event triggered when a cr-network-list-item is selected.
    * @param {!{detail: !CrOnc.NetworkStateProperties}} event
    * @private
    */
   onNetworkListItemSelected_: function(event) {
     var state = event.detail;
 
     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);
     });
   },
-
-  getExpandA11yText_: function() {
-    return this.i18n('networkExpandA11yLabel');
-  },
 });