BFLOWS/bflows-bandi-fe
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- added accordions for table rows;

Browse Source
This commit is contained in:
Vitalii Kiiko
2025-01-07 11:33:18 +01:00
parent 67030578d6
commit f052be6ce8
2 changed files with 43 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/BandoForms/index.js
View File

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

20
src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumns/index.js
View File

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