🎨 Améliore la présentation de l'intégration iframe

- Remplace vie privée par donnée personelle
- Ajoute petit texte + lien mon-entreprise.fr
- Enlève taille minimale
pull/1152/head
Johan Girod 2020-10-08 14:22:43 +02:00
parent 5876519d75
commit 1f84cade21
7 changed files with 80 additions and 76 deletions

View File

@ -67,6 +67,7 @@ Exonérations: Exemptions
Explorez notre documentation: Explore our documentation
Faire une simulation: Launch a simulation
Fiche de paie: Payslip
Gestion des données personnelles: Management of personal data
Guide du statut juridique: Legal status guide
Gérant majoritaire: Chairman
Gérant minoritaire: Managing director

View File

@ -53,7 +53,7 @@ entreprise . durée d'activité . en début d'année:
entreprise . chiffre d'affaires:
question: Quel est votre chiffre d'affaires envisagé ?
résumé: Le montant total des transactions (hors taxe)
résumé: Le montant total des recettes brutes (hors taxe)
unité: €/an
formule: dirigeant . rémunération totale + charges

View File

@ -589,7 +589,7 @@ dirigeant . indépendant . PL . PAMC . IJSS:
rend non applicable: indépendant . IJSS
titre: indemnités journalières de sécurité sociale
description: >-
Les indemnités journalières de Sécurité sociale (IJSS) sont versée dans le cas de congé maternité/paternité/adoption/
Les indemnités journalières de Sécurité sociale (IJSS) sont versées dans le cas de congé maternité/paternité/adoption.
Les indemnités complémentaires aux indemnités journalières de la Sécurité
sociale versées dans le cadre dun contrat de prévoyance ne constituent pas
@ -672,7 +672,7 @@ dirigeant . indépendant . PL . CARMF:
La CARMF est la caisse de retraite autonome des médecins de France.
applicable si: métier = 'santé . médecin'
références:
Site CARMF: https://www.carmf.fr
Site CARMF: http://www.carmf.fr
note: |
Laffiliation est obligatoire pour les médecins titulaires du diplôme de
docteur en médecine, inscrits au conseil de lOrdre et exerçant une activité

View File

