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

- added aspect-ratio for bando hero image;

Browse Source
This commit is contained in:
Vitalii Kiiko
2024-10-23 12:42:53 +02:00
parent b6a4c92943
commit 78df0a1e52
5 changed files with 20 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/scss/components/appPage.scss
View File

@@ -170,8 +170,11 @@
.appPageSection__hero { .appPageSection__hero {
display: flex; display: flex;
height: 250px; aspect-ratio: 16 / 9;
width: 100%; width: 100%;
@supports not (aspect-ratio: 16 / 9) {
height: calc(100% * 9/16);
}
img { img {
width: 100%; width: 100%;

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

@@ -39,6 +39,7 @@ import getFormatedFileSizeText from '../../helpers/getFormatedFileSizeText';
import { defaultMaxFileSize } from '../../configData'; import { defaultMaxFileSize } from '../../configData';
const BandoApplication = () => { const BandoApplication = () => {
const chosenCompanyId = useStore().main.chosenCompanyId();
const { id } = useParams(); const { id } = useParams();
const [formData, setFormData] = useState([]); const [formData, setFormData] = useState([]);
const [formInitialData, setFormInitialData] = useState(null); const [formInitialData, setFormInitialData] = useState(null);
@@ -407,7 +408,7 @@ const BandoApplication = () => {
storeSet.main.setAsyncRequest(); storeSet.main.setAsyncRequest();
ApplicationService.getApplicationForm(applId, getApplFormCallback, errGetApplFormCallbacks); ApplicationService.getApplicationForm(applId, getApplFormCallback, errGetApplFormCallbacks);
} }
}, [id]); }, [id, chosenCompanyId]);
return ( return (
<div className="appPage"> <div className="appPage">

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

@@ -219,8 +219,11 @@ const BandoViewBeneficiario = () => {
const bandoId = getBandoId(); const bandoId = getBandoId();
storeSet.main.setAsyncRequest(); storeSet.main.setAsyncRequest();
BandoService.getBando(bandoId, getBandoCallback, errGetBandoCallback); BandoService.getBando(bandoId, getBandoCallback, errGetBandoCallback);
ApplicationService.getApplications(getApplCallback, errGetApplCallback, [['callId', bandoId]]) ApplicationService.getApplications(getApplCallback, errGetApplCallback, [
}, [id]); ['callId', bandoId],
['companyId', chosenCompanyId]
])
}, [id, chosenCompanyId]);
return ( return (
<div className="appPage"> <div className="appPage">
@@ -244,10 +247,10 @@ const BandoViewBeneficiario = () => {
{!isAsyncRequest && !isEmpty(data) {!isAsyncRequest && !isEmpty(data)
? <div className="appPage__content"> ? <div className="appPage__content">
{!isEmpty(data.images) {!isEmpty(data.images)
? <picture className="appPageSection__hero"> ? <div><picture className="appPageSection__hero">
<source srcSet={data.images[0] ? data.images[0].filePath : ''}/> <source srcSet={data.images[0] ? data.images[0].filePath : ''}/>
<img src={data.images[0] ? data.images[0].filePath : ''} alt={data.name}/> <img src={data.images[0] ? data.images[0].filePath : ''} alt={data.name}/>
</picture> : null} </picture></div> : null}
<div className="appPageSection__withBorder"> <div className="appPageSection__withBorder">
<h2>{__('Descrizione breve', 'gepafin')}</h2> <h2>{__('Descrizione breve', 'gepafin')}</h2>

5
src/pages/DashboardBeneficiario/components/MyLatestSubmissionsTable/index.js
View File

@@ -26,6 +26,7 @@ import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse
const MyLatestSubmissionsTable = () => { const MyLatestSubmissionsTable = () => {
const chosenCompanyId = useStore().main.chosenCompanyId();
const isAsyncRequest = useStore().main.isAsyncRequest(); const isAsyncRequest = useStore().main.isAsyncRequest();
const [items, setItems] = useState(null); const [items, setItems] = useState(null);
const [filters, setFilters] = useState(null); const [filters, setFilters] = useState(null);
@@ -34,8 +35,8 @@ const MyLatestSubmissionsTable = () => {
useEffect(() => { useEffect(() => {
storeSet.main.setAsyncRequest(); storeSet.main.setAsyncRequest();
ApplicationService.getApplications(getApplCallback, errGetApplCallback) ApplicationService.getApplications(getApplCallback, errGetApplCallback, [['companyId', chosenCompanyId]])
}, []); }, [chosenCompanyId]);
const getApplCallback = (data) => { const getApplCallback = (data) => {
if (data.status === 'SUCCESS') { if (data.status === 'SUCCESS') {

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

@@ -23,6 +23,8 @@ import { Panel } from 'primereact/panel';
import { Dialog } from 'primereact/dialog'; import { Dialog } from 'primereact/dialog';
import getDateFromISOstring from '../../helpers/getDateFromISOstring'; import getDateFromISOstring from '../../helpers/getDateFromISOstring';
const APP_HUB_ID = process.env.REACT_APP_HUB_ID;
const Registration = () => { const Registration = () => {
const token = useStore().main.token(); const token = useStore().main.token();
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
@@ -47,7 +49,8 @@ const Registration = () => {
setLoading(true); setLoading(true);
const newFormData = { const newFormData = {
...formData, ...formData,
dateOfBirth: originalDateOfBirth dateOfBirth: originalDateOfBirth,
hubUuid: APP_HUB_ID
} }
AuthenticationService.registerUser(newFormData, regCallback, regError, [ AuthenticationService.registerUser(newFormData, regCallback, regError, [