Add German Localization (#1998)

front/src/components/boxs/chart/ApexChartComponent.jsx

@@ -3,6 +3,7 @@ import ApexCharts from 'apexcharts';
 
 import fr from 'apexcharts/dist/locales/fr.json';
 import en from 'apexcharts/dist/locales/en.json';
+import de from 'apexcharts/dist/locales/de.json';
 
 import dayjs from 'dayjs';
 import localizedFormat from 'dayjs/plugin/localizedFormat';
@@ -43,7 +44,7 @@ class ApexChartComponent extends Component {
       displayAxes: this.props.display_axes,
       series: this.props.series,
       COLORS,
-      locales: [fr, en],
+      locales: [fr, en, de],
       defaultLocale: this.props.user.language
     });
     this.addDateFormatter(options);
@@ -63,7 +64,7 @@ class ApexChartComponent extends Component {
       series: this.props.series,
       displayAxes: this.props.display_axes,
       COLORS,
-      locales: [fr, en],
+      locales: [fr, en, de],
       defaultLocale: this.props.user.language
     });
     this.addDateFormatter(options);
@@ -84,7 +85,7 @@ class ApexChartComponent extends Component {
       COLORS,
       displayAxes: this.props.display_axes,
       series: this.props.series,
-      locales: [fr, en],
+      locales: [fr, en, de],
       defaultLocale: this.props.user.language
     });
     this.addDateFormatter(options);
@@ -104,7 +105,7 @@ class ApexChartComponent extends Component {
       COLORS,
       displayAxes: this.props.display_axes,
       series: this.props.series,
-      locales: [fr, en],
+      locales: [fr, en, de],
       defaultLocale: this.props.user.language
     });
     this.addDateFormatter(options);

front/src/components/user/profile.jsx

@@ -138,6 +138,9 @@ const Profile = ({ children, ...props }) => {
           <option value="fr">
             <Text id="profile.french" />
           </option>
+          <option value="de">
+            <Text id="profile.german" />
+          </option>
         </select>
       </div>
       {!props.disableRole && (

front/src/config/i18n/en.json

@@ -97,6 +97,7 @@
       "languageLabel": "Language",
       "english": "English",
       "french": "Français",
+      "german": "Deutsch",
       "birthdateLabel": "Birthdate",
       "birthdatePlaceHolder": "Enter your birthdate",
       "january": "January",
@@ -1918,6 +1919,7 @@
     "languageLabel": "Language",
     "english": "English",
     "french": "Français",
+    "german": "Deutsch",
     "roleLabel": "Role",
     "passwordLabel": "Password (min 8 characters)",
     "passwordPlaceholder": "Enter your password",

front/src/config/i18n/fr.json

@@ -97,6 +97,7 @@
       "languageLabel": "Langue",
       "english": "English",
       "french": "Français",
+      "german": "Deutsch",
       "birthdateLabel": "Date de naissance",
       "birthdatePlaceHolder": "Entrez votre date de naissance",
       "january": "Janvier",
@@ -1920,6 +1921,7 @@
     "languageLabel": "Langue",
     "english": "English",
     "french": "Français",
+    "german": "Deutsch",
     "roleLabel": "Rôle",
     "passwordLabel": "Mot de passe (min 8 caractères)",
     "passwordPlaceholder": "Entrez votre mot de passe",

front/src/config/i18n/index.js

@@ -1,5 +1,6 @@
 import en from './en.json';
 import fr from './fr.json';
+import de from './de.json';
 import { AVAILABLE_LANGUAGES } from '../../../../server/utils/constants';
 
-export default { [AVAILABLE_LANGUAGES.FR]: fr, [AVAILABLE_LANGUAGES.EN]: en };
+export default { [AVAILABLE_LANGUAGES.FR]: fr, [AVAILABLE_LANGUAGES.EN]: en, [AVAILABLE_LANGUAGES.DE]: de };

front/src/index.js

@@ -1,6 +1,7 @@
 import '@gladysassistant/theme-optimized/dashboard.css';
 import 'dayjs/locale/en';
 import 'dayjs/locale/fr';
+import 'dayjs/locale/de';
 import './style';
 import App from './components/app';
 

front/src/routes/signup/2-create-account-local/index.js

@@ -8,6 +8,7 @@ import CreateAccountLocalTab from './CreateAccountLocalTab';
 import validateEmail from '../../../utils/validateEmail';
 import { RequestStatus, CreateUserErrors } from '../../../utils/consts';
 import actions from '../../../actions/signup/signupCreateLocalAccount';
+import { getDefaultState } from '../../../utils/getDefaultState';
 
 const MIN_PASSWORD_LENGTH = 8;
 
@@ -21,7 +22,7 @@ class CreateAccountLocal extends Component {
       // there is no way to ALTER a column in SQlite, so we set a default value
       // here to simplify the login process
       birthdate: new Date(2000, 0, 1),
-      language: navigator.language === 'fr' ? 'fr' : 'en',
+      language: getDefaultState().user.language,
       password: '',
       passwordRepeat: ''
     }

server/api/controllers/user.controller.js

@@ -15,7 +15,7 @@ module.exports = function UserController(gladys) {
    * @apiParam {String} password Password of the user
    * @apiParam {string="admin","habitant", "guest"} role role of the user
    * @apiParam {date} birthdate Birthdate of the user
-   * @apiParam {string="en", "fr"} language Language of the user
+   * @apiParam {string="en", "fr", "de"} language Language of the user
    * @apiSuccess {String} id id of the created user
    */
   async function create(req, res, next) {

server/lib/scene/scene.checkCalendarTriggers.js

@@ -4,6 +4,7 @@ const dayjs = require('dayjs');
 
 require('dayjs/locale/en');
 require('dayjs/locale/fr');
+require('dayjs/locale/de');
 
 const LocalizedFormat = require('dayjs/plugin/localizedFormat');
 const db = require('../../models');

server/test/lib/scene/scene.checkCalendarTriggers.test.js

@@ -4,6 +4,8 @@ const dayjs = require('dayjs');
 
 require('dayjs/locale/en');
 require('dayjs/locale/fr');
+require('dayjs/locale/de');
+
 const LocalizedFormat = require('dayjs/plugin/localizedFormat');
 
 const EventEmitter = require('events');

server/utils/constants.js

@@ -72,6 +72,7 @@ const USER_ROLE = {
 const AVAILABLE_LANGUAGES = {
   EN: 'en',
   FR: 'fr',
+  DE: 'de',
 };
 
 const SESSION_TOKEN_TYPES = {