Implement V2 design for quiet safe browsing interstitial

components/security_interstitials/core/browser/resources/interstitial_large.js

 // Copyright 2014 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.
 
 // This is the shared code for the new (Chrome 37) security interstitials. It is
 // used for both SSL interstitials and Safe Browsing interstitials.
 
 var expandedDetails = false;
 var keyPressState = 0;
 
@@ skipping 38 matching lines @@
   spanValue.innerText = value;
 
   var pElem = document.createElement('p');
   pElem.classList.add('debugging-content');
   pElem.appendChild(spanTitle);
   pElem.appendChild(spanValue);
   $('error-debugging-info').appendChild(pElem);
 }
 
 function toggleDebuggingInfo() {
-  $('error-debugging-info').classList.toggle('hidden');
+  $('error-debugging-info').classList.toggle(HIDDEN_CLASS);
 }
 
 function setupEvents() {
   var overridable = loadTimeData.getBoolean('overridable');
   var interstitialType = loadTimeData.getString('type');
   var ssl = interstitialType == 'SSL';
   var captivePortal = interstitialType == 'CAPTIVE_PORTAL';
   var badClock = ssl && loadTimeData.getBoolean('bad_clock');
   var hidePrimaryButton = loadTimeData.getBoolean('hide_primary_button');
 
   if (ssl) {
     $('body').classList.add(badClock ? 'bad-clock' : 'ssl');
     $('error-code').textContent = loadTimeData.getString('errorCode');
-    $('error-code').classList.remove('hidden');
+    $('error-code').classList.remove(HIDDEN_CLASS);
   } else if (captivePortal) {
     $('body').classList.add('captive-portal');
   } else {
     $('body').classList.add('safe-browsing');
   }
 
   $('icon').classList.add('icon');
 
   if (hidePrimaryButton) {
-    $('primary-button').classList.add('hidden');
+    $('primary-button').classList.add(HIDDEN_CLASS);
   } else {
     $('primary-button').addEventListener('click', function() {
       switch (interstitialType) {
         case 'CAPTIVE_PORTAL':
           sendCommand(SecurityInterstitialCommandId.CMD_OPEN_LOGIN);
           break;
 
         case 'SSL':
           if (badClock)
             sendCommand(SecurityInterstitialCommandId.CMD_OPEN_DATE_SETTINGS);
@@ skipping 12 matching lines @@
       }
     });
   }
 
   if (overridable) {
     // Captive portal page isn't overridable.
     $('proceed-link').addEventListener('click', function(event) {
       sendCommand(SecurityInterstitialCommandId.CMD_PROCEED);
     });
   } else if (!ssl) {
-    $('final-paragraph').classList.add('hidden');
+    $('final-paragraph').classList.add(HIDDEN_CLASS);
   }
 
   if (ssl && overridable) {
     $('proceed-link').classList.add('small-link');
   }
 
   if ($('diagnostic-link')) {
     $('diagnostic-link').addEventListener('click', function(event) {
       sendCommand(SecurityInterstitialCommandId.CMD_OPEN_DIAGNOSTIC);
     });
   }
 
   if ($('learn-more-link')) {
     $('learn-more-link').addEventListener('click', function(event) {
       sendCommand(SecurityInterstitialCommandId.CMD_OPEN_HELP_CENTER);
     });
   }
 
   if (captivePortal) {
     // Captive portal page doesn't have details button.
     $('details-button').classList.add('hidden');
   } else {
     $('details-button').addEventListener('click', function(event) {
-      var hiddenDetails = $('details').classList.toggle('hidden');
+      var hiddenDetails = $('details').classList.toggle(HIDDEN_CLASS);
 
       if (mobileNav) {
         // Details appear over the main content on small screens.
-        $('main-content').classList.toggle('hidden', !hiddenDetails);
+        $('main-content').classList.toggle(HIDDEN_CLASS, !hiddenDetails);
       } else {
-        $('main-content').classList.remove('hidden');
+        $('main-content').classList.remove(HIDDEN_CLASS);
       }
 
       $('details-button').innerText = hiddenDetails ?
           loadTimeData.getString('openDetails') :
           loadTimeData.getString('closeDetails');
       if (!expandedDetails) {
         // Record a histogram entry only the first time that details is opened.
         sendCommand(SecurityInterstitialCommandId.CMD_SHOW_MORE_SECTION);
         expandedDetails = true;
       }
     });
   }
 
   if ($('report-error-link')) {
     $('report-error-link').addEventListener('click', function(event) {
       sendCommand(SecurityInterstitialCommandId.CMD_REPORT_PHISHING_ERROR);
     });
   }
 
-  document.addEventListener('click', function(e) {
-    var anchor = findAncestor(/** @type {Node} */ (e.target), function(el) {
-      return el.tagName == 'A';
-    });
-    // Use getAttribute() to prevent URL normalization.
-    if (anchor && anchor.getAttribute('href') == '#')
-      e.preventDefault();
-  });
-
+  preventDefaultOnPoundLinkClicks();
   setupExtendedReportingCheckbox();
   setupSSLDebuggingInfo();
   document.addEventListener('keypress', handleKeypress);
 }
 
 document.addEventListener('DOMContentLoaded', setupEvents);