https://www.doralidaho.org/apps/pages/js/index_responsive.js

1window.addEventListener('load', (event) => {
2    // Get the modal
3    var modal = document.getElementById("myModal");
4    var pageTitleElement= document.getElementById("pageTitle");
5    if(document.getElementById("pageNav")!==null){
6        document.getElementsByClassName("pageTitle")[0].classList.add("pageTitleHidden");
7    }
8
9    var pageTitleHTML= pageTitleElement.innerHTML;
10    var pageTitleStyle =getComputedStyle(pageTitleElement);
11    const modalHeaderTitle = document.getElementById("modal-header-title");
12    if (modalHeaderTitle) {
13        modalHeaderTitle.style.fontFamily = pageTitleStyle.fontFamily;
14    }
15
16    const staffNavOverviewWrapper = document.getElementById("staffNavOverviewWrapper");
17    if (staffNavOverviewWrapper) {
18        document.getElementById("en-cms-staff-page-title-image").innerHTML = staffNavOverviewWrapper.innerHTML;
19    }
20// Get the button that opens the modal
21    var btn = document.getElementById("wrapperPageInner");
22// Get the <span> element that closes the modal
23    var span = document.getElementsByClassName("close")[0];
24
25// When the user clicks the button, open the modal
26    if(!isEmpty(btn)) {
27        btn.onclick = function () {
28            modal.style.display = "block";
29            /*pageTitleElement.style.display = "none";*/
30            document.getElementsByClassName("en-modal-header")[0].getElementsByTagName("div")[0].innerHTML = pageTitleHTML;
31            document.body.classList.add("model-open");
32            document.getElementById("wrapperPageInner").classList.add("blur-filter");
33        }
34    }
35
36// When the user clicks on <span> (x), close the modal
37    if(!isEmpty(span)) {
38        span.onclick = function () {
39            modal.style.display = "none";
40            document.getElementById("pageContentWrapper").classList.remove("blur-filter");
41            document.getElementById("wrapperPageInner").classList.remove("blur-filter");
42            pageTitleElement.style.display = "block";
43            document.body.classList.remove("model-open");
44        }
45    }
46    var pageInnerText = document.getElementById("pageInnerText");
47    var ul = document.querySelectorAll("#pageNav ul li b");
48     if(document.querySelector("#pageNav ul li b")!==null){
49         pageInnerText.innerText = document.querySelector("#pageNav ul li b").innerText;
50     }else if((document.querySelector("#pageNav ul li strong")!==null)){
51         pageInnerText.innerText = document.querySelector("#pageNav ul li strong").innerText;
52     }
53// When the user clicks anywhere outside of the modal, close it
54    var pageULA = document.querySelector("#pageNav ul li a");
55    window.onclick = function(event) {
56        if(event.target==pageULA){
57                pageInnerText.innerText = event.target.innerText;
58        }
59        else if (event.target == modal) {
60            modal.style.display = "none";
61            pageTitleElement.style.display="block";
62            document.getElementById("pageContentWrapper").classList.remove("blur-filter");
63            document.getElementById("wrapperPageInner").classList.remove("blur-filter");
64            document.body.classList.remove("model-open");
65        }
66    }
67
68    if(document.getElementById("wrapperPageInner")!==null) {
69        document.getElementById("wrapperPageInner").addEventListener('click', () => {
70            document.getElementById("pageNav").style.display = "block";
71            document.getElementById("pageNav").classList.add("makePopup");
72            document.getElementById("pageContentWrapper").classList.add("blur-filter");
73        });
74    }
75    function getEventTarget(e) {
76        e = e || window.event;
77        return e.target || e.srcElement;
78    }
79    var tds =document.querySelectorAll("#staff.staffR1.staff-v-1 table td");
80    if(!isEmpty(tds)) {
81        for (var r = 0, n = tds.length; r < n; r++) {
82            var text = tds[r].innerText;
83            if (text == "N/A") {
84                tds[r].className = 'staffVerticalremoveNA';
85            }
86        }
87    }
88
89    function isEmpty(val){
90        return val===undefined || val===null || val===''|| (Array.isArray(val) && val.length===0);
91    }
92
93    updateStaffOverviewWrapper();
94    window.addEventListener("resize", updateStaffOverviewWrapper);
95
96});
97
98function updateStaffOverviewWrapper() {
99    if (window.matchMedia("(max-width: 700px)").matches) {
100        const staffOverviewWrapper = document.querySelector(".staffOverviewWrapper");
101        if(staffOverviewWrapper) {
102            staffOverviewWrapper.style.cssText = "margin-top: 0 !important; margin-bottom: 30px !important; top: 0 !important; position: relative; left: 0;";
103        }
104    }
105}
106