@ -26,8 +26,7 @@ const iframe = document.createElement('iframe')
const iframeAttributes = {
id: 'simulateurEmbauche',
src,
style:
'border: none; width: 100%; display: block; margin: 10px auto; min-height: 700px',
style: 'border: none; width: 100%; display: block; height: 500px',
allowfullscreen: true,
webkitallowfullscreen: true,
mozallowfullscreen: true
@ -56,10 +55,15 @@ const simulateurLink = (fr ? process.env.FR_SITE : process.env.EN_SITE).replace(
moduleToSitePath[moduleName] ?? ''
)
links.innerHTML = `
<div style="text-align: center; margin-bottom: 2rem">
<a href="${simulateurLink}" target="_blank">
<div style="text-align: center; margin-bottom: 2rem; font-size: 80%">
Ce simulateur est également disponible sur le site
<a href="${simulateurLink}" target="_blank">
mon-entreprise.fr
</a><br/>
<a href="${simulateurLink}" target="_blank">
<img
style="height: 2.5rem; margin-right: 1rem"
style="height: 25px; margin: 10px"
src="${process.env.FR_SITE.replace(
'${path}',
'/' + (lang === 'fr' ? logoFrSvg : logoEnSvg)
@ -69,7 +73,7 @@ links.innerHTML = `
</a>
<a href="https://www.urssaf.fr" target="_blank">
<img
style="height: 2.5rem; margin-right: 1rem"
style="height: 25px; margin: 10px"
src="${urssafSvg}"
alt="un service fourni par l'Urssaf"
/>

View File

@ -49,68 +49,67 @@ const Footer = () => {
<PageFeedback
blacklist={feedbackBlacklist.map(lens => view(lens, sitePaths))}
/>
<div className="ui__ container">
{i18n.language === 'en' && (
<p className="ui__ notice" css="text-align: center">
This website is provided by the{' '}
<a href="https://www.urssaf.fr">Urssaf</a>, the French social
security contributions collector.
</p>
)}
<p className="ui__ notice" style={{ textAlign: 'center' }}>
<LegalNotice />
{' • '}
<Privacy />
{i18n.language === 'fr' && (
<>
{' • '}
<Link to={sitePaths.nouveautés}>Nouveautés</Link>
{' • '}
<Link to={sitePaths.stats}>Stats</Link>
{' • '}
<Link to={sitePaths.budget}>Budget</Link>
</>
)}
{' • '}
<Link to={sitePaths.integration.index}>
<Trans>Intégrer nos simulateurs</Trans>
</Link>
{!!hrefLink.length && ' • '}
{hrefLink.map(({ hrefLang, href }) => (
<a
href={href}
key={hrefLang}
style={{ textDecoration: 'underline' }}
>
{hrefLang === 'fr' ? (
<> Passer en français {emoji('🇫🇷')}</>
) : hrefLang === 'en' ? (
<> Switch to English {emoji('🇬🇧')}</>
) : (
hrefLang
)}
</a>
))}
{i18n.language === 'en' && (
<p className="ui__ notice" css="text-align: center">
This website is provided by the{' '}
<a href="https://www.urssaf.fr">Urssaf</a>, the French social
security contributions collector.
</p>
)}
<p className="ui__ notice" style={{ textAlign: 'center' }}>
<LegalNotice />
{' • '}
<Privacy />
{i18n.language === 'fr' && (
<>
{' • '}
<Link to={sitePaths.nouveautés}>Nouveautés</Link>
{' • '}
<Link to={sitePaths.stats}>Stats</Link>
{' • '}
<Link to={sitePaths.budget}>Budget</Link>
</>
)}
{' • '}
<Link to={sitePaths.integration.index}>
<Trans>Intégrer nos simulateurs</Trans>
</Link>
<div style={{ display: 'flex', justifyContent: 'center' }}>
<a href="https://www.facebook.com/monentreprisefr/">
<SocialIcon media="facebook" />
{!!hrefLink.length && ' • '}
{hrefLink.map(({ hrefLang, href }) => (
<a
href={href}
key={hrefLang}
style={{ textDecoration: 'underline' }}
>
{hrefLang === 'fr' ? (
<> Passer en français {emoji('🇫🇷')}</>
) : hrefLang === 'en' ? (
<> Switch to English {emoji('🇬🇧')}</>
) : (
hrefLang
)}
</a>
<a href="https://twitter.com/monentreprisefr">
<SocialIcon media="twitter" />
</a>
<a href="https://www.linkedin.com/company/mon-entreprise-fr/">
<SocialIcon media="linkedin" />
</a>
<a href="mailto:contact@mon-entreprise.beta.gouv.fr">
<SocialIcon media="email" />
</a>
<a href="https://github.com/betagouv/mon-entreprise/">
<SocialIcon media="github" />
</a>
</div>
))}
</p>
<div style={{ display: 'flex', justifyContent: 'center' }}>
<a href="https://www.facebook.com/monentreprisefr/">
<SocialIcon media="facebook" />
</a>
<a href="https://twitter.com/monentreprisefr">
<SocialIcon media="twitter" />
</a>
<a href="https://www.linkedin.com/company/mon-entreprise-fr/">
<SocialIcon media="linkedin" />
</a>
<a href="mailto:contact@mon-entreprise.beta.gouv.fr">
<SocialIcon media="email" />
</a>
<a href="https://github.com/betagouv/mon-entreprise/">
<SocialIcon media="github" />
</a>
</div>
</footer>
</div>

View File

@ -15,7 +15,7 @@ export default function Privacy({ label }: { label?: string }) {
return (
<>
<button onClick={handleOpen} className="ui__ link-button">
{label ?? <Trans>Vie privée</Trans>}
{label ?? <Trans>Gestion des données personnelles</Trans>}
</button>
{opened && (
<Overlay onClose={handleClose} style={{ textAlign: 'left' }}>
@ -31,7 +31,7 @@ function PrivacyContent() {
return (
<>
<Trans i18nKey="privacyContent">
<h1>Vie privée</h1>
<h1>Données personnelles</h1>
<p>
Nous recueillons des statistiques anonymes sur l'utilisation du site,
que nous utilisons dans le seul but d'améliorer le service,
@ -48,11 +48,11 @@ function PrivacyContent() {
</p>
</Trans>
<iframe
style={{
border: 0,
height: '200px',
width: '100%'
}}
className="ui__ card light-bg"
css={`
border: 0;
padding: 1rem;
`}
src={`https://stats.data.gouv.fr/index.php?module=CoreAdminHome&action=optOut&language=${language}`}
/>
</>

View File

@ -5,8 +5,8 @@ export default function IframeFooter() {
return (
<>
<div
className="ui__ container"
style={{ textAlign: 'right', paddingTop: 20 }}
className="ui__ container notice"
style={{ textAlign: 'center', paddingTop: '3rem' }}
>
<Privacy />
</div>