7a632c5ebd
- Added ContactFormSubmission model to store contact form submissions. - Created ContactForm for handling form submissions. - Implemented admin interface for managing contact form submissions. - Developed views and JavaScript for handling contact form submission via AJAX. - Added SMTP settings model for email configuration. - Created notification email templates for contact form submissions. - Updated frontend to include contact form modal and associated styles. - Added tests for contact form submission and validation.
52 lines
1.3 KiB
JavaScript
52 lines
1.3 KiB
JavaScript
(function () {
|
|
const root = document.querySelector("[data-subscribe-fab]");
|
|
if (!root) return;
|
|
|
|
const toggle = root.querySelector(".subscribe-fab__toggle");
|
|
const input = root.querySelector(".subscribe-fab__input");
|
|
const triggers = document.querySelectorAll("[data-subscribe-trigger]");
|
|
if (!toggle) return;
|
|
|
|
const focusInput = () => {
|
|
if (!input) return;
|
|
requestAnimationFrame(function () {
|
|
input.focus();
|
|
});
|
|
};
|
|
|
|
const setOpen = (open, shouldFocusInput) => {
|
|
root.classList.toggle("is-open", open);
|
|
toggle.setAttribute("aria-expanded", open ? "true" : "false");
|
|
if (open && shouldFocusInput) {
|
|
focusInput();
|
|
}
|
|
};
|
|
|
|
toggle.addEventListener("click", function () {
|
|
const isOpen = root.classList.contains("is-open");
|
|
setOpen(!isOpen, !isOpen);
|
|
});
|
|
|
|
triggers.forEach(function (trigger) {
|
|
trigger.addEventListener("click", function (event) {
|
|
event.preventDefault();
|
|
setOpen(true, true);
|
|
});
|
|
});
|
|
|
|
document.addEventListener("click", function (event) {
|
|
if (event.target.closest("[data-subscribe-trigger]")) {
|
|
return;
|
|
}
|
|
if (!root.contains(event.target)) {
|
|
setOpen(false, false);
|
|
}
|
|
});
|
|
|
|
document.addEventListener("keydown", function (event) {
|
|
if (event.key === "Escape") {
|
|
setOpen(false, false);
|
|
}
|
|
});
|
|
})();
|