diff --git a/src/assets/scss/components/appForm.scss b/src/assets/scss/components/appForm.scss index 06d11d3..abde506 100644 --- a/src/assets/scss/components/appForm.scss +++ b/src/assets/scss/components/appForm.scss @@ -153,5 +153,42 @@ } .appForm__content { + p { + margin-bottom: 10px; + &.ql-indent-1 { + padding-left: 3em; + } + &.ql-indent-2 { + padding-left: 6em; + } + &.ql-indent-3 { + padding-left: 9em; + } + &.ql-indent-4 { + padding-left: 12em; + } + &.ql-indent-5 { + padding-left: 15em; + } + &.ql-indent-6 { + padding-left: 18em; + } + &.ql-indent-7 { + padding-left: 21em; + } + } + + h2 { + margin-bottom: 15px; + font-size: 1.5em; + } + h3 { + font-size: 1.2em; + margin-bottom: 10px; + } + + li[data-list="bullet"] { + list-style: disc; + } } \ No newline at end of file diff --git a/src/assets/scss/components/formBuilder.scss b/src/assets/scss/components/formBuilder.scss index 9e0d482..d90b097 100644 --- a/src/assets/scss/components/formBuilder.scss +++ b/src/assets/scss/components/formBuilder.scss @@ -59,6 +59,47 @@ align-items: flex-start; } + .label { + p { + margin-bottom: 10px; + + &.ql-indent-1 { + padding-left: 3em; + } + &.ql-indent-2 { + padding-left: 6em; + } + &.ql-indent-3 { + padding-left: 9em; + } + &.ql-indent-4 { + padding-left: 12em; + } + &.ql-indent-5 { + padding-left: 15em; + } + &.ql-indent-6 { + padding-left: 18em; + } + &.ql-indent-7 { + padding-left: 21em; + } + } + + h2 { + margin-bottom: 15px; + font-size: 1.5em; + } + h3 { + font-size: 1.2em; + margin-bottom: 10px; + } + + li[data-list="bullet"] { + list-style: disc; + } + } + .actions { display: flex; gap: 0.5rem; diff --git a/src/components/FormField/components/Wysiwyg/index.js b/src/components/FormField/components/Wysiwyg/index.js index 084d761..755396a 100644 --- a/src/components/FormField/components/Wysiwyg/index.js +++ b/src/components/FormField/components/Wysiwyg/index.js @@ -23,7 +23,6 @@ const Wysiwyg = ({ - diff --git a/src/pages/BandoEdit/components/BandoEditFormStep2/index.js b/src/pages/BandoEdit/components/BandoEditFormStep2/index.js index 834f818..ab6cc67 100644 --- a/src/pages/BandoEdit/components/BandoEditFormStep2/index.js +++ b/src/pages/BandoEdit/components/BandoEditFormStep2/index.js @@ -96,11 +96,7 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors, st } storeSet.main.setAsyncRequest(); - if (!formData.id) { - BandoService.createBando(formData, createCallback, errCreateCallback); - } else { - BandoService.updateBandoStep1(formData.id, formData, createCallback, errCreateCallback); - } + BandoService.updateBandoStep2(formData.id, formData, createCallback, errCreateCallback); } const createCallback = (data) => { diff --git a/src/pages/BandoFlowEdit/index.js b/src/pages/BandoFlowEdit/index.js index 9d8b744..0cab200 100644 --- a/src/pages/BandoFlowEdit/index.js +++ b/src/pages/BandoFlowEdit/index.js @@ -129,6 +129,9 @@ const BandoFlowEdit = () => { const formOptions = data.data.map(o => ({ label: o.label, value: o.id })) storeSet.main.flowForms(data.data); setFormOptions([{label: '', value: ''}, ...formOptions]); + const bandoId = getBandoId(); + storeSet.main.setAsyncRequest(); + FlowService.getFlow(bandoId, getFlowCallback, errGetFlowCallback); } storeSet.main.unsetAsyncRequest(); } @@ -233,7 +236,6 @@ const BandoFlowEdit = () => { const bandoId = getBandoId(); storeSet.main.setAsyncRequest(); FormsService.getFormsForCall(bandoId, getFormsCallback, errGetFormsCallback); - FlowService.getFlow(bandoId, getFlowCallback, errGetFlowCallback) }, [id]); useEffect(() => { diff --git a/src/pages/BandoFormsEdit/components/BuilderElementProperLabel/index.js b/src/pages/BandoFormsEdit/components/BuilderElementProperLabel/index.js index 74b9bc1..788875b 100644 --- a/src/pages/BandoFormsEdit/components/BuilderElementProperLabel/index.js +++ b/src/pages/BandoFormsEdit/components/BuilderElementProperLabel/index.js @@ -3,22 +3,27 @@ import { head } from 'ramda'; // store import { useStore } from '../../../../store'; +import renderHtmlContent from '../../../../helpers/renderHtmlContent'; const BuilderElementProperLabel = ({ id, defaultLabel }) => { const elements = useStore().main.formElements(); - const [label, setLabel] = useState(); + const [label, setLabel] = useState(''); useEffect(() => { const element = head(elements.filter(o => o.id === id)); - const setting = head(element.settings.filter(o => o.name === 'label')); - if (setting) { - setLabel(setting.value); + const label = head(element.settings.filter(o => o.name === 'label')); + const text = head(element.settings.filter(o => o.name === 'text')); + + if (label) { + setLabel(label.value); + } else if (text) { + setLabel(text.value); } else { setLabel(defaultLabel); } }, [elements]); - return label + return
{data.documentationRequested}
+{renderHtmlContent(data.documentationRequested)}
{data.documentationRequested}
+{renderHtmlContent(data.documentationRequested)}