demarches-normaliennes/app/javascript/new_design/support.js

17 lines
663 B
JavaScript
Raw Normal View History

2019-02-21 17:50:18 +01:00
import { show, hide, delegate } from '@utils';
function updateContactElementsVisibility() {
const contactSelect = document.querySelector('#contact-form #type');
if (contactSelect) {
const type = contactSelect.value;
const visibleElements = `[data-contact-type-only="${type}"]`;
const hiddenElements = `[data-contact-type-only]:not([data-contact-type-only="${type}"])`;
2019-02-21 17:50:18 +01:00
document.querySelectorAll(visibleElements).forEach(show);
document.querySelectorAll(hiddenElements).forEach(hide);
}
}
addEventListener('turbolinks:load', updateContactElementsVisibility);
delegate('change', '#contact-form #type', updateContactElementsVisibility);