wip(js): add head.html and assets/js
This commit is contained in:
7
assets/js/modules/layouts/basic.js
Normal file
7
assets/js/modules/layouts/basic.js
Normal file
@ -0,0 +1,7 @@
|
||||
import { back2top, loadTooptip, modeWatcher } from '../components';
|
||||
|
||||
export function basic() {
|
||||
modeWatcher();
|
||||
back2top();
|
||||
loadTooptip();
|
||||
}
|
19
assets/js/modules/layouts/sidebar.js
Normal file
19
assets/js/modules/layouts/sidebar.js
Normal file
@ -0,0 +1,19 @@
|
||||
const ATTR_DISPLAY = 'sidebar-display';
|
||||
const $sidebar = document.getElementById('sidebar');
|
||||
const $trigger = document.getElementById('sidebar-trigger');
|
||||
const $mask = document.getElementById('mask');
|
||||
|
||||
class SidebarUtil {
|
||||
static #isExpanded = false;
|
||||
|
||||
static toggle() {
|
||||
this.#isExpanded = !this.#isExpanded;
|
||||
document.body.toggleAttribute(ATTR_DISPLAY, this.#isExpanded);
|
||||
$sidebar.classList.toggle('z-2', this.#isExpanded);
|
||||
$mask.classList.toggle('d-none', !this.#isExpanded);
|
||||
}
|
||||
}
|
||||
|
||||
export function initSidebar() {
|
||||
$trigger.onclick = $mask.onclick = () => SidebarUtil.toggle();
|
||||
}
|
5
assets/js/modules/layouts/topbar.js
Normal file
5
assets/js/modules/layouts/topbar.js
Normal file
@ -0,0 +1,5 @@
|
||||
import { displaySearch } from '../components/search-display';
|
||||
|
||||
export function initTopbar() {
|
||||
displaySearch();
|
||||
}
|
Reference in New Issue
Block a user