From fcbad50a194e0c9ac5821b16008e880d91db6398 Mon Sep 17 00:00:00 2001
From: Simone Orsi <simahawk@gmail.com>
Date: Mon, 2 Nov 2020 11:19:20 +0100
Subject: [PATCH 1/4] shopfloor_mobile: get available lang from registry

---
 shopfloor_mobile/static/wms/src/i18n.js          |  6 ++++--
 .../static/wms/src/services/registry.js          | 16 ++++++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/shopfloor_mobile/static/wms/src/i18n.js b/shopfloor_mobile/static/wms/src/i18n.js
index 33a6242093..f749097d5c 100644
--- a/shopfloor_mobile/static/wms/src/i18n.js
+++ b/shopfloor_mobile/static/wms/src/i18n.js
@@ -6,11 +6,13 @@
 
 import {translation_registry} from "./services/translation_registry.js";
 
+const default_lang = translation_registry.get_default_lang();
+const available_langs = translation_registry.available_langs();
 const messages = translation_registry.all();
 
 export const i18n = new VueI18n({
-    locale: "en-US", // set locale
-    availableLocales: ["en-US", "fr-FR", "de-DE"],
+    locale: default_lang, // set locale
+    availableLocales: available_langs,
     messages, // set locale messages
 });
 
diff --git a/shopfloor_mobile/static/wms/src/services/registry.js b/shopfloor_mobile/static/wms/src/services/registry.js
index 48ff4b963b..bdf980c9b2 100644
--- a/shopfloor_mobile/static/wms/src/services/registry.js
+++ b/shopfloor_mobile/static/wms/src/services/registry.js
@@ -141,6 +141,7 @@ export class ColorRegistry {
 export class TranslationRegistry {
     constructor() {
         this._data = {};
+        this._default_lang = "en-US";
     }
 
     get(path) {
@@ -154,4 +155,19 @@ export class TranslationRegistry {
     all() {
         return this._data;
     }
+
+    available_langs() {
+        return Object.keys(this._data);
+    }
+
+    set_default_lang(lang) {
+        if (_.isEmpty(this._data[lang])) {
+            throw "Language not available: " + lang;
+        }
+        this._default_lang = lang;
+    }
+
+    get_default_lang() {
+        return this._default_lang;
+    }
 }

From f06daacd731534ca65c707e78b121b7277445043 Mon Sep 17 00:00:00 2001
From: Simone Orsi <simahawk@gmail.com>
Date: Mon, 2 Nov 2020 11:31:07 +0100
Subject: [PATCH 2/4] shopfloor_mobile: split i18n lang files

---
 .../static/wms/src/i18n.translation.js        | 164 ------------------
 .../static/wms/src/i18n/i18n.de.js            |  57 ++++++
 .../static/wms/src/i18n/i18n.en.js            |  68 ++++++++
 .../static/wms/src/i18n/i18n.fr.js            |  57 ++++++
 shopfloor_mobile/templates/assets.xml         |  14 +-
 5 files changed, 194 insertions(+), 166 deletions(-)
 delete mode 100644 shopfloor_mobile/static/wms/src/i18n.translation.js
 create mode 100644 shopfloor_mobile/static/wms/src/i18n/i18n.de.js
 create mode 100644 shopfloor_mobile/static/wms/src/i18n/i18n.en.js
 create mode 100644 shopfloor_mobile/static/wms/src/i18n/i18n.fr.js

diff --git a/shopfloor_mobile/static/wms/src/i18n.translation.js b/shopfloor_mobile/static/wms/src/i18n.translation.js
deleted file mode 100644
index dcf56c412e..0000000000
--- a/shopfloor_mobile/static/wms/src/i18n.translation.js
+++ /dev/null
@@ -1,164 +0,0 @@
-/**
- * Copyright 2020 Camptocamp SA (http://www.camptocamp.com)
- * @author Simone Orsi <simahawk@gmail.com>
- * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
- */
-
-import {translation_registry} from "./services/translation_registry.js";
-
-const messages_en = {
-    screen: {
-        home: {
-            title: "Barcode scanner",
-        },
-        scan_anything: {
-            title: "Scan {what}",
-        },
-        settings: {
-            home: {
-                name: "Settings",
-                title: "Settings",
-            },
-            language: {
-                name: "Language",
-                title: "Select language",
-            },
-            profile: {
-                name: "Profile",
-                title: "Select profile",
-            },
-            fullscreen: {
-                enter: "Go fullscreen",
-                exit: "Exit fullscreen",
-            },
-        },
-    },
-    language: {
-        name: {
-            English: "English",
-            French: "French",
-            German: "German",
-        },
-    },
-    btn: {
-        back: {
-            title: "Back",
-        },
-        confirm: {
-            title: "Confirm",
-        },
-        ok: {
-            title: "Ok",
-        },
-    },
-    picking_type: {
-        lines_count: "{lines_count} lines (over {picking_count} operations).",
-        priority_lines_count:
-            "{priority_lines_count} priority lines (over {priority_picking_count} operations).",
-    },
-    zone_picking: {
-        picking_type_detail: "{lines_count} ({priority_lines_count}) {name}",
-    },
-    order_lines_by: {
-        priority: "Order by priority",
-        location: "Order by location",
-    },
-};
-const messages_fr = {
-    screen: {
-        home: {
-            title: "Barcode scanner",
-        },
-        scan_anything: {
-            name: "Scanner",
-            title: "Scanner {what}",
-        },
-        settings: {
-            home: {
-                name: "Réglages",
-                title: "Réglages",
-            },
-            language: {
-                name: "Langue",
-                title: "Choisir la langue",
-            },
-            profile: {
-                name: "Profil",
-                title: "Choisissez un profil",
-            },
-            fullscreen: {
-                enter: "Go fullscreen",
-                exit: "Exit fullscreen",
-            },
-        },
-    },
-    language: {
-        name: {
-            English: "Anglais",
-            French: "Français",
-            German: "Allemand",
-        },
-    },
-    btn: {
-        back: {
-            title: "Retour",
-        },
-        confirm: {
-            title: "Confirmer",
-        },
-        ok: {
-            title: "Ok",
-        },
-    },
-};
-const messages_de = {
-    screen: {
-        home: {
-            title: "Barcode scanner",
-        },
-        scan_anything: {
-            name: "Gescannt",
-            title: "Gescannt {what}",
-        },
-        settings: {
-            home: {
-                name: "Einstellungen",
-                title: "Einstellungen",
-            },
-            language: {
-                name: "Sprache",
-                title: "Sprache auswählen",
-            },
-            profile: {
-                name: "Profil",
-                title: "Wähle Profil",
-            },
-            fullscreen: {
-                enter: "Go fullscreen",
-                exit: "Exit fullscreen",
-            },
-        },
-    },
-    language: {
-        name: {
-            English: "Englisch",
-            French: "Französisch",
-            German: "Deutsche",
-        },
-    },
-    btn: {
-        back: {
-            title: "Zurück",
-        },
-        confirm: {
-            title: "Bestätigen",
-        },
-        ok: {
-            title: "Ok",
-        },
-    },
-};
-
-translation_registry.add("en-US", messages_en);
-translation_registry.add("fr-FR", messages_fr);
-translation_registry.add("de-DE", messages_de);
diff --git a/shopfloor_mobile/static/wms/src/i18n/i18n.de.js b/shopfloor_mobile/static/wms/src/i18n/i18n.de.js
new file mode 100644
index 0000000000..d606a1b169
--- /dev/null
+++ b/shopfloor_mobile/static/wms/src/i18n/i18n.de.js
@@ -0,0 +1,57 @@
+/**
+ * Copyright 2020 Camptocamp SA (http://www.camptocamp.com)
+ * @author Simone Orsi <simahawk@gmail.com>
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+ */
+
+import {translation_registry} from "../services/translation_registry.js";
+
+const messages_de = {
+    screen: {
+        home: {
+            title: "Barcode scanner",
+        },
+        scan_anything: {
+            name: "Gescannt",
+            title: "Gescannt {what}",
+        },
+        settings: {
+            home: {
+                name: "Einstellungen",
+                title: "Einstellungen",
+            },
+            language: {
+                name: "Sprache",
+                title: "Sprache auswählen",
+            },
+            profile: {
+                name: "Profil",
+                title: "Wähle Profil",
+            },
+            fullscreen: {
+                enter: "Go fullscreen",
+                exit: "Exit fullscreen",
+            },
+        },
+    },
+    language: {
+        name: {
+            English: "Englisch",
+            French: "Französisch",
+            German: "Deutsche",
+        },
+    },
+    btn: {
+        back: {
+            title: "Zurück",
+        },
+        confirm: {
+            title: "Bestätigen",
+        },
+        ok: {
+            title: "Ok",
+        },
+    },
+};
+
+translation_registry.add("de-DE", messages_de);
diff --git a/shopfloor_mobile/static/wms/src/i18n/i18n.en.js b/shopfloor_mobile/static/wms/src/i18n/i18n.en.js
new file mode 100644
index 0000000000..39e1d1a621
--- /dev/null
+++ b/shopfloor_mobile/static/wms/src/i18n/i18n.en.js
@@ -0,0 +1,68 @@
+/**
+ * Copyright 2020 Camptocamp SA (http://www.camptocamp.com)
+ * @author Simone Orsi <simahawk@gmail.com>
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+ */
+
+import {translation_registry} from "../services/translation_registry.js";
+
+const messages_en = {
+    screen: {
+        home: {
+            title: "Barcode scanner",
+        },
+        scan_anything: {
+            title: "Scan {what}",
+        },
+        settings: {
+            home: {
+                name: "Settings",
+                title: "Settings",
+            },
+            language: {
+                name: "Language",
+                title: "Select language",
+            },
+            profile: {
+                name: "Profile",
+                title: "Select profile",
+            },
+            fullscreen: {
+                enter: "Go fullscreen",
+                exit: "Exit fullscreen",
+            },
+        },
+    },
+    language: {
+        name: {
+            English: "English",
+            French: "French",
+            German: "German",
+        },
+    },
+    btn: {
+        back: {
+            title: "Back",
+        },
+        confirm: {
+            title: "Confirm",
+        },
+        ok: {
+            title: "Ok",
+        },
+    },
+    picking_type: {
+        lines_count: "{lines_count} lines (over {picking_count} operations).",
+        priority_lines_count:
+            "{priority_lines_count} priority lines (over {priority_picking_count} operations).",
+    },
+    zone_picking: {
+        picking_type_detail: "{lines_count} ({priority_lines_count}) {name}",
+    },
+    order_lines_by: {
+        priority: "Order by priority",
+        location: "Order by location",
+    },
+};
+
+translation_registry.add("en-US", messages_en);
diff --git a/shopfloor_mobile/static/wms/src/i18n/i18n.fr.js b/shopfloor_mobile/static/wms/src/i18n/i18n.fr.js
new file mode 100644
index 0000000000..201a5504ff
--- /dev/null
+++ b/shopfloor_mobile/static/wms/src/i18n/i18n.fr.js
@@ -0,0 +1,57 @@
+/**
+ * Copyright 2020 Camptocamp SA (http://www.camptocamp.com)
+ * @author Simone Orsi <simahawk@gmail.com>
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+ */
+
+import {translation_registry} from "../services/translation_registry.js";
+
+const messages_fr = {
+    screen: {
+        home: {
+            title: "Barcode scanner",
+        },
+        scan_anything: {
+            name: "Scanner",
+            title: "Scanner {what}",
+        },
+        settings: {
+            home: {
+                name: "Réglages",
+                title: "Réglages",
+            },
+            language: {
+                name: "Langue",
+                title: "Choisir la langue",
+            },
+            profile: {
+                name: "Profil",
+                title: "Choisissez un profil",
+            },
+            fullscreen: {
+                enter: "Go fullscreen",
+                exit: "Exit fullscreen",
+            },
+        },
+    },
+    language: {
+        name: {
+            English: "Anglais",
+            French: "Français",
+            German: "Allemand",
+        },
+    },
+    btn: {
+        back: {
+            title: "Retour",
+        },
+        confirm: {
+            title: "Confirmer",
+        },
+        ok: {
+            title: "Ok",
+        },
+    },
+};
+
+translation_registry.add("fr-FR", messages_fr);
diff --git a/shopfloor_mobile/templates/assets.xml b/shopfloor_mobile/templates/assets.xml
index a2fd89baa5..1ffaec9127 100644
--- a/shopfloor_mobile/templates/assets.xml
+++ b/shopfloor_mobile/templates/assets.xml
@@ -90,8 +90,18 @@
             type="module"
         />
         <script
-            id="script_i18n_translation"
-            t-attf-src="/shopfloor_mobile/assets/src/i18n.translation.js?v=#{app_version}"
+            id="script_i18n_translation_en"
+            t-attf-src="/shopfloor_mobile/assets/src/i18n/i18n.en.js?v=#{app_version}"
+            type="module"
+        />
+        <script
+            id="script_i18n_translation_fr"
+            t-attf-src="/shopfloor_mobile/assets/src/i18n/i18n.fr.js?v=#{app_version}"
+            type="module"
+        />
+        <script
+            id="script_i18n_translation_de"
+            t-attf-src="/shopfloor_mobile/assets/src/i18n/i18n.de.js?v=#{app_version}"
             type="module"
         />
         <script

From 8fbeb070826133cdf1f4223322b1f10cd476c41e Mon Sep 17 00:00:00 2001
From: Simone Orsi <simahawk@gmail.com>
Date: Mon, 2 Nov 2020 12:11:57 +0100
Subject: [PATCH 3/4] shopfloor_mobile: add more translation keys

---
 .../static/wms/src/components/misc.js         | 28 ++++++----
 .../static/wms/src/components/screen.js       | 16 +++---
 shopfloor_mobile/static/wms/src/homepage.js   |  6 +--
 .../static/wms/src/i18n/i18n.en.js            | 51 ++++++++++++++++++-
 shopfloor_mobile/static/wms/src/loginpage.js  |  8 +--
 .../static/wms/src/settings/profile.js        |  4 +-
 .../readme/ROADMAP.rst                        |  4 ++
 7 files changed, 88 insertions(+), 29 deletions(-)

diff --git a/shopfloor_mobile/static/wms/src/components/misc.js b/shopfloor_mobile/static/wms/src/components/misc.js
index 31c7ffe27c..4119c96b3c 100644
--- a/shopfloor_mobile/static/wms/src/components/misc.js
+++ b/shopfloor_mobile/static/wms/src/components/misc.js
@@ -17,7 +17,7 @@ Vue.component("reset-screen-button", {
     template: `
         <div class="action reset" v-if="show_reset_button">
             <v-form class="m-t5"  v-on:reset="reset">
-                <v-btn color="warning" x-large @click="reset">Reset</v-btn>
+                <v-btn color="warning" x-large @click="reset">{{ $t('btn.reset.title') }}</v-btn>
             </v-form>
         </div>
     `,
@@ -26,7 +26,7 @@ Vue.component("reset-screen-button", {
 Vue.component("cancel-button", {
     template: `
         <div class="action reset">
-            <v-btn x-large color="error" v-on:click="$emit('cancel')">Cancel</v-btn>
+            <v-btn x-large color="error" v-on:click="$emit('cancel')">{{ $t('btn.cancel.title') }}</v-btn>
         </div>
     `,
 });
@@ -46,7 +46,7 @@ Vue.component("last-operation", {
                     <v-card-text>The next operation is ready to be processed.</v-card-text>
                 </v-card>
                 <v-form class="mt-10">
-                    <v-btn x-large color="success" @click="$emit('confirm')">OK</v-btn>
+                    <v-btn x-large color="success" @click="$emit('confirm')">{{ $t('btn.ok.title') }}</v-btn>
                 </v-form>
             </v-alert>
         </v-dialog>
@@ -58,10 +58,10 @@ Vue.component("get-work", {
     template: `
     <div class="get-work fullscreen-buttons fullscreen-buttons-50">
       <btn-action id="btn-get-work" @click="$emit('get_work')">
-          Get work
+        {{ $t('misc.btn_get_work') }}
       </btn-action>
       <btn-action id="btn-manual" color="default" @click="$emit('manual_selection')">
-          Manual selection
+        {{ $t('misc.btn_manual_selection') }}
       </btn-action>
     </div>
     `,
@@ -75,12 +75,16 @@ Vue.component("stock-zero-check", {
           <div class="button-list button-vertical-list">
             <v-row align="center">
               <v-col class="text-center" cols="12">
-                <v-btn x-large color="primary" @click="$emit('action', 'action_confirm_zero')">Confirm stock = 0</v-btn>
+                <v-btn x-large color="primary" @click="$emit('action', 'action_confirm_zero')">
+                    {{ $t('misc.stock_zero_check.confirm_stock_zero') }}
+                </v-btn>
               </v-col>
             </v-row>
             <v-row align="center">
               <v-col class="text-center" cols="12">
-                <v-btn x-large color="warning" @click="$emit('action', 'action_confirm_not_zero')">Confirm stock NOT empty</v-btn>
+                <v-btn x-large color="warning" @click="$emit('action', 'action_confirm_not_zero')">
+                    {{ $t('misc.stock_zero_check.confirm_stock_not_zero') }}
+                </v-btn>
               </v-col>
             </v-row>
           </div>
@@ -294,7 +298,7 @@ Vue.component("btn-reset-config", {
             this.$root.$router.push(this.$props.redirect);
         },
     },
-    template: `<btn-action action="warn" @click="reset_data()">Reload config and menu</btn-action>`,
+    template: `<btn-action action="warn" @click="reset_data()">{{ $t('btn.reload_config.title') }}</btn-action>`,
 });
 
 Vue.component("line-actions-popup", {
@@ -327,7 +331,7 @@ Vue.component("line-actions-popup", {
         <div class="button-list button-vertical-list full">
           <v-row class="actions bottom-actions">
             <v-col class="text-center" cols="12">
-              <btn-action v-on="on">Action</btn-action>
+              <btn-action v-on="on">{{ $t('misc.actions_popup.btn_action') }}</btn-action>
             </v-col>
           </v-row>
         </div>
@@ -341,7 +345,7 @@ Vue.component("line-actions-popup", {
           </v-row>
           <v-row align="center">
             <v-col class="text-center" cols="12">
-              <v-btn x-large @click="dialog = false">Back</v-btn>
+              <v-btn x-large @click="dialog = false">{{ $t('btn.back.title') }}</v-btn>
             </v-col>
           </v-row>
         </div>
@@ -362,7 +366,9 @@ Vue.component("line-stock-out", {
     <div class="button-list button-vertical-list full">
       <v-row align="center">
         <v-col class="text-center" cols="12">
-          <btn-action @click="handle_action('confirm_stock_issue')">Confirm stock = 0</btn-action>
+          <btn-action @click="handle_action('confirm_stock_issue')">
+            {{ $t('misc.stock_zero_check.confirm_stock_zero') }}
+          </btn-action>
         </v-col>
       </v-row>
       <v-row align="center">
diff --git a/shopfloor_mobile/static/wms/src/components/screen.js b/shopfloor_mobile/static/wms/src/components/screen.js
index ecbc6e7523..ed10557ba1 100644
--- a/shopfloor_mobile/static/wms/src/components/screen.js
+++ b/shopfloor_mobile/static/wms/src/components/screen.js
@@ -143,14 +143,14 @@ Vue.component("Screen", {
 
             <div class="profile-not-ready" v-if="show_profile_not_ready">
                 <v-alert type="warning" tile>
-                    <p>Profile not configured yet. Please select one.</p>
+                    <p>{{ $t('app.profile_not_configured') }}</p>
                 </v-alert>
                 <div class="button-list button-vertical-list full">
                     <v-row align="center">
                         <v-col class="text-center" cols="12">
                             <v-btn @click="$router.push({'name': 'profile'})">
                                 <v-icon>mdi-account-cog</v-icon>
-                                <span>Configure profile</span>
+                                <span>{{ $t('app.profile_configure') }}</span>
                             </v-btn>
                         </v-col>
                     </v-row>
@@ -161,7 +161,7 @@ Vue.component("Screen", {
                 <screen-loading :loading="$root.loading" />
                 <div class="main-content">
                     <slot>
-                        <span v-if="this.$root.has_profile">Loading...</span>
+                        <span v-if="this.$root.has_profile">$t('app.loading')</span>
                     </slot>
                 </div>
             </v-container>
@@ -195,10 +195,10 @@ Vue.component("nav-items", {
                     {{ item.name }}
                 </v-list-item-title>
                 <v-list-item-subtitle>
-                    <small class="font-weight-light">Scenario: {{ item.scenario }}</small>
+                    <small class="font-weight-light">{{ $t('app.nav.scenario') }} {{ item.scenario }}</small>
                     <br />
                     <small class="font-weight-light">
-                        Op Types: <span v-for="pt in item.picking_types" :key="'pt-' + item.id + '-' + pt.id">{{ pt.name }}</span>
+                        {{ $t('app.nav.op_types') }} <span v-for="pt in item.picking_types" :key="'pt-' + item.id + '-' + pt.id">{{ pt.name }}</span>
                     </small>
                 </v-list-item-subtitle>
             </v-list-item-content>
@@ -212,19 +212,19 @@ Vue.component("nav-items-extra", {
             return [
                 {
                     id: "home",
-                    name: "Home",
+                    name: this.$t("screen.home.title"),
                     icon: "mdi-home",
                     route: {name: "home"},
                 },
                 {
                     id: "scan-anything",
-                    name: "Scan anything",
+                    name: this.$t("screen.scan_anything.title", {what: ""}),
                     icon: "mdi-magnify",
                     route: {name: "scan_anything"},
                 },
                 {
                     id: "settings",
-                    name: "Settings",
+                    name: this.$t("screen.settings.title"),
                     icon: "mdi-cog-outline",
                     route: {name: "settings"},
                 },
diff --git a/shopfloor_mobile/static/wms/src/homepage.js b/shopfloor_mobile/static/wms/src/homepage.js
index 5ab3d29ab6..4feaacab91 100644
--- a/shopfloor_mobile/static/wms/src/homepage.js
+++ b/shopfloor_mobile/static/wms/src/homepage.js
@@ -28,7 +28,7 @@ export var HomePage = Vue.component("home-page", {
     },
     props: ["routes"],
     template: `
-        <Screen :screen_info="{title: $t('screen.home.title'), klass: 'home'}" :show-menu="false">
+        <Screen :screen_info="{title: $t('screen.home.main_title'), klass: 'home'}" :show-menu="false">
             <v-list v-if="$root.has_profile">
                 <nav-items :navigation="navigation"/>
             </v-list>
@@ -37,14 +37,14 @@ export var HomePage = Vue.component("home-page", {
             <div class="button-list button-vertical-list full" v-if="$root.demo_mode">
                 <v-row align="center">
                     <v-col class="text-center" cols="12">
-                        <btn-action action="cancel" @click="nuke_data_and_reload()">Force reload data and refresh</btn-action>
+                        <btn-action action="cancel" @click="nuke_data_and_reload()">$t('screen.home.action.nuke_data_and_reload')</btn-action>
                     </v-col>
                 </v-row>
             </div>
 
             <v-footer absolute padless>
                 <v-col class="text-center font-weight-light" cols="12">
-                    <span class="version">Version:</span> <span class="version-number" v-text="$root.app_info.app_version" />
+                    <span class="version">{{ $t('screen.home.version') }}</span> <span class="version-number" v-text="$root.app_info.app_version" />
                 </v-col>
             </v-footer>
         </Screen>
diff --git a/shopfloor_mobile/static/wms/src/i18n/i18n.en.js b/shopfloor_mobile/static/wms/src/i18n/i18n.en.js
index 39e1d1a621..ae3d95d7ab 100644
--- a/shopfloor_mobile/static/wms/src/i18n/i18n.en.js
+++ b/shopfloor_mobile/static/wms/src/i18n/i18n.en.js
@@ -8,13 +8,29 @@ import {translation_registry} from "../services/translation_registry.js";
 
 const messages_en = {
     screen: {
+        login: {
+            title: "Login",
+            api_key_placeholder: "YOUR_API_KEY_HERE",
+            action: {
+                login: "Login",
+            },
+            error: {
+                api_key_invalid: "Invalid API KEY",
+            },
+        },
         home: {
-            title: "Barcode scanner",
+            title: "Home",
+            main_title: "Barcode scanner",
+            version: "Version:",
+            action: {
+                nuke_data_and_reload: "Force reload data and refresh",
+            },
         },
         scan_anything: {
             title: "Scan {what}",
         },
         settings: {
+            title: "Settings",
             home: {
                 name: "Settings",
                 title: "Settings",
@@ -26,6 +42,10 @@ const messages_en = {
             profile: {
                 name: "Profile",
                 title: "Select profile",
+                profile_updated: "Profile updated",
+                action: {
+                    logout: "Logout",
+                },
             },
             fullscreen: {
                 enter: "Go fullscreen",
@@ -33,6 +53,15 @@ const messages_en = {
             },
         },
     },
+    app: {
+        profile_not_configured: "Profile not configured yet. Please select one.",
+        profile_configure: "Configure profile",
+        loading: "Loading...",
+        nav: {
+            scenario: "Scenario:",
+            op_types: "Op Types:",
+        },
+    },
     language: {
         name: {
             English: "English",
@@ -50,6 +79,26 @@ const messages_en = {
         ok: {
             title: "Ok",
         },
+        reset: {
+            title: "Reset",
+        },
+        cancel: {
+            title: "Cancel",
+        },
+        reload_config: {
+            title: "Reload config and menu",
+        },
+    },
+    misc: {
+        btn_get_work: "Get work",
+        btn_manual_selection: "Manual selection",
+        stock_zero_check: {
+            confirm_stock_zero: "Confirm stock = 0",
+            confirm_stock_not_zero: "Confirm stock not empty",
+        },
+        actions_popup: {
+            btn_action: "Action",
+        },
     },
     picking_type: {
         lines_count: "{lines_count} lines (over {picking_count} operations).",
diff --git a/shopfloor_mobile/static/wms/src/loginpage.js b/shopfloor_mobile/static/wms/src/loginpage.js
index 7e7608b689..d33166fdad 100644
--- a/shopfloor_mobile/static/wms/src/loginpage.js
+++ b/shopfloor_mobile/static/wms/src/loginpage.js
@@ -16,7 +16,7 @@ export var LoginPage = Vue.component("login-page", {
     computed: {
         screen_info: function() {
             return {
-                title: "Login",
+                title: this.$t("screen.login.title"),
                 klass: "login",
                 user_message: this.user_message,
                 noUserMessage: !this.error,
@@ -48,7 +48,7 @@ export var LoginPage = Vue.component("login-page", {
                 });
         },
         _handle_invalid_key() {
-            this.error = "Invalid API KEY";
+            this.error = this.$("screen.login.error.api_key_invalid");
             this.$root.apikey = "";
         },
     },
@@ -64,13 +64,13 @@ export var LoginPage = Vue.component("login-page", {
                             <v-text-field
                                 v-model="apikey"
                                 label="API Key"
-                                placeholder="YOUR_API_KEY_HERE"
+                                :placeholder="$t('screen.login.api_key_placeholder')"
                                 autofocus
                                 autocomplete="off"></v-text-field>
                             <div class="button-list button-vertical-list full">
                                 <v-row align="center">
                                     <v-col class="text-center" cols="12">
-                                        <v-btn color="success" type="submit">Login</v-btn>
+                                        <v-btn color="success" type="submit">{{ $t('screen.login.action.login') }}</v-btn>
                                     </v-col>
                                 </v-row>
                             </div>
diff --git a/shopfloor_mobile/static/wms/src/settings/profile.js b/shopfloor_mobile/static/wms/src/settings/profile.js
index 67e07c316b..d1c3198ae3 100644
--- a/shopfloor_mobile/static/wms/src/settings/profile.js
+++ b/shopfloor_mobile/static/wms/src/settings/profile.js
@@ -10,7 +10,7 @@ export var Profile = Vue.component("profile", {
             current_profile_id: this.$root.has_profile ? this.$root.profile.id : null,
             profile_selected: false,
             user_notif_updated: {
-                body: "Profile updated",
+                body: this.$t("screen.settings.profile.profile_updated"),
                 message_type: "info",
             },
         };
@@ -44,7 +44,7 @@ export var Profile = Vue.component("profile", {
                 </v-row>
                 <v-row align="center">
                     <v-col class="text-center" cols="12">
-                        <btn-action @click="logout()">Logout</btn-action>
+                        <btn-action @click="logout()">{{ $t('screen.settings.profile.action.logout') }}</btn-action>
                     </v-col>
                 </v-row>
             </div>
diff --git a/shopfloor_mobile_custom_example/readme/ROADMAP.rst b/shopfloor_mobile_custom_example/readme/ROADMAP.rst
index 06f02cb47f..31be24cb50 100644
--- a/shopfloor_mobile_custom_example/readme/ROADMAP.rst
+++ b/shopfloor_mobile_custom_example/readme/ROADMAP.rst
@@ -1 +1,5 @@
+* Make all strings translatable
+* Document demo mode
+* Split core and scenario
+* Improve inheritance/override
 * Add more examples

From 9353278ad46a7e4488a677810d02c35d62f94d21 Mon Sep 17 00:00:00 2001
From: Simone Orsi <simahawk@gmail.com>
Date: Mon, 2 Nov 2020 13:16:14 +0100
Subject: [PATCH 4/4] shopfloor_mobile: bump 13.0.1.4.0

---
 shopfloor_mobile/__manifest__.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/shopfloor_mobile/__manifest__.py b/shopfloor_mobile/__manifest__.py
index fdb6c5d605..6c629afba8 100644
--- a/shopfloor_mobile/__manifest__.py
+++ b/shopfloor_mobile/__manifest__.py
@@ -5,7 +5,7 @@
 {
     "name": "Shopfloor mobile",
     "summary": "Mobile frontend for WMS Shopfloor app",
-    "version": "13.0.1.3.1",
+    "version": "13.0.1.4.0",
     "development_status": "Alpha",
     "depends": ["shopfloor"],
     "author": "Camptocamp, BCIM, Akretion, Odoo Community Association (OCA)",