0.0.05 form poster

static/v2/js/forms.js

@@ -0,0 +1,77 @@
+function chooseCheckbox(el) {
+    if (!el) return;
+
+    let $parent = el.closest('.field_container');
+    let $checkbox = $parent.querySelector('.checkbox')
+
+    $checkbox.classList.toggle("checked");
+}
+
+function getFormData(form) {
+    if (!form) return;
+    let formData = new FormData();
+    let default_element_types = ['input', 'textarea', 'date'];
+
+    let form_elements = getFormElements(form);
+    if (!form_elements) return;
+
+    for (let el of form_elements) {
+        let $parent = el.closest('.field_container');
+        let field_type = ''
+        if ($parent) field_type = $parent.dataset.type;
+        let name = $parent ? $parent.dataset.name : '';
+        if (!name) name = el.name
+        if (!name) name = el.dataset.name;
+        let value = el.value || ''
+
+        if (field_type) {
+            if (default_element_types.indexOf(field_type) > -1) {
+                formData.append(name, value);
+            } else if ($parent && !($parent.dataset.type in default_element_types)) {
+                formData = addCustomDataToFormData($parent, formData)
+            }
+        } else {
+            formData.append(name, value);
+        }
+    }
+
+    return formData;
+}
+
+function getFormElements(form) {
+    let form_elements = form.querySelectorAll('.field_container');
+
+    return form_elements;
+}
+
+function addCustomDataToFormData(el, formData) {
+    let name = el.dataset.name;
+    switch (el.dataset.type) {
+        case 'checkbox':
+            let $checkbox = el.querySelector('.checkbox');
+            let c_value = $checkbox.classList.contains('checked');
+
+            formData.append(name, c_value);
+            break;
+
+        case 'radio':
+            let $radio = el.querySelector('.radio.checked');
+            if (!$radio){
+                formData.append(name, '');
+                break;
+            }
+
+            let r_value = $radio.closest(".cw_w_radio_inputs_radio_input").dataset.name;
+
+            formData.append(name, r_value);
+            break;
+
+        case 'location':
+            let $location = el.querySelector('input');
+            let l_value = $location.dataset.id;
+
+            formData.append(name, l_value);
+            break;
+    }
+    return formData;
+}