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

[csilv, 2012/02/25 01:31:54]

add something like:
  var pageElement = $('detailsInternetPage');

and then use that in place of $('detailsInternetPage') for this function.

[kevers, 2012/02/29 15:30:16]

Updated header based on UX discussions.

+    var icon = $('detailsInternetPage').querySelector('.network-icon');
+    icon.style.backgroundImage = url(data.iconURL);
+    var title = $('detailsInternetPage').querySelector('.network-title');
+    title.textContent = data.networkName;
+    var subtitle = $('detailsInternetPage').querySelector('.network-subtitle');
+    subtitle.textContent = data.connectionState;
+
     // 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;
@@ skipping 268 matching lines @@
 
   InternetOptions.invalidNetworkSettings = function() {
     alert(localStrings.getString('invalidNetworkSettings'));
   };
 
   // Export
   return {
     InternetOptions: InternetOptions
   };
 });