path: root / src / scripts / expand-navbar.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

const expandBtn = document.getElementById('expandNavbarBtn');
const sidebarElem = document.getElementsByClassName('sidebar')[0];

if (localStorage.getItem('navbar') === 'hidden' || window.innerWidth <= 610) {
	expandBtn.src = '/img/layout-navbar-expand-tabler.svg';
	sidebarElem.classList.add('sidebar-hidden');
}

expandBtn.onclick = function() {
	sidebarElem.classList.toggle('sidebar-hidden');

	if (!sidebarElem.classList.contains('sidebar-hidden')) {
		expandBtn.src = '/img/layout-navbar-collapse-tabler.svg';
		if (window.innerWidth > 610) localStorage.setItem('navbar', 'norm');
	}
	else {
		expandBtn.src = '/img/layout-navbar-expand-tabler.svg';
		if (window.innerWidth > 610) localStorage.setItem('navbar', 'hidden');
	}
}