- added login page;

- added file upload; - added faq item edit modal;
2024-08-23 16:55:19 +02:00
parent 0a21444ee4
commit 5095ed7365
50 changed files with 1540 additions and 576 deletions
--- a/src/pages/BandoFormsEdit/index.js
+++ b/src/pages/BandoFormsEdit/index.js
@@ -0,0 +1,124 @@
+import React, { useEffect, useState } from 'react';
+import { __ } from '@wordpress/i18n';
+import { useNavigate, useParams } from 'react-router-dom';
+import { DndProvider } from 'react-dnd'
+import { HTML5Backend } from 'react-dnd-html5-backend'
+
+// store
+import { storeSet } from '../../store';
+
+// components
+import FormBuilder from './components/FormBuilder';
+import { Button } from 'primereact/button';
+
+const BandoFormsEdit = () => {
+    const { id, formId } = useParams();
+    const navigate = useNavigate();
+    const [isLoading, setIsLoading] = useState(true);
+
+    const goBack = () => {
+        navigate('/bandi/11/forms');
+    }
+
+    const doSave = () => {
+        console.log('doSave');
+    }
+
+    const openPreview = () => {
+        console.log('openPreview');
+    }
+
+    const doPublish = () => {
+        console.log('doPublish');
+    }
+
+    useEffect(() => {
+        //const parsed = parseInt(id)
+        //const bandoId = !isNaN(parsed) ? parsed : 0;
+        //const parsedFormId = parseInt(formId)
+        //const bandoFormId = !isNaN(parsedFormId) ? parsedFormId : 0;
+
+        // 1. TODO get builder content data from API
+        const elements = [
+            {
+                id: 'a123456',
+                name: 'textinput',
+                dbId: 1,
+                label: 'Full Name',
+            },
+            {
+                id: 'a456789',
+                name: 'textarea',
+                dbId: 2,
+                label: 'Bio',
+            }
+        ]
+        const elementItems = [
+            {
+                id: 1,
+                name: 'textinput',
+                label: 'Text Input'
+            },
+            {
+                id: 2,
+                name: 'textarea',
+                label: 'Text Area'
+            },
+            {
+                id: 3, // DB id
+                name: 'piva',
+                label: 'P.IVA'
+            },
+        ]
+        storeSet.main.elements(elements);
+        storeSet.main.elementItems(elementItems);
+        setIsLoading(false);
+
+    }, [id]);
+
+    return (
+        <div className="appPage">
+            <div className="appPage__pageHeader">
+                <h1>{__('Editor del Form', 'gepafin')}</h1>
+                <p>
+                    {__('Imposta gli elementi del tuo Form.', 'gepafin')}
+                </p>
+            </div>
+
+            <div className="appPage__spacer"></div>
+
+            <div className="appPageSection">
+                <DndProvider backend={HTML5Backend}>
+                    {!isLoading ? <FormBuilder/>: null}
+                </DndProvider>
+            </div>
+
+            <div className="appPage__spacer"></div>
+
+            <div className="appPageSection">
+                <div className="appPageSection__actions">
+                    <Button
+                        onClick={goBack}
+                        outlined
+                        label={__('Indietro', 'gepafin')} icon="pi pi-arrow-left" iconPos="left"/>
+                    <Button
+                        onClick={doSave}
+                        outlined
+                        label={__('Salva progressi', 'gepafin')} icon="pi pi-save" iconPos="right"/>
+                    <Button
+                        disabled={true}
+                        outlined
+                        onClick={openPreview}
+                        label={__('Visualizza Anteprima Beneficiario', 'gepafin')} icon="pi pi-image" iconPos="right"/>
+                    <Button
+                        disabled={true}
+                        onClick={doPublish}
+                        label={__('Pubblica', 'gepafin')}/>
+                </div>
+            </div>
+        </div>
+    )
+
+}
+
+export default BandoFormsEdit;