use wordpress;

worms butthole guy fucked around with this message at 12:12 on Jun 13, 2022

new Form('js-wedding-booking-form');

import flatpickr from "flatpickr";

class Form {

    constructor(formClass) {
        this.form = document.querySelector(`.${formClass}`);

        if (!this.form) return;
        this.id = this.form.id;
        this.url = `/wp-json/contact-form-7/v1/contact-forms/${this.id}/feedback`;
        this.date = this.form.querySelector('#date-field');
        this.time = this.form.querySelector('#time-field');

        if (this.form && this.id && this.url) this.setup();
    }

    /**
     * Send form data
     */
    sendData(label) {
        const XHR = new XMLHttpRequest();
        const FD = new FormData(this.form);

        XHR.addEventListener("load", e => this.formSuccess(label));

        XHR.addEventListener("error", e => this.formError());

        XHR.open("POST", this.url);
        XHR.send(FD);
    }

    /**
     * On form error
     */
    formError() {
        alert('Oops! Something went wrong.');
    }

    /**
     * On form success
     */
    formSuccess(label) {
        this.form.classList.add('is-successful');
        this.form.querySelector('button[type="submit"]').disabled = true;
        ga('send', 'event', label, 'submit');
    }

    /**
     * Add form event listener
     */
    formEventListener() {

        this.form.addEventListener("submit", e => {
            e.preventDefault();
            this.sendData(e.target.dataset.label ? e.target.dataset.label : '');
        });

    }

    /**
     * Initiate Time Picker
     */
    initiateTimePicker() {
        flatpickr(this.time, {
            enableTime: true,
            noCalendar: true,
            dateFormat: "H:i",
        });
    }

    /**
     * Initialise Date Picker
     */
    initiateDatePicker() {
        flatpickr(this.date, {});
    }

    /**
     * Setup methods
     */
    setup() {

        if (this.date) this.initiateDatePicker();
        if (this.time) this.initiateTimePicker();

        this.formEventListener();
    }

}

export default Form;

 this.url = `/wp-json/contact-form-7/v1/contact-forms/${this.id}/feedback`;

{"contact_form_id":323,"status":"spam","message":"There was an error trying to send your message. Please try again later.","posted_data_hash":"","into":"#","invalid_fields":[]}

fuf fucked around with this message at 13:18 on Oct 3, 2022

worms butthole guy fucked around with this message at 15:09 on Oct 3, 2022