first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,661 @@
|
||||
/*
|
||||
Template Name: Toner eCommerce + Admin HTML Template
|
||||
Author: Themesbrand
|
||||
Version: 1.2.0
|
||||
Website: https://Themesbrand.com/
|
||||
Contact: Themesbrand@gmail.com
|
||||
File: menu Js File
|
||||
*/
|
||||
|
||||
var default_lang = "en"; // set Default Language
|
||||
var language = localStorage.getItem("language");
|
||||
|
||||
function initLanguage() {
|
||||
// Set new language
|
||||
(language === null) ? setLanguage(default_lang) : setLanguage(language);
|
||||
var languages = document.getElementsByClassName("language");
|
||||
languages && Array.from(languages).forEach(function (dropdown) {
|
||||
dropdown.addEventListener("click", function (event) {
|
||||
setLanguage(dropdown.getAttribute("data-lang"));
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function setLanguage(lang) {
|
||||
if (document.getElementById("header-lang-img")) {
|
||||
if (lang == "en") {
|
||||
document.getElementById("header-lang-img").src = "../build/images/flags/us.svg";
|
||||
document.getElementById("lang-name").innerHTML = "English"
|
||||
} else if (lang == "sp") {
|
||||
document.getElementById("header-lang-img").src = "../build/images/flags/spain.svg";
|
||||
document.getElementById("lang-name").innerHTML = "Española"
|
||||
} else if (lang == "gr") {
|
||||
document.getElementById("header-lang-img").src = "../build/images/flags/germany.svg";
|
||||
document.getElementById("lang-name").innerHTML = "Deutsche"
|
||||
} else if (lang == "it") {
|
||||
document.getElementById("header-lang-img").src = "../build/images/flags/italy.svg";
|
||||
document.getElementById("lang-name").innerHTML = "Italiana"
|
||||
} else if (lang == "ru") {
|
||||
document.getElementById("header-lang-img").src = "../build/images/flags/russia.svg";
|
||||
document.getElementById("lang-name").innerHTML = "русский"
|
||||
} else if (lang == "ch") {
|
||||
document.getElementById("header-lang-img").src = "../build/images/flags/china.svg";
|
||||
document.getElementById("lang-name").innerHTML = "中国人"
|
||||
} else if (lang == "fr") {
|
||||
document.getElementById("header-lang-img").src = "../build/images/flags/french.svg";
|
||||
document.getElementById("lang-name").innerHTML = "français"
|
||||
} else if (lang == "sa") {
|
||||
document.getElementById("header-lang-img").src = "../build/images/flags/sa.svg";
|
||||
document.getElementById("lang-name").innerHTML = "عربى"
|
||||
}
|
||||
localStorage.setItem("language", lang);
|
||||
language = localStorage.getItem("language");
|
||||
getLanguage();
|
||||
}
|
||||
}
|
||||
|
||||
// Multi language setting
|
||||
function getLanguage() {
|
||||
language == null ? setLanguage(default_lang) : false;
|
||||
var request = new XMLHttpRequest();
|
||||
// Instantiating the request object
|
||||
request.open("GET", "../build/lang/" + language + ".json");
|
||||
// Defining event listener for readystatechange event
|
||||
request.onreadystatechange = function () {
|
||||
// Check if the request is compete and was successful
|
||||
if (this.readyState === 4 && this.status === 200) {
|
||||
var data = JSON.parse(this.responseText);
|
||||
Object.keys(data).forEach(function (key) {
|
||||
var elements = document.querySelectorAll("[data-key='" + key + "']");
|
||||
Array.from(elements).forEach(function (elem) {
|
||||
elem.textContent = data[key];
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
// Sending the request to the server
|
||||
request.send();
|
||||
}
|
||||
|
||||
initLanguage();
|
||||
|
||||
// Search menu dropdown on Topbar
|
||||
function isCustomDropdown() {
|
||||
//Search bar
|
||||
var searchOptions = document.getElementById("search-close-options");
|
||||
var dropdown = document.getElementById("search-dropdown");
|
||||
var searchInput = document.getElementById("search-options");
|
||||
if (searchInput) {
|
||||
searchInput.addEventListener("focus", function () {
|
||||
var inputLength = searchInput.value.length;
|
||||
if (inputLength > 0) {
|
||||
dropdown.classList.add("show");
|
||||
searchOptions.classList.remove("d-none");
|
||||
} else {
|
||||
dropdown.classList.remove("show");
|
||||
searchOptions.classList.add("d-none");
|
||||
}
|
||||
});
|
||||
|
||||
searchInput.addEventListener("keyup", function (event) {
|
||||
var inputLength = searchInput.value.length;
|
||||
if (inputLength > 0) {
|
||||
dropdown.classList.add("show");
|
||||
searchOptions.classList.remove("d-none");
|
||||
|
||||
var inputVal = searchInput.value.toLowerCase();
|
||||
var notifyItem = document.getElementsByClassName("notify-item");
|
||||
|
||||
Array.from(notifyItem).forEach(function (element) {
|
||||
var notifiTxt = ''
|
||||
if (element.querySelector("h6")) {
|
||||
var spantext = element.getElementsByTagName("span")[0].innerText.toLowerCase()
|
||||
var name = element.querySelector("h6").innerText.toLowerCase()
|
||||
if (name.includes(inputVal)) {
|
||||
notifiTxt = name
|
||||
} else {
|
||||
notifiTxt = spantext
|
||||
}
|
||||
} else if (element.getElementsByTagName("span")) {
|
||||
notifiTxt = element.getElementsByTagName("span")[0].innerText.toLowerCase()
|
||||
}
|
||||
|
||||
if (notifiTxt) {
|
||||
if (notifiTxt.includes(inputVal)) {
|
||||
element.classList.add("d-block");
|
||||
element.classList.remove("d-none");
|
||||
} else {
|
||||
element.classList.remove("d-block");
|
||||
element.classList.add("d-none");
|
||||
}
|
||||
}
|
||||
|
||||
Array.from(document.getElementsByClassName("notification-group-list")).forEach(function (element) {
|
||||
if (element.querySelectorAll(".notify-item.d-block").length == 0) {
|
||||
element.querySelector(".notification-title").style.display = 'none'
|
||||
} else {
|
||||
element.querySelector(".notification-title").style.display = 'block'
|
||||
}
|
||||
});
|
||||
});
|
||||
} else {
|
||||
dropdown.classList.remove("show");
|
||||
searchOptions.classList.add("d-none");
|
||||
}
|
||||
});
|
||||
|
||||
searchOptions.addEventListener("click", function () {
|
||||
searchInput.value = "";
|
||||
dropdown.classList.remove("show");
|
||||
searchOptions.classList.add("d-none");
|
||||
});
|
||||
|
||||
document.body.addEventListener("click", function (e) {
|
||||
if (e.target.getAttribute("id") !== "search-options") {
|
||||
dropdown.classList.remove("show");
|
||||
searchOptions.classList.add("d-none");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// cart dropdown
|
||||
|
||||
// input spin
|
||||
isData();
|
||||
function isData() {
|
||||
var plus = document.getElementsByClassName('plus');
|
||||
var minus = document.getElementsByClassName('minus');
|
||||
var product = document.getElementsByClassName("product");
|
||||
|
||||
if (plus) {
|
||||
Array.from(plus).forEach(function (e) {
|
||||
e.addEventListener('click', function (event) {
|
||||
// if(event.target.previousElementSibling.value )
|
||||
if (parseInt(e.previousElementSibling.value) < event.target.previousElementSibling.getAttribute('max')) {
|
||||
event.target.previousElementSibling.value++;
|
||||
if (product) {
|
||||
Array.from(product).forEach(function (x) {
|
||||
updateQuantity(event.target);
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
if (minus) {
|
||||
Array.from(minus).forEach(function (e) {
|
||||
e.addEventListener('click', function (event) {
|
||||
if (parseInt(e.nextElementSibling.value) > event.target.nextElementSibling.getAttribute('min')) {
|
||||
event.target.nextElementSibling.value--;
|
||||
if (product) {
|
||||
Array.from(product).forEach(function (x) {
|
||||
updateQuantity(event.target);
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var taxRate = 0.125;
|
||||
var shippingRate = 65.00;
|
||||
var discountRate = 0.15;
|
||||
|
||||
var currencySign = "$";
|
||||
var cartList = document.querySelectorAll(".cartlist li").length;
|
||||
document.querySelectorAll(".cartitem-badge").forEach(function(item){
|
||||
item.innerHTML = cartList
|
||||
})
|
||||
|
||||
document.querySelectorAll(".product-list").forEach(function(elem){
|
||||
elem.querySelectorAll(".product-count").forEach(function(subelem){
|
||||
subelem.innerHTML = elem.querySelectorAll(".product").length
|
||||
})
|
||||
recalculateCart(elem);
|
||||
})
|
||||
|
||||
function recalculateCart(elm) {
|
||||
var subtotal = 0;
|
||||
|
||||
Array.from(elm.getElementsByClassName("product")).forEach(function (item) {
|
||||
Array.from(item.getElementsByClassName('product-line-price')).forEach(function (e) {
|
||||
subtotal += parseFloat(e.innerHTML);
|
||||
});
|
||||
});
|
||||
|
||||
/* Calculate totals */
|
||||
var tax = subtotal * taxRate;
|
||||
var discount = subtotal * discountRate;
|
||||
|
||||
var shipping = (subtotal > 0 ? shippingRate : 0);
|
||||
var total = subtotal + tax + shipping - discount;
|
||||
|
||||
elm.querySelector(".cart-subtotal").innerHTML = currencySign + subtotal.toFixed(2);
|
||||
elm.querySelector(".cart-tax").innerHTML = currencySign + tax.toFixed(2);
|
||||
elm.querySelector(".cart-shipping").innerHTML = currencySign + shipping.toFixed(2);
|
||||
elm.querySelector(".cart-total").innerHTML = currencySign + total.toFixed(2);
|
||||
elm.querySelector(".cart-discount").innerHTML = "-" + currencySign + discount.toFixed(2);
|
||||
}
|
||||
|
||||
function updateQuantity(quantityInput) {
|
||||
if(quantityInput.closest('.product')){
|
||||
var productRow = quantityInput.closest('.product');
|
||||
var productList = quantityInput.closest('.product-list');
|
||||
var price;
|
||||
if (productRow || productRow.getElementsByClassName('product-price'))
|
||||
Array.from(productRow.getElementsByClassName('product-price')).forEach(function (e) {
|
||||
price = parseFloat(e.innerHTML);
|
||||
});
|
||||
|
||||
if (quantityInput.previousElementSibling && quantityInput.previousElementSibling.classList.contains("product-quantity")) {
|
||||
var quantity = quantityInput.previousElementSibling.value;
|
||||
} else if (quantityInput.nextElementSibling && quantityInput.nextElementSibling.classList.contains("product-quantity")) {
|
||||
var quantity = quantityInput.nextElementSibling.value;
|
||||
}
|
||||
var linePrice = price * quantity;
|
||||
/* Update line price display and recalc cart totals */
|
||||
Array.from(productRow.getElementsByClassName('product-line-price')).forEach(function (e) {
|
||||
e.innerHTML = linePrice.toFixed(2);
|
||||
recalculateCart(productList);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Remove product from cart
|
||||
var removeProduct = document.getElementById('removeItemModal')
|
||||
if (removeProduct)
|
||||
removeProduct.addEventListener('show.bs.modal', function (e) {
|
||||
document.getElementById('remove-product').addEventListener('click', function (event) {
|
||||
e.relatedTarget.closest('.product').remove();
|
||||
|
||||
document.getElementById("close-modal").click();
|
||||
document.querySelectorAll(".cartitem-badge").forEach(function(item){
|
||||
item.innerHTML = document.querySelectorAll(".cartlist li").length;
|
||||
})
|
||||
|
||||
document.querySelectorAll(".product-list").forEach(function(elem){
|
||||
elem.querySelectorAll(".product-count").forEach(function(subelem){
|
||||
subelem.innerHTML = elem.querySelectorAll(".product").length
|
||||
})
|
||||
recalculateCart(elem);
|
||||
})
|
||||
});
|
||||
});
|
||||
}
|
||||
// search menu dropdown on topbar
|
||||
function isCustomDropdownResponsive() {
|
||||
//Search bar
|
||||
var searchOptions = document.getElementById("search-close-options");
|
||||
var dropdownReponsive = document.getElementById("search-dropdown-reponsive");
|
||||
var searchInputReponsive = document.getElementById("search-options-reponsive");
|
||||
|
||||
if (searchOptions && dropdownReponsive && searchInputReponsive) {
|
||||
searchInputReponsive.addEventListener("focus", function () {
|
||||
var inputLength = searchInputReponsive.value.length;
|
||||
if (inputLength > 0) {
|
||||
dropdownReponsive.classList.add("show");
|
||||
searchOptions.classList.remove("d-none");
|
||||
} else {
|
||||
dropdownReponsive.classList.remove("show");
|
||||
searchOptions.classList.add("d-none");
|
||||
}
|
||||
});
|
||||
|
||||
searchInputReponsive.addEventListener("keyup", function () {
|
||||
var inputLength = searchInputReponsive.value.length;
|
||||
if (inputLength > 0) {
|
||||
dropdownReponsive.classList.add("show");
|
||||
searchOptions.classList.remove("d-none");
|
||||
} else {
|
||||
dropdownReponsive.classList.remove("show");
|
||||
searchOptions.classList.add("d-none");
|
||||
}
|
||||
});
|
||||
|
||||
searchOptions.addEventListener("click", function () {
|
||||
searchInputReponsive.value = "";
|
||||
dropdownReponsive.classList.remove("show");
|
||||
searchOptions.classList.add("d-none");
|
||||
});
|
||||
|
||||
document.body.addEventListener("click", function (e) {
|
||||
if (e.target.getAttribute("id") !== "search-options") {
|
||||
dropdownReponsive.classList.remove("show");
|
||||
searchOptions.classList.add("d-none");
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function elementInViewport(el) {
|
||||
if (el) {
|
||||
var top = el.offsetTop;
|
||||
var left = el.offsetLeft;
|
||||
var width = el.offsetWidth;
|
||||
var height = el.offsetHeight;
|
||||
|
||||
if (el.offsetParent) {
|
||||
while (el.offsetParent) {
|
||||
el = el.offsetParent;
|
||||
top += el.offsetTop;
|
||||
left += el.offsetLeft;
|
||||
}
|
||||
}
|
||||
return (
|
||||
top >= window.pageYOffset &&
|
||||
left >= window.pageXOffset &&
|
||||
top + height <= window.pageYOffset + window.innerHeight &&
|
||||
left + width <= window.pageXOffset + window.innerWidth
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
function windowResizeHover() {
|
||||
var isElement = document.querySelectorAll(".ecommerce-navbar .navbar-nav li");
|
||||
Array.from(isElement).forEach(function (item) {
|
||||
item.addEventListener("click", menuItem.bind(this), false);
|
||||
item.addEventListener("mouseover", menuItem.bind(this), false);
|
||||
});
|
||||
|
||||
var windowSize = document.documentElement.clientWidth;
|
||||
if (windowSize < 992) {
|
||||
var currentPath = location.pathname == "/" ? "index" : location.pathname.substring(1);
|
||||
currentPath = currentPath.substring(currentPath.lastIndexOf("/") + 1);
|
||||
|
||||
if (currentPath) {
|
||||
var a = document.getElementById("navigation-menu").querySelector('[href="' + currentPath + '"]');
|
||||
if (a) {
|
||||
var parentCollapseDiv = a.closest(".dropdown-menu");
|
||||
|
||||
if (parentCollapseDiv) {
|
||||
parentCollapseDiv.classList.add("show");
|
||||
if (parentCollapseDiv.parentElement) {
|
||||
parentCollapseDiv.classList.add("show");
|
||||
parentCollapseDiv.parentElement.children[0].classList.add("show");
|
||||
parentCollapseDiv.parentElement.children[0].setAttribute("aria-expanded", "true");
|
||||
if (parentCollapseDiv.parentElement.parentElement.parentElement) {
|
||||
parentCollapseDiv.parentElement.parentElement.classList.add("show");
|
||||
parentCollapseDiv.parentElement.parentElement.parentElement.children[0].classList.add("show");
|
||||
parentCollapseDiv.parentElement.parentElement.parentElement.children[0].setAttribute("aria-expanded", "true");
|
||||
if (parentCollapseDiv.parentElement.parentElement.parentElement.parentElement.parentElement) {
|
||||
parentCollapseDiv.parentElement.parentElement.parentElement.parentElement.classList.add("show");
|
||||
parentCollapseDiv.parentElement.parentElement.parentElement.parentElement.parentElement.children[0].classList.add("show");
|
||||
parentCollapseDiv.parentElement.parentElement.parentElement.parentElement.parentElement.children[0].setAttribute("aria-expanded", "true");
|
||||
if (parentCollapseDiv.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement) {
|
||||
parentCollapseDiv.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.classList.add("show");
|
||||
parentCollapseDiv.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.children[0].classList.add("show");
|
||||
parentCollapseDiv.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.children[0].setAttribute("aria-expanded", "true");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
document.querySelectorAll("#navigation-menu .dropdown").forEach(function (elem) {
|
||||
if (elem.querySelector(".dropdown-menu").classList.contains("show")) {
|
||||
elem.querySelector(".dropdown-menu").classList.remove("show");
|
||||
}
|
||||
if (elem.querySelector(".dropdown-toggle")) {
|
||||
elem.querySelector(".dropdown-toggle").setAttribute("aria-expanded", "false")
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var myCollapse = document.getElementById("navbarSupportedContent");
|
||||
var bsCollapse = new bootstrap.Collapse(myCollapse,{
|
||||
toggle: false
|
||||
})
|
||||
bsCollapse.hide();
|
||||
|
||||
}
|
||||
|
||||
window.addEventListener("resize", windowResizeHover);
|
||||
|
||||
windowResizeHover();
|
||||
|
||||
function menuItem(e) {
|
||||
if (e.target && e.target.matches(".submenu a.nav-link")) {
|
||||
if (elementInViewport(e.target.nextElementSibling) == false) {
|
||||
e.target.nextElementSibling.classList.add("dropdown-custom-right");
|
||||
// e.target.parentElement.parentElement.classList.add("dropdown-custom-right");
|
||||
|
||||
var eleChild = e.target.nextElementSibling;
|
||||
Array.from(eleChild.querySelectorAll(".submenu")).forEach(function (item) {
|
||||
item.classList.add("dropdown-custom-right");
|
||||
});
|
||||
} else if (elementInViewport(e.target.nextElementSibling) == true) {
|
||||
if (window.innerWidth >= 1848) {
|
||||
var elements = document.getElementsByClassName("dropdown-custom-right");
|
||||
while (elements.length > 0) {
|
||||
elements[0].classList.remove("dropdown-custom-right");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function initActiveMenu() {
|
||||
var currentPath = location.pathname == "/" ? "index" : location.pathname.substring(1);
|
||||
currentPath = currentPath.substring(currentPath.lastIndexOf("/") + 1);
|
||||
|
||||
if (currentPath) {
|
||||
var a = document.getElementById("navigation-menu").querySelector('.nav-link[href="' + currentPath + '"]');
|
||||
if (a) {
|
||||
a.classList.add("active");
|
||||
var parentCollapseDiv = a.closest(".dropdown-menu");
|
||||
if (parentCollapseDiv) {
|
||||
if (parentCollapseDiv.parentElement) {
|
||||
parentCollapseDiv.parentElement.children[0].classList.add("active");
|
||||
if (parentCollapseDiv.parentElement.parentElement.parentElement) {
|
||||
parentCollapseDiv.parentElement.parentElement.parentElement.children[0].classList.add("active");
|
||||
if (parentCollapseDiv.parentElement.parentElement.parentElement.parentElement.parentElement) {
|
||||
parentCollapseDiv.parentElement.parentElement.parentElement.parentElement.parentElement.children[0].classList.add("active");
|
||||
if (parentCollapseDiv.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement) {
|
||||
parentCollapseDiv.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.children[0].classList.add("active");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function initMenuItemScroll() {
|
||||
setTimeout(function () {
|
||||
var sidebarMenu = document.getElementById("navbarSupportedContent");
|
||||
if (sidebarMenu) {
|
||||
if (sidebarMenu.querySelector(".nav-link.active")) {
|
||||
var activeMenu = sidebarMenu.querySelector(".nav-link.active").offsetTop;
|
||||
setTimeout(function () {
|
||||
sidebarMenu.scrollTop = activeMenu
|
||||
}, 0);
|
||||
|
||||
}
|
||||
}
|
||||
}, 250);
|
||||
}
|
||||
initMenuItemScroll();
|
||||
|
||||
const navbarCollapsible = document.getElementById('navbarSupportedContent')
|
||||
navbarCollapsible.addEventListener('shown.bs.collapse', event => {
|
||||
initMenuItemScroll()
|
||||
})
|
||||
|
||||
function initModeSetting() {
|
||||
if (sessionStorage.getItem("data-bs-theme") && sessionStorage.getItem("data-bs-theme") == "light") {
|
||||
document.documentElement.setAttribute('data-bs-theme', 'light');
|
||||
}else if (sessionStorage.getItem("data-bs-theme") == "dark") {
|
||||
document.documentElement.setAttribute('data-bs-theme', 'dark');
|
||||
}
|
||||
|
||||
var html = document.getElementsByTagName("HTML")[0];
|
||||
document.querySelectorAll("#light-dark-mode .dropdown-item").forEach(function (item) {
|
||||
item.addEventListener("click", function (event) {
|
||||
if (html.hasAttribute("data-bs-theme") && item.getAttribute("data-mode") == "light") {
|
||||
sessionStorage.setItem("data-bs-theme", "light");
|
||||
} else if (html.hasAttribute("data-bs-theme") && item.getAttribute("data-mode") == "dark") {
|
||||
sessionStorage.setItem("data-bs-theme", "dark");
|
||||
} else if (html.hasAttribute("data-bs-theme") && item.getAttribute("data-mode") == "auto") {
|
||||
const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)");
|
||||
if (prefersDarkScheme.matches) {
|
||||
sessionStorage.setItem("data-bs-theme", "dark");
|
||||
} else {
|
||||
sessionStorage.setItem("data-bs-theme", "light");
|
||||
}
|
||||
}
|
||||
|
||||
if (sessionStorage.getItem("data-bs-theme") && sessionStorage.getItem("data-bs-theme") == "light") {
|
||||
document.documentElement.setAttribute('data-bs-theme', 'light');
|
||||
}else if (sessionStorage.getItem("data-bs-theme") == "dark") {
|
||||
document.documentElement.setAttribute('data-bs-theme', 'dark');
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
function init() {
|
||||
isCustomDropdown();
|
||||
isCustomDropdownResponsive();
|
||||
initActiveMenu();
|
||||
initMenuItemScroll();
|
||||
initModeSetting();
|
||||
}
|
||||
init();
|
||||
|
||||
|
||||
// Window scroll sticky class add
|
||||
function windowScroll() {
|
||||
var navbar = document.getElementById("navbar");
|
||||
if (navbar) {
|
||||
if (document.body.scrollTop >= 50 || document.documentElement.scrollTop >= 50) {
|
||||
navbar.classList.add("is-sticky");
|
||||
} else {
|
||||
navbar.classList.remove("is-sticky");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener('scroll', function (ev) {
|
||||
ev.preventDefault();
|
||||
windowScroll();
|
||||
});
|
||||
|
||||
//modal js
|
||||
function firstTimeLoad() {
|
||||
|
||||
var myModal = new bootstrap.Modal(document.getElementById('subscribeModal'), {
|
||||
keyboard: false
|
||||
})
|
||||
var modalToggle = document.getElementById('subscribeModal') // relatedTarget
|
||||
|
||||
setTimeout(function () {
|
||||
myModal ? myModal.show(modalToggle) : "";
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
firstTimeLoad();
|
||||
|
||||
// var tooltipTriggerList = [].slice.call(
|
||||
// document.querySelectorAll('[data-bs-toggle="tooltip"]')
|
||||
// );
|
||||
// var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
||||
// return new bootstrap.Tooltip(tooltipTriggerEl);
|
||||
// });
|
||||
|
||||
function initComponents() {
|
||||
// tooltip
|
||||
var tooltipTriggerList = [].slice.call(
|
||||
document.querySelectorAll('[data-bs-toggle="tooltip"]')
|
||||
);
|
||||
tooltipTriggerList.map(function (tooltipTriggerEl) {
|
||||
return new bootstrap.Tooltip(tooltipTriggerEl);
|
||||
});
|
||||
|
||||
// popover
|
||||
var popoverTriggerList = [].slice.call(
|
||||
document.querySelectorAll('[data-bs-toggle="popover"]')
|
||||
);
|
||||
popoverTriggerList.map(function (popoverTriggerEl) {
|
||||
return new bootstrap.Popover(popoverTriggerEl);
|
||||
});
|
||||
}
|
||||
|
||||
initComponents();
|
||||
|
||||
setTimeout(function () {
|
||||
// === following js will activate the menu in left side bar based on url ====
|
||||
var menuItems = document.querySelectorAll(".submenu-item li a");
|
||||
menuItems && menuItems.forEach(function (item) {
|
||||
var pageUrl = window.location.href.split(/[?#]/)[0];
|
||||
|
||||
if (item.href == pageUrl) {
|
||||
item.classList.add("active");
|
||||
}
|
||||
});
|
||||
}, 0)
|
||||
|
||||
//
|
||||
/********************* scroll top js ************************/
|
||||
//
|
||||
|
||||
var mybutton = document.getElementById("back-to-top");
|
||||
|
||||
if (mybutton) {
|
||||
// When the user scrolls down 20px from the top of the document, show the button
|
||||
window.onscroll = function () {
|
||||
scrollFunction();
|
||||
};
|
||||
|
||||
function scrollFunction() {
|
||||
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
|
||||
mybutton.style.display = "block";
|
||||
} else {
|
||||
mybutton.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
// When the user clicks on the button, scroll to the top of the document
|
||||
function topFunction() {
|
||||
document.body.scrollTop = 0;
|
||||
document.documentElement.scrollTop = 0;
|
||||
}
|
||||
}
|
||||
|
||||
//chat bot
|
||||
function chatBot() {
|
||||
var chatbot = document.getElementById("chatBot");
|
||||
if (chatbot) {
|
||||
chatbot.classList.remove("show");
|
||||
}
|
||||
}
|
||||
|
||||
// Scroll to Bottom
|
||||
function scrollToBottom(id) {
|
||||
setTimeout(function () {
|
||||
var simpleBar = (document.getElementById(id).querySelector("#chat-conversation .simplebar-content-wrapper")) ?
|
||||
document.getElementById(id).querySelector("#chat-conversation .simplebar-content-wrapper") : ''
|
||||
|
||||
var offsetHeight = document.getElementsByClassName("chat-conversation-list")[0] ?
|
||||
document.getElementById(id).getElementsByClassName("chat-conversation-list")[0].scrollHeight - window.innerHeight + 800 : 0;
|
||||
|
||||
if (offsetHeight)
|
||||
simpleBar.scrollTo({
|
||||
top: offsetHeight,
|
||||
behavior: "smooth"
|
||||
});
|
||||
}, 100);
|
||||
}
|
||||
|
||||
|
||||
const chatCollapsible = document.getElementById('chatBot')
|
||||
chatCollapsible.addEventListener('shown.bs.collapse', event => {
|
||||
// chat
|
||||
var currentChatId = "users-chat-widget";
|
||||
scrollToBottom(currentChatId);
|
||||
})
|
||||
Reference in New Issue
Block a user