|
|
@@ -1,8 +1,10 @@
|
|
|
-import { Injectable, Component, OnInit, AfterViewInit } from '@angular/core';
|
|
|
+import { Injectable, Component, OnInit, AfterViewInit, ViewChild, ElementRef, Renderer2 } from '@angular/core';
|
|
|
import { Router, RouterLink, RouterLinkActive } from '@angular/router';
|
|
|
-import { AccountService } from '../../services/account.service';
|
|
|
+import { DEFAULT_INTERRUPTSOURCES, Idle } from '@ng-idle/core';
|
|
|
import { TooltipModule } from 'ngx-bootstrap/tooltip';
|
|
|
|
|
|
+import { AccountService } from '../../services/account.service';
|
|
|
+
|
|
|
@Component({ selector: 'app-menu', imports: [TooltipModule, RouterLink, RouterLinkActive], templateUrl: './menu.component.html', styleUrl: './menu.component.css' })
|
|
|
|
|
|
@Injectable({ providedIn: 'root' })
|
|
|
@@ -11,21 +13,44 @@ export class MenuComponent implements OnInit, AfterViewInit
|
|
|
{
|
|
|
|
|
|
logged: boolean = false;
|
|
|
-
|
|
|
role: string = "";
|
|
|
|
|
|
- constructor(private router: Router, private accountService: AccountService) { }
|
|
|
+ private idleState: String = 'NOT_STARTED';
|
|
|
+ private countdown: number = 0;
|
|
|
+ private timedOut: boolean = false;
|
|
|
+ @ViewChild('signouticon', {static: false}) signOutIcon!: ElementRef;
|
|
|
+
|
|
|
+ constructor(private idle: Idle, private router: Router, private accountService: AccountService, private el: ElementRef, private renderer: Renderer2)
|
|
|
+ {
|
|
|
+ this.idle.setIdle(900);
|
|
|
+ this.idle.setTimeout(15);
|
|
|
+ this.idle.setInterrupts(DEFAULT_INTERRUPTSOURCES);
|
|
|
+
|
|
|
+ this.idle.onIdleStart.subscribe(() => { this.idleState = 'IDLE'; this.showPendingLogout(); });
|
|
|
+ this.idle.onIdleEnd.subscribe(() => { this.resetIdle(); });
|
|
|
+ this.idle.onTimeout.subscribe(() => { if (this.logged) { this.idleState = 'TIMED_OUT'; this.timedOut = true; this.deconnexion(); } else { this.resetIdle(); } });
|
|
|
+ this.idle.onTimeoutWarning.subscribe((countdown) => { this.countdown = countdown; });
|
|
|
+ }
|
|
|
|
|
|
ngOnInit()
|
|
|
{
|
|
|
this.logged = this.accountService.isLogged();
|
|
|
this.role = this.accountService.getRole();
|
|
|
+
|
|
|
+ this.idle.setIdle(Math.max(15, this.accountService.getDelaiAvantDeconnexion()) * 60);
|
|
|
+ this.resetIdle();
|
|
|
+ this.idle.watch();
|
|
|
}
|
|
|
|
|
|
ngAfterViewInit() { }
|
|
|
|
|
|
- deconnexion() { this.accountService.signOut(); if ((this.router.url === '/') || (this.router.url === '/home')) { window.location.reload(); } else { this.router.navigate(['/']); } }
|
|
|
+ deconnexion() { this.accountService.signOut(); this.logged = false; if ((this.router.url === '/') || (this.router.url === '/home')) { window.location.reload(); } else { this.router.navigate(['/']); } }
|
|
|
|
|
|
getRandomInteger(min: number, max: number) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min)) + min; }
|
|
|
|
|
|
+ resetIdle() { this.hidePendingLogout(); this.idleState = "NOT_IDLE"; this.timedOut = false; this.countdown = 0; }
|
|
|
+
|
|
|
+ showPendingLogout() { if (this.logged) { if (this.signOutIcon) { this.renderer.addClass(this.signOutIcon.nativeElement, 'fa-beat-fade'); this.renderer.addClass(this.signOutIcon.nativeElement, 'text-danger'); } } }
|
|
|
+ hidePendingLogout() { if (this.logged) { if (this.signOutIcon) { this.renderer.removeClass(this.signOutIcon.nativeElement, 'fa-beat-fade'); this.renderer.removeClass(this.signOutIcon.nativeElement, 'text-danger'); } } }
|
|
|
+
|
|
|
}
|
