updated JavaScript to remove JQuery

Author: raffazizzi

P5/Utilities/guidelines.xsl.model

@@ -621,23 +621,51 @@
     <script type="text/javascript" src="popupFootnotes.js"/>
     <xsl:comment>CAMPAIGN JS</xsl:comment>
     <script type="text/javascript">
-        $(function() {
-         $(".displayRelaxButton").click(function() {
-           $(this).parent().find('.RNG_XML').toggle();
-           $(this).parent().find('.RNG_Compact').toggle();
-         });
-         $(".tocTree .showhide").click(function() {
-          $(this).find(".tocShow,.tocHide").toggle();
-          $(this).parent().find("ul.continuedtoc").toggle();
-          });
+      document.addEventListener("DOMContentLoaded", function() {
+      var relaxBtns = document.querySelectorAll(".displayRelaxButton");
+      if (relaxBtns) {
+        relaxBtns.forEach(function(btn) {
+          btn.onclick = function() {
+            var rngs = btn.parentElement.querySelectorAll('.RNG_XML');
+            var rncs = btn.parentElement.querySelectorAll('.RNG_Compact');
+            if (rngs) {
+              rngs.forEach(function(rng) {
+                rng.style.display = getComputedStyle(rng).display === "none" ? "block" : "none";
+              })
+            }
+            if (rncs) {
+              rncs.forEach(function(rnc) {
+                rnc.style.display = getComputedStyle(rnc).display === "none" ? "block" : "none";
+              })
+            }
+          }
         })
+      }
+      var showHides = document.querySelectorAll(".tocTree .showhide");
+      if (showHides) {
+        showHides.forEach(function(btn) {
+          btn.onclick = function() {
+            btn.querySelectorAll(".tocShow,.tocHide").forEach(function(toc) {
+              toc.style.display = getComputedStyle(toc).display === "none" ? "inline" : "none";
+            })
+            btn.parentElement.querySelectorAll("ul.continuedtoc").forEach(function(ul) {
+              ul.style.display = getComputedStyle(ul).display === "none" ? "block" : "none";
+            })
+          }
+        })
+      }
+    })
     </script>
     <script type="text/javascript">
-      $(function() {
+      document.addEventListener("DOMContentLoaded", function() {
         const location = window.location.pathname.replace(/.*\/ref-(.*).html/, '$1.xml');
-  $('.outOfDateTranslation').append('<a href="https://translate.tei-c.org/translate.html?edit=' + location + '"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-label="{tei:i18n('translationOutOfDate')}" viewBox="0 0 16 16" style="position:absolute; top:2px; right:2px; color:red"><title><xsl:sequence select="tei:i18n('translationOutOfDate')"/></title>' + 
-  `<path d="M6.146 7.146a.5.5 0 0 1 .708 0L8 8.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 9l1.147 1.146a.5.5 0 0 1-.708.708L8 9.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 9 6.146 7.854a.5.5 0 0 1 0-.708z"/>
-  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/></svg></a>`);
+        const outDateTr = document.querySelector('.outOfDateTranslation')
+        if (outDateTr) {
+          outDateTr.append('<a href="https://translate.tei-c.org/translate.html?edit=' + location + '"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-label="Translation out of date." viewBox="0 0 16 16" style="position:absolute; top:2px; right:2px; color:red"><title>Translation out of date.</title>' + 
+          `
+          <path d="M6.146 7.146a.5.5 0 0 1 .708 0L8 8.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 9l1.147 1.146a.5.5 0 0 1-.708.708L8 9.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 9 6.146 7.854a.5.5 0 0 1 0-.708z"></path>
+          <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"></path></svg></a>`);
+        }
       });
     </script>
     <script src="https://tei-c.org/js/main.js"></script>