From 58294a3c2af52aedf14fc5bfd48242f0ca72906c Mon Sep 17 00:00:00 2001 From: Ryazanov Alexander Mihailovich Date: Thu, 4 Jul 2024 23:40:16 +0300 Subject: [PATCH] QoL frontend improvements (#267) * refactor: add space for language title * feat: add overflow-break to text-wrap class * feat: add public key text wrapping for interfaces * refactor: get rid of getlang function and set locale during initialization fix: show english flag when locale does not match * refactor: bind header logo alt attribute to companyName * refactor: add language name to german * refactor: add language name to russian * refactor: add language name to english --- frontend/src/App.vue | 11 +++++++---- frontend/src/assets/base.css | 6 +++++- frontend/src/lang/index.js | 16 ++++++---------- frontend/src/lang/translations/de.json | 3 +++ frontend/src/lang/translations/en.json | 3 +++ frontend/src/lang/translations/ru.json | 3 +++ frontend/src/views/InterfaceView.vue | 6 +++--- 7 files changed, 30 insertions(+), 18 deletions(-) diff --git a/frontend/src/App.vue b/frontend/src/App.vue index cc223e6..c4a2985 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -42,6 +42,9 @@ const switchLanguage = function (lang) { const languageFlag = computed(() => { // `this` points to the component instance let lang = appGlobal.$i18n.locale.toLowerCase(); + if (!appGlobal.$i18n.availableLocales.includes(lang)) { + lang = appGlobal.$i18n.fallbackLocale; + } if (lang === "en") { lang = "us"; } @@ -59,7 +62,7 @@ const currentYear = ref(new Date().getFullYear())