Handle logout submit button

code16 · Dec 8, 2021 · c84dd9e · c84dd9e
1 parent a3fdc00
commit c84dd9e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/resources/lang/back/en/menu.php b/resources/lang/back/en/menu.php
@@ -3,6 +3,6 @@
 return [
 
     'dashboard' => 'Dashboard',
-    'no-dashboard-message' => "Welcome to Sharp!"
-
+    'no-dashboard-message' => "Welcome to Sharp!",
+    'logout_label' => 'Logout',
 ];
diff --git a/resources/lang/back/fr/menu.php b/resources/lang/back/fr/menu.php
@@ -3,6 +3,6 @@
 return [
 
     'dashboard' => 'Tableau de bord',
-    'no-dashboard-message' => "Bienvenue dans Sharp !"
-
+    'no-dashboard-message' => "Bienvenue dans Sharp !",
+    'logout_label' => 'Se déconnecter',
 ];
diff --git a/resources/views/components/menu.blade.php b/resources/views/components/menu.blade.php
@@ -20,14 +20,20 @@ class="SharpLeftNav"
     </template>
     <ul role="menubar" class="SharpLeftNav__list" aria-hidden="false" v-cloak>
         <sharp-nav-item disabled>
-            <div class="row gx-2 flex-nowrap">
+            <div class="row align-items-center flex-nowrap gx-2">
                 <div class="col" style="min-width: 0">
                     <div class="text-truncate" title="{{ $username }}">
                         {{ $username }}
                     </div>
                 </div>
                 <div class="col-auto">
-                    <a href="{{ route('code16.sharp.logout') }}"> <sharp-item-visual :item="{ icon:'fas fa-sign-out-alt' }" icon-class="fa-fw"></sharp-item-visual></a>
+                    <form action="{{ route('code16.sharp.logout') }}" method="post">
+                        @csrf
+                        <button class="btn btn-link p-2 m-n2 lh-1 d-block" type="submit">
+                            <span class="visually-hidden">{{ __('sharp::menu.logout_label') }}</span>
+                            <i class="fas fa-fw fa-sign-out-alt"></i>
+                        </button>
+                    </form>
                 </div>
             </div>
         </sharp-nav-item>