parent
77455796c4
commit
cca694eaab
@ -1,6 +0,0 @@
|
||||
<button mat-button [matMenuTriggerFor]="menu">Menu</button>
|
||||
<mat-menu #menu="matMenu">
|
||||
<a mat-menu-item routerLink="/" routerLinkActive="active" ariaCurrentWhenActive="page">Accueil</a>
|
||||
<a mat-menu-item routerLink="/books" routerLinkActive="active" ariaCurrentWhenActive="page">Liste des livres</a>
|
||||
<a mat-menu-item routerLink="/book/add" routerLinkActive="active" ariaCurrentWhenActive="page">Ajouter un livre</a>
|
||||
</mat-menu>
|
@ -1,15 +0,0 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { RouterModule } from '@angular/router';
|
||||
|
||||
import { MatButtonModule } from '@angular/material/button';
|
||||
import { MatMenuModule } from '@angular/material/menu';
|
||||
|
||||
@Component({
|
||||
selector: 'app-book-menu',
|
||||
standalone: true,
|
||||
imports: [RouterModule, MatButtonModule, MatMenuModule],
|
||||
templateUrl: './book-menu.component.html'
|
||||
})
|
||||
export class BookMenuComponent {
|
||||
|
||||
}
|
@ -0,0 +1,3 @@
|
||||
<app-book-menu></app-book-menu>
|
||||
|
||||
<p>user-accueil works!</p>
|
@ -0,0 +1,15 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { RouterModule } from '@angular/router';
|
||||
import { UserMenuComponent } from '../user-menu/user-menu.component';
|
||||
|
||||
@Component({
|
||||
selector: 'app-user-accueil',
|
||||
standalone: true,
|
||||
imports: [UserMenuComponent,RouterModule],
|
||||
templateUrl: './user-accueil.component.html',
|
||||
styleUrl: './user-accueil.component.css'
|
||||
})
|
||||
|
||||
export class UserAccueilComponent {
|
||||
|
||||
}
|
@ -0,0 +1,7 @@
|
||||
<button mat-button [matMenuTriggerFor]="menu">Menu</button>
|
||||
<mat-menu #menu="matMenu">
|
||||
<a mat-menu-item routerLink="/" routerLinkActive="active" ariaCurrentWhenActive="page">{{userconnecte}}</a>
|
||||
<a mat-menu-item routerLink="/accueil" routerLinkActive="active" ariaCurrentWhenActive="page">Accueil</a>
|
||||
<a mat-menu-item routerLink="/users" routerLinkActive="active" ariaCurrentWhenActive="page">Classement</a>
|
||||
<a mat-menu-item routerLink="{{route}}" routerLinkActive="active" ariaCurrentWhenActive="page">Details</a>
|
||||
</mat-menu>
|
@ -0,0 +1,37 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { RouterModule } from '@angular/router';
|
||||
import { MatButtonModule } from '@angular/material/button';
|
||||
import { MatMenuModule } from '@angular/material/menu';
|
||||
import { UserService } from '../../services/user-service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-book-menu',
|
||||
standalone: true,
|
||||
imports: [RouterModule, MatButtonModule, MatMenuModule],
|
||||
templateUrl: './user-menu.component.html'
|
||||
})
|
||||
|
||||
export class UserMenuComponent {
|
||||
private Service : UserService;
|
||||
public userconnecte : String | undefined;
|
||||
public route : String | undefined;
|
||||
|
||||
public constructor(us: UserService) {
|
||||
this.Service = us
|
||||
this.reloadPseudo()
|
||||
}
|
||||
|
||||
public reloadPseudo(){
|
||||
let id = localStorage.getItem('UserConnecte');
|
||||
|
||||
if (typeof id === "string" && id !="undefined"){
|
||||
let user = this.Service.getUserById(+id);
|
||||
this.route = "/users/" + user?.id;
|
||||
this.userconnecte = user?.login;
|
||||
} else {
|
||||
this.userconnecte = "Pseudo";
|
||||
this.route = "/users/0";
|
||||
}
|
||||
}
|
||||
|
||||
}
|
Loading…
Reference in new issue