johanleroy/ENI-Angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

patch test Signal use

Browse Source
This commit is contained in:
jleroy
2025-03-11 16:57:39 +01:00
parent 473e811911
commit eb89beffa4
2 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/_component/sidbar/sidbar.component.html
View File

@@ -2,11 +2,11 @@
class="relative flex h-[calc(100vh-2rem)] w-full max-w-[20rem] flex-col rounded-xl bg-white bg-clip-border p-4 text-gray-700 shadow-xl shadow-blue-gray-900/5">
<div routerLink="/" class="p-4 mb-2">
<h5 class="block cursor-pointer font-sans text-xl antialiased font-semibold leading-snug tracking-normal text-blue-gray-900">
YouVideo {{ (user$ | async)?.id }}
YouVideo
</h5>
</div>
<nav class="flex min-w-[240px] flex-col gap-1 p-2 font-sans text-base font-normal text-blue-gray-700">
<div *ngIf="(user$ | async)?.id" class="relative block w-full">
<div *ngIf="user.id !== 0" class="relative block w-full">
<div role="button"
class="flex items-center w-full p-0 leading-tight transition-all rounded-lg outline-none bg-blue-gray-50/50 text-start text-blue-gray-700 hover:bg-blue-gray-50 hover:bg-opacity-80 hover:text-blue-gray-900 focus:bg-blue-gray-50 focus:bg-opacity-80 focus:text-blue-gray-900 active:bg-blue-gray-50 active:bg-opacity-80 active:text-blue-gray-900">
<button type="button"
@@ -51,7 +51,7 @@
</div>
</div>
</div>
<div *ngIf="(user$ | async)?.id" routerLink="/login" role="button"
<div *ngIf="user.id !== 0" routerLink="/login" role="button"
class="flex cursor-pointer items-center w-full p-3 leading-tight transition-all rounded-lg outline-none text-start hover:bg-blue-gray-50 hover:bg-opacity-80 hover:text-blue-gray-900 focus:bg-blue-gray-50 focus:bg-opacity-80 focus:text-blue-gray-900 active:bg-blue-gray-50 active:bg-opacity-80 active:text-blue-gray-900">
<div class="grid mr-4 place-items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"
@@ -63,7 +63,7 @@
</div>
Connexion/Inscription
</div>
<div *ngIf="(user$ | async)?.id" routerLink="/p" role="button"
<div *ngIf="user.id !== 0" routerLink="/p" role="button"
class="flex cursor-pointer items-center w-full p-3 leading-tight transition-all rounded-lg outline-none text-start hover:bg-blue-gray-50 hover:bg-opacity-80 hover:text-blue-gray-900 focus:bg-blue-gray-50 focus:bg-opacity-80 focus:text-blue-gray-900 active:bg-blue-gray-50 active:bg-opacity-80 active:text-blue-gray-900">
<div class="grid mr-4 place-items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"
@@ -75,7 +75,7 @@
</div>
Profile
</div>
<div *ngIf="(user$ | async)?.id" (click)="logout()" role="button"
<div *ngIf="user.id !== 0" (click)="logout()" role="button"
class="flex cursor-pointer items-center w-full p-3 leading-tight transition-all rounded-lg outline-none text-start hover:bg-blue-gray-50 hover:bg-opacity-80 hover:text-blue-gray-900 focus:bg-blue-gray-50 focus:bg-opacity-80 focus:text-blue-gray-900 active:bg-blue-gray-50 active:bg-opacity-80 active:text-blue-gray-900">
<div class="grid mr-4 place-items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"

18
src/app/_component/sidbar/sidbar.component.ts
View File

@@ -1,35 +1,36 @@
import {Component, OnDestroy, OnInit} from '@angular/core';
import {Component, OnInit} from '@angular/core';
import {AuthService} from '../../_services/auth.service';
import {Users} from '../../_models/users';
import {BehaviorSubject, catchError, Observable, of, Subscription} from 'rxjs';
import {AsyncPipe, NgIf} from '@angular/common';
import {catchError, of} from 'rxjs';
import {NgIf} from '@angular/common';
import {Router, RouterLink} from '@angular/router';
@Component({
selector: 'app-sidbar',
imports: [
NgIf,
RouterLink,
AsyncPipe
RouterLink
],
templateUrl: './sidbar.component.html',
styleUrl: './sidbar.component.css'
})
export class SidbarComponent implements OnInit {
user$: BehaviorSubject<Users> = new BehaviorSubject<Users>(null as unknown as Users);
user: Users = { id: 0, email: '', firstname: '', lastname: '', password_hash: '', updated_at: new Date(), created_at: new Date() };
constructor(private authService: AuthService, private router: Router) {}
ngOnInit(): void {
this.checkAuthAndLoadUser();
}
checkAuthAndLoadUser(): void {
this.authService.isAuthenticated().subscribe(isAuthenticated => {
console.log(isAuthenticated);
if (isAuthenticated) {
this.loadUsers();
} else {
this.user = { id: 0, email: '', firstname: '', lastname: '', password_hash: '', updated_at: new Date(), created_at: new Date() };
}
});
}
@@ -42,7 +43,8 @@ export class SidbarComponent implements OnInit {
})
).subscribe(users => {
if (users) {
this.user$.next(users)
console.log(users);
this.user = users;
}
});
}