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