2020-10-12 18:19:35 -05:00
|
|
|
import 'packs/public-path';
|
2023-05-08 20:08:47 -05:00
|
|
|
import { delegate } from '@rails/ujs';
|
2023-05-28 09:38:10 -05:00
|
|
|
|
|
|
|
import loadKeyboardExtensions from 'flavours/glitch/load_keyboard_extensions';
|
|
|
|
import { loadPolyfills } from 'flavours/glitch/polyfills';
|
2022-06-28 02:42:13 -05:00
|
|
|
import 'cocoon-js-vanilla';
|
2019-09-30 09:38:12 -05:00
|
|
|
|
|
|
|
function main() {
|
2022-10-30 12:15:28 -05:00
|
|
|
const toggleSidebar = () => {
|
|
|
|
const sidebar = document.querySelector('.sidebar ul');
|
|
|
|
const toggleButton = document.querySelector('.sidebar__toggle__icon');
|
|
|
|
|
|
|
|
if (sidebar.classList.contains('visible')) {
|
|
|
|
document.body.style.overflow = null;
|
2023-04-04 09:33:33 -05:00
|
|
|
toggleButton.setAttribute('aria-expanded', 'false');
|
2022-10-30 12:15:28 -05:00
|
|
|
} else {
|
|
|
|
document.body.style.overflow = 'hidden';
|
2023-04-04 09:33:33 -05:00
|
|
|
toggleButton.setAttribute('aria-expanded', 'true');
|
2022-10-30 12:15:28 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
toggleButton.classList.toggle('active');
|
|
|
|
sidebar.classList.toggle('visible');
|
|
|
|
};
|
|
|
|
|
2019-09-30 09:38:12 -05:00
|
|
|
delegate(document, '.sidebar__toggle__icon', 'click', () => {
|
2022-10-30 12:15:28 -05:00
|
|
|
toggleSidebar();
|
|
|
|
});
|
|
|
|
|
|
|
|
delegate(document, '.sidebar__toggle__icon', 'keydown', e => {
|
|
|
|
if (e.key === ' ' || e.key === 'Enter') {
|
|
|
|
e.preventDefault();
|
|
|
|
toggleSidebar();
|
|
|
|
}
|
2019-09-30 09:38:12 -05:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2019-11-04 06:03:09 -06:00
|
|
|
loadPolyfills()
|
|
|
|
.then(main)
|
|
|
|
.then(loadKeyboardExtensions)
|
|
|
|
.catch(error => {
|
|
|
|
console.error(error);
|
|
|
|
});
|