Add header to network details dialog.

chrome/browser/resources/options2/chromeos/internet_options.js

 // Copyright (c) 2012 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.
 
 cr.define('options', function() {
   var OptionsPage = options.OptionsPage;
   const ArrayDataModel = cr.ui.ArrayDataModel;
 
   /////////////////////////////////////////////////////////////////////////////
   // InternetOptions class:
@@ skipping 411 matching lines @@
     $('viewAccountDetails').hidden = !data.showViewAccountButton;
   };
 
   InternetOptions.updateSecurityTab = function(requirePin) {
     $('sim-card-lock-enabled').checked = requirePin;
     $('change-pin').hidden = !requirePin;
   };
 
   InternetOptions.showDetailedInfo = function(data) {
     var detailsPage = DetailsInternetPage.getInstance();
+
+    // Populate header
+    $('network-details-title').textContent = data.networkName;
+    var statusKey = data.connected ? 'networkConnected' :
+                                     'networkNotConnected';
+    $('network-details-subtitle-status').textContent =
+        localStrings.getString(statusKey);
+    var typeKey = null;
+    var Constants = options.internet.Constants;
+    switch (data.type) {
+    case Constants.TYPE_ETHERNET:
+      typeKey = 'ethernetTitle';
+      break;
+    case Constants.TYPE_WIFI:
+      typeKey = 'wifiTitle';
+      break;
+    case Constants.TYPE_CELLULAR:
+      typeKey = 'cellularTitle';
+      break;
+    case Constants.TYPE_VPN:
+      typeKey = 'vpnTitle';
+      break;
+    }
+    var typeLabel = $('network-details-subtitle-type');
+    var typeSeparator = $('network-details-subtitle-separator');
+    if (typeKey) {
+      typeLabel.textContent = localStrings.getString(typeKey);
+      typeLabel.hidden = false;
+      typeSeparator.hidden = false;
+    } else {
+      typeLabel.hidden = true;
+      typeSeparator.hidden = true;
+    }
+
     // TODO(chocobo): Is this hack to cache the data here reasonable?
     $('connectionState').data = data;
     $('buyplanDetails').hidden = true;
     $('activateDetails').hidden = true;
     $('viewAccountDetails').hidden = true;
     $('detailsInternetLogin').hidden = data.connected;
     if (data.type == options.internet.Constants.TYPE_ETHERNET)
       $('detailsInternetDisconnect').hidden = true;
     else
       $('detailsInternetDisconnect').hidden = !data.connected;
 
     detailsPage.deviceConnected = data.deviceConnected;
     detailsPage.connecting = data.connecting;
     detailsPage.connected = data.connected;
-    if (data.connected) {
-      $('inetTitle').textContent = localStrings.getString('inetStatus');
-    } else {
-      $('inetTitle').textContent = localStrings.getString('inetConnect');
-    }
     $('connectionState').textContent = data.connectionState;
 
     var inetAddress = '';
     var inetSubnetAddress = '';
     var inetGateway = '';
     var inetDns = '';
     $('ipTypeDHCP').checked = true;
     if (data.ipconfigStatic.value) {
       inetAddress = data.ipconfigStatic.value.address;
       inetSubnetAddress = data.ipconfigStatic.value.subnetAddress;
@@ skipping 249 matching lines @@
 
   InternetOptions.invalidNetworkSettings = function() {
     alert(localStrings.getString('invalidNetworkSettings'));
   };
 
   // Export
   return {
     InternetOptions: InternetOptions
   };
 });