dorian.hodin
/
Daidokoro
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adding login and giuard
continuous-integration/drone/push Build is passing Details

Browse Source
pull/3/head
Corentin RICHARD 1 year ago
parent 95ee995051
commit e2cd09bb99
8 changed files with 69 additions and 18 deletions
Show Stats Download Patch File Download Diff File

3
daidokoro/src/app/app.routes.ts
Unescape View File

@ -1,6 +1,5 @@
import { Routes } from '@angular/router'; import { Routes } from '@angular/router';
import {LoginComponent} from "./component/login/login.component"; import {AuthGuard} from "./guard.guard";
export const routes: Routes = [ export const routes: Routes = [
{path: 'login',component:LoginComponent}
]; ];

7
daidokoro/src/app/component/accueil/accueil.component.html
Unescape View File

@ -62,6 +62,13 @@
</head> </head>
<body> <body>
<div class="navbar"> <div class="navbar">
<div *ngIf="isLogged()">
<a href="" (click)="onClickLogout($event)">Logout</a>
</div>
<div *ngIf="!isLogged()">
<a href="" (click)="onClickLogin($event)">Login</a>
</div>
<div *ngFor="let link of links"> <div *ngFor="let link of links">
<a routerLink="/{{link.$link}}" routerLinkActive="active" ariaCurrentWhenActive="page">{{link.$name}}</a> <a routerLink="/{{link.$link}}" routerLinkActive="active" ariaCurrentWhenActive="page">{{link.$name}}</a>
</div> </div>

23
daidokoro/src/app/component/accueil/accueil.component.ts
Unescape View File

@ -8,6 +8,7 @@ import {LinkService} from "../../service/link.service";
import {Link} from "../../model/link.model"; import {Link} from "../../model/link.model";
import {LoginService} from "../../service/login.service"; import {LoginService} from "../../service/login.service";
import {RouterLink, RouterLinkActive,RouterOutlet} from "@angular/router"; import {RouterLink, RouterLinkActive,RouterOutlet} from "@angular/router";
import {CommonModule} from "@angular/common";
@Component({ @Component({
selector: 'app-accueil', selector: 'app-accueil',
@ -15,7 +16,7 @@ import {RouterLink, RouterLinkActive,RouterOutlet} from "@angular/router";
imports: [ imports: [
RecipeListComponent, RecipeListComponent,
RecipeFormComponent, RecipeFormComponent,
NgIf, CommonModule,
NgForOf, NgForOf,
RouterLink, RouterLink,
RouterOutlet, RouterOutlet,
@ -29,11 +30,6 @@ export class AccueilComponent {
constructor(private recipeService: RecipeService,private linkService: LinkService,private loginService: LoginService) { constructor(private recipeService: RecipeService,private linkService: LinkService,private loginService: LoginService) {
if(this.loginService.isLogged()){
this.links.push({$name: '/logout',$link: '/logout'});
}else{
this.links.push({$name: '/login',$link: '/login'});
}
} }
@ -44,4 +40,19 @@ export class AccueilComponent {
toggleForm() { toggleForm() {
this.isFormVisible = !this.isFormVisible; this.isFormVisible = !this.isFormVisible;
} }
onClickLogin(event: Event): void {
event.preventDefault(); // Prevent the default anchor behavior
this.loginService.login();
}
onClickLogout(event: Event): void {
event.preventDefault(); // Prevent the default anchor behavior
this.loginService.logout();
}
isLogged(): boolean {
return this.loginService.isLogged();
}
} }

3
daidokoro/src/app/data/link.stub.ts
Unescape View File

@ -1,5 +1,6 @@
import {Link} from "../model/link.model"; import {Link} from "../model/link.model";
export var LINKS :Link[] = [ export var LINKS :Link[] = [
{$name:"/Accueil",$link:""} {$name:"Accueil",$link:""},
{$name:"Ingredients",$link:"/ingredients"}
] ]

17
daidokoro/src/app/guard.guard.ts
Unescape View File

@ -0,0 +1,17 @@
import {CanActivateFn, Router} from '@angular/router';
import {LoginService} from "./service/login.service";
import {inject} from "@angular/core";
export const AuthGuard: CanActivateFn = (route, state) => {
const auth = inject(LoginService)
const router = inject(Router);
if(!auth.isLogged()){
router.navigateByUrl('/login');
auth.login();
return false;
}
auth.logout();
return true;
};

15
daidokoro/src/app/service/login.service.ts
Unescape View File

@ -5,17 +5,16 @@ import { Injectable } from '@angular/core';
}) })
export class LoginService { export class LoginService {
constructor() { } login(): void {
localStorage.setItem('login', 'true');
login() {
localStorage.setItem('login', String(true));
} }
logout() : void { logout(): void {
localStorage.setItem('login',String(false)); localStorage.setItem('login', 'false');
} }
isLogged() : boolean { isLogged(): boolean {
return JSON.parse(localStorage.getItem('login')!); const login = localStorage.getItem('login');
return login === 'true';
} }
} }

2
daidokoro/src/test/service/app.component.spec.ts
Unescape View File

@ -1,5 +1,5 @@
import { TestBed } from '@angular/core/testing'; import { TestBed } from '@angular/core/testing';
import { AppComponent } from './app.component'; import { AppComponent } from '../../app/app.component';
describe('AppComponent', () => { describe('AppComponent', () => {
beforeEach(async () => { beforeEach(async () => {

17
daidokoro/src/test/service/guard.guard.spec.ts
Unescape View File

@ -0,0 +1,17 @@
import { TestBed } from '@angular/core/testing';
import { CanActivateFn } from '@angular/router';
import { AuthGuard } from '../../app/guard.guard';
describe('guardGuard', () => {
const executeGuard: CanActivateFn = (...guardParameters) =>
TestBed.runInInjectionContext(() => AuthGuard(...guardParameters));
beforeEach(() => {
TestBed.configureTestingModule({});
});
it('should be created', () => {
expect(executeGuard).toBeTruthy();
});
});
Write Preview
Loading…
Cancel
Save