Merge branch 'master' of https://codefirst.iut.uca.fr/git/ludovic.castiglia/angular_minigame
commit
80c70f29e0
@ -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,18 @@
|
||||
<app-book-menu></app-book-menu>
|
||||
|
||||
<h2>{{formattedDate}}</h2>
|
||||
|
||||
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>LUN</th>
|
||||
<th>MAR</th>
|
||||
<th>MER</th>
|
||||
<th>JEU</th>
|
||||
<th>VEN</th>
|
||||
<th>SAM</th>
|
||||
<th>DIM</th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
@ -0,0 +1,26 @@
|
||||
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 {
|
||||
protected formattedDate : String
|
||||
|
||||
public constructor() {
|
||||
const currentDate: Date = new Date
|
||||
const options: Intl.DateTimeFormatOptions = {
|
||||
year: 'numeric',
|
||||
month: 'long',
|
||||
day: 'numeric'
|
||||
};
|
||||
this.formattedDate = currentDate.toLocaleDateString(undefined, options);
|
||||
}
|
||||
|
||||
}
|
@ -0,0 +1,8 @@
|
||||
<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>
|
||||
<a mat-menu-item routerLink="/" routerLinkActive="active" ariaCurrentWhenActive="page">Sudoku</a>
|
||||
</mat-menu>
|
@ -0,0 +1,38 @@
|
||||
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
|
||||
this.userconnecte = id
|
||||
} else {
|
||||
this.userconnecte = "Pseudo";
|
||||
this.route = "/users/0";
|
||||
}
|
||||
}
|
||||
|
||||
}
|
Loading…
Reference in new issue