Olivier Massot пре 7 месеци
родитељ
комит
75a9f5dadb

+ 12 - 2
components/Layout/Header.vue

@@ -13,7 +13,7 @@ Contient entre autres le nom de l'organisation, l'accès à l'aide et aux préf
       />
     </template>
 
-    <v-toolbar-title>
+    <v-toolbar-title v-if="smAndUp">
       <LayoutHeaderTitle>
         {{ title }}
       </LayoutHeaderTitle>
@@ -24,7 +24,7 @@ Contient entre autres le nom de l'organisation, l'accès à l'aide et aux préf
 
     <LayoutHeaderUniversalCreationCreateButton
       v-if="showUniversalButton"
-      class="mr-3"
+      :class="smAndUp ? 'mr-3' : ''"
     />
 
     <LayoutHeaderHomeBtn v-if="smAndUp" />
@@ -116,6 +116,16 @@ const layoutStore = useLayoutStore()
 </script>
 
 <style scoped>
+
+:deep(.v-toolbar__content > .v-toolbar-title) {
+  margin-left: 2px;
+
+  .v-img {
+    background-color: rgb(var(--v-theme-on-primary));
+    border-radius: 18px;
+  }
+}
+
 .help {
   padding: 12px 16px;
   margin-left: 4px;

+ 13 - 6
components/Layout/MainMenu.vue

@@ -15,6 +15,14 @@ Prend en paramètre une liste de ItemMenu et les met en forme
     </template>
 
     <v-list open-strategy="single" active-class="active" class="left-menu">
+      <v-list-item
+        v-if="smAndDown"
+        prepend-icon="fas fa-home"
+        :title="$t('homepage')"
+        class="theme-secondary menu-item"
+        height="48px"
+      />
+
       <!-- TODO: que se passe-t-il si le menu ne comprend qu'un seul MenuItem? -->
       <div v-for="(item, i) in items" :key="i">
         <!-- Cas 1 : l'item n'a pas d'enfants, c'est un lien (ou le menu est en mode réduit) -->
@@ -33,8 +41,8 @@ Prend en paramètre une liste de ItemMenu et les met en forme
         <!-- Cas 2 : l'item a des enfants, c'est un groupe -->
         <v-list-group
           v-else
-          expand-icon="fas fa-angle-down"
-          collapse-icon="fas fa-angle-up"
+          expand-icon="fas fa-angle-right"
+          collapse-icon="fas fa-angle-down"
         >
           <template #activator="{ props }">
             <v-list-item
@@ -76,7 +84,7 @@ import type { MenuGroup, MenuItem } from '~/types/layout'
 const { getMenu, hasMenu, isInternalLink, setMenuState, isMenuOpened } =
   useMenu()
 
-const { mdAndUp, lgAndUp } = useDisplay()
+const { smAndDown, mdAndUp, lgAndUp } = useDisplay()
 
 const menu: MenuGroup | null = getMenu('Main')
 
@@ -130,9 +138,8 @@ onUnmounted(() => {
   color: rgb(var(--v-theme-on-secondary));
 }
 
-.v-list-item__prepend {
-  margin: 10px 0;
-  margin-right: 10px !important;
+:deep(.v-list-item__prepend > .v-icon ~ .v-list-item__spacer) {
+  width: 12px;
 }
 
 .v-application--is-ltr .v-list-group--no-action > .v-list-group__header {

+ 9 - 10
components/Layout/Parameters/Menu.vue

@@ -12,6 +12,13 @@
     -->
     <template #prepend>
       <div v-if="!isRail" class="title">
+        <v-btn
+          flat
+          :title="$t('go_back_home')"
+          :href="homeUrl"
+          icon="fa fa-arrow-left"
+          class="mr-1"
+        />
         <h3>{{ $t('parameters') }}</h3>
       </div>
     </template>
@@ -26,13 +33,6 @@
         @click="onItemClicked"
       >
       </v-list-item>
-
-      <v-list-item
-        prepend-icon="fas fa-home"
-        :title="$t('go_back_home')"
-        :href="homeUrl"
-        class="go_back_home_item"
-      />
     </v-list>
   </v-navigation-drawer>
 </template>
@@ -113,6 +113,8 @@ onUnmounted(() => {
 
 .title {
   display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
   align-items: center;
   height: 48px;
   vertical-align: center;
@@ -167,7 +169,4 @@ onUnmounted(() => {
   max-width: 24px;
   margin-right: 10px;
 }
-
-.go_back_home_item {
-}
 </style>

+ 1 - 1
components/Layout/Parameters/Table.vue

@@ -15,7 +15,7 @@ A data table for the parameters page
           <td v-for="col in columns">
             {{ col.label }}
           </td>
-          <td></td>
+          <td>{{ $t('actions') }}</td>
         </tr>
       </thead>
       <tbody v-if="items.length > 0">

+ 1 - 0
i18n/lang/fr.json

@@ -725,6 +725,7 @@
   "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",
+  "homepage": "Accueil",
   "go_back_home": "Revenir à l'accueil",
   "passwordSMS: Invalid Mobyt credentials": "Identifiants SMS non reconnus"
 }