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

- progress;

Browse Source
This commit is contained in:
Vitalii Kiiko
2024-10-28 09:11:22 +01:00
parent fb39d0f66d 455e4534d1
commit 73c5675cae
6 changed files with 25 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
package.json
View File

@@ -7,20 +7,20 @@
"@babel/preset-react": "7.24.7", "@babel/preset-react": "7.24.7",
"@date-fns/tz": "1.1.2", "@date-fns/tz": "1.1.2",
"@emotion/styled": "11.13.0", "@emotion/styled": "11.13.0",
"@number-flow/react": "^0.2.0", "@number-flow/react": "0.2.0",
"@tanstack/react-table": "^8.20.5", "@tanstack/react-table": "^8.20.5",
"@wordpress/i18n": "5.8.0", "@wordpress/i18n": "5.8.0",
"@wordpress/react-i18n": "4.8.0", "@wordpress/react-i18n": "4.8.0",
"@xyflow/react": "12.3.1", "@xyflow/react": "12.3.1",
"codice-fiscale-js": "2.3.22", "codice-fiscale-js": "2.3.22",
"deep-object-diff": "^1.1.9", "deep-object-diff": "^1.1.9",
"dompurify": "^3.1.7", "dompurify": "3.1.7",
"fast-deep-equal": "3.1.3", "fast-deep-equal": "3.1.3",
"html-react-parser": "5.1.16", "html-react-parser": "5.1.16",
"jwt-decode": "4.0.0", "jwt-decode": "4.0.0",
"klona": "2.0.6", "klona": "2.0.6",
"luxon": "3.5.0", "luxon": "3.5.0",
"object-path-immutable": "^4.1.2", "object-path-immutable": "4.1.2",
"primeicons": "7.0.0", "primeicons": "7.0.0",
"primereact": "10.8.4", "primereact": "10.8.4",
"quill": "2.0.2", "quill": "2.0.2",

4
src/assets/scss/components/appForm.scss
View File

