add 'go_back_home' link at the header's left

components/Layout/Header.vue

@@ -13,7 +13,11 @@ Contient entre autres le nom de l'organisation, l'accès à l'aide et aux préf
       />
     </template>
 
-    <v-toolbar-title v-if="mdAndUp" v-text="title" />
+    <v-toolbar-title>
+      <LayoutHeaderTitle>
+        {{ title }}
+      </LayoutHeaderTitle>
+    </v-toolbar-title>
 
     <LayoutThemeSwitcher v-if="false" />
     <!-- En attente validation PO -->
@@ -62,8 +66,6 @@ import { useDisplay } from 'vuetify'
 import { useMenu } from '~/composables/layout/useMenu'
 import { useOrganizationProfileStore } from '~/stores/organizationProfile'
 import { useLayoutStore } from '~/stores/layout'
-import { useHomeUrl } from '~/composables/utils/useHomeUrl'
-import { useRedirect } from '~/composables/utils/useRedirect'
 
 const organizationProfile = useOrganizationProfileStore()
 const runtimeConfig = useRuntimeConfig()
@@ -73,7 +75,7 @@ const title: ComputedRef<string> = computed(
 
 const { hasMenu, isMenuOpened, toggleMenu } = useMenu()
 
-const { smAndUp, mdAndUp } = useDisplay()
+const { smAndUp } = useDisplay()
 
 const hasLateralMenu = computed(() => {
   return (
@@ -83,8 +85,10 @@ const hasLateralMenu = computed(() => {
 })
 
 const isLateralMenuOpened = computed(() => {
-  return (layoutStore.name !== 'parameters' && isMenuOpened('Main')) ||
-         (layoutStore.name === 'parameters' && isMenuOpened('Parameters'))
+  return (
+    (layoutStore.name !== 'parameters' && isMenuOpened('Main')) ||
+    (layoutStore.name === 'parameters' && isMenuOpened('Parameters'))
+  )
 })
 
 const toggleLateralMenu = () => {

components/Layout/Header/Title.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="d-flex flex-row">
+    <a :href="homeUrl" :title="$t('go_back_home')" class="d-flex flex-row align-center">
+      <v-img src="/favicon.ico" height="42" width="42" class="mr-2" />
+      <span v-if="mdAndUp"><slot /></span>
+    </a>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useHomeUrl } from '~/composables/utils/useHomeUrl'
+import { useDisplay } from 'vuetify'
+
+const { homeUrl } = useHomeUrl()
+const { mdAndUp } = useDisplay()
+
+</script>
+
+<style scoped lang="scss">
+a {
+  color: rgb(var(--v-theme-on-primary)) !important;
+  text-decoration: none;
+}
+</style>

i18n/lang/fr.json

@@ -724,5 +724,6 @@
   "warning": "Avertissement",
   "show_warnings": "Afficher les avertissements",
   "please_enter_a_value_for_the_sms_sender_name": "Le nom d'expediteur ne doit pas comporter plus de 11 caractères, et être composé uniquement de chiffres et/ou de lettres.",
-  "associated_email": "Adresse Email associée"
+  "associated_email": "Adresse Email associée",
+  "go_back_home": "Revenir à l'accueil"
 }