Issue 5385 - Create Site Header Component for Help Center

static/js/main.js

Index: static/js/main.js
===================================================================
new file mode 100644
--- /dev/null
+++ b/static/js/main.js
@@ -0,0 +1,13 @@
+(function(){
+  document.addEventListener("DOMContentLoaded", function()
+  {
+
+    // Change html class name from "no-js" to "js"
+    document.documentElement.className = "js";
+    
+    document.getElementById('toggle-search-form').addEventListener('click', function(e) {

[juliandoucette, 2017/08/18 15:03:56]

NIT: This doesn't seem to fit on one line.

[ire, 2017/08/21 15:23:20]

Is it supposed to? That depends on the size of the IDE being used. 

[juliandoucette, 2017/08/21 16:28:40]

We follow Mozilla's rule regarding the line length of JavaScript.

https://developer.mozilla.org/en-US/docs/Mozilla/Developer_guide/Coding_Style...

The same rules do not apply to HTML.

[ire, 2017/08/22 12:15:15]

Okay. I will switch to your style of new lines then. 

+      e.preventDefault();
+      document.getElementById('site-search').classList.toggle('open');

[juliandoucette, 2017/08/18 15:03:56]

NIT: I usually chain on newlines e.g.

document
  .getElementById(...)
  .classList.toggle(...)

But I don't think our code style guide says anything about this. So it's
up-to-you.

[juliandoucette, 2017/08/18 15:03:56]

NIT: Our code style specifies double quotes :( (I like single quotes)

[ire, 2017/08/21 15:23:20]

Okay. I like to use new lines like that for things like Promises. But for a line
that's as short as this one I prefer one line.

[ire, 2017/08/21 15:23:20]

Done.

+    }, false);
+  }, false);
+}());