@@ -234,7 +234,7 @@
} }
.appForm__content { .appForm__content {
p { /*p {
margin: 0; margin: 0;
&.ql-indent-1 { &.ql-indent-1 {
@@ -271,7 +271,7 @@
li[data-list="bullet"] { li[data-list="bullet"] {
list-style: disc; list-style: disc;
} }*/
} }
.appForm__delegaForm { .appForm__delegaForm {

5
src/pages/BandoApplication/index.js
View File

@@ -4,6 +4,7 @@ import { useParams } from 'react-router-dom';
import { head, is, pluck, isEmpty, pathOr } from 'ramda'; import { head, is, pluck, isEmpty, pathOr } from 'ramda';
import { useForm } from 'react-hook-form'; import { useForm } from 'react-hook-form';
import { TZDate } from '@date-fns/tz'; import { TZDate } from '@date-fns/tz';
import "quill/dist/quill.core.css";
// store // store
import { storeSet, storeGet, useStore } from '../../store'; import { storeSet, storeGet, useStore } from '../../store';
@@ -564,7 +565,9 @@ const BandoApplication = () => {
//console.log('validations', validations, o.name) //console.log('validations', validations, o.name)
return ['paragraph'].includes(o.name) && text return ['paragraph'].includes(o.name) && text
? <div className="appForm__content" key={o.id}>{renderHtmlContent(text.value)}</div> ? <div className="appForm__content ql-editor" key={o.id}>
{renderHtmlContent(text.value)}
</div>
: <FormField : <FormField
key={o.id} key={o.id}
type={o.name} type={o.name}

5
src/pages/BandoFormsPreview/index.js
View File

@@ -4,6 +4,7 @@ import { useNavigate, useParams } from 'react-router-dom';
import { klona } from 'klona'; import { klona } from 'klona';
import { head, isNil } from 'ramda'; import { head, isNil } from 'ramda';
import { useForm } from 'react-hook-form'; import { useForm } from 'react-hook-form';
import "quill/dist/quill.core.css";
// store // store
import { storeSet, useStore } from '../../store'; import { storeSet, useStore } from '../../store';
@@ -154,7 +155,9 @@ const BandoFormsPreview = () => {
}, {}); }, {});
return ['paragraph'].includes(o.name) && text return ['paragraph'].includes(o.name) && text
? <div className="appForm__content" key={o.id}>{renderHtmlContent(text.value)}</div> ? <div className="appForm__content ql-editor" key={o.id}>
{renderHtmlContent(text.value)}
</div>
: <FormField : <FormField
key={o.id} key={o.id}
type={o.name} type={o.name}

11
src/pages/BandoView/index.js
View File

@@ -2,6 +2,7 @@ import React, { useState, useEffect, useRef } from 'react';
import { __ } from '@wordpress/i18n'; import { __ } from '@wordpress/i18n';
import { useNavigate, useParams } from 'react-router-dom'; import { useNavigate, useParams } from 'react-router-dom';
import { is, isEmpty, isNil } from 'ramda'; import { is, isEmpty, isNil } from 'ramda';
import "quill/dist/quill.core.css";
// store // store
import { storeSet, useStore } from '../../store'; import { storeSet, useStore } from '../../store';
@@ -103,7 +104,7 @@ const BandoView = () => {
<div className="appPageSection__withBorder"> <div className="appPageSection__withBorder">
<h2>{__('Descrizione breve', 'gepafin')}</h2> <h2>{__('Descrizione breve', 'gepafin')}</h2>
<div className="row rowContent"> <div className="row rowContent ql-editor">
{renderHtmlContent(data.descriptionShort)} {renderHtmlContent(data.descriptionShort)}
</div> </div>
</div> </div>
@@ -138,7 +139,7 @@ const BandoView = () => {
<div className="appPageSection__withBorder"> <div className="appPageSection__withBorder">
<h2>{__('Descrizione dettagliata', 'gepafin')}</h2> <h2>{__('Descrizione dettagliata', 'gepafin')}</h2>
<div className="row rowContent"> <div className="row rowContent ql-editor">
{renderHtmlContent(data.descriptionLong)} {renderHtmlContent(data.descriptionLong)}
</div> </div>
</div> </div>
@@ -156,7 +157,7 @@ const BandoView = () => {
<div className="appPageSection__withBorder"> <div className="appPageSection__withBorder">
<h2>{__('Documentazione Richiesta', 'gepafin')}</h2> <h2>{__('Documentazione Richiesta', 'gepafin')}</h2>
<div className="row rowContent"> <div className="row rowContent ql-editor">
{renderHtmlContent(data.documentationRequested)} {renderHtmlContent(data.documentationRequested)}
</div> </div>
</div> </div>
@@ -191,9 +192,9 @@ const BandoView = () => {
{data.faq {data.faq
.filter(o => o.isVisible) .filter(o => o.isVisible)
.map((o, i) => <AccordionTab key={i} header={renderHtmlContent(o.value)}> .map((o, i) => <AccordionTab key={i} header={renderHtmlContent(o.value)}>
<p> <div className="ql-editor">
{renderHtmlContent(o.response)} {renderHtmlContent(o.response)}
</p> </div>
</AccordionTab>)} </AccordionTab>)}
</Accordion> </Accordion>
</div> </div>

11
src/pages/BandoViewBeneficiario/index.js
View File

@@ -2,6 +2,7 @@ import React, { useState, useEffect, useRef } from 'react';
import { __ } from '@wordpress/i18n'; import { __ } from '@wordpress/i18n';
import { useNavigate, useParams } from 'react-router-dom'; import { useNavigate, useParams } from 'react-router-dom';
import { is, isEmpty, isNil } from 'ramda'; import { is, isEmpty, isNil } from 'ramda';
import "quill/dist/quill.core.css";
// store // store
import { storeSet, useStore } from '../../store'; import { storeSet, useStore } from '../../store';
@@ -268,7 +269,7 @@ const BandoViewBeneficiario = () => {
<div className="appPageSection__withBorder"> <div className="appPageSection__withBorder">
<h2>{__('Descrizione breve', 'gepafin')}</h2> <h2>{__('Descrizione breve', 'gepafin')}</h2>
<div className="row rowContent"> <div className="row rowContent ql-editor">
{renderHtmlContent(data.descriptionShort)} {renderHtmlContent(data.descriptionShort)}
</div> </div>
</div> </div>
@@ -303,7 +304,7 @@ const BandoViewBeneficiario = () => {
<div className="appPageSection__withBorder"> <div className="appPageSection__withBorder">
<h2>{__('Descrizione dettagliata', 'gepafin')}</h2> <h2>{__('Descrizione dettagliata', 'gepafin')}</h2>
<div className="row rowContent"> <div className="row rowContent ql-editor">
{renderHtmlContent(data.descriptionLong)} {renderHtmlContent(data.descriptionLong)}
</div> </div>
</div> </div>
@@ -321,7 +322,7 @@ const BandoViewBeneficiario = () => {
<div className="appPageSection__withBorder"> <div className="appPageSection__withBorder">
<h2>{__('Documentazione Richiesta', 'gepafin')}</h2> <h2>{__('Documentazione Richiesta', 'gepafin')}</h2>
<div className="row rowContent"> <div className="row rowContent ql-editor">
{renderHtmlContent(data.documentationRequested)} {renderHtmlContent(data.documentationRequested)}
</div> </div>
</div> </div>
@@ -356,9 +357,9 @@ const BandoViewBeneficiario = () => {
{data.faq {data.faq
.filter(o => o.isVisible) .filter(o => o.isVisible)
.map((o, i) => <AccordionTab key={i} header={renderHtmlContent(o.value)}> .map((o, i) => <AccordionTab key={i} header={renderHtmlContent(o.value)}>
<p> <div className="ql-editor">
{renderHtmlContent(o.response)} {renderHtmlContent(o.response)}
</p> </div>
</AccordionTab>)} </AccordionTab>)}
</Accordion> </Accordion>
</div> </div>