1.0.3 • Published 4 years ago
@cssc/vue-autologout v1.0.3
Props
| Props | Type | Description |
|---|---|---|
logoutTimer | Number | Le temps en seconde avant que la composante appelle l'événement logout. |
warningTimer | Number | Le temps en seconde avant que la composante affiche un popup. |
activityInterval | Number | L'intervalle (en seconde) auquel la composante vérifie si l'usager a été actif durant ce temps et appelle l'événement wasActive si c'est le cas. |
Events
| Events | Description |
|---|---|
wasActive | Événement appelé si l'usager a été actif durant un intervalle donné. |
logout | Événement appelé si l'usager a été inactif et que logoutTimer a expiré. |
Exemple
<template>
<div id="app">
<AutoLogout
:logoutTimer="5 * 60"
:warningTimer="4 * 60"
:activityInterval="30"
v-on:wasActive="refreshToken"
v-on:logout="logout"
/>
</div>
</template>
<script>
import AutoLogout from "vue-autologout";
export default {
name: "App",
components: {
AutoLogout,
},
methods:{
refreshToken(){
console.log("Refresh token logic here")
},
logout(){
console.log("Logout logic here");
}
},
};
</script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>Changelogs
1.0.0
Version initiales.
1.0.1
Correction des dépendances.
1.0.2
Correction des dépendances.
1.0.3
Ajout de la documentation.