Merge pull request #607 from betagouv/page-vie-privée

Nouvelle page reformulée "vie privée", ajoutée à l'iframe

source/locales/en.yaml

@@ -523,6 +523,8 @@ path:
     index: '/hiring-process'
   documentation:
     exemples: '/examples'
+  privacy:
+    index: '/privacy'
   économieCollaborative:
     index: '/sharing-economy'
 

source/sites/mon-entreprise.fr/App.js

@@ -36,6 +36,7 @@ import Landing from './pages/Landing/Landing.js'
 import SocialSecurity from './pages/SocialSecurity'
 import ÉconomieCollaborative from './pages/ÉconomieCollaborative'
 import { constructLocalizedSitePath } from './sitePaths'
+import { PrivacyContent } from './layout/Footer/Privacy'
 
 if (process.env.NODE_ENV === 'production') {
 	Raven.config(
@@ -124,6 +125,7 @@ const App = compose(
 						path={sitePaths.documentation.index}
 						component={Documentation}
 					/>
+					<Route path={sitePaths.privacy.index} component={PrivacyContent} />
 					<Route exact path="/dev/sitemap" component={Sitemap} />
 					<Route
 						exact

source/sites/mon-entreprise.fr/layout/Footer/Privacy.js

@@ -24,36 +24,7 @@ export default withLanguage(
 					{this.state.opened && (
 						<Overlay onClose={this.handleClose} style={{ textAlign: 'left' }}>
 							<ScrollToTop />
-							<T k="privacyContent">
-								<h1>Vie privée</h1>
-								<p>
-									Nous ne stockons aucune donnée personnelle sur nos serveurs.
-									Toutes les informations que vous fournissez (salaires, code
-									postal de l'entreprise, SIREN etc.) sont sauvegardées
-									uniquement sur votre navigateur. Personne d'autre que vous ne
-									peut y avoir accès.
-								</p>
-								<p>
-									Toutefois, nous recueillons des statistiques anonymes sur
-									l'utilisation du site, que nous utilisons dans le seul but
-									d'améliorer le service, conformément aux{' '}
-									<a href="https://www.cnil.fr/fr/solutions-pour-les-cookies-de-mesure-daudience">
-										recommandations de la CNIL
-									</a>{' '}
-									et à la directive RGPD.
-								</p>
-								<p>Vous pouvez vous en soustraire ci-dessous.</p>
-							</T>
-							<iframe
-								style={{
-									border: 0,
-									height: '200px',
-									width: '100%'
-								}}
-								src={`https://stats.data.gouv.fr/index.php?module=CoreAdminHome&action=optOut&language=${
-									this.props.language
-								}`}
-							/>
+							<PrivacyContent language={this.props.language} />
 						</Overlay>
 					)}
 				</>
@@ -61,3 +32,33 @@ export default withLanguage(
 		}
 	}
 )
+
+export let PrivacyContent = ({ language }) => (
+	<>
+		<T k="privacyContent">
+			<h1>Vie privée</h1>
+			<p>
+				Nous recueillons des statistiques anonymes sur l'utilisation du site,
+				que nous utilisons dans le seul but d'améliorer le service, conformément
+				aux{' '}
+				<a href="https://www.cnil.fr/fr/solutions-pour-les-cookies-de-mesure-daudience">
+					recommandations de la CNIL
+				</a>{' '}
+				et au règlement RGPD. Ce sont les seules données qui quittent votre
+				navigateur.
+			</p>
+			<p>
+				Vous pouvez vous soustraire de cette mesure d'utilisation du site
+				ci-dessous.
+			</p>
+		</T>
+		<iframe
+			style={{
+				border: 0,
+				height: '200px',
+				width: '100%'
+			}}
+			src={`https://stats.data.gouv.fr/index.php?module=CoreAdminHome&action=optOut&language=${language}`}
+		/>
+	</>
+)

source/sites/mon-entreprise.fr/pages/Iframes/IframeFooter.js

@@ -6,6 +6,7 @@ import emoji from 'react-easy-emoji'
 import { Trans, withTranslation } from 'react-i18next'
 import screenfull from 'screenfull'
 import { isIE } from '../../../../utils'
+import { Link } from 'react-router-dom'
 
 export default withTranslation()(
 	class IframeFooter extends Component {
@@ -61,6 +62,9 @@ export default withTranslation()(
 							{emoji('🖨')}
 							<Trans>Imprimer</Trans>
 						</button>
+						<Link to="/vie-privée" target="_top">
+							<Trans>Vie privée</Trans>
+						</Link>
 					</div>
 				</>
 			)

source/sites/mon-entreprise.fr/sitePaths.js

@@ -120,6 +120,9 @@ export const constructLocalizedSitePath = (language: string) => {
 		documentation: {
 			exemples: t('path.documentation.exemples', '/exemples'),
 			index: t('path.documentation.index', '/documentation')
+		},
+		privacy: {
+			index: t('path.privacy.index', '/vie-privée')
 		}
 	})
 }