- added bando preview page;

- added bando form preview;

src/pages/BandoForms/index.js

@@ -4,21 +4,34 @@ import { useParams, useNavigate } from 'react-router-dom';
 
 // components
 import { Button } from 'primereact/button';
+import { Dropdown } from 'primereact/dropdown';
 
 const BandoForms = () => {
     const { id } = useParams();
-    const navigate = useNavigate();
+    const navigate = useNavigate()
+    const [templates, setTemplate] = useState(null);
+    const [selectedTemplate, setSelectedTemplate] = useState(null);
     //const [data, setData] = useState({});
     //const [isLoading, setIsLoading] = useState(true);
 
     const doCreateNewForm = () => {
-        navigate('/bandi/11/forms/new');
+        navigate(`/bandi/${id}/forms/new`);
+    }
+
+    const goToEditBando = () => {
+        navigate(`/bandi/${id}`);
     }
 
     useEffect(() => {
         const parsed = parseInt(id)
         const bandoId = !isNaN(parsed) ? parsed : 0;
 
+        const templates = [
+                        { name: 'Il mio template', value: 22 },
+                        { name: 'Template #11', value: 11 },
+        ];
+        setTemplate(templates);
+
         // TODO
     }, [id]);
 
@@ -33,11 +46,53 @@ const BandoForms = () => {
 
             <div className="appPage__spacer"></div>
 
-            <div className="appPageSection">
-                <Button
-                    type="button"
-                    onClick={doCreateNewForm}
-                    label={__('Crea/modifica form', 'gepafin')}/>
+            <div className="appPage__content">
+                <div className="appPageSection">
+                    <Button
+                        type="button"
+                        outlined
+                        onClick={goToEditBando}
+                        label={__('Modifica bando', 'gepafin')}
+                        icon="pi pi-arrow-left" iconPos="left"/>
+                </div>
+
+                <div className="appPageSection__withBorder disabled">
+                    <h2>{__('Usa un template', 'gepafin')}</h2>
+                    <div className="row">
+                        <p>{__('Scegli tra i template predefiniti e personalizzali', 'gepafin')}</p>
+                        <Dropdown
+                            id="template"
+                            disabled={true}
+                            value={selectedTemplate}
+                            onChange={(e) => setSelectedTemplate(e.value)}
+                            options={templates}
+                            optionLabel="name"
+                            placeholder={__('Seleziona template', 'gepafin')}/>
+                    </div>
+                </div>
+
+                <div className="appPageSection__withBorder">
+                    <h2>{__('Crea un nuovo Form da Zero', 'gepafin')}</h2>
+                    <div className="row">
+                        <p>{__('Inizia con un form completamente vuoto e personalizzabil', 'gepafin')}</p>
+                        <Button
+                            type="button"
+                            onClick={doCreateNewForm}
+                            label={__('Crea form', 'gepafin')}/>
+                    </div>
+                </div>
+
+                <div className="appPageSection__withBorder disabled">
+                    <h2>{__('Modifica Form esistente', 'gepafin')}</h2>
+                    <div className="row">
+                        <p>{__('Continua a lavorare su un form precedentemente salvato', 'gepafin')}</p>
+                        <Button
+                            type="button"
+                            disabled={true}
+                            onClick={doCreateNewForm}
+                            label={__('Modifica', 'gepafin')}/>
+                    </div>
+                </div>
             </div>
         </div>
     )