From a608f67af5759756178c87e75954907f12de34b9 Mon Sep 17 00:00:00 2001
From: DarkSmile92 <robin.kretzschmar@yahoo.de>
Date: Tue, 23 Jan 2018 16:07:34 +0100
Subject: [PATCH 1/2] Translation of settings page

---
 app/components/settings/General.jsx | 27 +++++-----
 app/components/settings/Invoice.jsx | 45 ++++++++---------
 app/components/settings/Profile.jsx | 17 ++++---
 app/containers/Settings.jsx         | 20 +++++---
 i18n/de/form.json                   | 58 ++++++++++++++++++++++
 i18n/de/index.js                    |  7 +++
 i18n/de/settings.json               | 77 +++++++++++++++++++++++++++++
 i18n/en/index.js                    |  4 +-
 i18n/en/settings.json               | 77 +++++++++++++++++++++++++++++
 i18n/fr/index.js                    |  4 +-
 i18n/fr/settings.json               | 77 +++++++++++++++++++++++++++++
 i18n/i18n.js                        |  2 +
 i18n/vi/index.js                    |  4 +-
 i18n/vi/settings.json               | 77 +++++++++++++++++++++++++++++
 14 files changed, 442 insertions(+), 54 deletions(-)
 create mode 100644 i18n/de/form.json
 create mode 100644 i18n/de/index.js
 create mode 100644 i18n/de/settings.json
 create mode 100644 i18n/en/settings.json
 create mode 100644 i18n/fr/settings.json
 create mode 100644 i18n/vi/settings.json

