Move Google Cache copy suggestion to an action button in the neterror interstitial

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('details');
   helpBoxOuter.classList.toggle('hidden');
   var detailsButton = document.getElementById('details-button');
   if (helpBoxOuter.classList.contains('hidden'))
     detailsButton.innerText = detailsButton.detailsText;
@@ skipping 95 matching lines @@
   if (window.errorPageController) {
     errorPageController.showSavedCopyButtonClick();
   }
 }
 
 function detailsButtonClick() {
   if (window.errorPageController)
     errorPageController.detailsButtonClick();
 }
 
+/**
+ * Replace the reload button with the Google cached copy suggestion.
+ */
+function setupCachedButton(buttonStrings) {
+  var reloadButton = document.getElementById('reload-button');
+
+  reloadButton.textContent = buttonStrings.msg;
+  reloadButton.onclick = '';

[felt, 2015/05/11 20:49:01]

should this be removeEventListener? or are you stuck doing onclick = '' because
the other function isn't named?

[edwardjung, 2015/05/12 10:16:50]

removeEventListener only works on events registered with addEventListener. I
actually realised this doesn't work properly and should have used
removeAttribute instead.

+  reloadButton.url = buttonStrings.cacheUrl;
+  reloadButton.trackingid = buttonStrings.trackingId;
+  reloadButton.addEventListener('click', function(e) {
+      e.preventDefault();
+      var el = e.currentTarget;
+      trackClick(el.trackingid);
+      location = el.url;
+    });
+  reloadButton.style.display = '';
+  document.getElementById('control-buttons').hidden = false;
+}
+
 var primaryControlOnLeft = true;
 <if expr="is_macosx or is_ios or is_linux or is_android">
 primaryControlOnLeft = false;
 </if>
 
 function onDocumentLoad() {
-  var buttonsDiv = document.getElementById('buttons');
   var controlButtonDiv = document.getElementById('control-buttons');
   var reloadButton = document.getElementById('reload-button');
   var detailsButton = document.getElementById('details-button');
   var showSavedCopyButton = document.getElementById('show-saved-copy-button');
 
   var primaryButton, secondaryButton;
   if (showSavedCopyButton.primary) {
     primaryButton = showSavedCopyButton;
     secondaryButton = reloadButton;
   } else {
@@ skipping 38 matching lines @@
       secondaryButton.classList.add('secondary-button');
     }
   }
 
   // Add a main message paragraph.
   if (loadTimeData.valueExists('primaryParagraph')) {
     var p = document.querySelector('#main-message p');
     p.innerHTML = loadTimeData.getString('primaryParagraph');
     p.hidden = false;
   }
+
+  // Check for Google cached copy suggestion.
+  if (loadTimeData.valueExists('cacheButton')) {
+    setupCachedButton(loadTimeData.getValue('cacheButton'));
+  }
 }
 
 document.addEventListener('DOMContentLoaded', onDocumentLoad);