From 6d2190d7e6e1899032dc9ca8a0f8c7f0b198408e Mon Sep 17 00:00:00 2001
From: Arthur Lefebvre <artlef@protonmail.com>
Date: Wed, 18 Feb 2026 17:41:16 +0100
Subject: [PATCH] Manage login and logout in mobile view

---
 front/src/AppNavBar.vue   | 16 ++++++++++++----
 front/src/Home.vue        | 10 +++++++++-
 front/src/LogIn.vue       |  1 +
 front/src/SignUp.vue      |  1 +
 front/src/locales/en.json |  2 ++
 front/src/locales/fr.json |  4 +++-
 6 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/front/src/AppNavBar.vue b/front/src/AppNavBar.vue
index edc5e43..ac08c4d 100644
--- a/front/src/AppNavBar.vue
+++ b/front/src/AppNavBar.vue
@@ -33,9 +33,9 @@
           </a>
           <BarcodeModal size-class="is-medium"/>
         </div>
-        <a role="button" class="navbar-burger" aria-label="menu"
-          :class="isMenuActive ? 'is-active' : '' " :aria-expanded="isMenuActive"
-          @click="isMenuActive = !isMenuActive">
+        <a v-if="authStore.user" role="button" class="navbar-burger" aria-label="menu"
+                                               :class="isMenuActive ? 'is-active' : '' " :aria-expanded="isMenuActive"
+                                               @click="isMenuActive = !isMenuActive">
           <span aria-hidden="true"></span>
           <span aria-hidden="true"></span>
           <span aria-hidden="true"></span>
@@ -54,6 +54,14 @@
         <RouterLink v-if="authStore.user" to="/add" class="navbar-item" activeClass="is-active">
           {{ $t('navbar.addbook')}}
         </RouterLink>
+        <div v-if="authStore.user" class="navbar-item is-hidden-desktop">
+          <a @click="logout">
+            {{ $t('navbar.logout')}}
+            <span class="icon" :title="$t('navbar.logout')">
+              <b-icon-power />
+            </span>
+          </a>
+        </div>
       </div>
       <div class="navbar-end is-hidden-touch">
         <div v-if="authStore.user" class="navbar-item">
@@ -65,7 +73,7 @@
             </a>
         </div>
         <div v-else class="navbar-item">
-          <div  class="buttons">
+          <div class="buttons">
             <RouterLink to="/signup" class="button is-primary">
             <strong>{{ $t('navbar.signup')}}</strong>
             </RouterLink>
diff --git a/front/src/Home.vue b/front/src/Home.vue
index 0a869db..09716fd 100644
--- a/front/src/Home.vue
+++ b/front/src/Home.vue
@@ -10,7 +10,15 @@
     {{ $t('home.welcomeuser', {username: authStore.user.username}) }}
   </div>
   <div v-else>
-    {{ $t('home.welcome') }}
+    <p>{{ $t('home.welcome') }}</p>
+    <div class="mt-5 is-hidden-desktop">
+      <RouterLink to="/signup" class="button is-primary mx-2">
+      <strong>{{ $t('navbar.signup')}}</strong>
+      </RouterLink>
+      <RouterLink to="/login" class="button is-light mx-2">
+      {{ $t('navbar.login')}}
+      </RouterLink>
+    </div>
   </div>
 </template>
 
diff --git a/front/src/LogIn.vue b/front/src/LogIn.vue
index 37e08fe..0cb5e63 100644
--- a/front/src/LogIn.vue
+++ b/front/src/LogIn.vue
@@ -45,6 +45,7 @@
   <div v-if="formError" class="notification is-danger">
     <p>{{formError}}</p>
   </div>
+  <h1 class="title">{{$t('login.title')}}</h1>
   <form class="box" @submit.prevent="onSubmit">
     <div class="field">
       <label class="label">{{$t('login.username')}}</label>
diff --git a/front/src/SignUp.vue b/front/src/SignUp.vue
index e7434f7..55abd0d 100644
--- a/front/src/SignUp.vue
+++ b/front/src/SignUp.vue
@@ -39,6 +39,7 @@
   <div v-if="formError" class="notification is-danger">
     <p>{{formError}}</p>
   </div>
+  <h1 class="title">{{$t('signup.title')}}</h1>
   <form class="box" @submit.prevent="onSubmit">
     <div class="field">
       <label class="label">{{$t('signup.username')}}</label>
diff --git a/front/src/locales/en.json b/front/src/locales/en.json
index 0736d83..69c8b06 100644
--- a/front/src/locales/en.json
+++ b/front/src/locales/en.json
@@ -20,11 +20,13 @@
     "coverupload":"Upload cover"
   },
   "signup": {
+    "title":"Sign up",
     "username":"Username",
     "password":"Password",
     "signup":"Sign up"
   },
   "login": {
+    "title":"Log in",
     "username":"Username",
     "password":"Password",
     "login":"Log in"
diff --git a/front/src/locales/fr.json b/front/src/locales/fr.json
index 59e81f3..3edae04 100644
--- a/front/src/locales/fr.json
+++ b/front/src/locales/fr.json
@@ -20,14 +20,16 @@
     "coverupload":"Téléverser la couverture"
   },
   "signup": {
+    "title":"Inscription",
     "username":"Nom d'utilisateur",
     "password":"Mot de passe",
     "signup":"S'inscrire"
   },
   "login": {
+    "title":"Connexion",
     "username":"Nom d'utilisateur",
     "password":"Mot de passe",
-    "login":"Connexion"
+    "login":"Se connecter"
   },
   "bookbrowser": {
     "error": "Erreur pendant le chargement des livres: {error}",