Add support for custom entries in <cr_network_select/>.

ui/webui/resources/cr_elements/network/cr_network_list_item_css.html

Index: ui/webui/resources/cr_elements/network/cr_network_list_item_css.html
diff --git a/ui/webui/resources/cr_elements/network/cr_network_list_item.html b/ui/webui/resources/cr_elements/network/cr_network_list_item_css.html
similarity index 42%
copy from ui/webui/resources/cr_elements/network/cr_network_list_item.html
copy to ui/webui/resources/cr_elements/network/cr_network_list_item_css.html
index 23fca1359d95e54dc59f6b526036d9360484e201..ff78d31b319b55f418c2891bee5acced82c3ab03 100644
--- a/ui/webui/resources/cr_elements/network/cr_network_list_item.html
+++ b/ui/webui/resources/cr_elements/network/cr_network_list_item_css.html
@@ -1,11 +1,5 @@
-<link rel="import" href="chrome://resources/cr_elements/icons.html">
-<link rel="import" href="chrome://resources/html/polymer.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="chrome://resources/cr_elements/network/cr_network_icon.html">
-<link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.html">
-
-<dom-module id="cr-network-list-item">
+<!-- Common styles <cr-network-list/> items. -->
+<dom-module id="cr-network-list-item-css">
   <template>
     <style>
       :host {
@@ -24,7 +18,7 @@
         padding: 4px;
       }
 
-      #divOuter[is-list-item]:hover {
+      #divOuter[hoverable]:hover {
         background-color: lightgrey;
       }
 
@@ -55,7 +49,7 @@
         justify-content: center;
       }
 
-      #networkName {
+      #itemName {
         -webkit-margin-start: 8px;
         font-size: 16px;
 
@@ -88,36 +82,5 @@
         font-weight: bold;
       }
     </style>
-    <div id="divOuter" is-list-item$="[[isListItem_(listItemType)]]">
-      <div id="divIcon">
-        <cr-network-icon id="icon" is-list-item="[[isListItem_(listItemType)]]"
-            network-state="[[networkState]]">
-        </cr-network-icon>
-      </div>
-      <div id="divText" class="layout horizontal flex">
-        <span id="networkName"></span>
-        <span id="networkStateText" hidden$="[[isListItem_(listItemType)]]">
-        </span>
-      </div>
-      <div class="buttons"
-          hidden$="[[!isListItemType_(listItemType, 'visible')]]">
-        <paper-icon-button icon="cr:settings" on-tap="fireShowDetails_">
-        </paper-icon-button>
-      </div>
-      <div class="known buttons"
-          hidden$="[[!isListItemType_(listItemType, 'known')]]">
-        <paper-icon-button icon="[[sharedIcon_(networkState)]]" disabled>
-        </paper-icon-button>
-        <paper-icon-button icon="[[preferredIcon_(networkState)]]"
-            disabled$="[[isPolicyManaged_(networkState)]]"
-            on-tap="fireTogglePreferred_">
-        </paper-icon-button>
-        <paper-icon-button icon="cr:clear"
-            disabled$="[[isPolicyManaged_(networkState)]]"
-            on-tap="fireRemove_">
-        </paper-icon-button>
-      </div>
-    </div>
   </template>
-  <script src="cr_network_list_item.js"></script>
 </dom-module>