In Report, replace some uses of jQuery with vanilla JavaScript (mne…

…-tools#12557)

mne/report/js_and_css/report.js

@@ -8,8 +8,8 @@ const refreshScrollSpy = () =>{
 }
 
 const propagateScrollSpyURL = () => {
-  $(window).on('activate.bs.scrollspy', (event) => {
-    history.replaceState({}, "", event.relatedTarget);
+  window.addEventListener('activate.bs.scrollspy', (e) => {
+    history.replaceState({}, "", e.relatedTarget);
   });
 }
 
@@ -40,10 +40,10 @@ const toggleTagVisibility = (tagName) => {
 
     if (visibleTagNamesOfCurrentElement.size === 0) {  // hide
       $(currentElement).slideToggle('fast', () => {
-        $(currentElement).addClass('d-none');
+        currentElement.classList.add('d-none');
       });
     } else if ($(currentElement).hasClass('d-none')) {  // show
-      $(currentElement).removeClass('d-none');
+      currentElement.classList.remove('d-none');
       $(currentElement).slideToggle('fast');
     }
   })
@@ -52,12 +52,12 @@ const toggleTagVisibility = (tagName) => {
   tagBadgeElements.forEach((badgeElement) => {
     if (tag.visible) {
       badgeElement.removeAttribute('data-mne-tag-hidden');
-      $(badgeElement).removeClass('bg-secondary');
-      $(badgeElement).addClass('bg-primary');
+      badgeElement.classList.remove('bg-secondary');
+      badgeElement.classList.add('bg-primary');
     } else {
       badgeElement.setAttribute('data-mne-tag-hidden', true);
-      $(badgeElement).removeClass('bg-primary');
-      $(badgeElement).addClass('bg-secondary');
+      badgeElement.classList.remove('bg-primary');
+      badgeElement.classList.add('bg-secondary');
     }
   })
 
@@ -164,8 +164,8 @@ const _handleTocLinkClick = (e) => {
     const tocLinkElement = e.target;
     const targetDomId = tocLinkElement.getAttribute('href');
     const targetElement = document.querySelector(targetDomId);
-    const top = $(targetElement).offset().top;
-
+    const top = targetElement.getBoundingClientRect().top + window.scrollY;
+ 
     // Update URL to reflect the current scroll position.
     // We use history.pushState to change the URL without causing the browser to scroll.
     history.pushState(null, "", targetDomId);
@@ -248,7 +248,8 @@ const disableGlobalKeysInSearchBox = () => {
   })
 }
 
-$(document).ready(() => {
+/* Run once all content is fully loaded. */
+window.addEventListener('load', () => {
   gatherTags();
   updateTagCountBadges();
   addFilterByTagsCheckboxEventHandlers();
@@ -261,6 +262,7 @@ $(document).ready(() => {
   propagateScrollSpyURL();
 });
 
+/* Resizing the window throws off the scroll spy and top-margin handling. */
 window.onresize = () => {
   fixTopMargin();
   refreshScrollSpy();