ok
Mini Shell
/* Template Name: Doctris - Doctor Appointment Booking System
Author: Shreethemes
E-mail: support@shreethemes.in
Created: January 2021
Version: 1.4.0
Updated: March 2022
File Description: Main JS file of the template
*/
/*********************************/
/* INDEX */
/*================================
* 01. Loader *
* 02. Toggle Menus *
* 03. Active Menu *
* 04. Clickable Menu *
* 05. Back to top *
* 06. Feather icon *
* 06. DD Menu *
* 06. Active Sidebar Menu *
================================*/
window.addEventListener('load', fn , false )
// window.onload = function loader() {
function fn() {
// Preloader
if(document.getElementById('preloader')){
setTimeout(() => {
document.getElementById('preloader').style.visibility = 'hidden';
document.getElementById('preloader').style.opacity = '0';
}, 350);
}
// Menus
activateMenu();
activateSidebarMenu();
}
//Menu
// Toggle menu
function toggleMenu() {
document.getElementById('isToggle').classList.toggle('open');
var isOpen = document.getElementById('navigation')
if (isOpen.style.display === "block") {
isOpen.style.display = "none";
} else {
isOpen.style.display = "block";
}
};
//Menu Active
function getClosest(elem, selector) {
// Element.matches() polyfill
if (!Element.prototype.matches) {
Element.prototype.matches =
Element.prototype.matchesSelector ||
Element.prototype.mozMatchesSelector ||
Element.prototype.msMatchesSelector ||
Element.prototype.oMatchesSelector ||
Element.prototype.webkitMatchesSelector ||
function (s) {
var matches = (this.document || this.ownerDocument).querySelectorAll(s),
i = matches.length;
while (--i >= 0 && matches.item(i) !== this) { }
return i > -1;
};
}
// Get the closest matching element
for (; elem && elem !== document; elem = elem.parentNode) {
if (elem.matches(selector)) return elem;
}
return null;
};
function activateMenu() {
var menuItems = document.getElementsByClassName("sub-menu-item");
if (menuItems) {
var matchingMenuItem = null;
for (var idx = 0; idx < menuItems.length; idx++) {
if (menuItems[idx].href === window.location.href) {
matchingMenuItem = menuItems[idx];
}
}
if (matchingMenuItem) {
matchingMenuItem.classList.add('active');
var immediateParent = getClosest(matchingMenuItem, 'li');
if (immediateParent) {
immediateParent.classList.add('active');
}
var parent = getClosest(matchingMenuItem, '.parent-menu-item');
if (parent) {
parent.classList.add('active');
var parentMenuitem = parent.querySelector('.menu-item');
if (parentMenuitem) {
parentMenuitem.classList.add('active');
}
var parentOfParent = getClosest(parent, '.parent-parent-menu-item');
if (parentOfParent) {
parentOfParent.classList.add('active');
}
} else {
var parentOfParent = getClosest(matchingMenuItem, '.parent-parent-menu-item');
if (parentOfParent) {
parentOfParent.classList.add('active');
}
}
}
}
}
//Admin Menu
function activateSidebarMenu() {
var current = location.pathname.substring(location.pathname.lastIndexOf('/') + 1);
if (current !== "" && document.getElementById("sidebar")){
var menuItems = document.querySelectorAll('#sidebar a');
for (var i = 0, len = menuItems.length; i < len; i++) {
if (menuItems[i].getAttribute("href").indexOf(current) !== -1) {
menuItems[i].parentElement.className += " active";
if(menuItems[i].closest(".sidebar-submenu")) {
menuItems[i].closest(".sidebar-submenu").classList.add("d-block");
}
if(menuItems[i].closest(".sidebar-dropdown")) {
menuItems[i].closest(".sidebar-dropdown").classList.add("active");
}
}
}
}
}
if(document.getElementById("close-sidebar")){
document.getElementById("close-sidebar").addEventListener("click", function() {
document.getElementsByClassName("page-wrapper")[0].classList.toggle("toggled");
});
}
// Clickable Menu
if(document.getElementById("navigation")){
var elements = document.getElementById("navigation").getElementsByTagName("a");
for(var i = 0, len = elements.length; i < len; i++) {
elements[i].onclick = function (elem) {
if(elem.target.getAttribute("href") === "javascript:void(0)") {
var submenu = elem.target.nextElementSibling.nextElementSibling;
submenu.classList.toggle('open');
}
}
}
}
if(document.getElementById("sidebar")){
var elements = document.getElementById("sidebar").getElementsByTagName("a");
for(var i = 0, len = elements.length; i < len; i++) {
elements[i].onclick = function (elem) {
if(elem.target !== document.querySelectorAll("li.sidebar-dropdown.active > a")[0]){
document.querySelectorAll("li.sidebar-dropdown.active")[0]?.classList?.toggle("active");
document.querySelectorAll("div.sidebar-submenu.d-block")[0]?.classList?.toggle("d-block");
}
if(elem.target.getAttribute("href") === "javascript:void(0)") {
elem.target.parentElement.classList.toggle("active");
elem.target.nextElementSibling.classList.toggle("d-block");
}
}
}
}
// Menu sticky
function windowScroll() {
const navbar = document.getElementById("topnav");
if(navbar!=null){
if (
document.body.scrollTop >= 50 ||
document.documentElement.scrollTop >= 50
) {
navbar.classList.add("nav-sticky");
} else {
navbar.classList.remove("nav-sticky");
}
}
}
window.addEventListener('scroll', (ev) => {
ev.preventDefault();
windowScroll();
})
// back-to-top
var mybutton = document.getElementById("back-to-top");
window.onscroll = function () {
scrollFunction();
};
function scrollFunction() {
if(mybutton!=null){
if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
//ACtive Sidebar
(function () {
var current = location.pathname.substring(location.pathname.lastIndexOf('/') + 1);;
if (current === "") return;
var menuItems = document.querySelectorAll('.sidebar-nav a');
for (var i = 0, len = menuItems.length; i < len; i++) {
if (menuItems[i].getAttribute("href").indexOf(current) !== -1) {
menuItems[i].parentElement.className += " active";
}
}
})();
//Feather icon
feather.replace();
// dd-menu
var ddmenu = document.getElementsByClassName("dd-menu");
for(var i = 0, len = ddmenu.length; i < len; i++) {
ddmenu[i].onclick = function (elem) {
elem.stopPropagation();
}
}
//Tooltip
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
});
//Popovers
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl)
})
//small menu
try {
var spy = new Gumshoe('#navmenu-nav a');
}catch(err) {
}
Zerion Mini Shell 1.0