From f214667f51737c5a76ae2a8d638346bb4cfdce7e Mon Sep 17 00:00:00 2001
From: DimitriDR <dimitridroeck@gmail.com>
Date: Sat, 7 Jan 2023 23:28:57 +0100
Subject: [PATCH] Adding error messages and splash screen.

---
 src/assets/locales/en.json                       | 5 +++++
 src/assets/locales/fr.json                       | 5 +++++
 src/components/Configuration/ConfigContainer.vue | 8 ++------
 src/components/PageStrcture/LoadingScreen.vue    | 2 +-
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index 9ca0e2b5..a3ca116b 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -10,6 +10,9 @@
     "clear-search-tooltip": "Clear Search",
     "enter-to-search-web": "Press enter to search the web"
   },
+  "splash-screen": {
+    "loading": "Loading"
+  },
   "login": {
     "title": "Dashy",
     "guest-label": "Guest Access",
@@ -86,6 +89,8 @@
     "rebuild-app-button": "Rebuild Application",
     "change-language-button": "Change App Language",
     "reset-settings-button": "Reset Local Settings",
+    "disabled-note": "Some configuration features have been disabled by your administrator",
+    "small-screen-note": "You are using a very small screen, and some screens in this menu may not be optimal",
     "app-info-button": "App Info",
     "backup-note": "It is recommended to make a backup of your configuration before making changes.",
     "reset-config-msg-l1": "This will remove all user settings from local storage, but won't affect your 'conf.yml' file.",
diff --git a/src/assets/locales/fr.json b/src/assets/locales/fr.json
index e432431c..85ffe9c6 100644
--- a/src/assets/locales/fr.json
+++ b/src/assets/locales/fr.json
@@ -10,6 +10,9 @@
     "clear-search-tooltip": "Effacer la recherche",
     "enter-to-search-web": "Appuyez sur entrée pour rechercher sur le Web"
   },
+  "splash-screen": {
+    "loading": "Chargement"
+  },
   "footer": {
     "dev-by": "Développé par",
     "licensed-under": "Sous licence",
@@ -92,6 +95,8 @@
     "rebuild-app-button": "Reconstruire l'application",
     "change-language-button": "Changer la langue",
     "reset-settings-button": "Réinitialiser les paramètres locaux",
+    "disabled-note": "Certaines fonctionnalités de configuration ont été désactivées par votre administrateur",
+    "small-screen-note": "Vous utilisez un très petit écran, et certains menus peuvent ne pas apparaître de manière optimale",
     "app-info-button": "Informations sur l'application",
     "backup-note": "Il est recommandé de faire une sauvegarde de votre configuration avant d'apporter des modifications.",
     "reset-config-msg-l1": "Cela supprimera tous les paramètres utilisateur du stockage local, mais n'affectera pas votre fichier 'conf.yml'.",
diff --git a/src/components/Configuration/ConfigContainer.vue b/src/components/Configuration/ConfigContainer.vue
index f1fee9c3..9b08f028 100644
--- a/src/components/Configuration/ConfigContainer.vue
+++ b/src/components/Configuration/ConfigContainer.vue
@@ -54,12 +54,8 @@
           <AppVersion />
         </div>
         <!-- Display note if Config disabled, or if on mobile -->
-        <p v-if="!enableConfig" class="config-disabled-note">
-              Some configuration features have been disabled by your administrator
-          </p>
-          <p class="small-screen-note" style="display: none;">
-              You are using a very small screen, and some screens in this menu may not be optimal
-          </p>
+        <p v-if="!enableConfig" class="config-disabled-note">{{ $t('config.disabled-note') }}</p>
+        <p class="small-screen-note" style="display: none;">{{ $t('config.small-screen-note') }}</p>
         <div class="config-note">
           <span>{{ $t('config.backup-note') }}</span>
         </div>
diff --git a/src/components/PageStrcture/LoadingScreen.vue b/src/components/PageStrcture/LoadingScreen.vue
index d003b56c..81e2c9de 100644
--- a/src/components/PageStrcture/LoadingScreen.vue
+++ b/src/components/PageStrcture/LoadingScreen.vue
@@ -3,7 +3,7 @@
   <div id="loading" v-if="isLoading" :class="c" @click="c = 'hide'">
     <h2>Dashy</h2>
     <div class="inner-container">
-      <p>Loading</p>
+      <p>{{ $t('splash-screen.loading')}}</p>
       <span class="dots-cont">
         <span class="dot dot-1"></span>
         <span class="dot dot-2"></span>