first commit
This commit is contained in:
@@ -0,0 +1,577 @@
|
||||
/*
|
||||
Template Name: webadmin - Admin & Dashboard Template
|
||||
Author: Themesdesign
|
||||
Version: 1.0.0
|
||||
Website: https://Themesdesign.com/
|
||||
Contact: Themesdesign@gmail.com
|
||||
File: Main Js File
|
||||
*/
|
||||
|
||||
|
||||
(function () {
|
||||
|
||||
'use strict';
|
||||
|
||||
var language = localStorage.getItem('language');
|
||||
// Default Language
|
||||
var default_lang = 'en';
|
||||
|
||||
function initLanguage() {
|
||||
// Set new language
|
||||
if (language != "null" && language !== default_lang)
|
||||
setLanguage(language);
|
||||
|
||||
var languages = document.getElementsByClassName("language");
|
||||
languages && languages.forEach(function (dropdown) {
|
||||
dropdown.addEventListener('click', function (event) {
|
||||
setLanguage(dropdown.getAttribute('data-lang'));
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function setLanguage(lang) {
|
||||
document.getElementsByClassName("header-lang-img").forEach(function (el) {
|
||||
if (el) {
|
||||
switch (lang) {
|
||||
case "eng":
|
||||
el.src = "assets/images/flags/us.jpg";
|
||||
break;
|
||||
case "sp":
|
||||
el.src = "assets/images/flags/spain.jpg";
|
||||
break;
|
||||
case "gr":
|
||||
el.src = "assets/images/flags/germany.jpg";
|
||||
break;
|
||||
case "it":
|
||||
el.src = "assets/images/flags/italy.jpg";
|
||||
break;
|
||||
case "ru":
|
||||
el.src = "assets/images/flags/russia.jpg";
|
||||
break;
|
||||
default:
|
||||
el.src = "assets/images/flags/us.jpg";
|
||||
break;
|
||||
}
|
||||
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", '/assets/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 + "']");
|
||||
elements.forEach(function (elem) {
|
||||
elem.textContent = data[key];
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// Sending the request to the server
|
||||
request.send();
|
||||
}
|
||||
|
||||
|
||||
function initMetisMenu() {
|
||||
// MetisMenu js
|
||||
document.addEventListener("DOMContentLoaded", function (event) {
|
||||
if (document.getElementById("side-menu"))
|
||||
new MetisMenu('#side-menu');
|
||||
});
|
||||
}
|
||||
|
||||
function initCounterNumber() {
|
||||
var counter = document.querySelectorAll('.counter-value');
|
||||
var speed = 250; // The lower the slower
|
||||
counter && counter.forEach(function (counter_value) {
|
||||
function updateCount() {
|
||||
var target = +counter_value.getAttribute('data-target');
|
||||
var count = +counter_value.innerText;
|
||||
var inc = target / speed;
|
||||
if (inc < 1) {
|
||||
inc = 1;
|
||||
}
|
||||
// Check if target is reached
|
||||
if (count < target) {
|
||||
// Add inc to count and output in counter_value
|
||||
counter_value.innerText = (count + inc).toFixed(0);
|
||||
// Call function every ms
|
||||
setTimeout(updateCount, 1);
|
||||
} else {
|
||||
counter_value.innerText = target;
|
||||
}
|
||||
};
|
||||
updateCount();
|
||||
});
|
||||
}
|
||||
|
||||
function initLeftMenuCollapse() {
|
||||
var currentSIdebarSize = document.body.getAttribute('data-sidebar-size');
|
||||
window.onload = function () {
|
||||
if (window.innerWidth >= 1024 && window.innerWidth <= 1366) {
|
||||
document.body.setAttribute('data-sidebar-size', 'sm');
|
||||
updateRadio('sidebar-size-small');
|
||||
}
|
||||
};
|
||||
var verticalButton = document.getElementsByClassName("vertical-menu-btn");
|
||||
for (var i = 0; i < verticalButton.length; i++) {
|
||||
(function (index) {
|
||||
verticalButton[index] && verticalButton[index].addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
document.body.classList.toggle('sidebar-enable');
|
||||
if (window.innerWidth >= 992) {
|
||||
if (currentSIdebarSize == null) {
|
||||
(document.body.getAttribute('data-sidebar-size') == null || document.body.getAttribute('data-sidebar-size') == "lg") ? document.body.setAttribute('data-sidebar-size', 'sm') : document.body.setAttribute('data-sidebar-size', 'lg');
|
||||
} else if (currentSIdebarSize == "md") {
|
||||
(document.body.getAttribute('data-sidebar-size') == "md") ? document.body.setAttribute('data-sidebar-size', 'sm') : document.body.setAttribute('data-sidebar-size', 'md');
|
||||
} else {
|
||||
(document.body.getAttribute('data-sidebar-size') == "sm") ? document.body.setAttribute('data-sidebar-size', 'lg') : document.body.setAttribute('data-sidebar-size', 'sm');
|
||||
}
|
||||
} else {
|
||||
initMenuItemScroll();
|
||||
}
|
||||
});
|
||||
})(i);
|
||||
}
|
||||
}
|
||||
|
||||
function initActiveMenu() {
|
||||
|
||||
setTimeout(function () {
|
||||
// === following js will activate the menu in left side bar based on url ====
|
||||
var menuItems = document.querySelectorAll("#sidebar-menu a");
|
||||
menuItems && menuItems.forEach(function (item) {
|
||||
var pageUrl = window.location.href.split(/[?#]/)[0];
|
||||
|
||||
if (item.href == pageUrl) {
|
||||
item.classList.add("active");
|
||||
var parent = item.parentElement;
|
||||
if (parent && parent.id !== "side-menu") {
|
||||
parent.classList.add("mm-active");
|
||||
var parent2 = parent.parentElement; // ul .
|
||||
if (parent2 && parent2.id !== "side-menu") {
|
||||
parent2.classList.add("mm-show"); // ul tag
|
||||
if (parent2.classList.contains('mm-collapsing')) {
|
||||
console.log('has mm-collapsing');
|
||||
}
|
||||
var parent3 = parent2.parentElement; // li tag
|
||||
if (parent3 && parent3.id !== "side-menu") {
|
||||
parent3.classList.add("mm-active"); // li
|
||||
var parent4 = parent3.parentElement; // ul
|
||||
if (parent4 && parent4.id !== "side-menu") {
|
||||
parent4.classList.add("mm-show"); // ul
|
||||
var parent5 = parent4.parentElement;
|
||||
if (parent5 && parent5.id !== "side-menu") {
|
||||
parent5.classList.add("mm-active"); // li
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}, 0);
|
||||
}
|
||||
|
||||
function initMenuItemScroll() {
|
||||
setTimeout(function () {
|
||||
var sidebarMenu = document.getElementById("side-menu");
|
||||
if (sidebarMenu) {
|
||||
var activeMenu = sidebarMenu.querySelector(".mm-active .active");
|
||||
var offset = (activeMenu) ? activeMenu.offsetTop : 0;
|
||||
if (offset > 300) {
|
||||
offset = offset - 100;
|
||||
var verticalMenu = (document.getElementsByClassName("vertical-menu")) ? document.getElementsByClassName("vertical-menu")[0] : '';
|
||||
if (verticalMenu && verticalMenu.querySelector(".simplebar-content-wrapper")) {
|
||||
setTimeout(function () {
|
||||
verticalMenu.querySelector(".simplebar-content-wrapper").scrollTop = offset;
|
||||
}, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}, 0);
|
||||
}
|
||||
|
||||
function initHoriMenuActive() {
|
||||
|
||||
var navlist = document.querySelectorAll(".navbar-nav a");
|
||||
navlist && navlist.forEach(function (item) {
|
||||
var pageUrl = window.location.href.split(/[?#]/)[0];
|
||||
if (item.href == pageUrl) {
|
||||
item.classList.add("active");
|
||||
var parent = item.parentElement;
|
||||
if (parent) {
|
||||
parent.classList.add("active"); // li
|
||||
var parent2 = parent.parentElement;
|
||||
parent2.classList.add("active"); // li
|
||||
var parent3 = parent2.parentElement;
|
||||
if (parent3) {
|
||||
parent3.classList.add("active"); // li
|
||||
var parent4 = parent3.parentElement;
|
||||
if (parent4.closest("li"))
|
||||
parent4.closest("li").classList.add("active");
|
||||
if (parent4) {
|
||||
parent4.classList.add("active"); // li
|
||||
var parent5 = parent4.parentElement;
|
||||
if (parent5) {
|
||||
parent5.classList.add("active"); // li
|
||||
var parent6 = parent5.parentElement;
|
||||
if (parent6) {
|
||||
parent6.classList.add("active"); // li
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function initFullScreen() {
|
||||
var fullscreenBtn = document.querySelector('[data-toggle="fullscreen"]');
|
||||
fullscreenBtn && fullscreenBtn.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
document.body.classList.toggle('fullscreen-enable');
|
||||
if (!document.fullscreenElement && /* alternative standard method */ !document.mozFullScreenElement && !document.webkitFullscreenElement) { // current working methods
|
||||
if (document.documentElement.requestFullscreen) {
|
||||
document.documentElement.requestFullscreen();
|
||||
} else if (document.documentElement.mozRequestFullScreen) {
|
||||
document.documentElement.mozRequestFullScreen();
|
||||
} else if (document.documentElement.webkitRequestFullscreen) {
|
||||
document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
|
||||
}
|
||||
} else {
|
||||
if (document.cancelFullScreen) {
|
||||
document.cancelFullScreen();
|
||||
} else if (document.mozCancelFullScreen) {
|
||||
document.mozCancelFullScreen();
|
||||
} else if (document.webkitCancelFullScreen) {
|
||||
document.webkitCancelFullScreen();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('fullscreenchange', exitHandler);
|
||||
document.addEventListener("webkitfullscreenchange", exitHandler);
|
||||
document.addEventListener("mozfullscreenchange", exitHandler);
|
||||
|
||||
function exitHandler() {
|
||||
if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) {
|
||||
document.body.classList.remove('fullscreen-enable');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function initDropdownMenu() {
|
||||
if (document.getElementById("topnav-menu-content")) {
|
||||
var elements = document.getElementById("topnav-menu-content").getElementsByTagName("a");
|
||||
for (var i = 0, len = elements.length; i < len; i++) {
|
||||
elements[i].onclick = function (elem) {
|
||||
if (elem.target.getAttribute("href") === "#") {
|
||||
elem.target.parentElement.classList.toggle("active");
|
||||
elem.target.nextElementSibling.classList.toggle("show");
|
||||
}
|
||||
};
|
||||
}
|
||||
window.addEventListener("resize", updateMenu);
|
||||
}
|
||||
}
|
||||
|
||||
function updateMenu() {
|
||||
var elements = document.getElementById("topnav-menu-content").getElementsByTagName("a");
|
||||
for (var i = 0, len = elements.length; i < len; i++) {
|
||||
if (elements[i].parentElement.getAttribute("class") === "nav-item dropdown active") {
|
||||
elements[i].parentElement.classList.remove("active");
|
||||
elements[i].nextElementSibling.classList.remove("show");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function initComponents() {
|
||||
// tooltip
|
||||
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
|
||||
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
||||
return new bootstrap.Tooltip(tooltipTriggerEl);
|
||||
});
|
||||
|
||||
// popover
|
||||
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
|
||||
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
|
||||
return new bootstrap.Popover(popoverTriggerEl);
|
||||
});
|
||||
|
||||
// toast
|
||||
var toastElList = [].slice.call(document.querySelectorAll('.toast'));
|
||||
var toastList = toastElList.map(function (toastEl) {
|
||||
return new bootstrap.Toast(toastEl);
|
||||
});
|
||||
}
|
||||
|
||||
function fadeOutEffect(elem, delay) {
|
||||
var fadeTarget = document.getElementById(elem);
|
||||
fadeTarget.style.display = 'block';
|
||||
var fadeEffect = setInterval(function () {
|
||||
if (!fadeTarget.style.opacity) {
|
||||
fadeTarget.style.opacity = 1;
|
||||
}
|
||||
if (fadeTarget.style.opacity > 0) {
|
||||
fadeTarget.style.opacity -= 0.2;
|
||||
} else {
|
||||
clearInterval(fadeEffect);
|
||||
fadeTarget.style.display = 'none';
|
||||
}
|
||||
}, 200);
|
||||
}
|
||||
|
||||
function initPreloader() {
|
||||
window.onload = function () {
|
||||
if (document.getElementById("preloader")) {
|
||||
fadeOutEffect('pre-status', 300);
|
||||
fadeOutEffect('preloader', 400);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
function initSettings() {
|
||||
// Eva Icons
|
||||
eva.replace();
|
||||
|
||||
if (window.sessionStorage) {
|
||||
var alreadyVisited = sessionStorage.getItem("is_visited");
|
||||
if (!alreadyVisited) {
|
||||
sessionStorage.setItem("is_visited", "layout-direction-ltr");
|
||||
} else {
|
||||
var value = document.querySelector("#" + alreadyVisited);
|
||||
if (value !== null) {
|
||||
value.checked = true;
|
||||
changeDirection(alreadyVisited);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var body = document.getElementsByTagName("body")[0];
|
||||
if (body.hasAttribute("data-layout") && body.getAttribute("data-layout") == "horizontal") {
|
||||
updateRadio("layout-horizontal");
|
||||
document.getElementById("sidebar-setting").style.display = "none";
|
||||
document.getElementsByClassName("vertical-menu")[0].style.display = "none";
|
||||
document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "block";
|
||||
document.getElementsByClassName("isvertical-topbar")[0].style.display = "none";
|
||||
document.getElementsByClassName("topnav")[0].style.display = "block";
|
||||
document.getElementsByClassName("footer")[0].style.display = "block";
|
||||
if (body.hasAttribute("data-topbar") == "light") {
|
||||
updateRadio('topbar-color-light');
|
||||
document.body.setAttribute("data-topbar", "light");
|
||||
} else if (body.hasAttribute("data-topbar") == "dark") {
|
||||
updateRadio('topbar-color-dark');
|
||||
document.body.setAttribute("data-topbar", "dark");
|
||||
}
|
||||
document.body.removeAttribute("data-sidebar");
|
||||
} else {
|
||||
// document.body.setAttribute("data-sidebar", "light");
|
||||
document.getElementsByClassName("isvertical-topbar")[0].style.display = "block";
|
||||
updateRadio("layout-vertical");
|
||||
document.getElementsByClassName("topnav")[0].style.display = "none";
|
||||
// document.getElementsByClassName("vertical-menu")[0].style.display =
|
||||
// "block";
|
||||
document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
function changeDirection(id) {
|
||||
if (document.getElementById("layout-direction-ltr").checked == true && id === "layout-direction-ltr") {
|
||||
document.getElementsByTagName("html")[0].removeAttribute("dir");
|
||||
document.getElementById("layout-direction-rtl").checked = false;
|
||||
document.getElementById('bootstrap-style').setAttribute('href', 'assets/css/bootstrap.min.css');
|
||||
document.getElementById('app-style').setAttribute('href', 'assets/css/app.min.css');
|
||||
sessionStorage.setItem("is_visited", "layout-direction-ltr");
|
||||
} else if (document.getElementById("layout-direction-rtl").checked == true && id === "layout-direction-rtl") {
|
||||
document.getElementById("layout-direction-ltr").checked = false;
|
||||
document.getElementById('bootstrap-style').setAttribute('href', 'assets/css/bootstrap-rtl.min.css');
|
||||
document.getElementById('app-style').setAttribute('href', 'assets/css/app-rtl.min.css');
|
||||
document.getElementsByTagName("html")[0].setAttribute("dir", "rtl");
|
||||
sessionStorage.setItem("is_visited", "layout-direction-rtl");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function updateRadio(radioId) {
|
||||
if (document.getElementById(radioId))
|
||||
document.getElementById(radioId).checked = true;
|
||||
}
|
||||
|
||||
function layoutSetting() {
|
||||
var body = document.body;
|
||||
var rightSidebar = document.getElementsByClassName("right-bar-toggle");
|
||||
|
||||
rightSidebar.forEach(function (element) {
|
||||
element.addEventListener('click', function (e) {
|
||||
body.classList.toggle('right-bar-enabled');
|
||||
});
|
||||
});
|
||||
|
||||
body.addEventListener('click', function (e) {
|
||||
if (e.target.parentElement.classList.contains("right-bar-toggle-close")) {
|
||||
document.body.classList.remove('right-bar-enabled');
|
||||
return;
|
||||
} else if (e.target.closest('.right-bar-toggle, .right-bar')) {
|
||||
return;
|
||||
}
|
||||
document.body.classList.remove('right-bar-enabled');
|
||||
return;
|
||||
});
|
||||
var body = document.getElementsByTagName("body")[0];
|
||||
if (body.hasAttribute("data-layout") && body.getAttribute("data-layout") == "horizontal") {
|
||||
updateRadio('layout-horizontal');
|
||||
if (body.hasAttribute("data-topbar") == "light") {
|
||||
updateRadio('topbar-color-light');
|
||||
document.body.setAttribute("data-topbar", "light");
|
||||
} else if (body.hasAttribute("data-topbar") == "dark") {
|
||||
updateRadio('topbar-color-dark');
|
||||
document.body.setAttribute("data-topbar", "dark");
|
||||
}
|
||||
|
||||
document.getElementById('sidebar-setting').style.display = "none";
|
||||
document.body.removeAttribute("data-sidebar");
|
||||
|
||||
// (body.hasAttribute("data-topbar") ? body.removeAttribute("data-topbar") : body.setAttribute("data-topbar", ""));
|
||||
} else {
|
||||
updateRadio('layout-vertical');
|
||||
document.getElementById('sidebar-setting').style.display = "block";
|
||||
}
|
||||
(body.hasAttribute("data-layout-mode") && body.getAttribute("data-layout-mode") == "dark") ? updateRadio('layout-mode-dark') : updateRadio('layout-mode-light');
|
||||
(body.hasAttribute("data-layout-size") && body.getAttribute("data-layout-size") == "boxed") ? updateRadio('layout-width-boxed') : updateRadio('layout-width-fluid');
|
||||
(body.hasAttribute("data-layout-scrollable") && body.getAttribute("data-layout-scrollable") == "true") ? updateRadio('layout-position-scrollable') : updateRadio('layout-position-fixed');
|
||||
(body.hasAttribute("data-topbar") && body.getAttribute("data-topbar") == "dark") ? updateRadio('topbar-color-dark') : updateRadio('topbar-color-light');
|
||||
(body.hasAttribute("data-sidebar-size") && body.getAttribute("data-sidebar-size") == "sm") ? updateRadio('sidebar-size-small') : (body.hasAttribute("data-sidebar-size") && body.getAttribute("data-sidebar-size") == "md") ? updateRadio('sidebar-size-compact') : updateRadio('sidebar-size-default');
|
||||
(body.hasAttribute("data-sidebar") && body.getAttribute("data-sidebar") == "brand") ? updateRadio('sidebar-color-brand') : (body.hasAttribute("data-sidebar") && body.getAttribute("data-sidebar") == "dark") ? updateRadio('sidebar-color-dark') : updateRadio('sidebar-color-light');
|
||||
(document.getElementsByTagName("html")[0].hasAttribute("dir") && document.getElementsByTagName("html")[0].getAttribute("dir") == "rtl") ? updateRadio('layout-direction-rtl') : updateRadio('layout-direction-ltr');
|
||||
|
||||
// on layout change
|
||||
document.querySelectorAll("input[name='layout'").forEach(function (input) {
|
||||
input.addEventListener("change", function (e) {
|
||||
if (e && e.target && e.target.value == "vertical") {
|
||||
updateRadio("layout-vertical");
|
||||
updateRadio('topbar-color-light');
|
||||
document.body.setAttribute("data-layout", "vertical");
|
||||
document.body.setAttribute("data-topbar", "light");
|
||||
document.getElementsByClassName("isvertical-topbar")[0].style.display = "block";
|
||||
document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "none";
|
||||
document.getElementsByClassName("vertical-menu")[0].style.display = "block";
|
||||
document.getElementById("sidebar-setting").style.display = "block";
|
||||
document.getElementsByClassName("topnav")[0].style.display = "none";
|
||||
if (window.innerWidth <= 992) {
|
||||
document.getElementsByClassName("vertical-menu")[0].removeAttribute('style');
|
||||
}
|
||||
document.getElementsByClassName("footer")[0].style.display = "none";
|
||||
|
||||
} else {
|
||||
updateRadio("layout-horizontal");
|
||||
updateRadio('topbar-color-light');
|
||||
document.body.setAttribute('data-topbar', 'light');
|
||||
document.body.setAttribute("data-layout", "horizontal");
|
||||
document.body.removeAttribute("data-sidebar");
|
||||
document.getElementById("sidebar-setting").style.display = "none";
|
||||
document.getElementsByClassName("vertical-menu")[0].style.display =
|
||||
"none";
|
||||
document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "block";
|
||||
|
||||
document.getElementsByClassName("isvertical-topbar")[0].style.display = "none";
|
||||
|
||||
document.getElementsByClassName("topnav")[0].style.display = "block";
|
||||
document.getElementsByClassName("footer")[0].style.display = "block";
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// on layout light mode change
|
||||
document.querySelectorAll("input[name='layout-mode']").forEach(function (input) {
|
||||
input.addEventListener('change', function (e) {
|
||||
if (e && e.target && e.target.value) {
|
||||
if (e.target.value == "light") {
|
||||
document.body.setAttribute('data-layout-mode', 'light');
|
||||
document.body.setAttribute('data-topbar', 'light');
|
||||
document.body.setAttribute('data-sidebar', 'light');
|
||||
(body.hasAttribute("data-layout") && body.getAttribute("data-layout") == "horizontal") ? '' : document.body.setAttribute('data-sidebar', 'light');
|
||||
updateRadio('topbar-color-light');
|
||||
updateRadio('sidebar-color-light');
|
||||
} else if(e.target.value == "dark"){
|
||||
document.body.setAttribute('data-layout-mode', 'dark');
|
||||
document.body.setAttribute('data-topbar', 'dark');
|
||||
document.body.setAttribute('data-sidebar', 'dark');
|
||||
(body.hasAttribute("data-layout") && body.getAttribute("data-layout") == "horizontal") ? '' : document.body.setAttribute('data-sidebar', 'dark');
|
||||
updateRadio('topbar-color-dark');
|
||||
// updateRadio('sidebar-color-dark');
|
||||
} else if(e.target.value == "bordered") {
|
||||
document.body.setAttribute('data-layout-mode', 'bordered');
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// on layout direction change
|
||||
document.querySelectorAll("input[name='layout-direction']").forEach(function (input) {
|
||||
input.addEventListener('change', function (e) {
|
||||
if (e && e.target && e.target.value) {
|
||||
if (e.target.value == "ltr") {
|
||||
document.getElementsByTagName("html")[0].removeAttribute("dir");
|
||||
document.getElementById('bootstrap-style').setAttribute('href', 'assets/css/bootstrap.min.css');
|
||||
document.getElementById('app-style').setAttribute('href', 'assets/css/app.min.css');
|
||||
sessionStorage.setItem("is_visited", "layout-direction-ltr");
|
||||
} else {
|
||||
document.getElementById('bootstrap-style').setAttribute('href', 'assets/css/bootstrap-rtl.min.css');
|
||||
document.getElementById('app-style').setAttribute('href', 'assets/css/app-rtl.min.css');
|
||||
document.getElementsByTagName("html")[0].setAttribute("dir", "rtl");
|
||||
sessionStorage.setItem("is_visited", "layout-direction-rtl");
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function initCheckAll() {
|
||||
var checkAll = document.getElementById("checkAll");
|
||||
if (checkAll) {
|
||||
checkAll.onclick = function () {
|
||||
var checkboxes = document.querySelectorAll('.table-check input[type="checkbox"]');
|
||||
for (var i = 0; i < checkboxes.length; i++) {
|
||||
checkboxes[i].checked = this.checked;
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
function init() {
|
||||
initPreloader();
|
||||
initSettings();
|
||||
initMetisMenu();
|
||||
initCounterNumber();
|
||||
initLeftMenuCollapse();
|
||||
initActiveMenu();
|
||||
initHoriMenuActive();
|
||||
initFullScreen();
|
||||
initDropdownMenu();
|
||||
initComponents();
|
||||
initLanguage();
|
||||
layoutSetting();
|
||||
initMenuItemScroll();
|
||||
initCheckAll();
|
||||
}
|
||||
|
||||
init();
|
||||
|
||||
})();
|
||||
Reference in New Issue
Block a user