Issue 5824 - Refactor CustomSelect on help.eyeo.com

static/js/main.js

 (function(){
   document.addEventListener("DOMContentLoaded", function()
   {
 
-    /* ******************************************

[ire, 2017/10/04 08:07:40]

The document was starting to get really long so I added these comments

[juliandoucette, 2017/10/09 23:14:15]

Acknowledged.

We should be consistent about how we format these comments. I don't like those
[extra spaces, extra lines, not 79 or 80 char lines]. If you do, then we could
come up with some interesting way of deciding e.g. bet or game.

[ire, 2017/10/10 11:54:18]

I think I actually prefer your way so updating that now. 

We'll have to find something else to bet on :p

-     *
+    /**************************************************************************
      * General
-     * 
-     * ****************************************** */
+     **************************************************************************/
 
     // Change html class name from "no-js" to "js"
     document.documentElement.className = "js";
 
-    /* ******************************************
-     *
+    /**************************************************************************
      * Navbar
-     * 
-     * ****************************************** */
+     **************************************************************************/
 
     function toggleNavbarCollapse()
     {
       var navbarCollapseEls = this.parentElement.getElementsByClassName("navbar-collapse");
       for (var i = 0; i < navbarCollapseEls.length; i++)
       {
         navbarCollapseEls[i]
           .classList.toggle("open")
       }
     }
 
     var toggleNavbarCollapseEls = document.getElementsByClassName("toggle-navbar-collapse");
     for (var i = 0; i < toggleNavbarCollapseEls.length; i++)
     {
       toggleNavbarCollapseEls[i]
         .addEventListener("click", toggleNavbarCollapse, false);
     }
 
-    /* ******************************************
-     *
+    /**************************************************************************
      * CustomSelect
-     * 
-     * ****************************************** */
+     **************************************************************************/
 
     function CustomSelect(select)
     {
       this.select = select;
       this.close();
       select.addEventListener("click", this._onClick.bind(this), false);
     }
 
     CustomSelect.prototype._onClick = function(event)
     {
@@ skipping 30 matching lines @@
 
     this.select
         .querySelector(".custom-select-options")
         .setAttribute("aria-hidden", "true");
     }
     
     new CustomSelect(document.getElementById("language-select"));
 
   }, false);
 }());