dashboard-core/theme/dbd-soft-ui/views/partials/scripts.ejs

<!--   Core JS Files   -->
<script src="https://cdn.jsdelivr.net/npm/jquery.skeleton.loader@1.2.0/dist/jquery.scheletrone.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"
		integrity="sha256-eTyxS0rkjpLEo16uXTS0uVCS4815lc40K2iVpWDvdSY=" crossorigin="anonymous"></script>
<script>
	function login(url) {
		<% if (!req.session.user) { %>
			const newWindow = window.open('/discord', 'Log in with discord', `directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width=500, height=800`);
			newWindow.focus();
			setInterval(() => {
				if (newWindow.closed) window.location.href = `${url}?swal=logged`;
			}, 500);
		<% } else { %>
			window.location.href = `${url}?swal=alreadyloggedin`;
		<% } %>
	}

	$('.account').click(function (e) {
		e.preventDefault();
		login(e.currentTarget.href)
	});

	$('.theme').click(function () {
		$('.theme').removeClass('active');
		$(this).addClass('active');
		const theme = $(this).attr('data-theme');
		setCookie('selectedTheme', theme, 365);
		location.reload();
	});

	const sidenav = document.getElementById('sidenav-main');

	function hideSidenav() {
		body.classList.remove(className);
		setTimeout(function () {
			sidenav.classList.remove('bg-white');
		}, 100);
		sidenav.classList.remove('bg-transparent');
	}

	function showSidenav() {
		try {
			body.classList.add(className);
			sidenav.classList.add('bg-white');
			sidenav.classList.remove('bg-transparent');
			iconSidenav.classList.remove('d-none');
		} catch (error) {
		}
	}

	<% if (!themeConfig?.sidebar?.gestures?.disabled) { %>
	document.addEventListener('touchstart', handleTouchStart, false);
	document.addEventListener('touchmove', handleTouchMove, false);
	document.addEventListener('touchend', handleTouchEnd, false);

	const SWIPE_BLOCK_ELEMS = [
		'swipBlock',
		'handle',
		'drag-ruble'
	]

	let xDown = null;
	let yDown = null;
	let xDiff = null;
	let yDiff = null;
	let timeDown = null;

	const TIME_THRESHOLD = <%= themeConfig?.sidebar?.gestures?.gestureTimer || 200 %>;
	const DIFF_THRESHOLD = <%= themeConfig?.sidebar?.gestures?.gestureSensitivity || 50 %>;

	function handleTouchEnd() {

		let timeDiff = Date.now() - timeDown;
		if (Math.abs(xDiff) > Math.abs(yDiff)) {
			if (Math.abs(xDiff) > DIFF_THRESHOLD && timeDiff < TIME_THRESHOLD) {
				if (xDiff > 0) {
					hideSidenav()
					xDown = null;
					yDown = null;
					timeDown = null;
				} else {
					showSidenav()
					xDown = null;
					yDown = null;
					timeDown = null;
				}
			}
		}

		xDown = null;
		yDown = null;
		timeDown = null;
	}

	function containsClassName(evntarget, classArr) {
		for (var i = classArr.length - 1; i >= 0; i--) {
			if (evntarget.classList.contains(classArr[i])) {
				return true;
			}
		}
	}

	function handleTouchStart(evt) {
		let touchStartTarget = evt.target;
		if (containsClassName(touchStartTarget, SWIPE_BLOCK_ELEMS)) {
			return;
		}
		timeDown = Date.now()
		xDown = evt.touches[0].clientX;
		yDown = evt.touches[0].clientY;
		xDiff = 0;
		yDiff = 0;

	}

	function handleTouchMove(evt) {
		if (!xDown || !yDown) {
			return;
		}

		var xUp = evt.touches[0].clientX;
		var yUp = evt.touches[0].clientY;


		xDiff = xDown - xUp;
		yDiff = yDown - yUp;
	}
	<% } %>
	function sweetalert(icons, text, timer) {
		var is_mobile = !!navigator.userAgent.match(/iphone|android|blackberry/ig);
		let pos = 'top-end';
		if (is_mobile) pos = 'bottom-end';
		const Toast = Swal.mixin({
			toast: true,
			position: pos,
			showConfirmButton: false,
			timer: timer,
			timerProgressBar: true,
			didOpen: (toast) => {
				toast.addEventListener('mouseenter', Swal.stopTimer)
				toast.addEventListener('mouseleave', Swal.resumeTimer)
			}
		})

		Toast.fire({
			icon: icons,
			title: text
		})
	}

	<% if (req.displayLoggedInInfo == true) { %>
		window.onload = function () {
			sweetalert("success", "<%= themeConfig?.sweetalert?.success?.login || 'Successfully signed in.' %>", 2000)
		};
	<% } %>
</script>
<script src="https://cdn.jsdelivr.net/gh/Assistants-Center/DBD-Soft-UI/views/src/js/plugins/chartjs.min.js"></script>
<script src="js/dashboard/sweetalert.js"></script>
<script src="js/dashboard/themeselect.js"></script>
<script src="js/plugins/sweetalert2.js"></script>
<script src="https://cdn.jsdelivr.net/gh/Assistants-Center/DBD-Soft-UI/views/src/js/custom.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/Assistants-Center/DBD-Soft-UI/views/src/js/sidebarmenu.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/Assistants-Center/DBD-Soft-UI/views/src/js/perfect-scrollbar.jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/Assistants-Center/DBD-Soft-UI/views/src/js/core/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/Assistants-Center/DBD-Soft-UI/views/src/js/core/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/Assistants-Center/DBD-Soft-UI/views/src/js/plugins/perfect-scrollbar.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/Assistants-Center/DBD-Soft-UI/views/src/js/plugins/smooth-scrollbar.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/Assistants-Center/DBD-Soft-UI/views/src/js/core/bootstrap.min.js"></script>
<script src="https://kit.fontawesome.com/5c57f03f9b.js" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>