WebUI: cr-network-list: Use a single list of cr-network-list-items

chrome/browser/resources/chromeos/network_ui/network_ui.js

 // Copyright 2013 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.
 
 var NetworkUI = (function() {
   'use strict';
 
   // Properties to display in the network state table. Each entry can be either
   // a single state field or an array of state fields. If more than one is
   // specified then the first non empty value is used.
@@ skipping 305 matching lines @@
   /**
    * Sets refresh rate if the interval is found in the url.
    */
   var setRefresh = function() {
     var interval = parseQueryParams(window.location)['refresh'];
     if (interval && interval != '')
       setInterval(requestNetworks, parseInt(interval, 10) * 1000);
   };
 
   /**
-   * Gets network information from WebUI.
+   * Gets network information from WebUI and sets custom items.
    */
   document.addEventListener('DOMContentLoaded', function() {
+    let select = document.querySelector('cr-network-select');
+    select.customItems = [
+      {customItemName: 'Add WiFi', polymerIcon: 'cr:add', customData: 'WiFi'},
+      {customItemName: 'Add VPN', polymerIcon: 'cr:add', customData: 'VPN'}
+    ];
     $('refresh').onclick = requestNetworks;
     setRefresh();
     requestNetworks();
   });
 
+  document.addEventListener('custom-item-selected', function(event) {
+    chrome.send('addNetwork', [event.detail.customData]);
+  });
+
   return {
     getShillPropertiesResult: getShillPropertiesResult
   };
 })();