diff --git a/public/index.html b/public/index.html index 05b5a5f..91a00df 100644 --- a/public/index.html +++ b/public/index.html @@ -4,7 +4,7 @@ - + %REACT_APP_TAB_TITLE% diff --git a/src/assets/scss/components/layout.scss b/src/assets/scss/components/layout.scss index d859314..da500ba 100644 --- a/src/assets/scss/components/layout.scss +++ b/src/assets/scss/components/layout.scss @@ -12,7 +12,7 @@ body { margin: 0; font-family: "Montserrat", sans-serif; - p, span:not(.p-button-label, .p-button-icon, .p-badge, .p-message-detail, .p-highlight, .p-inline-message-text), + p, span:not(.p-button-label, .p-button-icon, .p-badge, .p-message-detail, .p-highlight, .p-inline-message-text, .p-tag, .p-tag-icon), input, label:not(.p-error), textarea, a, li, h1, h2, h3, h4, h5, h6, div:not(.p-inline-message, .p-toast-detail), th, td { color: var(--global-textColor); } diff --git a/src/assets/scss/components/myTable.scss b/src/assets/scss/components/myTable.scss new file mode 100644 index 0000000..bbfbb2a --- /dev/null +++ b/src/assets/scss/components/myTable.scss @@ -0,0 +1,39 @@ +.myTable { + border-spacing: 0px; + width: 100%; +} + +.myThead { + th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } +} + +.myTbody { + td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } +} + +.myTfoot { + td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } +} \ No newline at end of file diff --git a/src/assets/scss/theme.scss b/src/assets/scss/theme.scss index 08279a3..64f3405 100644 --- a/src/assets/scss/theme.scss +++ b/src/assets/scss/theme.scss @@ -40,4 +40,5 @@ @import "./components/misc.scss"; @import "./components/login.scss"; @import "./components/flowBuilder.scss"; -@import "./components/error404.scss"; \ No newline at end of file +@import "./components/error404.scss"; +@import "./components/myTable.scss"; \ No newline at end of file diff --git a/src/pages/EvaluationEdit/index.js b/src/pages/EvaluationEdit/index.js index a018885..b098abd 100644 --- a/src/pages/EvaluationEdit/index.js +++ b/src/pages/EvaluationEdit/index.js @@ -1,5 +1,5 @@ import React, { useState, useEffect, useRef } from 'react'; -import { __ } from '@wordpress/i18n'; +import { __, sprintf } from '@wordpress/i18n'; import { useNavigate, useParams } from 'react-router-dom'; import { is, isEmpty, isNil } from 'ramda'; @@ -14,6 +14,7 @@ import getNumberWithCurrency from '../../helpers/getNumberWithCurrency'; import { Skeleton } from 'primereact/skeleton'; import { Button } from 'primereact/button'; import { Messages } from 'primereact/messages'; +import { Tag } from 'primereact/tag'; const EvaluationEdit = () => { const isAsyncRequest = useStore().main.isAsyncRequest(); @@ -62,8 +63,15 @@ const EvaluationEdit = () => { beneficiario: 'Azienda Alpha SRL', createdAt: '2024-08-01', scadenzaAt: '2024-08-05', - status: 'In Valutazione' - }) + status: 'In Valutazione', + criteria: [ + { title: 'Innovatività del progetto', score: 25, id: 12 }, + { title: 'Innovatività del progetto2', score: 35, id: 13 }, + { title: 'Innovatività del progetto3', score: 15, id: 14 } + ], + minScore: 60 + }); + //BandoService.getBando(entityId, getCallback, errGetCallback); }, [id]); @@ -116,6 +124,90 @@ const EvaluationEdit = () => {

+
+

{__('Punteggi di valutazione', 'gepafin')}

+ {data.criteria + ? + + + + + + + + + {data.criteria.map(o => + + + + )} + + + + + + + + + + + +
{__('Parametro', 'gepafin')}{__('Punteggio', 'gepafin')}{__('Stato', 'gepafin')}
{o.title}{o.score}
{__('Punteggio:', 'gepafin')}{68}
{sprintf(__('Punteggio minimo per l\'ammissione: %d'), data.minScore)}
: null} +
+ +
+

{__('Checklist Valutazione', 'gepafin')}

+ + +
+ +
+ +
+ {__('Azioni rapide', 'gepafin')} +
+ +
+
+
+
+ : <>