Le traitement a commencé. Vous allez recevoir un mail contenant un résumé.
- Vous pouvez voir l'avancement du traitement via la page de statut des traitements :{' '}
+ Vous pouvez voir l‘avancement du traitement via la page de statut des traitements :{' '}
{processingId}
+
+
);
};
diff --git a/tdm-fe/src/app/components/form/ProcessingFormUpload.tsx b/tdm-fe/src/app/components/form/ProcessingFormUpload.tsx
index c093a23..4a2c6c1 100644
--- a/tdm-fe/src/app/components/form/ProcessingFormUpload.tsx
+++ b/tdm-fe/src/app/components/form/ProcessingFormUpload.tsx
@@ -52,7 +52,7 @@ const ProcessingFormUpload = () => {
<>Fichier manquant
) : (
<>
- Le fichier ne correspond pas a un format compatible, utilisé l'un de ces format :{' '}
+ Le fichier ne correspond pas à un format compatible, utilisez l'un de ces formats :{' '}
{stringifiesMineTypes}.
)}
diff --git a/tdm-fe/src/app/components/layout/Footer.tsx b/tdm-fe/src/app/components/layout/Footer.tsx
new file mode 100644
index 0000000..41b4c05
--- /dev/null
+++ b/tdm-fe/src/app/components/layout/Footer.tsx
@@ -0,0 +1,83 @@
+import '~/app/components/layout/scss/Footer.scss';
+
+import Container from '@mui/material/Container';
+import Grid from '@mui/material/Grid';
+
+import abesLogo from '/logo/abes.svg';
+import cnrsLogo from '/logo/cnrs.svg';
+import couperinLogo from '/logo/couperin.svg';
+import franceUniversitesLogo from '/logo/france_universites.svg';
+import investissementLogo from '/logo/investissement.png';
+import mesrLogo from '/logo/mesr.svg';
+import ulLogo from '/logo/ul.svg';
+
+const partners = [
+ {
+ logo: mesrLogo,
+ alt: "Ministère de l'Enseignement Supérieur et de la Recherche",
+ url: 'https://www.enseignementsup-recherche.gouv.fr/',
+ },
+ {
+ logo: cnrsLogo,
+ alt: 'Centre National de la Recherche Scientifique',
+ url: 'https://www.cnrs.fr/',
+ width: 64, // The CNRS logo grows more than the others, so it needs to be in a smaller container
+ },
+ {
+ logo: abesLogo,
+ alt: "Agence Bibliographique de l'Enseignement Supérieur",
+ url: 'https://www.abes.fr/',
+ },
+ {
+ logo: couperinLogo,
+ alt: 'Couperin',
+ url: 'https://www.couperin.org/',
+ },
+ {
+ logo: franceUniversitesLogo,
+ alt: 'France Universités',
+ url: 'https://franceuniversites.fr/',
+ },
+ {
+ logo: ulLogo,
+ alt: 'Université de Lorraine',
+ url: 'https://www.univ-lorraine.fr/',
+ },
+];
+
+const MAX_ITEMS_PER_LINE = 12;
+
+const Footer = () => {
+ return (
+
+ );
+};
+
+export default Footer;
diff --git a/tdm-fe/src/app/components/layout/Header.scss b/tdm-fe/src/app/components/layout/Header.scss
deleted file mode 100644
index 9af9369..0000000
--- a/tdm-fe/src/app/components/layout/Header.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-@import "../../scss/colors";
-
-#header {
- background-image: url("/header-background.jpg");
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
-
- #header-container {
- box-sizing: border-box;
- display: block;
- width: 100%;
- padding: 32px 16px 16px;
- margin-right: auto;
- margin-left: auto;
- }
-
- @media (min-width: 600px) {
- #header-container {
- padding-right: 24px;
- padding-left: 24px;
- }
- }
-
- #header-title {
- display: inline-block;
- margin: 0 0 0 16px;
- font-size: 3.25rem;
- font-weight: 400;
- line-height: 6rem;
- color: $white;
- }
-
- #header-subtitle {
- margin: 0;
- font-size: .875rem;
- font-weight: 400;
- line-height: 1.25;
- color: $white;
- }
-}
diff --git a/tdm-fe/src/app/components/layout/Header.tsx b/tdm-fe/src/app/components/layout/Header.tsx
index 07e3314..ddd5614 100644
--- a/tdm-fe/src/app/components/layout/Header.tsx
+++ b/tdm-fe/src/app/components/layout/Header.tsx
@@ -1,22 +1,68 @@
-import '~/app/components/layout/Header.scss';
+import '~/app/components/layout/scss/Header.scss';
+
+import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
+import { alpha } from '@mui/material';
+import AppBar from '@mui/material/AppBar';
+import Button from '@mui/material/Button';
+import Container from '@mui/material/Container';
import Link from '@mui/material/Link';
-import istexLogo from '/istex.png';
+import istexLogo from '/logo/istex.png';
+
+const navigations = [
+ { name: 'Objectif TDM', url: 'https://services.istex.fr/' },
+ { name: 'TM Tools', url: 'https://tmtoolsfr-explorerfr.tdm.inist.fr/' },
+ { name: 'Hébergement corpus', url: 'https://www.lodex.fr/' },
+];
const Header = () => {
return (
-
-
-
-
-
IA Factory
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In fringilla non elit sit amet interdum.
- Sed placerat ex nec eleifend tempor. Nunc porta non nulla id vehicula. Nulla diam nunc.
-
-
-
+ <>
+
+
+
+
+ {navigations.map((navigation) => (
+
+
+
+ ))}
+
+
+
+
+
+
+
+
IA Factory
+
+
+ L‘IA appliquée à vos corpus
+
+
+
+
);
};
diff --git a/tdm-fe/src/app/components/layout/WebServicesFooter.tsx b/tdm-fe/src/app/components/layout/WebServicesFooter.tsx
new file mode 100644
index 0000000..c2d6c03
--- /dev/null
+++ b/tdm-fe/src/app/components/layout/WebServicesFooter.tsx
@@ -0,0 +1,22 @@
+import '~/app/components/layout/scss/WebServicesFooter.scss';
+import Button from '@mui/material/Button';
+import Container from '@mui/material/Container';
+
+const WebServicesFooter = () => {
+ return (
+
+ );
+};
+
+export default WebServicesFooter;
diff --git a/tdm-fe/src/app/components/layout/WebServicesHeader.tsx b/tdm-fe/src/app/components/layout/WebServicesHeader.tsx
new file mode 100644
index 0000000..f6f77fc
--- /dev/null
+++ b/tdm-fe/src/app/components/layout/WebServicesHeader.tsx
@@ -0,0 +1,21 @@
+import '~/app/components/layout/scss/WebServicesHeader.scss';
+import Container from '@mui/material/Container';
+
+const WebServicesHeader = () => {
+ // Todo add the correcte text when available
+ return (
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet vulputate ex. Vivamus vitae
+ volutpat elit. Mauris vitae efficitur urna. Duis eget nibh quis nibh ultricies viverra. Nullam sed
+ ligula urna. Vestibulum bibendum ipsum eget neque ultrices, id elementum sapien interdum. Vivamus
+ nec tortor dictum, scelerisque mauris lobortis, luctus dolor. Aenean pellentesque non risus vel
+ vulputate. Pellentesque a nulla malesuada risus sollicitudin elementum eget non arcu.
+
-