MD Settings: Internet: Reduce use of hidden for complex sections.

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

Index: chrome/browser/resources/settings/internet_page/network_summary.html
diff --git a/chrome/browser/resources/settings/internet_page/network_summary.html b/chrome/browser/resources/settings/internet_page/network_summary.html
index 6ff7fd0d8ed6fb20c3a08068a2f733bb19d9fc9d..0ca5383c74102e39a6399596b146391ca6a72e86 100644
--- a/chrome/browser/resources/settings/internet_page/network_summary.html
+++ b/chrome/browser/resources/settings/internet_page/network_summary.html
@@ -5,40 +5,16 @@
 <dom-module id="network-summary">
   <template>
     <div id="summary" class="layout vertical">
-      <network-summary-item id="ethernet"
-          device-state="[[deviceStates.Ethernet]]"
-          network-state="[[networkStates.Ethernet]]"
-          network-state-list="[[networkStateLists.Ethernet]]"
-          on-selected="onSelected_">
-      </network-summary-item>
-      <network-summary-item id="wifi"
-          device-state="[[deviceStates.WiFi]]"
-          network-state="[[networkStates.WiFi]]"
-          network-state-list="[[networkStateLists.WiFi]]"
-          on-expanded="onWiFiExpanded_"
-          on-selected="onSelected_"
-          on-device-enabled-toggled="onDeviceEnabledToggled_">
-      </network-summary-item>
-      <network-summary-item id="cellular"
-          device-state="[[deviceStates.Cellular]]"
-          network-state="[[networkStates.Cellular]]"
-          network-state-list="[[networkStateLists.Cellular]]"
-          on-selected="onSelected_"
-          on-device-enabled-toggled="onDeviceEnabledToggled_">
-      </network-summary-item>
-      <network-summary-item id="wimax"
-          device-state="[[deviceStates.WiMAX]]"
-          network-state="[[networkStates.WiMAX]]"
-          network-state-list="[[networkStateLists.WiMAX]]"
-          on-selected="onSelected_"
-          on-device-enabled-toggled="onDeviceEnabledToggled_">
-      </network-summary-item>
-      <network-summary-item id="vpn"
-          device-state="[[deviceStates.VPN]]"
-          network-state="[[networkStates.VPN]]"
-          network-state-list="[[networkStateLists.VPN]]"
-          on-selected="onSelected_">
-      </network-summary-item>
+      <template is="dom-repeat" items="[[activeNetworkStates]]">
+        <network-summary-item id="[[item.Type]]"
+            active-network-state="[[item]]"
+            device-state="[[get(item.Type, deviceStates)]]"
+            network-state-list="[[get(item.Type, networkStateLists)]]"
+            on-expanded="onExpanded_"
+            on-selected="onSelected_"
+            on-device-enabled-toggled="onDeviceEnabledToggled_">
+        </network-summary-item>
+      </template>
     </div>
   </template>
   <script src="network_summary.js"></script>