-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
8 changed files
with
136 additions
and
83 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,49 +1,53 @@ | ||
import { fr } from '@codegouvfr/react-dsfr' | ||
import Accordion from '@codegouvfr/react-dsfr/Accordion' | ||
import { WelcomeModal } from './WelcomeModal' | ||
import type { useStromaeNavigation } from '../useStromaeNavigation' | ||
|
||
//export function Welcome(props: { metadata: unknown, personalization: unknown }) { | ||
export function Welcome() { | ||
//const { metadata, personalization } = props | ||
export function Welcome(props: { initialCurrentPage: string | undefined, goToPage: ReturnType<typeof useStromaeNavigation>["goToPage"] }) { | ||
const { initialCurrentPage, goToPage } = props | ||
|
||
return ( | ||
<div className={fr.cx('fr-mb-1w')}> | ||
<h1> | ||
Bienvenue sur le questionnaire de réponse à l'Enquête statistique sur | ||
les technologies de l’information et de la communication 2021. | ||
</h1> | ||
<p className={fr.cx('fr-text--lead')}> | ||
Cette enquête permet de connaître l'équipement et les usages des | ||
personnes dans le domaine des technologies de l'information et de la | ||
communication (téléphone fixe et mobile, informatique, internet sur | ||
support fixe et mobile). | ||
</p> | ||
<h2>Qui doit répondre à ce questionnaire ?</h2> | ||
<ul> | ||
<li>Jonh Doe</li> | ||
<li>Julia Doe</li> | ||
<li>Juliette Doe</li> | ||
</ul> | ||
<> | ||
<div className={fr.cx('fr-mb-1w')}> | ||
<h1> | ||
Bienvenue sur le questionnaire de réponse à l'Enquête statistique sur | ||
les technologies de l’information et de la communication 2021. | ||
</h1> | ||
<p className={fr.cx('fr-text--lead')}> | ||
Cette enquête permet de connaître l'équipement et les usages des | ||
personnes dans le domaine des technologies de l'information et de la | ||
communication (téléphone fixe et mobile, informatique, internet sur | ||
support fixe et mobile). | ||
</p> | ||
<h2>Qui doit répondre à ce questionnaire ?</h2> | ||
<ul> | ||
<li>Jonh Doe</li> | ||
<li>Julia Doe</li> | ||
<li>Juliette Doe</li> | ||
</ul> | ||
|
||
<h3>En savoir plus sur l'enquête TIC</h3> | ||
<div className={fr.cx('fr-accordions-group')}> | ||
<Accordion label="Connaître le cadre légal de l'enquête"> | ||
Vu l'avis favorable du Conseil national de l'information statistique, | ||
cette enquête, reconnue d’intérêt général et de qualité statistique, | ||
est obligatoire, en application de la loi n° 51-711 du 7 juin 1951 sur | ||
l'obligation, la coordination et le secret en matière de statistiques. | ||
Visa n°2021A054EC du Ministre de l'Économie, des Finances et de la | ||
Relance, valable pour l'année 2021 - Arrêté en date du 23/11/2020. Les | ||
réponses à ce questionnaire sont protégées par le secret statistique | ||
et destinées à L’Institut national de la statistique et des études | ||
économiques (Insee). Le règlement général 2016/679 du 27 avril 2016 | ||
sur la protection des données (RGPD) ainsi que la loi n° 78-17 du 6 | ||
janvier 1978 relative à l'informatique, aux fichiers et aux libertés, | ||
s'appliquent à la présente enquête. Ils garantissent aux personnes | ||
concernées un droit d'accès, de limitation ou de rectification pour | ||
les données les concernant. Ce droit peut être exercé auprès de | ||
l'Insee. | ||
</Accordion> | ||
<h3>En savoir plus sur l'enquête TIC</h3> | ||
<div className={fr.cx('fr-accordions-group')}> | ||
<Accordion label="Connaître le cadre légal de l'enquête"> | ||
Vu l'avis favorable du Conseil national de l'information statistique, | ||
cette enquête, reconnue d’intérêt général et de qualité statistique, | ||
est obligatoire, en application de la loi n° 51-711 du 7 juin 1951 sur | ||
l'obligation, la coordination et le secret en matière de statistiques. | ||
Visa n°2021A054EC du Ministre de l'Économie, des Finances et de la | ||
Relance, valable pour l'année 2021 - Arrêté en date du 23/11/2020. Les | ||
réponses à ce questionnaire sont protégées par le secret statistique | ||
et destinées à L’Institut national de la statistique et des études | ||
économiques (Insee). Le règlement général 2016/679 du 27 avril 2016 | ||
sur la protection des données (RGPD) ainsi que la loi n° 78-17 du 6 | ||
janvier 1978 relative à l'informatique, aux fichiers et aux libertés, | ||
s'appliquent à la présente enquête. Ils garantissent aux personnes | ||
concernées un droit d'accès, de limitation ou de rectification pour | ||
les données les concernant. Ce droit peut être exercé auprès de | ||
l'Insee. | ||
</Accordion> | ||
</div> | ||
</div> | ||
</div> | ||
{initialCurrentPage && <WelcomeModal goBack={() => goToPage({ page: initialCurrentPage })} />} | ||
</> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,31 @@ | ||
import { createModal } from '@codegouvfr/react-dsfr/Modal' | ||
import { useId, useState } from 'react' | ||
|
||
export function WelcomeModal(props: { goBack: () => void }) { | ||
const { goBack } = props | ||
const id = useId() | ||
|
||
const [modal] = useState(() => | ||
createModal({ | ||
id: `welcomeModal-${id}`, | ||
isOpenedByDefault: true, | ||
}) | ||
) | ||
return <modal.Component | ||
title="Bienvenue " | ||
buttons={[ | ||
{ | ||
doClosesModal: true, //Default true, clicking a button close the modal. | ||
children: 'Revenir à la première page', | ||
}, | ||
{ | ||
doClosesModal: true, | ||
children: "Reprendre la où j'en étais", | ||
onClick: goBack, | ||
}, | ||
]} | ||
concealingBackdrop={true} | ||
> | ||
Vous avez déjà commencé à renseigner le questionnaire. Souhaitez-vous reprendre la vous en étiez ou revenir à la première page ? | ||
</modal.Component > | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters