From 42f205e4738b5f40264ae5f1662796336d3372c1 Mon Sep 17 00:00:00 2001
From: Sebastian CZECH <sebastian.czech@vates.tech>
Date: Wed, 22 Jan 2025 14:55:01 +0100
Subject: [PATCH] feat(xo-6): switch to language based on xo5 cookie (#8242)

---
 @xen-orchestra/web/package.json |  2 ++
 @xen-orchestra/web/src/App.vue  |  7 +++++++
 CHANGELOG.unreleased.md         |  3 +--
 yarn.lock                       | 26 ++++++++++++++++++++++++--
 4 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/@xen-orchestra/web/package.json b/@xen-orchestra/web/package.json
index e5c0f6b5a4a..9291bc0a206 100644
--- a/@xen-orchestra/web/package.json
+++ b/@xen-orchestra/web/package.json
@@ -25,6 +25,7 @@
     "@vue/tsconfig": "^0.5.1",
     "@vueuse/core": "^10.7.1",
     "@vueuse/math": "^10.7.1",
+    "@vueuse/integrations": "^10.7.1",
     "@xen-orchestra/web-core": "^0.10.0",
     "human-format": "^1.2.1",
     "lodash-es": "^4.17.21",
@@ -35,6 +36,7 @@
     "postcss-custom-media": "^10.0.2",
     "postcss-nested": "^6.0.1",
     "typescript": "~5.6.3",
+    "universal-cookie": "^7.2.2",
     "unplugin-vue-router": "^0.10.1",
     "vite": "^5.4.10",
     "vue": "~3.5.12",
diff --git a/@xen-orchestra/web/src/App.vue b/@xen-orchestra/web/src/App.vue
index 458609601f1..c9c515beaa1 100644
--- a/@xen-orchestra/web/src/App.vue
+++ b/@xen-orchestra/web/src/App.vue
@@ -8,13 +8,20 @@
 <script lang="ts" setup>
 import AppLayout from '@/layouts/AppLayout.vue'
 import VtsTooltipList from '@core/components/tooltip-list/VtsTooltipList.vue'
+import { locales } from '@core/i18n'
 import { useUiStore } from '@core/stores/ui.store'
 import { useActiveElement, useMagicKeys, whenever } from '@vueuse/core'
+import { useCookies } from '@vueuse/integrations/useCookies'
 import { logicAnd } from '@vueuse/math'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 const uiStore = useUiStore()
+const { locale } = useI18n()
+const { get } = useCookies()
+
+const cookieLang = get('lang')
+locale.value = cookieLang && locales[cookieLang] ? cookieLang : 'en'
 
 if (import.meta.env.DEV) {
   const { locale } = useI18n()
diff --git a/CHANGELOG.unreleased.md b/CHANGELOG.unreleased.md
index f56c5382c4b..45b5e39e83b 100644
--- a/CHANGELOG.unreleased.md
+++ b/CHANGELOG.unreleased.md
@@ -15,10 +15,9 @@
   - [Console]: Displays a loader when the console is loading (PR [#8226](https://github.com/vatesfr/xen-orchestra/pull/8226))
   - [i18n] Add Spanish translation (contribution made by [@DSJ2](https://github.com/DSJ2)) (PR [#8220](https://github.com/vatesfr/xen-orchestra/pull/8220))
   - [Console]: Add Ctrl+Alt+Del functionality to console (PR [#8239](https://github.com/vatesfr/xen-orchestra/pull/8239))
+  - [UI]: Use user language set in XO 5 to set the language in XO 6 (PR [#8232](https://github.com/vatesfr/xen-orchestra/pull/8232))
 - [Backup] New [ChaCha20-Poly1305](https://en.wikipedia.org/wiki/ChaCha20-Poly1305) encryption for remotes, allow encrypted files larger than 64GB (PR [#8237](https://github.com/vatesfr/xen-orchestra/pull/8237))
 
-> Users must be able to say: “Nice enhancement, I'm eager to test it”
-
 ### Bug fixes
 
 > Users must be able to say: “I had this issue, happy to know it's fixed”
diff --git a/yarn.lock b/yarn.lock
index b60398f1426..5d7994a89b4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4092,6 +4092,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/cookie@^0.6.0":
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.6.0.tgz#eac397f28bf1d6ae0ae081363eca2f425bedf0d5"
+  integrity sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==
+
 "@types/d3-time-format@^4.0.3":
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/@types/d3-time-format/-/d3-time-format-4.0.3.tgz#d6bc1e6b6a7db69cccfbbdd4c34b70632d9e9db2"
@@ -4594,7 +4599,7 @@
   resolved "https://registry.yarnpkg.com/@vue/tsconfig/-/tsconfig-0.5.1.tgz#3124ec16cc0c7e04165b88dc091e6b97782fffa9"
   integrity sha512-VcZK7MvpjuTPx2w6blwnwZAu5/LgBUtejFOi3pPGQFXQN5Ela03FUtd2Qtg4yWGGissVL0dr6Ro1LfOFh+PCuQ==
 
-"@vueuse/core@^10.7.1":
+"@vueuse/core@10.11.1", "@vueuse/core@^10.7.1":
   version "10.11.1"
   resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-10.11.1.tgz#15d2c0b6448d2212235b23a7ba29c27173e0c2c6"
   integrity sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==
@@ -4604,6 +4609,15 @@
     "@vueuse/shared" "10.11.1"
     vue-demi ">=0.14.8"
 
+"@vueuse/integrations@^10.7.1":
+  version "10.11.1"
+  resolved "https://registry.yarnpkg.com/@vueuse/integrations/-/integrations-10.11.1.tgz#e4af23b871773c5ef5b8fb939f959f2fc728557e"
+  integrity sha512-Y5hCGBguN+vuVYTZmdd/IMXLOdfS60zAmDmFYc4BKBcMUPZH1n4tdyDECCPjXm0bNT3ZRUy1xzTLGaUje8Xyaw==
+  dependencies:
+    "@vueuse/core" "10.11.1"
+    "@vueuse/shared" "10.11.1"
+    vue-demi ">=0.14.8"
+
 "@vueuse/math@^10.7.1":
   version "10.11.1"
   resolved "https://registry.yarnpkg.com/@vueuse/math/-/math-10.11.1.tgz#7ad790feaccb5830dd766ef254e5134e64ecbe68"
@@ -7244,7 +7258,7 @@ cookie@0.7.1:
   resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.7.1.tgz#2f73c42142d5d5cf71310a74fc4ae61670e5dbc9"
   integrity sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==
 
-cookie@0.7.2:
+cookie@0.7.2, cookie@^0.7.2:
   version "0.7.2"
   resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.7.2.tgz#556369c472a2ba910f2979891b526b3436237ed7"
   integrity sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==
@@ -19413,6 +19427,14 @@ unique-stream@^2.0.2:
     json-stable-stringify-without-jsonify "^1.0.1"
     through2-filter "^3.0.0"
 
+universal-cookie@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/universal-cookie/-/universal-cookie-7.2.2.tgz#93ae9ec55baab89b24300473543170bb8112773c"
+  integrity sha512-fMiOcS3TmzP2x5QV26pIH3mvhexLIT0HmPa3V7Q7knRfT9HG6kTwq02HZGLPw0sAOXrAmotElGRvTLCMbJsvxQ==
+  dependencies:
+    "@types/cookie" "^0.6.0"
+    cookie "^0.7.2"
+
 universalify@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"