baby translations

common/actions/config.js

@@ -1,12 +1,18 @@
 // @flow
+import { setLanguage } from 'translations';
 export const CONFIG_LANGUAGE_CHANGE = 'CONFIG_LANGUAGE_CHANGE';
 export const CONFIG_NODE_CHANGE = 'CONFIG_NODE_CHANGE';
 
+export const CHANGE_LANGUAGE = (value: any) => {
+    setLanguage(value.sign);
+    return {
+        type: CONFIG_LANGUAGE_CHANGE,
+        value
+    };
+};
 
-export const CHANGE_LANGUAGE = (value: any) => Object({
-    type: CONFIG_LANGUAGE_CHANGE, value
-})
-
-export const CHANGE_NODE = (value: any) => Object({
-    type: CONFIG_NODE_CHANGE, value
-})
+export const CHANGE_NODE = (value: any) =>
+    Object({
+        type: CONFIG_NODE_CHANGE,
+        value
+    });

common/components/Header/components/TabsOptions.jsx

@@ -1,29 +1,30 @@
-import React, {Component} from "react";
-import {Link} from "react-router";
+import React, {Component} from 'react';
+import {Link} from 'react-router';
+import translate from 'translations';
 
 const tabs = [
     {
-        name: 'Generate Wallet',
+        name: 'NAV_GenerateWallet',
         link: '/'
     },
     {
-        name: 'Send Ether & Tokens'
+        name: 'NAV_SendEther'
     },
     {
-        name: 'Swap'
+        name: 'NAV_Swap'
     },
     {
-        name: 'Send Offline'
+        name: 'NAV_Offline'
     },
     {
-        name: 'Contracts'
+        name: 'NAV_Contracts'
     },
     {
-        name: 'View Wallet Info',
+        name: 'NAV_ViewWallet',
         link: 'view-wallet'
     },
     {
-        name: 'Help'
+        name: 'NAV_Help'
     }
 ]
 
@@ -64,8 +65,8 @@ export default class TabsOptions extends Component {
                                                 key={i}
                                                 onClick={this.tabClick(i)}>
                                                 <Link to={object.link} key={i}
-                                                      aria-label='nav item: {{tab.name | translate}}'>
-                                                    {object.name}
+                                                      aria-label={`nav item: ${translate(object.name)}`}>
+                                                    {translate(object.name)}
                                                 </Link>
                                             </li>
                                         )

common/translations/ar.js

@@ -1,9 +1,9 @@
 /* eslint-disable quotes*/
 
 // Arabic
