https://www.mylpl.info/scripts/niclaui.js

1"use strict";
2const d = document;
3d.addEventListener("DOMContentLoaded", function(event) {
4
5    // options
6    const breakpoints = {
7        sm: 540,
8        md: 720,
9        lg: 960,
10        xl: 1200
11    };
12    
13    var preloader = d.querySelector('.preloader');
14    if(preloader) {
15
16        const animations = ['oneByOne', 'delayed', 'sync', 'scenario'];
17
18        new Vivus('loader-logo', {duration: 80, type: 'oneByOne'}, function () {});
19
20        setTimeout(function() {
21            preloader.classList.add('show');
22        }, 1500);
23    }
24
25    if (d.querySelector('.headroom')) {
26        var headroom = new Headroom(document.querySelector("#navbar-main"), {
27            offset: 0,
28            tolerance: {
29                up: 0,
30                down: 0
31            },
32        });
33        headroom.init();
34    }
35    // dropdowns to show on hover when desktop
36    if (d.body.clientWidth >= breakpoints.xl) {
37        var dropdownElementList = [].slice.call(document.querySelectorAll('.dropdown-toggle'));
38        dropdownElementList.map(function (dropdownToggleEl) {
39            var dropdown = new bootstrap.Dropdown(dropdownToggleEl);
40            var dropdownMenu = d.querySelector('.dropdown-menu[aria-labelledby="' + dropdownToggleEl.getAttribute('id') + '"]');
41
42            dropdownToggleEl.addEventListener('mouseover', function(){
43                dropdown.show();
44            });
45            dropdownToggleEl.addEventListener('mouseout', function(){
46                dropdown.hide();
47            });
48
49            dropdownMenu.addEventListener('mouseover', function(){
50                dropdown.show();
51            });
52
53            dropdownMenu.addEventListener('mouseout', function(){
54                dropdown.hide();
55            });
56            
57        });
58    }
59    
60        if (d.body.clientWidth < breakpoints.xl) {
61        var dropdownElementList = [].slice.call(document.querySelectorAll('.dropdown-toggle'));
62        dropdownElementList.map(function (dropdownToggleEl) {
63            var dropdown = new bootstrap.Dropdown(dropdownToggleEl);
64            var dropdownMenu = d.querySelector('.dropdown-menu[aria-labelledby="' + dropdownToggleEl.getAttribute('id') + '"]');
65
66            dropdownToggleEl.addEventListener('click', function(e){
67                e.currentTarget.classList.contains("show") ? dropdown.hide() : dropdown.show();
68            });
69        });
70    }
71
72    [].slice.call(d.querySelectorAll('[data-background]')).map(function(el) {
73        el.style.background = 'url(' + el.getAttribute('data-background') + ')';
74    });
75
76    [].slice.call(d.querySelectorAll('[data-background-color]')).map(function(el) {
77        el.style.background = 'url(' + el.getAttribute('data-background-color') + ')';
78    });
79
80    [].slice.call(d.querySelectorAll('[data-color]')).map(function(el) {
81        el.style.color = 'url(' + el.getAttribute('data-color') + ')';
82    });
83
84    // Tooltips
85    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
86    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
87      return new bootstrap.Tooltip(tooltipTriggerEl)
88    })
89
90    // Popovers
91    var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
92    var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
93      return new bootstrap.Popover(popoverTriggerEl)
94    })
95
96    // Datepicker
97    var datepickers = [].slice.call(document.querySelectorAll('[data-datepicker]'))
98    var datepickersList = datepickers.map(function (el) {
99        return new Datepicker(el, {
100            buttonClass: 'btn'
101          });
102    })
103
104    // Toasts
105    var toastElList = [].slice.call(document.querySelectorAll('.toast'))
106    var toastList = toastElList.map(function (toastEl) {
107        return new bootstrap.Toast(toastEl)
108    })
109
110    // var scroll = new SmoothScroll('a[href*="#"]', {
111    //     speed: 500,
112    //     speedAsDuration: true
113    // });
114
115    if (d.querySelector('.current-year')) {
116        d.querySelector('.current-year').textContent = new Date().getFullYear();
117    }
118
119});
120
121
122// Custom Javascript Below // 
123
124
125