assets/js/contact_form.js

@@ -1,45 +1,29 @@
-const contactFormAjaxUrl = '/php/contact_form.php';
+const ajaxUrl = '../php/contact_form.php';
+const contact_form = document.getElementsByClassName('content__contact_form')[0];
+const subject = document.getElementsByClassName('contact_form__subject')[0];
+const message = document.getElementsByClassName('contact_form__message')[0];
+const name = document.getElementsByClassName('contact_form__name')[0];
+const email = document.getElementsByClassName('contact_form__email')[0];
+const captcha = document.getElementsByClassName('contact_form__captcha')[0];
+const now = (new Date().getTime()/1000).toFixed();
+const feedback = document.getElementsByClassName('contact_form__feedback')[0];
 
-window.addEventListener('DOMContentLoaded', function() {
+window.addEventListener('DOMContentLoaded', function(event) {
-    const contact_form = document.getElementsByClassName('content__contact_form')[0];
-    if (contact_form) {
-        contact_form.addEventListener('submit', wtf_submitContactForm, false);
-        wtf_startContactFormSession();
-    }
-});
-
-function wtf_startContactFormSession() {
     let formData = new FormData();
     formData.append('action', 'start_session');
-    fetch(contactFormAjaxUrl, {
+    fetch(ajaxUrl, {
         method: 'POST',
         mode: 'same-origin',
         body: formData,
     })
-    .then(response => {
+    .then(response => response.json())
-        if (!response.ok) {
-            throw new Error('Response was not OK');
-        }
-
-        return response.json();
-    })
     .then(json => {
         console.log(json);
     })
-    .catch(error => {
+});
-        console.error('Could not start the session:', error);
-    });
-}
 
-function wtf_submitContactForm(event) {
+contact_form.addEventListener('submit', function(event) {
     event.preventDefault();
-
-    const subject = document.getElementsByClassName('contact_form__subject')[0];
-    const message = document.getElementsByClassName('contact_form__message')[0];
-    const name = document.getElementsByClassName('contact_form__name')[0];
-    const email = document.getElementsByClassName('contact_form__email')[0];
-    const captcha = document.getElementsByClassName('contact_form__captcha')[0];
-
     let formData = new FormData();
     formData.append('action', 'handle_form');
     formData.append('subject', subject.value);
@@ -55,14 +39,13 @@ function wtf_submitContactForm(event) {
         return;
     }
 
-    fetch(contactFormAjaxUrl, {
+    fetch(ajaxUrl, {
         method: 'POST',
         mode: 'same-origin',
         body: formData,
     })
     .then(response => response.json())
     .then(json => {
-        const feedback = document.getElementsByClassName('contact_form__feedback')[0];
         console.log(json);
         if (json.errors) {
             feedback.classList.remove('--success');
@@ -92,4 +75,4 @@ function wtf_submitContactForm(event) {
         }
     })
     .catch(error => console.log(error));
-}
+}, false);

assets/js/contact_form_toggle.js

@@ -1,7 +1,5 @@
 /* Unhide contact form if JS is enabled */
 window.addEventListener('DOMContentLoaded', (event) => {
     const contact_form_wrapper = document.getElementsByClassName('content__contact_form_wrapper')[0];
-    if (contact_form_wrapper) {
+    contact_form_wrapper.style.setProperty('display', 'block');
-        contact_form_wrapper.style.setProperty('display', 'block');
-    }
 });