- added accordions for table rows;

src/pages/BandoForms/index.js

@@ -290,6 +290,7 @@ const BandoForms = () => {
                     <h2>{__('Modifica form esistente', 'gepafin')}</h2>
                     <div className="row">
                         <p>{__('Continua a lavorare su un form precedentemente salvato', 'gepafin')}</p>
+                        <div className="row">
                             <Dropdown
                                 id="form"
                                 disabled={isEmpty(forms)}
@@ -307,6 +308,7 @@ const BandoForms = () => {
                                 icon="pi pi-cog" iconPos="right"/>
                         </div>
                     </div>
+                </div>
 
                 <div className="appPageSection">
 

src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumns/index.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { __, sprintf } from '@wordpress/i18n';
 import { wrap } from 'object-path-immutable';
-import { pathOr } from 'ramda';
+import { isEmpty, pathOr } from 'ramda';
 
 // components
 import { InputText } from 'primereact/inputtext';
@@ -11,6 +11,7 @@ import { InputSwitch } from 'primereact/inputswitch';
 // tools
 import uniqid from '../../../../../../helpers/uniqid';
 import { Dropdown } from 'primereact/dropdown';
+import { Accordion, AccordionTab } from 'primereact/accordion';
 
 const ElementSettingTableColumns = ({
                                         value,
@@ -109,7 +110,7 @@ const ElementSettingTableColumns = ({
             <div>
                 <InputText
                     value={item.label}
-                    placeholder={sprintf(__('Colonna %d', 'gepafin'), i)}
+                    placeholder={sprintf(__('Colonna %d', 'gepafin'), i + 1)}
                     onInput={(e) => onInputChange(e, i)}/>
             </div>
             <div>
@@ -173,7 +174,7 @@ const ElementSettingTableColumns = ({
         });
     }, [stateFieldData, rowsData]);
 
-    stateFieldData.filter(o => o.predefined)
+    //stateFieldData.filter(o => o.predefined)
 
     return (
         <>
@@ -195,10 +196,15 @@ const ElementSettingTableColumns = ({
             {stateFieldData
                 .filter(o => o.predefined).length > 0
                 ? <div className="formElementSettings__subRepeaterWrapper">
+                    <Accordion activeIndex={0}>
                         {stateFieldData
-                        .filter(o => o.predefined)
+                            //.filter(o => o.predefined)
                             .map((o, i) =>
-                            <div key={i} className="formElementSettings__subRepeaterWrapper">
+                                o.predefined
+                                    ? <AccordionTab
+                                        key={i}
+                                        header={sprintf(__('Righe per colonna: %s'), !isEmpty(o.label) ? o.label : i + 1)}>
+                                        <div className="formElementSettings__subRepeaterWrapper">
                                             {rowsData.map((c, k) => {
                                                 return <div key={k} className="formElementSettings__subRepeaterItem">
                                                     {properSubField(c, k, o.name)}
@@ -209,7 +215,9 @@ const ElementSettingTableColumns = ({
                                                     disabled={bandoStatus === 'PUBLISH'}
                                                     label={__('Aggiungi una riga', 'gepafin')}
                                                     onClick={addNewRow}/>
-                            </div>)}
+                                        </div>
+                                    </AccordionTab> : null)}
+                    </Accordion>
                 </div>
                 : null}
         </>