New SSL blocking screen

chrome/browser/resources/ssl/blocking.js

Index: chrome/browser/resources/ssl/blocking.js
diff --git a/chrome/browser/resources/ssl/blocking.js b/chrome/browser/resources/ssl/blocking.js
new file mode 100644
index 0000000000000000000000000000000000000000..6442c386fdbf3a5925166154465570815e7e0b2c
--- /dev/null
+++ b/chrome/browser/resources/ssl/blocking.js
@@ -0,0 +1,25 @@
+// 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 toggleMoreBox() {

[Patrick Dubroy, 2013/10/21 07:48:51]

Can't this also be shared with neterror.js? And do you need to share
swapButtonOrder() as well?

[felt, 2013/10/21 13:08:34]

neterror's version of toggleMoreBox relies on this:

<button jsdisplay="more" jsvalues=".moreText:more; .lessText:less;"
jscontent="more">

instead of templatedata. I was unable to get this to work in the ssl version
even when I had copied the code directly. My working hypothesis is that this is
because WebFrame::LoadHTMLString (which is used to load the neterror resources)
does some magic, but perhaps you know better.
swapButtonOrder is already shared fine, it works across both versions.

+  var helpBoxOuter = $('help-box-outer');
+  helpBoxOuter.classList.toggle('hidden');
+  var moreLessButton = $('more-less-button');
+  if (helpBoxOuter.classList.contains('hidden')) {
+    moreLessButton.innerText = templateData.more;
+  } else {
+    moreLessButton.innerText = templateData.less;
+  }
+}
+
+function reloadPage() {
+  sendCommand(CMD_RELOAD);
+}
+
+function setupEvents() {
+  $('reload-button').addEventListener('click', reloadPage);
+  $('more-less-button').addEventListener('click', toggleMoreBox);
+}
+
+document.addEventListener('DOMContentLoaded', setupEvents);