xref: /template/strap/resources/theme/default/pages/templates/holy.js (revision 04fd306c7c155fa133ebb3669986875d65988276) 
1*04fd306cSNickeau/**
2*04fd306cSNickeau * Move the side slot in the toc area
3*04fd306cSNickeau * on media larger than 992
4*04fd306cSNickeau */
5*04fd306cSNickeauwindow.addEventListener("load", function () {
6*04fd306cSNickeau    let mediaListener = function (mediaQuery) {
7*04fd306cSNickeau        let side = document.getElementById("main-side");
8*04fd306cSNickeau        if (side === null) {
9*04fd306cSNickeau            // may be deleted if it does not exist
10*04fd306cSNickeau            return;
11*04fd306cSNickeau        }
12*04fd306cSNickeau        if (mediaQuery.matches) {
13*04fd306cSNickeau            if (side.parentElement.getAttribute("id") !== "main-toc") {
14*04fd306cSNickeau                let toc = document.getElementById("main-toc");
15*04fd306cSNickeau                toc.appendChild(side);
16*04fd306cSNickeau            }
17*04fd306cSNickeau        } else {
18*04fd306cSNickeau            if (side.previousElementSibling.getAttribute("id") !== "main-content") {
19*04fd306cSNickeau                let mainContent = document.getElementById("main-content");
20*04fd306cSNickeau                mainContent.insertAdjacentElement('afterend', side)
21*04fd306cSNickeau            }
22*04fd306cSNickeau        }
23*04fd306cSNickeau    }
24*04fd306cSNickeau    let minWidthMediaQuery = window.matchMedia('(min-width:992px)');
25*04fd306cSNickeau    mediaListener(minWidthMediaQuery);
26*04fd306cSNickeau    minWidthMediaQuery.addEventListener("change", mediaListener);
27*04fd306cSNickeau});
28