diff --git a/locales/en.json b/locales/en.json
new file mode 100644
index 000000000..6ce752776
--- /dev/null
+++ b/locales/en.json
@@ -0,0 +1,3 @@
+{
+ "news":"Welcome to the english-language version of the salary cost estimator"
+}
diff --git a/package.json b/package.json
index 2a408f0b6..5e8414165 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,6 @@
"not ie < 11"
],
"dependencies": {
- "live-server": "^1.2.0",
"@babel/polyfill": "^7.0.0-beta.34",
"classnames": "^2.2.5",
"dedent-js": "^1.0.1",
@@ -24,8 +23,11 @@
"fuse.js": "^3.2.0",
"global": "^4.3.2",
"google-translate-api": "^2.3.0",
+ "i18next": "^10.0.7",
+ "i18next-xhr-backend": "^1.5.1",
"ignore-loader": "^0.1.2",
"js-yaml": "^3.9.1",
+ "live-server": "^1.2.0",
"marked": "^0.3.9",
"mocha": "^5.0.0",
"mocha-webpack": "^1.0.1",
@@ -38,6 +40,7 @@
"react-dom": "^16.2.0",
"react-helmet": "^5.2.0",
"react-highlight-words": "^0.10.0",
+ "react-i18next": "^7.5.0",
"react-redux": "^5.0.6",
"react-router": "^4.2.0",
"react-router-dom": "^4.2.2",
diff --git a/source/components/pages/Home.js b/source/components/pages/Home.js
index ef6439e23..6a58fcee2 100644
--- a/source/components/pages/Home.js
+++ b/source/components/pages/Home.js
@@ -1,4 +1,5 @@
import React, { Component } from 'react'
+import { Trans } from 'react-i18next'
import './Pages.css'
import './Home.css'
import TargetSelection from '../TargetSelection'
@@ -28,8 +29,10 @@ export default class Home extends Component {
}}
/>
+
Cette nouvelle version du site vous permet de simuler un CDD ou CDI,
aux taux de 2018.
+
diff --git a/source/containers/Layout.js b/source/containers/Layout.js
index 0018a28ed..dec128263 100644
--- a/source/containers/Layout.js
+++ b/source/containers/Layout.js
@@ -1,3 +1,7 @@
+import { I18nextProvider } from 'react-i18next';
+import i18next from 'i18next'
+import XHR from 'i18next-xhr-backend';
+
import React, { Component } from 'react'
import './Layout.css'
import './reset.css'
@@ -19,6 +23,29 @@ import createHistory from 'history/createBrowserHistory'
import { Header, Footer } from 'Components/pages/Header'
import { getIframeOption } from '../utils'
+function loadLocales(url, options, callback, data) {
+ try {
+ let translations = require('../../locales/'+url+'.json');
+ callback(translations, {status: '200'});
+ } catch (e) {
+ callback(null, {status: '404'});
+ }
+}
+
+i18next
+ .use(XHR)
+ .init({
+ debug: true,
+ lng: 'en',
+ backend: {
+ loadPath: '{{lng}}',
+ parse: (data) => data,
+ ajax: loadLocales
+ }
+ }, (err, t) => {
+ // ...
+ });
+
const piwik = new ReactPiwik({
url: 'stats.data.gouv.fr',
siteId: 39,
@@ -39,36 +66,38 @@ export default class Layout extends Component {
// track the initial pageview
ReactPiwik.push(['trackPageView'])
return (
-
- <>
-
-
-
-
-
- {/* Redirect to be removed in March (Google should have understood...)*/}
- (
-
- )}
- />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+ <>
+
+
+
+
+
+ {/* Redirect to be removed in March (Google should have understood...)*/}
+ (
+
+ )}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
)
}
}
diff --git a/yarn.lock b/yarn.lock
index b3fd8f50e..a6136caec 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3197,7 +3197,7 @@ hoist-non-react-statics@^1.2.0:
version "1.2.0"
resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-1.2.0.tgz#aa448cf0986d55cc40773b17174b7dd066cb7cfb"
-hoist-non-react-statics@^2.3.0, hoist-non-react-statics@^2.5.0:
+hoist-non-react-statics@^2.3.0, hoist-non-react-statics@^2.3.1, hoist-non-react-statics@^2.5.0:
version "2.5.0"
resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.0.tgz#d2ca2dfc19c5a91c5a6615ce8e564ef0347e2a40"
@@ -3251,6 +3251,12 @@ html-minifier@^3.5.8:
relateurl "0.2.x"
uglify-js "3.3.x"
+html-parse-stringify2@2.0.1:
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/html-parse-stringify2/-/html-parse-stringify2-2.0.1.tgz#dc5670b7292ca158b7bc916c9a6735ac8872834a"
+ dependencies:
+ void-elements "^2.0.1"
+
http-auth@3.1.x:
version "3.1.3"
resolved "https://registry.yarnpkg.com/http-auth/-/http-auth-3.1.3.tgz#945cfadd66521eaf8f7c84913d377d7b15f24e31"
@@ -3313,6 +3319,14 @@ https-browserify@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
+i18next-xhr-backend@^1.5.1:
+ version "1.5.1"
+ resolved "https://registry.yarnpkg.com/i18next-xhr-backend/-/i18next-xhr-backend-1.5.1.tgz#50282610780c6a696d880dfa7f4ac1d01e8c3ad5"
+
+i18next@^10.0.7:
+ version "10.5.0"
+ resolved "https://registry.yarnpkg.com/i18next/-/i18next-10.5.0.tgz#a2a90e67774fa85b8ff9cd0063e697e482440de7"
+
iconv-lite@0.4.19, iconv-lite@^0.4.17, iconv-lite@~0.4.13:
version "0.4.19"
resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.19.tgz#f7468f60135f5e5dad3399c0a81be9a1603a082b"
@@ -5385,6 +5399,14 @@ react-hot-loader@^3.1.3:
redbox-react "^1.3.6"
source-map "^0.6.1"
+react-i18next@^7.5.0:
+ version "7.5.0"
+ resolved "https://registry.yarnpkg.com/react-i18next/-/react-i18next-7.5.0.tgz#96a92ba7492edb746975eae316534b42423362fe"
+ dependencies:
+ hoist-non-react-statics "^2.3.1"
+ html-parse-stringify2 "2.0.1"
+ prop-types "^15.6.0"
+
react-input-autosize@^2.1.2:
version "2.2.1"
resolved "https://registry.yarnpkg.com/react-input-autosize/-/react-input-autosize-2.2.1.tgz#ec428fa15b1592994fb5f9aa15bb1eb6baf420f8"
@@ -6869,6 +6891,10 @@ vm-browserify@0.0.4:
dependencies:
indexof "0.0.1"
+void-elements@^2.0.1:
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-2.0.1.tgz#c066afb582bb1cb4128d60ea92392e94d5e9dbec"
+
w3c-hr-time@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.1.tgz#82ac2bff63d950ea9e3189a58a65625fedf19045"