-export default {
+module.exports =  {
     code: 'ar',
-    strings: {
+    data: {
         /* Navigation*/
         NAV_AddWallet               : 'إضافة محفظة ',
         NAV_BulkGenerate            : 'Générer des portefeuilles par lots ',

common/translations/de.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // German
-export default {
+module.exports = {
     code: 'de',
     data: {
         /* Navigation*/

common/translations/el.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Greek
-export default {
+module.exports = {
     code: 'el',
     data: {
         /* Navigation*/

common/translations/en.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // English
-export default {
+module.exports =  {
     code: 'en',
     data: {
         /* Navigation*/

common/translations/es.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Spanish
-export default {
+module.exports =  {
     code: 'es',
     data: {
         /* Navigation*/

common/translations/fi.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Finnish
-export default {
+module.exports =  {
     code: 'fi',
     data: {
         /* Navigation*/

common/translations/fr.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // French
-export default {
+module.exports = {
     code: 'fr',
     data: {
         /* Navigation*/

common/translations/hu.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Hungarian
-export default {
+module.exports =  {
     code: 'hu',
     data: {
         /* Navigation*/
@@ -583,5 +583,3 @@ export default {
         HELP_Contact_Title          : 'Ways to Get in Touch'
     }
 };
-
-module.exports = hu;

common/translations/id.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Indonesian
-export default {
+module.exports = {
     code: 'id',
     data: {
         /* Navigation*/

common/translations/index.js

@@ -0,0 +1,39 @@
+// @flow
+
+let activeLanguage = 'en';
+let fallbackLanguage = 'en';
+let repository = {};
+
+const languages = [
+    require('./de'),
+    require('./el'),
+    require('./en'),
+    require('./es'),
+    require('./fi'),
+    require('./fr'),
+    require('./hu'),
+    require('./id'),
+    require('./it'),
+    require('./ja'),
+    require('./nl'),
+    require('./no'),
+    require('./pl'),
+    require('./pt'),
+    require('./ru') /*sk, sl, sv */,
+    require('./tr'),
+    require('./vi'),
+    require('./zhcn'),
+    require('./zhtw')
+];
+
+languages.forEach(l => {
+    repository[l.code] = l.data;
+});
+
+export function setLanguage(code: string) {
+    activeLanguage = code;
+}
+
+export default function translate(key: string) {
+    return repository[activeLanguage][key] || repository[fallbackLanguage][key] || key;
+}

common/translations/it.js

@@ -2,7 +2,7 @@
 
 // Italian
 // Last sync with en.js     : commit 459ba23623e1fa13c3d468277ef5dad5070542d2
-export default {
+module.exports = {
     code: 'it',
     data: {
         /* Navigation*/
@@ -578,5 +578,3 @@ export default {
         HELP_Contact_Title          : 'Modi per contattarci (in Inglese)'
     }
 };
-
-module.exports = it;

common/translations/ja.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Japanese
-export default {
+module.exports = {
     code: 'ja',
     data: {
         /* Navigation*/

common/translations/no.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Norwegian
-export default {
+module.exports = {
     code: 'no',
     data: {
         /* Navigation*/

common/translations/pl.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Polish
-export default {
+module.exports = {
     code: 'pl',
     data: {
         /* Navigation*/

common/translations/pt.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Portuguese
-export default {
+module.exports =  {
     code: 'pt',
     data: {
         /* Navigation*/

common/translations/ru.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Russian
-export default {
+module.exports =  {
     code: 'ru',
     data: {
         /* Navigation*/

common/translations/sk.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Slovak
-export default {
+module.exports = {
     code: 'sk',
     data: {
         /* Navigation*/

common/translations/sl.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Slovenian
-export default {
+module.exports = {
     code: 'sl',
     data: {
         /* Navigation*/

common/translations/sv.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Swedish
-export default {
+module.exports =  {
     code: 'sv',
     data: {
         /* Navigation*/

common/translations/tr.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Turkish
-export default {
+module.exports =  {
     code: 'tr',
     data: {
         /* Navigation*/

common/translations/vi.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Vietnamese
-export default {
+module.exports = {
     code: 'vi',
     data: {
         /* Navigation*/

common/translations/zhcn.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // simplified Chinese, zh-CN, 简体中文
-export default {
+module.exports = {
     code: 'zhcn',
     data: {
         /* Navigation*/

common/translations/zhtw.js

@@ -1,7 +1,7 @@
 /* eslint-disable quotes*/
 
 // Traditional Chinese 繁體中文 - zh-tw.js
-export default {
+module.exports =  {
     code: 'zhtw',
     data: {
         /* Navigation*/

webpack_config/webpack.base.js

@@ -33,6 +33,7 @@ module.exports = {
             styles: `${config.srcPath}/styles/`,
             less_vars: `${config.srcPath}/styles/etherwallet-variables.less`
         },
+        // FIXME why aliases then?
         modules: [
             // places where to search for required modules
             _.cwd('common'),

webpack_config/webpack.dev.js

@@ -5,7 +5,7 @@ const webpack = require('webpack')
 const base = require('./webpack.base')
 const FriendlyErrors = require('friendly-errors-webpack-plugin')
 
-base.devtool = 'eval-source-map'
+base.devtool = 'source-map'
 base.module.loaders.push({
         test: /\.css$/,
         loaders: ['style-loader', 'css-loader', 'resolve-url-loader']