backend & types

api/hooks/forms/post_create.js

@@ -0,0 +1,15 @@
+const { validateFields } = require("./validateFields")
+;(function () {
+    if (context?.data?.formular?.honey) {
+        throw { status: 400, error: "Bot detection" }
+    }
+    delete context.data.formular.honey
+    /**
+     * @type {Array<[string, FormObj]>}
+     */
+    let values = Object.entries(context?.data?.formular)
+    let validation = validateFields(values)
+    if (validation.length) {
+        throw { status: 400, error: validation }
+    }
+})()

api/hooks/forms/post_return.js

@@ -0,0 +1,79 @@
+;(function () {
+    /** @type {FormObj} */
+    let formular = context?.data?.formular
+
+    /** @type {TempFormBefore | TempFormAfter} */
+    let tempForm = {}
+
+    let formTitle = `${formular.formTitle}`
+    delete formular.formTitle
+    delete formular["agreement"]
+    delete formular["honey"]
+
+    formular?.formRows?.forEach(
+        /** @param {string} rowName */
+        (rowName) => {
+            tempForm[rowName] = {}
+        }
+    )
+
+    /**
+     * @param {[string, any]} e
+     * @returns {any}
+     */
+    let getValue = (e) => {
+        if (e[0].includes("numberLabel")) return e[1][0]
+        return e[1]
+    }
+
+    /** @type {TempFormIndices} */
+    let indices = {}
+
+    Object.entries(formular).forEach((e) => {
+        if (e[0] === "formRows") return
+
+        let key = e[0].split("_")
+        let newKey = key[key.length - 1]
+
+        // @ts-ignore
+        let rowName = formular?.formRows[Number(key[key.length - 2])]
+        let index = isNaN(Number(key[key.length - 3])) ? 100 : Number(key[key.length - 3])
+
+        if (!rowName) return
+        if (!tempForm[rowName]) tempForm[rowName] = {}
+
+        // @ts-ignore
+        if (tempForm[rowName][newKey]) {
+            // @ts-ignore
+            tempForm[rowName][newKey][0] += "\\" + getValue(e)
+        } else {
+            // @ts-ignore
+            tempForm[rowName][newKey] = [getValue(e), newKey[0] === "n", newKey.includes("invalid")]
+            indices[rowName] = { ...indices[rowName], [newKey]: index }
+        }
+    })
+
+    // Now iterate over tempForm to sort fields in each row
+    Object.entries(tempForm).forEach(([rowName, fields]) => {
+        tempForm[rowName] = Object.entries(fields)
+            .sort((a, b) => indices[rowName][a[0]] - indices[rowName][b[0]])
+            .reduce((acc, [key, val]) => ({ ...acc, [key]: val }), {})
+    })
+
+    Object.keys(tempForm).forEach((row) => {
+        tempForm[row] = Object.entries(tempForm[row])
+    })
+
+    // @ts-ignore
+    delete tempForm[undefined]
+    context.smtp.sendMail({
+        to: "allkids.erfurt@gmail.com",
+        from: "mail@webmakers.de",
+        subject: "AllKids " + formTitle,
+        html: context.tpl.execute(context.fs.readFile("templates/form_mail.html"), {
+            context: context,
+            formularRows: Object.entries(tempForm),
+            formTitle: formTitle,
+        }),
+    })
+})()

api/hooks/forms/validateFields.js

@@ -0,0 +1,80 @@
+/**
+ * @param {Array<[string, FormObj]>} fieldsArray
+ * @returns {(string | (() => void))[][]}
+ */
+function validateFields(fieldsArray) {
+    /**@type {(string | (() => void))[][]} */
+    const errors = []
+    /**@type {number} */
+    let selectedGroup
+
+    const numberRegex = /^[+]?([.]\d+|\d+([.]\d+)?)$/
+    const emailRegex =
+        /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/
+    const dateRegex = /^\d{4}\-(0?[1-9]|1[012])\-(0?[1-9]|[12][0-9]|3[01])$/
+    const timeRegex = /^\d{1,2}:\d{2}-\d{1,2}:\d{2}$/
+    const phoneRegex = /^\s*(?:\+?(\d{1,3}))?[-. (]*(\d{3})[-. )]*(\d{3})[-. ]*(\d{4})(?: *x(\d+))?\s*$/
+
+    const wholeBlockInvalid = () => {
+        const blockContainer = document.getElementsByClassName("blockContainer")[0]
+        blockContainer.classList.add("invalidBlocks")
+    }
+
+    /**
+     *
+     * @param {string} value
+     * @param {any} field
+     * @param {HTMLElement} element
+     */
+    const validateNumber = (value, field, element) => {
+        if (!numberRegex.test(`${value}`)) {
+            errors.push(["block", () => element.classList.add("border-red")])
+        }
+    }
+
+    fieldsArray.forEach(([field, value]) => {
+        if (field === "blockGroups" || field.includes("numberLabel")) {
+            if (!field.includes("numberLabel")) return
+            // @ts-ignore
+            const [elementValue, element, group] = value
+
+            if (!elementValue) return
+
+            if (selectedGroup !== undefined) {
+                if (group !== selectedGroup) {
+                    errors.push(["block", wholeBlockInvalid])
+                } else {
+                    validateNumber(elementValue, field, element)
+                }
+            } else {
+                selectedGroup = group
+                validateNumber(elementValue, field, element)
+            }
+            return
+        }
+
+        if (!value) {
+            errors.push(["Eingabe ist erforderlich.", field])
+        } else if (field.includes("number_")) {
+            if (!numberRegex.test(`${value}`)) {
+                errors.push(["Ungültiger numerischer Wert.", field])
+            }
+        } else if (field.includes("agreement_")) {
+            if (value !== true) errors.push(["Bitte das Kontrollkästchen anklicken.", field])
+        } else if (field.includes("Email_")) {
+            if (!emailRegex.test(value)) errors.push(["Ungültiges E-Mail-Format.", field])
+        } else if (field.includes("date_")) {
+            if (!dateRegex.test(value)) errors.push(["Ungültiges Datumsformat.", field])
+        } else if (field.includes("times_")) {
+            if (!timeRegex.test(value)) errors.push(["Ungültiges Zeitformat.", field])
+        } else if (field.includes("Telefon_")) {
+            if (!phoneRegex.test(value)) errors.push(["Ungültiges Telefonnummernformat.", field])
+        }
+    })
+
+    return errors
+}
+
+module.exports = {
+    validateFields,
+}