progress

src/pages/Bando/index.js

@@ -9,10 +9,13 @@ import { InputText } from 'primereact/inputtext';
 import { InputTextarea } from 'primereact/inputtextarea';
 import getBandoLabel from '../../helpers/getBandoLabel';
 import { Button } from 'primereact/button';
+import { Dropdown } from 'primereact/dropdown';
 
 const Bando = () => {
     const { id } = useParams();
     const [data, setData] = useState({});
+    const [selectedTemplate, setSelectedTemplate] = useState(null);
+    const [templates, setTemplate] = useState(null);
     const {
         control,
         reset,
@@ -21,7 +24,7 @@ const Bando = () => {
         getValues
     } = useForm(data);
     const onSubmit = data => console.log(data);
-    console.log(errors, getValues());
+    console.log('data', data);
 
     const onPublish = () => {
         console.log('click onPublish');
@@ -34,8 +37,8 @@ const Bando = () => {
         const data = 0 === bandoId
             ? {
                 status: 'draft',
-                name: null,
-                description: null
+                name: '',
+                description: ''
             }
             : {
                 name: 'Bando Innovazione 2024',
@@ -48,6 +51,12 @@ const Bando = () => {
             }
         setData(data);
         reset();
+
+        const templates = [
+            { name: 'Il mio template', value: 22 },
+            { name: 'Template #11', value: 11 },
+        ];
+        setTemplate(templates)
     }, [id]);
 
     return (
@@ -62,6 +71,28 @@ const Bando = () => {
 
             <div className="appPage__spacer"></div>
 
+            <div className="pageBando__templateSelection">
+                <div className="appForm__field">
+                    <label htmlFor="template">
+                        {__('Usa Template Salvato', 'gepafin')}
+                    </label>
+                    <Dropdown
+                        id="template"
+                        value={selectedTemplate}
+                        onChange={(e) => setSelectedTemplate(e.value)}
+                        options={templates}
+                        optionLabel="name"
+                        placeholder={__('Seleziona template', 'gepafin')} />
+                </div>
+                <Button
+                    onClick={() => console.log('use template')}
+                    label={__('Applica', 'gepafin')}
+                    icon="pi pi-check"
+                    iconPos="right" />
+            </div>
+
+            <div className="appPage__spacer"></div>
+
             {data
                 ? <form className="appForm" onSubmit={handleSubmit(onSubmit)}>
                     <div className="appForm__field">
@@ -75,7 +106,10 @@ const Bando = () => {
                             rules={{ required: __('È obbligatorio', 'gepafin') }}
                             render={({ field, fieldState }) => (
                                 <InputText id={field.name}
-                                           {...field}
+                                           onInput={field.onChange}
+                                           onBlur={field.onBlur}
+                                           value={field.value}
+                                           name={field.name}
                                            autoFocus
                                            className={classNames({ 'p-invalid': fieldState.invalid })}/>
                             )}/>