mirror of
https://github.com/Snigdha-OS/documentation.git
synced 2025-09-13 20:14:56 +02:00
33 lines
1.1 KiB
JavaScript
33 lines
1.1 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
function navbar($elements) {
|
|
$elements.forEach(($navbar) => {
|
|
// TODO: Use data-toggle approach.
|
|
const $toggle = $navbar.querySelector('.navbar__toggle');
|
|
const $sidebar = $navbar.querySelector('.navbar-sidebar');
|
|
const $sidebarClose = $navbar.querySelector('.navbar-sidebar__close');
|
|
const $backdrop = $navbar.querySelector('.navbar-sidebar__backdrop');
|
|
const $sidebarItems = $navbar.querySelector('.navbar-sidebar__items');
|
|
|
|
if ($toggle == null || $sidebarClose == null) {
|
|
return;
|
|
}
|
|
|
|
$toggle.addEventListener('click', (e) => {
|
|
$navbar.classList.add('navbar-sidebar--show');
|
|
$sidebarItems.classList.add('navbar-sidebar__items--show-secondary');
|
|
});
|
|
|
|
[$backdrop, $sidebarClose].forEach(($el) =>
|
|
$el.addEventListener('click', (e) => {
|
|
$navbar.classList.remove('navbar-sidebar--show');
|
|
}),
|
|
);
|
|
});
|
|
}
|