Indicated that you are logged by coloring the icon in orange and disconnect if clicked on it
This commit is contained in:
		@ -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
 | 
			
		||||
  })
 | 
			
		||||
 | 
			
		||||
@ -32,6 +34,8 @@
 | 
			
		||||
  const login=ref(i18n("app.login"))
 | 
			
		||||
  const active=ref(false)
 | 
			
		||||
 | 
			
		||||
  const Logged = ref(isLogged());
 | 
			
		||||
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
@ -49,7 +53,7 @@
 | 
			
		||||
            </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">
 | 
			
		||||
 | 
			
		||||
@ -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>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -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)
 | 
			
		||||
 * 
 | 
			
		||||
 | 
			
		||||
		Reference in New Issue
	
	Block a user