Implement md-settings network lists.

chrome/browser/resources/settings/internet_page/network_summary_item.html

Index: chrome/browser/resources/settings/internet_page/network_summary_item.html
diff --git a/chrome/browser/resources/settings/internet_page/network_summary_item.html b/chrome/browser/resources/settings/internet_page/network_summary_item.html
new file mode 100644
index 0000000000000000000000000000000000000000..163de6c82934bdbba7c62034ce5e546e17e00d8a
--- /dev/null
+++ b/chrome/browser/resources/settings/internet_page/network_summary_item.html
@@ -0,0 +1,37 @@
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_network_list/cr_network_list.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_network_list_item/cr_network_list_item.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_onc/cr_onc_data.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_toggle_button/cr_toggle_button.html">
+<link rel="import" href="network_summary_item_style.html">
+
+<polymer-element name="cr-network-summary-item">
+  <template>
+    <core-style ref="networkSummaryStyle"></core-style>
+    <div vertical layout>
+      <div id="details" horizontal layout on-click="{{onDetailsClicked}}">
+        <cr-network-list-item id="detailsItem" networkState="{{networkState}}">
+        </cr-network-list-item>
+        <div id="buttons" horizontal layout>
+          <cr-expand-button id="expandListButton"
+              class="{{ {invisible: !expandIsVisible(deviceState, networkStateList)} | tokenList }}"
+              expanded="{{expanded}}">
+          </cr-expand-button>
+          <cr-toggle-button id="enableButton"
+              checked="{{deviceIsEnabled(deviceState)}}"
+              class="{{ {invisible: !enableIsVisible(deviceState)} | tokenList }}"
+              on-click="{{onEnableToggled}}">
+          </cr-toggle-button>
+        </div>
+      </div>
+      <cr-network-list id="networkList" vertical layout
+          maxHeight="{{maxHeight}}"
+          networks="{{networkStateList}}"
+          on-selected="{{onListItemSelected}}"
+          opened="{{expanded}}">
+      </cr-network-list>
+    </div>
+  </template>
+  <script src="network_summary_item.js"></script>
+</polymer-element>