// --- ON SUBMIT CLICK HANDLER --- document.addEventListener('click', (e) => { if (e.target.closest('.form_submit_div')) { // --- UNIFIED SELECTION: Collect all form element containers --- // This gathers all parent divs that hold the form fields, // ensuring we process them in visual (DOM) order. const formElementContainers = document.querySelectorAll('[class^="formElement_"]'); let rows = ''; const groupedAnswers = {}; // To group multi-checkbox/radio answers const inputOrder = []; // Stores the ordered list of unique question keys/elements // Dropzone Constants const dropzoneId = 'image-dropzone-19'; const dropzoneQuestion = 'Attached Meter Pictures (Optional)'; const linkColor = '#4d6ba6'; // Custom link color for files // --- PASS 1: GATHER AND GROUP VALUES IN SEQUENCE --- formElementContainers.forEach(container => { let fieldProcessed = false; // ---------------------------------------------------------------------- // A. CHECK FOR DROPZONE DIV // ---------------------------------------------------------------------- const dropzoneEl = container.querySelector(`#${dropzoneId}`); if (dropzoneEl && typeof Dropzone !== 'undefined') { // Ensure we only process the Dropzone container once if (dropzoneEl.getAttribute('data-processed') === 'true') return; dropzoneEl.setAttribute('data-processed', 'true'); inputOrder.push({ type: 'dropzone', key: dropzoneEl.id }); fieldProcessed = true; } // ---------------------------------------------------------------------- // B. CHECK FOR STANDARD INPUTS/SELECTS/TEXTAREAS // ---------------------------------------------------------------------- // Select all relevant inputs (excluding hidden ones) within the current container const inputs = container.querySelectorAll('input:not([type="hidden"]), select, textarea'); inputs.forEach(input => { const inputType = input.type; const questionKey = container.querySelector('label')?.textContent.trim() || 'Question'; // Skip if input is inside the Dropzone div and Dropzone was already processed if (input.closest(`#${dropzoneId}`) && dropzoneEl) return; // --- GROUPED FIELDS (Checkbox/Radio) --- if (inputType === 'checkbox' || inputType === 'radio') { if (!input.checked) return; if (!groupedAnswers[questionKey]) { groupedAnswers[questionKey] = []; inputOrder.push({ type: 'grouped', key: questionKey }); } const valueText = input.value || 'Yes'; groupedAnswers[questionKey].push(valueText); } // --- SINGLE FIELDS (Text, Select, Textarea) --- else if (input.value) { inputOrder.push({ type: 'single', input: input }); } fieldProcessed = true; }); // Cleanup: If the container had no relevant fields, do nothing. }); // End of PASS 1 // --- PASS 2: GENERATE HTML IN ORDER --- // Setup Dropzone file access outside the loop const dropzoneInstance = document.getElementById(dropzoneId) && typeof Dropzone !== 'undefined' ? Dropzone.forElement(document.getElementById(dropzoneId)) : null; const dropzoneFiles = dropzoneInstance && dropzoneInstance.files.length > 0 ? dropzoneInstance.files : []; for (const item of inputOrder) { let question = ''; let answerValue = ''; // 1. GROUPED FIELDS (Checkbox/Radio) if (item.type === 'grouped') { question = item.key; answerValue = groupedAnswers[item.key].join(', '); } // 2. DROPZONE FILE FIELD else if (item.type === 'dropzone' && item.key === dropzoneId && dropzoneFiles.length > 0) { question = dropzoneQuestion; const imageHtmls = dropzoneFiles.map(file => { let fileUrl = ''; let fileName = file.name; try { const responseJson = JSON.parse(file.xhr.response); fileUrl = responseJson?.image?.url; } catch (e) { /* Error handling as before */ } if (!fileUrl) return `

${fileName} (Upload failed)

`; return `

`; }); answerValue = imageHtmls.join(''); } // 3. SINGLE FIELDS (Text, Select, Textarea, Standard File) else if (item.type === 'single') { const input = item.input; // Get the question label (uses the container context for accuracy) question = input.closest('[class^="formElement_"]').querySelector('label')?.textContent.trim() || input.closest('[class^="formElement_"]').querySelector('.hulkapps_option_name')?.textContent.trim() || 'Question'; // Handle standard file input (if applicable) if (input.type === 'file' && input.files.length > 0) { answerValue = Array.from(input.files).map(file => file.name).join(', '); answerValue += ' (File Attached)'; } else { answerValue = input.value; } } // Append row only if we successfully calculated a value if (answerValue) { rows += ` ${question} ${answerValue} `; } } // End of PASS 2 // --- 3. INJECT INTO ADMIN EMAIL FIELD --- const allEmailHtml = `${rows}

`; //console.log("allEmailHtml", allEmailHtml); const adminEmailField = $('textarea[name="Admin Email"]'); if (adminEmailField.length > 0) { adminEmailField.html(allEmailHtml); adminEmailField.trigger('change'); } } },!0)

Country/region

Installers

If your company would like to be added to our list of recommended installers, please fill out the form below.