Refactored console-tabs.js

- Stopped using jQuery
- Moved refactored code to `djangoproject.js`

I was also to remove the content show/hide functionality that was in the
original file because it's handled in CSS.

Author: adamzap

djangoproject/static/js/djangoproject.js

@@ -22,3 +22,15 @@ document.querySelectorAll('.messages li .close').forEach(function (el) {
     this.parentElement.classList.add('fade-out');
   });
 });
+
+// Check all console tab inputs of the same type when one's label is clicked
+document.querySelectorAll('.console-block label').forEach(function (el) {
+  el.addEventListener('click', function (e) {
+    const input_id = e.currentTarget.getAttribute('for');
+    const selector = input_id.endsWith('unix') ? '.c-tab-unix' : '.c-tab-win';
+
+    document.querySelectorAll(selector).forEach(function (input_el) {
+      input_el.checked = true;
+    });
+  });
+});

djangoproject/static/js/main.js

@@ -61,9 +61,5 @@ define(function () {
     mods.push('mod/clippify');
   }
 
-  if (hasClass('console-block')) {
-    mods.push('mod/console-tabs');
-  }
-
   require(mods);
 });

djangoproject/static/js/mod/console-tabs.js

@@ -142,7 +142,6 @@
           "mod/search-key": extless("{% static 'js/mod/search-key.js' %}"),
           "mod/stripe-change-card": extless("{% static 'js/mod/stripe-change-card.js' %}"),
           "mod/switch-dark-mode": extless("{% static 'js/mod/switch-dark-mode.js' %}"),
-          "mod/console-tabs": extless("{% static 'js/mod/console-tabs.js' %}"),
           "stripe-checkout": "https://checkout.stripe.com/checkout",
           "stripe": "https://js.stripe.com/v3/?" // ? needed due to require.js
         }