- added bando preview page;

- added bando form preview;
2024-08-27 17:02:16 +02:00
parent 5095ed7365
commit 87684bc76b
37 changed files with 1235 additions and 246 deletions
--- a/src/pages/BandoFormsPreview/index.js
+++ b/src/pages/BandoFormsPreview/index.js
@@ -0,0 +1,121 @@
+import React, { useState, useEffect } from 'react';
+import { __, sprintf } from '@wordpress/i18n';
+import { useNavigate, useParams } from 'react-router-dom';
+import { bandoTest, formData } from '../../tempData';
+
+// tools
+import getNumberWithCurrency from '../../helpers/getNumberWithCurrency';
+import getDateFromISOstring from '../../helpers/getDateFromISOstring';
+
+// components
+import { Skeleton } from 'primereact/skeleton';
+import { Accordion } from 'primereact/accordion';
+import { AccordionTab } from 'primereact/accordion';
+import { InputTextarea } from 'primereact/inputtextarea';
+import { Button } from 'primereact/button';
+import { useForm } from 'react-hook-form';
+import { is, isNil } from 'ramda';
+import FormField from '../../components/FormField';
+
+const BandoFormsPreview = () => {
+    const { id, formId } = useParams();
+    const navigate = useNavigate();
+    const [bando, setBando] = useState({});
+    const [data, setData] = useState({});
+    const [isLoading, setIsLoading] = useState(true);
+    const {
+        control,
+        handleSubmit,
+        formState: { errors, isValid },
+        setValue,
+        register,
+        trigger,
+        getValues,
+        clearErrors
+    } = useForm({defaultValues: {}, mode: 'onChange'});
+    const values = getValues();
+
+    const onSubmit = (formData) => {
+        console.log('onSubmit', formData);
+    };
+
+    const closePreview = () => {
+        navigate(`/bandi/${id}`);
+    }
+
+    useEffect(() => {
+        //const parsed = parseInt(id)
+        //const bandoId = !isNaN(parsed) ? parsed : 0;
+
+        setTimeout(() => {
+            const data = formData;
+            setData(data);
+
+            const bandoData = bandoTest;
+            setBando(bandoData);
+
+            setIsLoading(false)
+        }, 3000);
+    }, [id]);
+
+    return (
+        <div className="appPage">
+            {!isLoading
+                ? <div className="appPage__pageHeader">
+                    <h1>{sprintf(__('Domanda per il Bando: %s', 'gepafin'), bando.name)}</h1>
+                </div>
+                : <>
+                    <Skeleton width="20%" height="1rem" className="mb-2"></Skeleton>
+                    <Skeleton width="100%" height="2rem" className="mb-8"></Skeleton>
+                </>}
+
+            <div className="appPage__spacer"></div>
+
+            {!isLoading
+                ? <div className="appPage__content">
+                    <div className="appPageSection__preview">
+                        <Button
+                            type="button"
+                            outlined
+                            onClick={closePreview}
+                            label={__('Chiudi Anteprima', 'gepafin')}
+                            icon="pi pi-arrow-left" iconPos="left"/>
+                    </div>
+
+                    <form className="appForm" onSubmit={handleSubmit(onSubmit)}>
+                        {data.content.map(o => <FormField
+                            key={o.id}
+                            type={o.name}
+                            fieldName={`field_${o.id}`}
+                            label={o.label}
+                            control={control}
+                            errors={errors}
+                            defaultValue={values[`field_${o.id}`]}
+                        />)}
+                    </form>
+
+                    <div className="appPageSection__preview">
+                        <Button
+                            type="button"
+                            outlined
+                            onClick={closePreview}
+                            label={__('Chiudi Anteprima', 'gepafin')}
+                            icon="pi pi-arrow-left" iconPos="left"/>
+                    </div>
+                </div>
+                : <>
+                    <Skeleton width="20%" height="1rem" className="mb-2"></Skeleton>
+                    <Skeleton width="100%" height="2rem" className="mb-8"></Skeleton>
+                    <Skeleton width="20%" height="1rem" className="mb-2"></Skeleton>
+                    <Skeleton width="100%" height="4rem" className="mb-8"></Skeleton>
+                    <Skeleton width="20%" height="1rem" className="mb-2"></Skeleton>
+                    <Skeleton width="100%" height="2rem" className="mb-8"></Skeleton>
+                    <Skeleton width="20%" height="1rem" className="mb-2"></Skeleton>
+                    <Skeleton width="100%" height="4rem"></Skeleton>
+                </>}
+        </div>
+    )
+
+}
+
+export default BandoFormsPreview;