FbIN/htmly
1
0
Fork 0
mirror of https://github.com/danpros/htmly.git synced 2026-04-22 13:36:22 +05:30
Code Issues Projects Releases Packages Wiki Activity

Update form.builder.js

Browse source
This commit is contained in:
Dan 2025-03-18 09:44:57 +07:00
commit b51bbd2d60
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
system/resources/js/form.builder.js
View file

@ -170,11 +170,9 @@ function updatePreviewAndOutput() {
const wrapper = document.createElement('div'); const wrapper = document.createElement('div');
wrapper.setAttribute('class', 'field-preview form-group'); wrapper.setAttribute('class', 'field-preview form-group');
if (f.type !== 'checkbox') { const label = document.createElement('label');
const label = document.createElement('label'); label.innerHTML = f.label + " <br><small>Field ID:</small> <code>"+ f.name + "</code>";
label.textContent = f.label; wrapper.appendChild(label);
wrapper.appendChild(label);
}
let el; let el;
if (f.type === 'textarea') { if (f.type === 'textarea') {
@ -183,11 +181,13 @@ function updatePreviewAndOutput() {
el.setAttribute('class', 'form-control'); el.setAttribute('class', 'form-control');
el.value = f.value; el.value = f.value;
} else if (f.type === 'checkbox') { } else if (f.type === 'checkbox') {
const spacer = document.createElement('br');
el = document.createElement('input'); el = document.createElement('input');
el.type = 'checkbox'; el.type = 'checkbox';
el.checked = f.value === 'true'; el.checked = f.value === 'true';
const checkboxLabel = document.createElement('span'); const checkboxLabel = document.createElement('span');
checkboxLabel.textContent = ` ${f.label} `; checkboxLabel.textContent = ` ${f.label} `;
wrapper.appendChild(spacer);
wrapper.appendChild(el); wrapper.appendChild(el);
wrapper.appendChild(checkboxLabel); wrapper.appendChild(checkboxLabel);
el = null; el = null;
@ -215,13 +215,13 @@ function updatePreviewAndOutput() {
const editBtn = document.createElement('button'); const editBtn = document.createElement('button');
editBtn.textContent = 'Edit'; editBtn.textContent = 'Edit';
editBtn.addEventListener('click', () => editField(index)); editBtn.addEventListener('click', () => editField(index));
editBtn.setAttribute('class', 'btn btn-primary btn-xs'); editBtn.setAttribute('class', 'btn btn-primary btn-xs m-1');
wrapper.appendChild(editBtn); wrapper.appendChild(editBtn);
const deleteBtn = document.createElement('button'); const deleteBtn = document.createElement('button');
deleteBtn.textContent = 'Delete'; deleteBtn.textContent = 'Delete';
deleteBtn.addEventListener('click', () => deleteField(index)); deleteBtn.addEventListener('click', () => deleteField(index));
deleteBtn.setAttribute('class', 'btn btn-danger btn-xs'); deleteBtn.setAttribute('class', 'btn btn-danger btn-xs m-1');
wrapper.appendChild(deleteBtn); wrapper.appendChild(deleteBtn);
formPreviewEl.appendChild(wrapper); formPreviewEl.appendChild(wrapper);