Add support for custom entries in <cr_network_select/>.

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

Index: ui/webui/resources/cr_elements/network/cr_network_select.js
diff --git a/ui/webui/resources/cr_elements/network/cr_network_select.js b/ui/webui/resources/cr_elements/network/cr_network_select.js
index ecf439385f56ff69a6631ef683e0f4062b8df36b..f6edde42bc5ccad70f2e0b861a777b8aec09f7de 100644
--- a/ui/webui/resources/cr_elements/network/cr_network_select.js
+++ b/ui/webui/resources/cr_elements/network/cr_network_select.js
@@ -56,12 +56,45 @@ Polymer({
 
     /**
      * List of all network state data for all visible networks.
+     * See <cr-network-list-network-item/> for details.
+     *
      * @type {!Array<!CrOnc.NetworkStateProperties>}
      */
     networkStateList: {
       type: Array,
       value: function() { return []; }
-    }
+    },
+
+    /**
+     * List of custom items to display at the end of networks list.
+     * See <cr-network-list-custom-item/> for details.
+     *
+     * @type {!Array<Object>}
+     */
+    customItems: {
+      type: Array,
+      value: function() { return []; },
+    },
+
+    /**
+     * Show all buttons in list items.
+     */
+    showButtons: {
+      type: Boolean,
+      value: false,
+    },
+
+    /**
+     * 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,
+    },
   },
 
   /**
@@ -102,7 +135,7 @@ Polymer({
   },
 
   /**
-   * Polymer chnaged function.
+   * Polymer changed function.
    * @private
    */
   networkListOpenedChanged_: function() {
@@ -134,14 +167,21 @@ Polymer({
   },
 
   /**
-   * Event triggered when a cr-network-list-item is selected.
+   * Event triggered when a cr-network-list-network-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')