diff --git a/app/components/settings/General.jsx b/app/components/settings/General.jsx
index aae51f17..695f93f7 100644
--- a/app/components/settings/General.jsx
+++ b/app/components/settings/General.jsx
@@ -26,25 +26,26 @@ class General extends Component {
   }
 
   render() {
+    const { t } = this.props;
     return (
       <div>
         <div className="row">
           <div className="col-md-6">
             <div className="pageItem">
-              <label className="itemLabel">Sound</label>
+              <label className="itemLabel">{t('settings:general:sound:heading')}</label>
               <select
                 name="sound"
                 value={this.state.sound}
                 onChange={this.handleInputChange}
               >
-                <option value="default">Default</option>
-                <option value="cs">Counter Strike</option>
+                <option value="default">{t('settings:general:sound:default')}</option>
+                <option value="cs">{t('settings:general:sound:counterstrike')}</option>
               </select>
             </div>
           </div>
           <div className="col-md-6">
             <div className="pageItem">
-              <label className="itemLabel">Mute Sound?</label>
+              <label className="itemLabel">{t('settings:general:sound:mute')}</label>
               <label className="switch">
                 <input
                   name="muted"
@@ -60,20 +61,20 @@ class General extends Component {
         <div className="row">
           <div className="col-md-6">
             <div className="pageItem">
-              <label className="itemLabel">Auto Check For Update</label>
+              <label className="itemLabel">{t('settings:general:checkupdates:heading')}</label>
               <select
                 name="checkUpdate"
                 value={this.state.checkUpdate}
                 onChange={this.handleInputChange}
               >
-                <option value="daily">Everyday (Recommended)</option>
-                <option value="weekly">Once A Week</option>
+                <option value="daily">{t('settings:general:checkupdates:daily')}</option>
+                <option value="weekly">{t('settings:general:checkupdates:weekly')}</option>
               </select>
             </div>
           </div>
           <div className="col-md-6">
             <div className="pageItem">
-              <label className="itemLabel">Auto Preview PDF</label>
+              <label className="itemLabel">{t('settings:general:autopreviewpdf')}</label>
               <label className="switch">
                 <input
                   name="previewPDF"
@@ -89,16 +90,16 @@ class General extends Component {
         <div className="row">
           <div className="col-md-6">
             <div className="pageItem">
-              <label className="itemLabel">Language</label>
+              <label className="itemLabel">{t('settings:general:language:heading')}</label>
               <select
                 name="language"
                 value={this.state.language}
                 onChange={this.handleInputChange}
               >
-                <option value="en">English</option>
-                <option value="de">German</option>
-                <option value="fr">French</option>
-                <option value="vi">Vietnamese</option>
+                <option value="en">{t('settings:general:language:english')}</option>
+                <option value="de">{t('settings:general:language:german')}</option>
+                <option value="fr">{t('settings:general:language:french')}</option>
+                <option value="vi">{t('settings:general:language:vietnamese')}</option>
               </select>
             </div>
           </div>
diff --git a/app/components/settings/Invoice.jsx b/app/components/settings/Invoice.jsx
index 20747e3a..d85cad48 100644
--- a/app/components/settings/Invoice.jsx
+++ b/app/components/settings/Invoice.jsx
@@ -42,14 +42,15 @@ class Invoice extends Component {
     this.handleInputChange = this.handleInputChange.bind(this);
     this.handleTaxChange = this.handleTaxChange.bind(this);
     this.handleVisibilityChange = this.handleVisibilityChange.bind(this);
+    this.t = this.props.t;
   }
 
   componentDidMount() {
     ipc.on('no-access-directory', (event, message) => {
       openDialog({
         type: 'warning',
-        title: 'No Access Permisison',
-        message: `${message}. Please choose a different directory!`,
+        title: this.t('settings:invoice:noaccess:title'),
+        message: message + this.t('settings:invoice:noaccess:message'),
       });
     });
 
@@ -146,23 +147,23 @@ class Invoice extends Component {
     } = this.state;
     return (
       <div>
-        <label className="itemLabel">Tax Settings</label>
+        <label className="itemLabel">{this.t('settings:invoice:tax:heading')}</label>
         <Section>
           <Row>
             <Field>
-              <label className="itemLabel">Tax ID</label>
+              <label className="itemLabel">{this.t('settings:invoice:tax:taxid')}</label>
               <input
                 name="tin"
                 type="text"
                 value={tax.tin}
                 onChange={this.handleTaxChange}
-                placeholder="Registration Number"
+                placeholder={this.t('settings:invoice:tax:taxidplaceholder')}
               />
             </Field>
           </Row>
           <Row>
             <Field>
-              <label className="itemLabel">Tax Amount</label>
+              <label className="itemLabel">{this.t('settings:invoice:tax:amount')}</label>
               <input
                 name="amount"
                 type="number"
@@ -173,24 +174,24 @@ class Invoice extends Component {
               />
             </Field>
             <Field>
-              <label className="itemLabel">Tax Method</label>
+              <label className="itemLabel">{this.t('settings:invoice:tax:method:heading')}</label>
               <select
                 name="method"
                 value={tax.method}
                 onChange={this.handleTaxChange}
               >
-                <option value="default">Default</option>
-                <option value="reverse">Reverse Charge</option>
+                <option value="default">{this.t('settings:invoice:tax:method:default')}</option>
+                <option value="reverse">{this.t('settings:invoice:tax:method:reverse')}</option>
               </select>
             </Field>
           </Row>
         </Section>
 
-        <label className="itemLabel">Required Fields</label>
+        <label className="itemLabel">{this.t('settings:invoice:reqfields:heading')}</label>
         <Section>
           <Row>
             <Field>
-              <label className="itemLabel">Due Date</label>
+              <label className="itemLabel">{this.t('settings:invoice:reqfields:duedate')}</label>
               <label className="switch">
                 <input
                   name="dueDate"
@@ -202,7 +203,7 @@ class Invoice extends Component {
               </label>
             </Field>
             <Field>
-              <label className="itemLabel">Currency</label>
+              <label className="itemLabel">{this.t('settings:common:currency')}</label>
               <label className="switch">
                 <input
                   name="currency"
@@ -215,7 +216,7 @@ class Invoice extends Component {
             </Field>
 
             <Field>
-              <label className="itemLabel">Discount</label>
+              <label className="itemLabel">{this.t('settings:invoice:reqfields:discount')}</label>
               <label className="switch">
                 <input
                   name="discount"
@@ -227,7 +228,7 @@ class Invoice extends Component {
               </label>
             </Field>
             <Field>
-              <label className="itemLabel">Tax</label>
+              <label className="itemLabel">{this.t('settings:invoice:reqfields:tax')}</label>
               <label className="switch">
                 <input
                   name="tax"
@@ -239,7 +240,7 @@ class Invoice extends Component {
               </label>
             </Field>
             <Field>
-              <label className="itemLabel">Note</label>
+              <label className="itemLabel">{this.t('settings:invoice:reqfields:note')}</label>
               <label className="switch">
                 <input
                   name="note"
@@ -253,11 +254,11 @@ class Invoice extends Component {
           </Row>
         </Section>
 
-        <label className="itemLabel">Other</label>
+        <label className="itemLabel">{this.t('settings:invoice:other:heading')}</label>
         <Section>
           <Row>
             <Field>
-              <label className="itemLabel">Currency</label>
+              <label className="itemLabel">{this.t('settings:common:currency')}</label>
               <select
                 name="currency"
                 value={currency}
@@ -267,20 +268,20 @@ class Invoice extends Component {
               </select>
             </Field>
             <Field>
-              <label className="itemLabel">Template</label>
+              <label className="itemLabel">{this.t('settings:invoice:other:template:heading')}</label>
               <select
                 name="template"
                 value={template}
                 onChange={this.handleInputChange}
               >
-                <option value="minimal">Minimal</option>
-                <option value="business">Business</option>
+                <option value="minimal">{this.t('settings:invoice:other:template:minimal')}</option>
+                <option value="business">{this.t('settings:invoice:other:template:business')}</option>
               </select>
             </Field>
           </Row>
           <Row>
             <Field>
-              <label className="itemLabel">Date Format</label>
+              <label className="itemLabel">{this.t('settings:invoice:other:dateformat')}</label>
               <select
                 name="dateFormat"
                 value={dateFormat}
@@ -315,7 +316,7 @@ class Invoice extends Component {
               </select>
             </Field>
             <Field>
-              <label className="itemLabel">PDF Export Directory</label>
+              <label className="itemLabel">{this.t('settings:invoice:other:exportdir')}</label>
               <div className="input-group">
                 <input
                   className="form-control"
diff --git a/app/components/settings/Profile.jsx b/app/components/settings/Profile.jsx
index d80eca91..eacfb21d 100644
--- a/app/components/settings/Profile.jsx
+++ b/app/components/settings/Profile.jsx
@@ -42,11 +42,12 @@ class Profile extends Component {
   }
 
   render() {
+    const { t } = this.props;
     return (
       <div>
         <div className="pageItem">
-          <label className="itemLabel">Logo</label>
-          <Hint>Accepts PNG, JPEG & SVG</Hint>
+          <label className="itemLabel">{t('settings:profile:logo')}</label>
+          <Hint>{t('settings:profile:filetypes')}</Hint>
           <Logo
             logo={this.state.logo}
             handleLogoChange={this.handleLogoChange}
@@ -54,7 +55,7 @@ class Profile extends Component {
         </div>
         <div className="row">
           <div className="pageItem col-md-6">
-            <label className="itemLabel">Full Name</label>
+            <label className="itemLabel">{t('settings:profile:fullname')}</label>
             <input
               name="fullname"
               type="text"
@@ -64,7 +65,7 @@ class Profile extends Component {
           </div>
 
           <div className="pageItem col-md-6">
-            <label className="itemLabel">Company</label>
+            <label className="itemLabel">{t('settings:profile:company')}</label>
             <input
               name="company"
               type="text"
@@ -76,7 +77,7 @@ class Profile extends Component {
 
         <div className="row">
           <div className="pageItem col-md-6">
-            <label className="itemLabel">Address</label>
+            <label className="itemLabel">{t('settings:profile:address')}</label>
             <input
               name="address"
               type="text"
@@ -86,7 +87,7 @@ class Profile extends Component {
           </div>
 
           <div className="pageItem col-md-6">
-            <label className="itemLabel">Email</label>
+            <label className="itemLabel">{t('settings:profile:email')}</label>
             <input
               name="email"
               type="text"
@@ -98,7 +99,7 @@ class Profile extends Component {
 
         <div className="row">
           <div className="pageItem col-md-6">
-            <label className="itemLabel">Phone Number</label>
+            <label className="itemLabel">{t('settings:profile:phone')}</label>
             <input
               name="phone"
               type="text"
@@ -108,7 +109,7 @@ class Profile extends Component {
           </div>
 
           <div className="pageItem col-md-6">
-            <label className="itemLabel">Website</label>
+            <label className="itemLabel">{t('settings:profile:website')}</label>
             <input
               name="website"
               type="text"
diff --git a/app/containers/Settings.jsx b/app/containers/Settings.jsx
index 927f0d0d..abc3881c 100644
--- a/app/containers/Settings.jsx
+++ b/app/containers/Settings.jsx
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import { compose } from 'recompose';
 import { connect } from 'react-redux';
 import { isEqual } from 'lodash';
+import { translate } from 'react-i18next';
 
 // Selectors
 import {
@@ -59,14 +60,16 @@ class Settings extends Component {
   renderSettingsContent() {
     const { profile, general, invoice } = this.props.currentSettings;
     const { updateSettings } = this.props.boundActionCreators;
+    // Translation
+    const { t } = this.props;
     return (
       <PageWrapper>
         <PageHeader>
-          <PageHeaderTitle>Settings</PageHeaderTitle>
+          <PageHeaderTitle>{t('settings:general:heading')}</PageHeaderTitle>
           {!this.settingsSaved() && (
             <PageHeaderActions>
               <Button primary onClick={this.saveSettingsState}>
-                Save
+              {t('settings:general:btns:save')}
               </Button>
             </PageHeaderActions>
           )}
@@ -78,32 +81,32 @@ class Settings extends Component {
               className={this.state.visibleTab === 1 ? 'active' : ''}
               onClick={() => this.changeTab(1)}
             >
-              Profile
+              {t('settings:profile:heading')}
             </Tab>
             <Tab
               href="#"
               className={this.state.visibleTab === 2 ? 'active' : ''}
               onClick={() => this.changeTab(2)}
             >
-              Invoice
+              {t('settings:invoice:heading')}
             </Tab>
             <Tab
               href="#"
               className={this.state.visibleTab === 3 ? 'active' : ''}
               onClick={() => this.changeTab(3)}
             >
-              General
+              {t('settings:general:heading')}
             </Tab>
           </Tabs>
           <TabContent>
             {this.state.visibleTab === 1 && (
-              <Profile profile={profile} updateSettings={updateSettings} />
+              <Profile profile={profile} updateSettings={updateSettings} t={t} />
             )}
             {this.state.visibleTab === 2 && (
-              <Invoice invoice={invoice} updateSettings={updateSettings} />
+              <Invoice invoice={invoice} updateSettings={updateSettings} t={t} />
             )}
             {this.state.visibleTab === 3 && (
-              <General general={general} updateSettings={updateSettings} />
+              <General general={general} updateSettings={updateSettings} t={t} />
             )}
           </TabContent>
         </PageContent>
@@ -139,5 +142,6 @@ const mapStateToProps = state => ({
 
 export default compose(
   connect(mapStateToProps, mapDispatchToProps),
+  translate('settings'),
   _withFadeInAnimation
 )(Settings);
diff --git a/i18n/de/form.json b/i18n/de/form.json
new file mode 100644
index 00000000..2b3ced2c
--- /dev/null
+++ b/i18n/de/form.json
@@ -0,0 +1,58 @@
+{
+  "header": {
+    "name": "Neue Rechnung erstellen",
+    "btns": {
+      "clear": "Löschen",
+      "update": "Aktualisieren",
+      "saveAndPreview": "Speichern und Vorschau"
+    }
+  },
+  "settings": {
+    "name": "Form Settings",
+    "hint": "Toogle any field to make it required in the form."
+  },
+  "fields": {
+    "items": {
+      "name": "Product/Service",
+      "description": "Description",
+      "price": "Price",
+      "quantity": "Quantity",
+      "add": "Add a New Item"
+    },
+    "recipient": {
+      "name": "Recipient",
+      "select": "Select",
+      "add": "Create New",
+      "fullname": "Fullname",
+      "company": "Company",
+      "email": "Email",
+      "phone": "Phone Number"
+    },
+    "discount": {
+      "name": "Discount",
+      "percentage": "Percentage",
+      "flat": "Flat Rate"
+    },
+    "dueDate": {
+      "name": "Due Date",
+      "placeHolder": "Select a Date"
+    },
+    "tax": {
+      "name": "Tax",
+      "id": "Tax ID",
+      "method": "Method",
+      "reverse": "Reverse Charge"
+    },
+    "note": {
+      "name": "Note"
+    },
+    "currency": {
+      "name": "Currency"
+    }
+  },
+  "common": {
+    "default": "Default",
+    "amount": "Amount",
+    "saveAsDefault": "Save as Default?"
+  }
+}
diff --git a/i18n/de/index.js b/i18n/de/index.js
new file mode 100644
index 00000000..b3f6202e
--- /dev/null
+++ b/i18n/de/index.js
@@ -0,0 +1,7 @@
+import form from './form.json';
+import settings from './settings.json';
+
+export default {
+  form,
+  settings
+}
diff --git a/i18n/de/settings.json b/i18n/de/settings.json
new file mode 100644
index 00000000..3e2790e2
--- /dev/null
+++ b/i18n/de/settings.json
@@ -0,0 +1,77 @@
+{
+  "general": {
+    "heading": "Allgemeines",
+    "btns": {
+      "save": "Speichern"
+    },
+    "sound": {
+        "heading": "Klänge",
+        "default": "Standard",
+        "counterstrike": "Counter-Strike",
+        "mute": "Stummschalten?"
+    },
+    "checkupdates": {
+        "heading": "Automatisch auf Aktualisierungen prüfen",
+        "daily": "Täglich (empfohlen)",
+        "weekly": "Einmal pro Woche"
+    },
+    "autopreviewpdf": "Automatische PDF Vorschau",
+    "language": {
+        "heading": "Sprache",
+        "english": "Englisch",
+        "german": "Deutsch",
+        "french": "Französisch",
+        "vietnamese": "Vietnamesisch"
+    }
+  },
+  "profile": {
+      "heading": "Profil",
+      "logo": "Logo",
+      "filetypes": "Akzeptiert PNG, JPEG & SVG",
+      "fullname": "Vollständiger Name",
+      "company": "Firma",
+      "address": "Adresse",
+      "email": "E-Mail",
+      "phone": "Telefonnummer",
+      "website": "Webseite"
+  },
+  "invoice": {
+      "heading": "Rechnung",
+      "noaccess": {
+          "title": "Keine Berechtigungen",
+          "message": ". Bitte wählen Sie ein anderes Verzeichnis!"
+      },
+      "tax": {
+          "heading": "Mehrwertsteuer Einstellungen",
+          "taxid": "Mehrwertsteuer-Nummer",
+          "taxidplaceholder": "MwSt.-Nr.",
+          "amount": "MwSt. Satz",
+          "method": {
+              "heading": "Zahlungsmethode",
+              "default": "Standard",
+              "reverse": "Umkehr der Steuerschuld"
+          }
+      },
+      "reqfields": {
+          "heading": "Erforderliche Felder",
+          "duedate": "Fälligkeitsdatum",
+          "currency": "Währung",
+          "discount": "Rabatt",
+          "tax": "Mehrwertsteuer",
+          "note": "Notiz"
+      },
+      "other": {
+          "heading": "Sonstiges",
+          "template": {
+              "heading": "Vorlage",
+              "minimal": "Minimal",
+              "business": "Geschäftlich"
+          },
+          "dateformat": "Datumsformat",
+          "exportdir": "PDF Exportverzeichnis"
+      }
+  },
+  "common": {
+      "currency": "Währung"
+  }
+}
diff --git a/i18n/en/index.js b/i18n/en/index.js
index 7594e670..b3f6202e 100644
--- a/i18n/en/index.js
+++ b/i18n/en/index.js
@@ -1,5 +1,7 @@
 import form from './form.json';
+import settings from './settings.json';
 
 export default {
-  form
+  form,
+  settings
 }
diff --git a/i18n/en/settings.json b/i18n/en/settings.json
new file mode 100644
index 00000000..26904c19
--- /dev/null
+++ b/i18n/en/settings.json
@@ -0,0 +1,77 @@
+{
+  "general": {
+    "heading": "General",
+    "btns": {
+      "save": "Save"
+    },
+    "sound": {
+        "heading": "Sounds",
+        "default": "Default",
+        "counterstrike": "Counter Strike",
+        "mute": "Mute Sound?"
+    },
+    "checkupdates": {
+        "heading": "Auto Check for Update",
+        "daily": "Everyday (Recommended)",
+        "weekly": "Once A Week"
+    },
+    "autopreviewpdf": "Auto Preview PDF",
+    "language": {
+        "heading": "Language",
+        "english": "English",
+        "german": "German",
+        "french": "French",
+        "vietnamese": "Vietnamese"
+    }
+  },
+  "profile": {
+      "heading": "Profile",
+      "logo": "Logo",
+      "filetypes": "Accepts PNG, JPEG & SVG",
+      "fullname": "Full name",
+      "company": "Company",
+      "address": "Address",
+      "email": "Email",
+      "phone": "Phone Number",
+      "website": "Website"
+  },
+  "invoice": {
+      "heading": "Invoice",
+      "noaccess": {
+          "title": "No Access Permisison",
+          "message": ". Please choose a different directory!"
+      },
+      "tax": {
+          "heading": "Tax Settings",
+          "taxid": "Tax ID",
+          "taxidplaceholder": "Registration Number",
+          "amount": "Tax Amount",
+          "method": {
+              "heading": "Zahlungsmethode",
+              "default": "Standard",
+              "reverse": "Umkehr der Steuerschuld"
+          }
+      },
+      "reqfields": {
+          "heading": "Required Fields",
+          "duedate": "Due Date",
+          "currency": "Currency",
+          "discount": "Discount",
+          "tax": "Tax",
+          "note": "Note"
+      },
+      "other": {
+          "heading": "Other",
+          "template": {
+              "heading": "Template",
+              "minimal": "Minimal",
+              "business": "Business"
+          },
+          "dateformat": "Date Format",
+          "exportdir": "PDF Export Directory"
+      }
+  },
+  "common": {
+      "currency": "Currency"
+  }
+}
diff --git a/i18n/fr/index.js b/i18n/fr/index.js
index 7594e670..b3f6202e 100644
--- a/i18n/fr/index.js
+++ b/i18n/fr/index.js
@@ -1,5 +1,7 @@
 import form from './form.json';
+import settings from './settings.json';
 
 export default {
-  form
+  form,
+  settings
 }
diff --git a/i18n/fr/settings.json b/i18n/fr/settings.json
new file mode 100644
index 00000000..26904c19
--- /dev/null
+++ b/i18n/fr/settings.json
@@ -0,0 +1,77 @@
+{
+  "general": {
+    "heading": "General",
+    "btns": {
+      "save": "Save"
+    },
+    "sound": {
+        "heading": "Sounds",
+        "default": "Default",
+        "counterstrike": "Counter Strike",
+        "mute": "Mute Sound?"
+    },
+    "checkupdates": {
+        "heading": "Auto Check for Update",
+        "daily": "Everyday (Recommended)",
+        "weekly": "Once A Week"
+    },
+    "autopreviewpdf": "Auto Preview PDF",
+    "language": {
+        "heading": "Language",
+        "english": "English",
+        "german": "German",
+        "french": "French",
+        "vietnamese": "Vietnamese"
+    }
+  },
+  "profile": {
+      "heading": "Profile",
+      "logo": "Logo",
+      "filetypes": "Accepts PNG, JPEG & SVG",
+      "fullname": "Full name",
+      "company": "Company",
+      "address": "Address",
+      "email": "Email",
+      "phone": "Phone Number",
+      "website": "Website"
+  },
+  "invoice": {
+      "heading": "Invoice",
+      "noaccess": {
+          "title": "No Access Permisison",
+          "message": ". Please choose a different directory!"
+      },
+      "tax": {
+          "heading": "Tax Settings",
+          "taxid": "Tax ID",
+          "taxidplaceholder": "Registration Number",
+          "amount": "Tax Amount",
+          "method": {
+              "heading": "Zahlungsmethode",
+              "default": "Standard",
+              "reverse": "Umkehr der Steuerschuld"
+          }
+      },
+      "reqfields": {
+          "heading": "Required Fields",
+          "duedate": "Due Date",
+          "currency": "Currency",
+          "discount": "Discount",
+          "tax": "Tax",
+          "note": "Note"
+      },
+      "other": {
+          "heading": "Other",
+          "template": {
+              "heading": "Template",
+              "minimal": "Minimal",
+              "business": "Business"
+          },
+          "dateformat": "Date Format",
+          "exportdir": "PDF Export Directory"
+      }
+  },
+  "common": {
+      "currency": "Currency"
+  }
+}
diff --git a/i18n/i18n.js b/i18n/i18n.js
index 94f6adee..ebac73cf 100644
--- a/i18n/i18n.js
+++ b/i18n/i18n.js
@@ -9,6 +9,7 @@ const defaultLanguage = appConfig.get('general.language');
 import fr from './fr/index.js';
 import en from './en/index.js';
 import vi from './vi/index.js';
+import de from './de/index.js';
 
 i18n
   // Don't use I18nextProvider
@@ -22,6 +23,7 @@ i18n
       en,
       fr,
       vi,
+      de,
     },
     // React i18next special options (optional)
     react: {
diff --git a/i18n/vi/index.js b/i18n/vi/index.js
index 7594e670..b3f6202e 100644
--- a/i18n/vi/index.js
+++ b/i18n/vi/index.js
@@ -1,5 +1,7 @@
 import form from './form.json';
+import settings from './settings.json';
 
 export default {
-  form
+  form,
+  settings
 }
diff --git a/i18n/vi/settings.json b/i18n/vi/settings.json
new file mode 100644
index 00000000..26904c19
--- /dev/null
+++ b/i18n/vi/settings.json
@@ -0,0 +1,77 @@
+{
+  "general": {
+    "heading": "General",
+    "btns": {
+      "save": "Save"
+    },
+    "sound": {
+        "heading": "Sounds",
+        "default": "Default",
+        "counterstrike": "Counter Strike",
+        "mute": "Mute Sound?"
+    },
+    "checkupdates": {
+        "heading": "Auto Check for Update",
+        "daily": "Everyday (Recommended)",
+        "weekly": "Once A Week"
+    },
+    "autopreviewpdf": "Auto Preview PDF",
+    "language": {
+        "heading": "Language",
+        "english": "English",
+        "german": "German",
+        "french": "French",
+        "vietnamese": "Vietnamese"
+    }
+  },
+  "profile": {
+      "heading": "Profile",
+      "logo": "Logo",
+      "filetypes": "Accepts PNG, JPEG & SVG",
+      "fullname": "Full name",
+      "company": "Company",
+      "address": "Address",
+      "email": "Email",
+      "phone": "Phone Number",
+      "website": "Website"
+  },
+  "invoice": {
+      "heading": "Invoice",
+      "noaccess": {
+          "title": "No Access Permisison",
+          "message": ". Please choose a different directory!"
+      },
+      "tax": {
+          "heading": "Tax Settings",
+          "taxid": "Tax ID",
+          "taxidplaceholder": "Registration Number",
+          "amount": "Tax Amount",
+          "method": {
+              "heading": "Zahlungsmethode",
+              "default": "Standard",
+              "reverse": "Umkehr der Steuerschuld"
+          }
+      },
+      "reqfields": {
+          "heading": "Required Fields",
+          "duedate": "Due Date",
+          "currency": "Currency",
+          "discount": "Discount",
+          "tax": "Tax",
+          "note": "Note"
+      },
+      "other": {
+          "heading": "Other",
+          "template": {
+              "heading": "Template",
+              "minimal": "Minimal",
+              "business": "Business"
+          },
+          "dateformat": "Date Format",
+          "exportdir": "PDF Export Directory"
+      }
+  },
+  "common": {
+      "currency": "Currency"
+  }
+}

From 4ef32843f09af4404b8e5fc0c0dc3d87120b44d9 Mon Sep 17 00:00:00 2001
From: DarkSmile92 <robin.kretzschmar@yahoo.de>
Date: Tue, 23 Jan 2018 17:02:41 +0100
Subject: [PATCH 2/2] Closes hql287/Manta#190, Closes hql287/Manta#173

---
 app/helpers/number.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/helpers/number.js b/app/helpers/number.js
index 6c71106d..48d6322b 100644
--- a/app/helpers/number.js
+++ b/app/helpers/number.js
@@ -1,11 +1,19 @@
+const appConfig = require('electron').remote.require('electron-settings');
+
 function roundValue(value) {
   // This variable my get value from setting in future version
   const decimals = 2;
   return Number(Math.round(value + 'e' + decimals) + 'e-' + decimals);
 }
 
-function formatNumber(number) {
-  return roundValue(number).toLocaleString();
+function formatNumber(number, locale) {
+  if (!locale) {
+    locale = appConfig.get('general.language') || 'en';
+  }
+  return roundValue(number).toLocaleString(locale, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
 }
 
 export { formatNumber };