Network error interstitial bug fixes

chrome/renderer/resources/neterror.js

 // Copyright 2013 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.
 
 function toggleHelpBox() {
   var helpBoxOuter = document.getElementById('help-box-outer');
   helpBoxOuter.classList.toggle('hidden');
   var detailsButton = document.getElementById('details-button');
   if (helpBoxOuter.classList.contains('hidden'))
     detailsButton.innerText = detailsButton.detailsText;
@@ skipping 32 matching lines @@
     oldClass = classList['last_icon_class'];
     if (oldClass == newClass)
       return;
   }
 
   classList.add(newClass);
   if (oldClass !== undefined)
     classList.remove(oldClass);
 
   classList['last_icon_class'] = newClass;
+
+  if (newClass == 'icon-offline') {
+    document.body.classList.add('offline');
+    new Runner('.interstitial-wrapper');
+  }
 }
 
 // Does a search using |baseSearchUrl| and the text in the search box.
 function search(baseSearchUrl) {
   var searchTextNode = document.getElementById('search-box');
   document.location = baseSearchUrl + searchTextNode.value;
   return false;
 }
 
 // Use to track clicks on elements generated by the navigation correction
@@ skipping 57 matching lines @@
   } else {
     buttons.classList.add('suggested-right');
     controlButtonDiv.insertBefore(secondaryButton, primaryButton);
   }
 
   if (reloadButton.style.display == 'none' &&
       staleLoadButton.style.display == 'none') {
     detailsButton.classList.add('singular');
   }
 
-  // Hide the details button if there are no details to show.
-  if (templateData && templateData.summary && !templateData.summary.msg) {
-    document.getElementById('details-button').hidden = true;
-    document.getElementById('help-box-outer').style.display = 'block';
+  if (templateData) {
+    // Hide the details button if there are no details to show.
+    if (templateData.summary && !templateData.summary.msg) {
+      detailsButton.hidden = true;
+      document.getElementById('help-box-outer').style.display = 'block';
+    }
+
+    // Show control buttons.
+    if (templateData.reloadButton && templateData.reloadButton.msg ||
+        templateData.staleLoadButton && templateData.staleLoadButton.msg) {
+      controlButtonDiv.hidden = false;
+    }
   }
 }
 
-document.addEventListener('DOMContentLoaded', function() {
-  setButtonLayout();
-  if (document.querySelector('.icon-offline')) {
-    document.body.classList.add('offline');
-    new Runner('.interstitial-wrapper');
-  }
-});
+document.addEventListener('DOMContentLoaded', setButtonLayout);