From 04f64f505e23bddf710c69214d59890a0efc9595 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Sat, 16 Mar 2024 13:56:29 +0100
Subject: [PATCH] Indicated that you are logged by coloring the icon in orange
 and disconnect if clicked on it

---
 frontend/src/App.vue        | 10 +++++++---
 frontend/src/Apps/Login.vue |  5 ++++-
 frontend/src/rest/Users.js  |  9 +++++++++
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 7b944de..1163b03 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -2,6 +2,7 @@
   import { toast } from 'vue3-toastify';
   import { ref, computed } from 'vue'
   import i18n, { setLang } from './i18n.js'
+  import { isLogged } from '@/rest/Users.js'
 
 
   // Liste des apps
@@ -19,6 +20,7 @@
   const currentPath = ref(window.location.hash)
 
   window.addEventListener('hashchange', () => {
+	Logged.value = isLogged();
     currentPath.value = window.location.hash
   })
 
@@ -31,7 +33,9 @@
   const settings=ref(i18n("app.settings"))
   const login=ref(i18n("app.login"))
   const active=ref(false)
-  
+
+  const Logged = ref(isLogged());
+
 </script>
 
 <template>
@@ -45,11 +49,11 @@
             </a></li>
         <li title=home>
             <a class="icon" href="#home">
-                <div class=" fa-solid fa-house" style="margin-top: 7px; margin-bottom: 3px;"></div>
+				<div class=" fa-solid fa-house" style="margin-top: 7px; margin-bottom: 3px;"></div>
             </a></li>
         <li style="float: right;" title=login>
             <a class="icon" href="#/login">
-                <div class="fa-solid fa-user"  style="margin-top: 7px; margin-bottom: 3px;"></div>
+                <div class="fa-solid fa-user" :style="Logged ? 'color: orange' : 'haha'" style="margin-top: 7px; margin-bottom: 3px; "></div>
             </a></li>
         <li style="float: right;" title=notifications>
             <a class="icon" href="#Notifications">
diff --git a/frontend/src/Apps/Login.vue b/frontend/src/Apps/Login.vue
index 73b4f81..c86e690 100644
--- a/frontend/src/Apps/Login.vue
+++ b/frontend/src/Apps/Login.vue
@@ -1,7 +1,7 @@
 <script setup>
   import { ref } from 'vue'
   import i18n from '@/i18n.js'
-  import { login , register } from '@/rest/Users.js'
+  import { login , register, disconnect } from '@/rest/Users.js'
   import { uploadProfilePicture } from '@/rest/uploads.js'
 
   const loginPage= ref(true)
@@ -20,6 +20,9 @@
  
   const imageSaved = ref(false)
   const ppData = ref(false)
+
+  disconnect()
+
 </script>
 
 
diff --git a/frontend/src/rest/Users.js b/frontend/src/rest/Users.js
index 17420b5..6f5f15d 100644
--- a/frontend/src/rest/Users.js
+++ b/frontend/src/rest/Users.js
@@ -1,9 +1,18 @@
 import { restGet, restPost } from './restConsumer.js'
+import { getCookie, setCookie } from '@/utils.js'
 
 export async function login(user, pass, exp){
 	return restPost("/login", {identifier: user, password: pass, expirationDate: exp});
 }
 
+export function isLogged(){
+	return getCookie("session_token") != "" 
+}
+
+export function disconnect(){ 
+	setCookie("session_token", ";expires= Thu, 01 Jan 1970 00:00:01 GMT")
+}
+
 /**
  * Register a user (tokenless)
  *