Added login page
This commit is contained in:
-113
@@ -1,113 +0,0 @@
|
|||||||
:host {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-layout {
|
|
||||||
height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
nz-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
background: #001529;
|
|
||||||
padding: 0 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-container {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* --- LOGO + TITRE --- */
|
|
||||||
.logo {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo a {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo img {
|
|
||||||
height: 40px;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo h1 {
|
|
||||||
margin: 0 0 0 10px;
|
|
||||||
color: #fff;
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 20px;
|
|
||||||
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* --- MENU PRINCIPAL --- */
|
|
||||||
.top-nav {
|
|
||||||
flex: 1;
|
|
||||||
margin: 0 40px;
|
|
||||||
line-height: 64px;
|
|
||||||
background: #001529;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Couleur grise par défaut + effet blanc et zoom au survol */
|
|
||||||
.top-nav li {
|
|
||||||
transition: transform 0.2s ease, color 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-nav li a {
|
|
||||||
color: #bfbfbf !important; /* gris clair par défaut */
|
|
||||||
transition: transform 0.2s ease, color 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Au survol → zoom + blanc pur */
|
|
||||||
.top-nav li:hover {
|
|
||||||
transform: scale(1.08);
|
|
||||||
background: transparent !important;
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-nav li:hover a {
|
|
||||||
color: #ffffff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Supprime toute coloration bleue ou fond par défaut NG-ZORRO */
|
|
||||||
.top-nav li.ant-menu-item-active,
|
|
||||||
.top-nav li.ant-menu-item-selected {
|
|
||||||
background: transparent !important;
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* --- ICONES DROITES --- */
|
|
||||||
.right-icons {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 20px;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 18px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-icons app-modal-nav {
|
|
||||||
transition: transform 0.2s ease, color 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-icons app-modal-nav:hover {
|
|
||||||
color: #40a9ff;
|
|
||||||
transform: scale(1.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* --- CONTENU --- */
|
|
||||||
nz-content {
|
|
||||||
padding: 24px 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inner-content {
|
|
||||||
padding: 24px;
|
|
||||||
background: #fff;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|||||||
+1
-87
@@ -1,87 +1 @@
|
|||||||
<nz-layout class="app-layout">
|
<router-outlet></router-outlet>
|
||||||
<nz-header>
|
|
||||||
<div class="header-container">
|
|
||||||
<!-- LOGO -->
|
|
||||||
<div class="logo">
|
|
||||||
<a routerLink="/dashboard">
|
|
||||||
<img
|
|
||||||
src="https://www.pyro-fetes.com/wp-content/themes/pcptheme/img/logo-pyro-fetes-OR-top.png"
|
|
||||||
alt="logo"
|
|
||||||
style="width: 100px; height: auto"
|
|
||||||
/>
|
|
||||||
<h1 class="text-amber-300">PYRO FÊTES</h1>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- MENU PRINCIPAL -->
|
|
||||||
<ul nz-menu class="top-nav" nzTheme="dark" nzMode="horizontal">
|
|
||||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
|
||||||
<a routerLink="/stock">
|
|
||||||
<nz-icon nzType="stock"></nz-icon>
|
|
||||||
<span>Stock</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li nz-submenu nzTitle="Partenaires" nzIcon="team">
|
|
||||||
<ul>
|
|
||||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
|
||||||
<a routerLink="/supplier">
|
|
||||||
<nz-icon nzType="shop"></nz-icon>
|
|
||||||
<span>Fournisseurs</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
|
||||||
<a routerLink="/deliverer">
|
|
||||||
<nz-icon nzType="car"></nz-icon>
|
|
||||||
<span>Livreurs</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li nz-submenu nzTitle="Recettes" nzIcon="euro-circle">
|
|
||||||
<ul>
|
|
||||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
|
||||||
<a routerLink="/quotation">
|
|
||||||
<nz-icon nzType="file"></nz-icon>
|
|
||||||
<span>Devis</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
|
||||||
<a routerLink="/purchase-order">
|
|
||||||
<nz-icon nzType="file"></nz-icon>
|
|
||||||
<span>Bon de commande</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
|
||||||
<a routerLink="/delivery-note">
|
|
||||||
<nz-icon nzType="file"></nz-icon>
|
|
||||||
<span>Bon de livraison</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
|
||||||
<a routerLink="/user">
|
|
||||||
<nz-icon nzType="user"></nz-icon>
|
|
||||||
<span>Utilisateur</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<!-- ICONES À DROITE -->
|
|
||||||
<div class="right-icons">
|
|
||||||
<app-modal-nav nameIcon="user" name="Profil">
|
|
||||||
<app-profil></app-profil>
|
|
||||||
</app-modal-nav>
|
|
||||||
<app-modal-nav nameIcon="setting" name="Paramètres">
|
|
||||||
<app-setting-form></app-setting-form>
|
|
||||||
</app-modal-nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nz-header>
|
|
||||||
|
|
||||||
<nz-content>
|
|
||||||
<div class="inner-content overflow-auto">
|
|
||||||
<router-outlet></router-outlet>
|
|
||||||
</div>
|
|
||||||
</nz-content>
|
|
||||||
</nz-layout>
|
|
||||||
+23
-8
@@ -1,6 +1,15 @@
|
|||||||
import {Routes} from '@angular/router';
|
import {Routes} from '@angular/router';
|
||||||
|
|
||||||
export const routes: Routes = [
|
export const routes: Routes = [
|
||||||
|
{
|
||||||
|
path: 'login',
|
||||||
|
loadComponent: () => import('./pages/login/login').then(x => x.Login)
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '',
|
||||||
|
loadComponent: () =>
|
||||||
|
import('./components/layout/layout').then(m => m.Layout),
|
||||||
|
children: [
|
||||||
{
|
{
|
||||||
path: '',
|
path: '',
|
||||||
pathMatch: 'full',
|
pathMatch: 'full',
|
||||||
@@ -8,34 +17,40 @@ export const routes: Routes = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'dashboard',
|
path: 'dashboard',
|
||||||
loadComponent: () => import('./pages/dashboard/dashboard').then(x => x.Dashboard)
|
loadComponent: () => import('./pages/dashboard/dashboard').then(m => m.Dashboard)
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'stock',
|
path: 'stock',
|
||||||
loadComponent: () => import('./pages/stock/stock').then(x => x.Stock)
|
loadComponent: () => import('./pages/stock/stock').then(m => m.Stock)
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'supplier',
|
path: 'supplier',
|
||||||
loadComponent: () => import('./pages/supplier/supplier').then(x => x.Supplier)
|
loadComponent: () => import('./pages/supplier/supplier').then(m => m.Supplier)
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'deliverer',
|
path: 'deliverer',
|
||||||
loadComponent: () => import('./pages/deliverer/deliverer').then(x => x.Deliverer)
|
loadComponent: () => import('./pages/deliverer/deliverer').then(m => m.Deliverer)
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'quotation',
|
path: 'quotation',
|
||||||
loadComponent: () => import('./pages/quotation/quotation').then(x => x.Quotation)
|
loadComponent: () => import('./pages/quotation/quotation').then(m => m.Quotation)
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'purchase-order',
|
path: 'purchase-order',
|
||||||
loadComponent: () => import('./pages/purchase-order/purchase-order').then(x => x.PurchaseOrder)
|
loadComponent: () => import('./pages/purchase-order/purchase-order').then(m => m.PurchaseOrder)
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'delivery-note',
|
path: 'delivery-note',
|
||||||
loadComponent: () => import('./pages/delivery-note/delivery-note').then(x => x.DeliveryNote)
|
loadComponent: () => import('./pages/delivery-note/delivery-note').then(m => m.DeliveryNote)
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'user',
|
path: 'user',
|
||||||
loadComponent: () => import('./pages/user/user').then(x => x.User)
|
loadComponent: () => import('./pages/user/user').then(m => m.User)
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '**',
|
||||||
|
redirectTo: 'dashboard'
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|||||||
+2
-6
@@ -1,15 +1,11 @@
|
|||||||
import {Component} from '@angular/core';
|
import {Component} from '@angular/core';
|
||||||
import {RouterLink, RouterLinkActive, RouterOutlet} from '@angular/router';
|
import {RouterOutlet} from '@angular/router';
|
||||||
import {NzLayoutModule} from 'ng-zorro-antd/layout';
|
import {NzLayoutModule} from 'ng-zorro-antd/layout';
|
||||||
import {NzMenuModule} from 'ng-zorro-antd/menu';
|
import {NzMenuModule} from 'ng-zorro-antd/menu';
|
||||||
import {NzIconDirective} from "ng-zorro-antd/icon";
|
|
||||||
import {ModalNav} from "./components/modal-nav/modal-nav";
|
|
||||||
import {Profil} from "./components/profil/profil";
|
|
||||||
import {SettingForm} from "./components/setting-form/setting-form";
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-root',
|
selector: 'app-root',
|
||||||
imports: [RouterOutlet, NzLayoutModule, NzMenuModule, NzIconDirective, RouterLinkActive, RouterLink, ModalNav, Profil, SettingForm],
|
imports: [RouterOutlet, NzLayoutModule, NzMenuModule],
|
||||||
templateUrl: './app.html',
|
templateUrl: './app.html',
|
||||||
styleUrl: './app.css'
|
styleUrl: './app.css'
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -0,0 +1,113 @@
|
|||||||
|
:host {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-layout {
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
nz-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
background: #001529;
|
||||||
|
padding: 0 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* --- LOGO + TITRE --- */
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo a {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo img {
|
||||||
|
height: 40px;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo h1 {
|
||||||
|
margin: 0 0 0 10px;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 20px;
|
||||||
|
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* --- MENU PRINCIPAL --- */
|
||||||
|
.top-nav {
|
||||||
|
flex: 1;
|
||||||
|
margin: 0 40px;
|
||||||
|
line-height: 64px;
|
||||||
|
background: #001529;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Couleur grise par défaut + effet blanc et zoom au survol */
|
||||||
|
.top-nav li {
|
||||||
|
transition: transform 0.2s ease, color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-nav li a {
|
||||||
|
color: #bfbfbf !important; /* gris clair par défaut */
|
||||||
|
transition: transform 0.2s ease, color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Au survol → zoom + blanc pur */
|
||||||
|
.top-nav li:hover {
|
||||||
|
transform: scale(1.08);
|
||||||
|
background: transparent !important;
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-nav li:hover a {
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Supprime toute coloration bleue ou fond par défaut NG-ZORRO */
|
||||||
|
.top-nav li.ant-menu-item-active,
|
||||||
|
.top-nav li.ant-menu-item-selected {
|
||||||
|
background: transparent !important;
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* --- ICONES DROITES --- */
|
||||||
|
.right-icons {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 20px;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-icons app-modal-nav {
|
||||||
|
transition: transform 0.2s ease, color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-icons app-modal-nav:hover {
|
||||||
|
color: #40a9ff;
|
||||||
|
transform: scale(1.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* --- CONTENU --- */
|
||||||
|
nz-content {
|
||||||
|
padding: 24px 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inner-content {
|
||||||
|
padding: 24px;
|
||||||
|
background: #fff;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
@@ -0,0 +1,87 @@
|
|||||||
|
<nz-layout class="app-layout">
|
||||||
|
<nz-header>
|
||||||
|
<div class="header-container">
|
||||||
|
<!-- LOGO -->
|
||||||
|
<div class="logo">
|
||||||
|
<a routerLink="/dashboard">
|
||||||
|
<img
|
||||||
|
src="https://www.pyro-fetes.com/wp-content/themes/pcptheme/img/logo-pyro-fetes-OR-top.png"
|
||||||
|
alt="logo"
|
||||||
|
style="width: 100px; height: auto"
|
||||||
|
/>
|
||||||
|
<h1 class="text-amber-300">PYRO FÊTES</h1>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- MENU PRINCIPAL -->
|
||||||
|
<ul nz-menu class="top-nav" nzTheme="dark" nzMode="horizontal">
|
||||||
|
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||||
|
<a routerLink="/stock">
|
||||||
|
<nz-icon nzType="stock"></nz-icon>
|
||||||
|
<span>Stock</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li nz-submenu nzTitle="Partenaires" nzIcon="team">
|
||||||
|
<ul>
|
||||||
|
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||||
|
<a routerLink="/supplier">
|
||||||
|
<nz-icon nzType="shop"></nz-icon>
|
||||||
|
<span>Fournisseurs</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||||
|
<a routerLink="/deliverer">
|
||||||
|
<nz-icon nzType="car"></nz-icon>
|
||||||
|
<span>Livreurs</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li nz-submenu nzTitle="Recettes" nzIcon="euro-circle">
|
||||||
|
<ul>
|
||||||
|
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||||
|
<a routerLink="/quotation">
|
||||||
|
<nz-icon nzType="file"></nz-icon>
|
||||||
|
<span>Devis</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||||
|
<a routerLink="/purchase-order">
|
||||||
|
<nz-icon nzType="file"></nz-icon>
|
||||||
|
<span>Bon de commande</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||||
|
<a routerLink="/delivery-note">
|
||||||
|
<nz-icon nzType="file"></nz-icon>
|
||||||
|
<span>Bon de livraison</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||||
|
<a routerLink="/user">
|
||||||
|
<nz-icon nzType="user"></nz-icon>
|
||||||
|
<span>Utilisateur</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- ICONES À DROITE -->
|
||||||
|
<div class="right-icons">
|
||||||
|
<app-modal-nav nameIcon="user" name="Profil">
|
||||||
|
<app-profil></app-profil>
|
||||||
|
</app-modal-nav>
|
||||||
|
<app-modal-nav nameIcon="setting" name="Paramètres">
|
||||||
|
<app-setting-form></app-setting-form>
|
||||||
|
</app-modal-nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nz-header>
|
||||||
|
|
||||||
|
<nz-content>
|
||||||
|
<div class="inner-content overflow-auto">
|
||||||
|
<router-outlet></router-outlet>
|
||||||
|
</div>
|
||||||
|
</nz-content>
|
||||||
|
</nz-layout>
|
||||||
@@ -0,0 +1,32 @@
|
|||||||
|
import {Component} from '@angular/core';
|
||||||
|
import {ModalNav} from "../modal-nav/modal-nav";
|
||||||
|
import {NzContentComponent, NzHeaderComponent, NzLayoutComponent} from "ng-zorro-antd/layout";
|
||||||
|
import {NzIconDirective} from "ng-zorro-antd/icon";
|
||||||
|
import {NzMenuDirective, NzMenuItemComponent, NzSubMenuComponent} from "ng-zorro-antd/menu";
|
||||||
|
import {Profil} from "../profil/profil";
|
||||||
|
import {RouterLink, RouterLinkActive, RouterOutlet} from "@angular/router";
|
||||||
|
import {SettingForm} from "../setting-form/setting-form";
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-layout',
|
||||||
|
imports: [
|
||||||
|
ModalNav,
|
||||||
|
NzContentComponent,
|
||||||
|
NzHeaderComponent,
|
||||||
|
NzIconDirective,
|
||||||
|
NzLayoutComponent,
|
||||||
|
NzMenuDirective,
|
||||||
|
NzMenuItemComponent,
|
||||||
|
NzSubMenuComponent,
|
||||||
|
Profil,
|
||||||
|
RouterLink,
|
||||||
|
RouterLinkActive,
|
||||||
|
RouterOutlet,
|
||||||
|
SettingForm
|
||||||
|
],
|
||||||
|
templateUrl: './layout.html',
|
||||||
|
styleUrl: './layout.css',
|
||||||
|
})
|
||||||
|
export class Layout {
|
||||||
|
|
||||||
|
}
|
||||||
@@ -0,0 +1,48 @@
|
|||||||
|
import {HttpInterceptorFn, HttpErrorResponse, HttpRequest, HttpHandlerFn} from '@angular/common/http';
|
||||||
|
import {inject} from '@angular/core';
|
||||||
|
import {AuthService} from '../services/auth.service';
|
||||||
|
import {RefreshService} from '../services/api';
|
||||||
|
import {NzNotificationService} from 'ng-zorro-antd/notification';
|
||||||
|
import {catchError, switchMap, throwError} from 'rxjs';
|
||||||
|
|
||||||
|
export const authInterceptor: HttpInterceptorFn = (req: HttpRequest<any>, next: HttpHandlerFn) => {
|
||||||
|
const authService = inject(AuthService);
|
||||||
|
const refreshService = inject(RefreshService);
|
||||||
|
const notification = inject(NzNotificationService);
|
||||||
|
const token = authService.getToken();
|
||||||
|
|
||||||
|
let authReq = req;
|
||||||
|
if (token) {
|
||||||
|
authReq = req.clone({
|
||||||
|
setHeaders: {Authorization: `Bearer ${token}`}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return next(authReq).pipe(
|
||||||
|
catchError((error: HttpErrorResponse) => {
|
||||||
|
if (error.status === 401 && token) {
|
||||||
|
return refreshService.refreshTokenEndpoint({token})
|
||||||
|
.pipe(
|
||||||
|
switchMap((res: any) => {
|
||||||
|
authService.setToken(res.token);
|
||||||
|
const newReq = req.clone({
|
||||||
|
setHeaders: {Authorization: `Bearer ${res.token}`}
|
||||||
|
});
|
||||||
|
return next(newReq);
|
||||||
|
}),
|
||||||
|
catchError((refreshErr) => {
|
||||||
|
authService.logout();
|
||||||
|
notification.error('Session expirée', 'Veuillez vous reconnecter.');
|
||||||
|
return throwError(() => refreshErr);
|
||||||
|
})
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (error.status === 403) {
|
||||||
|
notification.error('Accès refusé', 'Vous n’avez pas les droits pour cette action.');
|
||||||
|
}
|
||||||
|
|
||||||
|
return throwError(() => error);
|
||||||
|
})
|
||||||
|
);
|
||||||
|
};
|
||||||
@@ -0,0 +1,46 @@
|
|||||||
|
<div class="grid grid-cols-9 min-h-screen bg-blue-950">
|
||||||
|
<div class="col-span-6 w-full h-full border rounded-r-4xl overflow-hidden">
|
||||||
|
<img src="https://www.pyro-fetes.com/wp-content/uploads/2023/03/5I9A3180-scaled.jpg"
|
||||||
|
class="w-full h-full object-cover"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-span-3 w-full flex items-center justify-center">
|
||||||
|
|
||||||
|
<div class="flex flex-col items-center">
|
||||||
|
<img src="https://www.pyro-fetes.com/wp-content/uploads/2020/10/PyroFetes-logo-OR.png"
|
||||||
|
class="w-9/12 mb-10"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div class="bg-white border rounded-2xl p-8 w-80 shadow-lg">
|
||||||
|
<form nz-form nzLayout="vertical" [formGroup]="loginForm">
|
||||||
|
<nz-form-item>
|
||||||
|
<nz-form-label nzRequired>
|
||||||
|
Nom d'utilisateur
|
||||||
|
</nz-form-label>
|
||||||
|
<nz-form-control nzErrorTip="Ce champ est requis">
|
||||||
|
<input nz-input placeholder="Nom d'utilisateur" formControlName="name">
|
||||||
|
</nz-form-control>
|
||||||
|
</nz-form-item>
|
||||||
|
|
||||||
|
<nz-form-item>
|
||||||
|
<nz-form-label nzRequired class="mt-3">
|
||||||
|
Mot de passe
|
||||||
|
</nz-form-label>
|
||||||
|
<nz-form-control nzErrorTip="Ce champ est requis">
|
||||||
|
<input nz-input type="password" placeholder="Mot de passe" formControlName="password">
|
||||||
|
</nz-form-control>
|
||||||
|
</nz-form-item>
|
||||||
|
|
||||||
|
<button class="mt-4 rounded-xl w-full" nz-button nzType="primary" (click)="connectUser()">
|
||||||
|
Connexion
|
||||||
|
</button>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,43 @@
|
|||||||
|
import {Component, inject, OnInit} from '@angular/core';
|
||||||
|
import {NzColDirective} from "ng-zorro-antd/grid";
|
||||||
|
import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
|
||||||
|
import {NzInputDirective} from "ng-zorro-antd/input";
|
||||||
|
import {FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms";
|
||||||
|
import {NzButtonComponent} from "ng-zorro-antd/button";
|
||||||
|
import {AuthService} from "../../services/auth.service";
|
||||||
|
import {Router} from "@angular/router";
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-login',
|
||||||
|
imports: [
|
||||||
|
NzColDirective,
|
||||||
|
NzFormControlComponent,
|
||||||
|
NzFormDirective,
|
||||||
|
NzFormItemComponent,
|
||||||
|
NzFormLabelComponent,
|
||||||
|
NzInputDirective,
|
||||||
|
ReactiveFormsModule,
|
||||||
|
NzButtonComponent
|
||||||
|
],
|
||||||
|
templateUrl: './login.html',
|
||||||
|
styleUrl: './login.css',
|
||||||
|
})
|
||||||
|
export class Login implements OnInit {
|
||||||
|
private authService = inject(AuthService);
|
||||||
|
private router = inject(Router);
|
||||||
|
|
||||||
|
ngOnInit() {
|
||||||
|
this.authService.logout();
|
||||||
|
}
|
||||||
|
|
||||||
|
loginForm: FormGroup = new FormGroup({
|
||||||
|
name: new FormControl<string>(null, [Validators.required]),
|
||||||
|
password: new FormControl<string>(null, [Validators.required])
|
||||||
|
})
|
||||||
|
|
||||||
|
async connectUser() {
|
||||||
|
if (this.loginForm.invalid) return;
|
||||||
|
const ok = await this.authService.connectUser(this.loginForm.value.name, this.loginForm.value.password);
|
||||||
|
if (ok) await this.router.navigate(['/dashboard']);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -11,6 +11,7 @@ api/prices.service.ts
|
|||||||
api/products.service.ts
|
api/products.service.ts
|
||||||
api/purchaseorders.service.ts
|
api/purchaseorders.service.ts
|
||||||
api/quotations.service.ts
|
api/quotations.service.ts
|
||||||
|
api/refresh.service.ts
|
||||||
api/settings.service.ts
|
api/settings.service.ts
|
||||||
api/suppliers.service.ts
|
api/suppliers.service.ts
|
||||||
api/users.service.ts
|
api/users.service.ts
|
||||||
@@ -42,6 +43,7 @@ model/get-purchase-order-dto.ts
|
|||||||
model/get-purchase-product-dto.ts
|
model/get-purchase-product-dto.ts
|
||||||
model/get-quotation-dto.ts
|
model/get-quotation-dto.ts
|
||||||
model/get-quotation-product-dto.ts
|
model/get-quotation-product-dto.ts
|
||||||
|
model/get-refresh-token-dto.ts
|
||||||
model/get-setting-dto.ts
|
model/get-setting-dto.ts
|
||||||
model/get-supplier-dto.ts
|
model/get-supplier-dto.ts
|
||||||
model/get-token-dto.ts
|
model/get-token-dto.ts
|
||||||
@@ -61,6 +63,7 @@ model/patch-quotation-product-quantity-dto.ts
|
|||||||
model/patch-supplier-delivery-delay-dto.ts
|
model/patch-supplier-delivery-delay-dto.ts
|
||||||
model/patch-user-password-dto.ts
|
model/patch-user-password-dto.ts
|
||||||
model/patch-ware-house-product-quantity-dto.ts
|
model/patch-ware-house-product-quantity-dto.ts
|
||||||
|
model/refresh-token-dto.ts
|
||||||
model/update-deliverer-dto.ts
|
model/update-deliverer-dto.ts
|
||||||
model/update-delivery-note-dto.ts
|
model/update-delivery-note-dto.ts
|
||||||
model/update-product-dto.ts
|
model/update-product-dto.ts
|
||||||
|
|||||||
@@ -19,6 +19,9 @@ import {PurchaseordersService} from './purchaseorders.service';
|
|||||||
export * from './quotations.service';
|
export * from './quotations.service';
|
||||||
import {QuotationsService} from './quotations.service';
|
import {QuotationsService} from './quotations.service';
|
||||||
|
|
||||||
|
export * from './refresh.service';
|
||||||
|
import {RefreshService} from './refresh.service';
|
||||||
|
|
||||||
export * from './settings.service';
|
export * from './settings.service';
|
||||||
import {SettingsService} from './settings.service';
|
import {SettingsService} from './settings.service';
|
||||||
|
|
||||||
@@ -34,4 +37,4 @@ import {WarehouseproductsService} from './warehouseproducts.service';
|
|||||||
export * from './warehouses.service';
|
export * from './warehouses.service';
|
||||||
import {WarehousesService} from './warehouses.service';
|
import {WarehousesService} from './warehouses.service';
|
||||||
|
|
||||||
export const APIS = [CustomersService, DeliverersService, DeliverynotesService, PricesService, ProductsService, PurchaseordersService, QuotationsService, SettingsService, SuppliersService, UsersService, WarehouseproductsService, WarehousesService];
|
export const APIS = [CustomersService, DeliverersService, DeliverynotesService, PricesService, ProductsService, PurchaseordersService, QuotationsService, RefreshService, SettingsService, SuppliersService, UsersService, WarehouseproductsService, WarehousesService];
|
||||||
|
|||||||
@@ -152,22 +152,22 @@ export class PurchaseordersService extends BaseService {
|
|||||||
* @param reportProgress flag to report request and response progress.
|
* @param reportProgress flag to report request and response progress.
|
||||||
*/
|
*/
|
||||||
public createPurchaseOrder(createPurchaseOrderDto: CreatePurchaseOrderDto, observe?: 'body', reportProgress?: boolean, options?: {
|
public createPurchaseOrder(createPurchaseOrderDto: CreatePurchaseOrderDto, observe?: 'body', reportProgress?: boolean, options?: {
|
||||||
httpHeaderAccept?: undefined,
|
httpHeaderAccept?: 'application/json',
|
||||||
context?: HttpContext,
|
context?: HttpContext,
|
||||||
transferCache?: boolean
|
transferCache?: boolean
|
||||||
}): Observable<any>;
|
}): Observable<GetPurchaseOrderDto>;
|
||||||
public createPurchaseOrder(createPurchaseOrderDto: CreatePurchaseOrderDto, observe?: 'response', reportProgress?: boolean, options?: {
|
public createPurchaseOrder(createPurchaseOrderDto: CreatePurchaseOrderDto, observe?: 'response', reportProgress?: boolean, options?: {
|
||||||
httpHeaderAccept?: undefined,
|
httpHeaderAccept?: 'application/json',
|
||||||
context?: HttpContext,
|
context?: HttpContext,
|
||||||
transferCache?: boolean
|
transferCache?: boolean
|
||||||
}): Observable<HttpResponse<any>>;
|
}): Observable<HttpResponse<GetPurchaseOrderDto>>;
|
||||||
public createPurchaseOrder(createPurchaseOrderDto: CreatePurchaseOrderDto, observe?: 'events', reportProgress?: boolean, options?: {
|
public createPurchaseOrder(createPurchaseOrderDto: CreatePurchaseOrderDto, observe?: 'events', reportProgress?: boolean, options?: {
|
||||||
httpHeaderAccept?: undefined,
|
httpHeaderAccept?: 'application/json',
|
||||||
context?: HttpContext,
|
context?: HttpContext,
|
||||||
transferCache?: boolean
|
transferCache?: boolean
|
||||||
}): Observable<HttpEvent<any>>;
|
}): Observable<HttpEvent<GetPurchaseOrderDto>>;
|
||||||
public createPurchaseOrder(createPurchaseOrderDto: CreatePurchaseOrderDto, observe: any = 'body', reportProgress: boolean = false, options?: {
|
public createPurchaseOrder(createPurchaseOrderDto: CreatePurchaseOrderDto, observe: any = 'body', reportProgress: boolean = false, options?: {
|
||||||
httpHeaderAccept?: undefined,
|
httpHeaderAccept?: 'application/json',
|
||||||
context?: HttpContext,
|
context?: HttpContext,
|
||||||
transferCache?: boolean
|
transferCache?: boolean
|
||||||
}): Observable<any> {
|
}): Observable<any> {
|
||||||
@@ -177,7 +177,9 @@ export class PurchaseordersService extends BaseService {
|
|||||||
|
|
||||||
let localVarHeaders = this.defaultHeaders;
|
let localVarHeaders = this.defaultHeaders;
|
||||||
|
|
||||||
const localVarHttpHeaderAcceptSelected: string | undefined = options?.httpHeaderAccept ?? this.configuration.selectHeaderAccept([]);
|
const localVarHttpHeaderAcceptSelected: string | undefined = options?.httpHeaderAccept ?? this.configuration.selectHeaderAccept([
|
||||||
|
'application/json'
|
||||||
|
]);
|
||||||
if (localVarHttpHeaderAcceptSelected !== undefined) {
|
if (localVarHttpHeaderAcceptSelected !== undefined) {
|
||||||
localVarHeaders = localVarHeaders.set('Accept', localVarHttpHeaderAcceptSelected);
|
localVarHeaders = localVarHeaders.set('Accept', localVarHttpHeaderAcceptSelected);
|
||||||
}
|
}
|
||||||
@@ -209,7 +211,7 @@ export class PurchaseordersService extends BaseService {
|
|||||||
|
|
||||||
let localVarPath = `/API/purchaseOrders`;
|
let localVarPath = `/API/purchaseOrders`;
|
||||||
const {basePath, withCredentials} = this.configuration;
|
const {basePath, withCredentials} = this.configuration;
|
||||||
return this.httpClient.request<any>('post', `${basePath}${localVarPath}`,
|
return this.httpClient.request<GetPurchaseOrderDto>('post', `${basePath}${localVarPath}`,
|
||||||
{
|
{
|
||||||
context: localVarHttpContext,
|
context: localVarHttpContext,
|
||||||
body: createPurchaseOrderDto,
|
body: createPurchaseOrderDto,
|
||||||
|
|||||||
@@ -0,0 +1,120 @@
|
|||||||
|
/**
|
||||||
|
* PyroFetes
|
||||||
|
*
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
|
||||||
|
* https://openapi-generator.tech
|
||||||
|
* Do not edit the class manually.
|
||||||
|
*/
|
||||||
|
/* tslint:disable:no-unused-variable member-ordering */
|
||||||
|
|
||||||
|
import {Inject, Injectable, Optional} from '@angular/core';
|
||||||
|
import {
|
||||||
|
HttpClient, HttpHeaders, HttpParams,
|
||||||
|
HttpResponse, HttpEvent, HttpParameterCodec, HttpContext
|
||||||
|
} from '@angular/common/http';
|
||||||
|
import {CustomHttpParameterCodec} from '../encoder';
|
||||||
|
import {Observable} from 'rxjs';
|
||||||
|
|
||||||
|
// @ts-ignore
|
||||||
|
import {GetRefreshTokenDto} from '../model/get-refresh-token-dto';
|
||||||
|
// @ts-ignore
|
||||||
|
import {RefreshTokenDto} from '../model/refresh-token-dto';
|
||||||
|
|
||||||
|
// @ts-ignore
|
||||||
|
import {BASE_PATH, COLLECTION_FORMATS} from '../variables';
|
||||||
|
import {Configuration} from '../configuration';
|
||||||
|
import {BaseService} from '../api.base.service';
|
||||||
|
|
||||||
|
|
||||||
|
@Injectable({
|
||||||
|
providedIn: 'root'
|
||||||
|
})
|
||||||
|
export class RefreshService extends BaseService {
|
||||||
|
|
||||||
|
constructor(protected httpClient: HttpClient, @Optional() @Inject(BASE_PATH) basePath: string | string[], @Optional() configuration?: Configuration) {
|
||||||
|
super(basePath, configuration);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @endpoint post /API/refresh
|
||||||
|
* @param refreshTokenDto
|
||||||
|
* @param observe set whether or not to return the data Observable as the body, response or events. defaults to returning the body.
|
||||||
|
* @param reportProgress flag to report request and response progress.
|
||||||
|
*/
|
||||||
|
public refreshTokenEndpoint(refreshTokenDto: RefreshTokenDto, observe?: 'body', reportProgress?: boolean, options?: {
|
||||||
|
httpHeaderAccept?: 'application/json',
|
||||||
|
context?: HttpContext,
|
||||||
|
transferCache?: boolean
|
||||||
|
}): Observable<GetRefreshTokenDto>;
|
||||||
|
public refreshTokenEndpoint(refreshTokenDto: RefreshTokenDto, observe?: 'response', reportProgress?: boolean, options?: {
|
||||||
|
httpHeaderAccept?: 'application/json',
|
||||||
|
context?: HttpContext,
|
||||||
|
transferCache?: boolean
|
||||||
|
}): Observable<HttpResponse<GetRefreshTokenDto>>;
|
||||||
|
public refreshTokenEndpoint(refreshTokenDto: RefreshTokenDto, observe?: 'events', reportProgress?: boolean, options?: {
|
||||||
|
httpHeaderAccept?: 'application/json',
|
||||||
|
context?: HttpContext,
|
||||||
|
transferCache?: boolean
|
||||||
|
}): Observable<HttpEvent<GetRefreshTokenDto>>;
|
||||||
|
public refreshTokenEndpoint(refreshTokenDto: RefreshTokenDto, observe: any = 'body', reportProgress: boolean = false, options?: {
|
||||||
|
httpHeaderAccept?: 'application/json',
|
||||||
|
context?: HttpContext,
|
||||||
|
transferCache?: boolean
|
||||||
|
}): Observable<any> {
|
||||||
|
if (refreshTokenDto === null || refreshTokenDto === undefined) {
|
||||||
|
throw new Error('Required parameter refreshTokenDto was null or undefined when calling refreshTokenEndpoint.');
|
||||||
|
}
|
||||||
|
|
||||||
|
let localVarHeaders = this.defaultHeaders;
|
||||||
|
|
||||||
|
const localVarHttpHeaderAcceptSelected: string | undefined = options?.httpHeaderAccept ?? this.configuration.selectHeaderAccept([
|
||||||
|
'application/json'
|
||||||
|
]);
|
||||||
|
if (localVarHttpHeaderAcceptSelected !== undefined) {
|
||||||
|
localVarHeaders = localVarHeaders.set('Accept', localVarHttpHeaderAcceptSelected);
|
||||||
|
}
|
||||||
|
|
||||||
|
const localVarHttpContext: HttpContext = options?.context ?? new HttpContext();
|
||||||
|
|
||||||
|
const localVarTransferCache: boolean = options?.transferCache ?? true;
|
||||||
|
|
||||||
|
|
||||||
|
// to determine the Content-Type header
|
||||||
|
const consumes: string[] = [
|
||||||
|
'application/json'
|
||||||
|
];
|
||||||
|
const httpContentTypeSelected: string | undefined = this.configuration.selectHeaderContentType(consumes);
|
||||||
|
if (httpContentTypeSelected !== undefined) {
|
||||||
|
localVarHeaders = localVarHeaders.set('Content-Type', httpContentTypeSelected);
|
||||||
|
}
|
||||||
|
|
||||||
|
let responseType_: 'text' | 'json' | 'blob' = 'json';
|
||||||
|
if (localVarHttpHeaderAcceptSelected) {
|
||||||
|
if (localVarHttpHeaderAcceptSelected.startsWith('text')) {
|
||||||
|
responseType_ = 'text';
|
||||||
|
} else if (this.configuration.isJsonMime(localVarHttpHeaderAcceptSelected)) {
|
||||||
|
responseType_ = 'json';
|
||||||
|
} else {
|
||||||
|
responseType_ = 'blob';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let localVarPath = `/API/refresh`;
|
||||||
|
const {basePath, withCredentials} = this.configuration;
|
||||||
|
return this.httpClient.request<GetRefreshTokenDto>('post', `${basePath}${localVarPath}`,
|
||||||
|
{
|
||||||
|
context: localVarHttpContext,
|
||||||
|
body: refreshTokenDto,
|
||||||
|
responseType: <any>responseType_,
|
||||||
|
...(withCredentials ? {withCredentials} : {}),
|
||||||
|
headers: localVarHeaders,
|
||||||
|
observe: observe,
|
||||||
|
...(localVarTransferCache !== undefined ? {transferCache: localVarTransferCache} : {}),
|
||||||
|
reportProgress: reportProgress
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
@@ -0,0 +1,15 @@
|
|||||||
|
/**
|
||||||
|
* PyroFetes
|
||||||
|
*
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
|
||||||
|
* https://openapi-generator.tech
|
||||||
|
* Do not edit the class manually.
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
export interface GetRefreshTokenDto {
|
||||||
|
token?: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -20,6 +20,7 @@ export * from './get-purchase-order-dto';
|
|||||||
export * from './get-purchase-product-dto';
|
export * from './get-purchase-product-dto';
|
||||||
export * from './get-quotation-dto';
|
export * from './get-quotation-dto';
|
||||||
export * from './get-quotation-product-dto';
|
export * from './get-quotation-product-dto';
|
||||||
|
export * from './get-refresh-token-dto';
|
||||||
export * from './get-setting-dto';
|
export * from './get-setting-dto';
|
||||||
export * from './get-supplier-dto';
|
export * from './get-supplier-dto';
|
||||||
export * from './get-token-dto';
|
export * from './get-token-dto';
|
||||||
@@ -38,6 +39,7 @@ export * from './patch-quotation-product-quantity-dto';
|
|||||||
export * from './patch-supplier-delivery-delay-dto';
|
export * from './patch-supplier-delivery-delay-dto';
|
||||||
export * from './patch-user-password-dto';
|
export * from './patch-user-password-dto';
|
||||||
export * from './patch-ware-house-product-quantity-dto';
|
export * from './patch-ware-house-product-quantity-dto';
|
||||||
|
export * from './refresh-token-dto';
|
||||||
export * from './update-deliverer-dto';
|
export * from './update-deliverer-dto';
|
||||||
export * from './update-delivery-note-dto';
|
export * from './update-delivery-note-dto';
|
||||||
export * from './update-product-dto';
|
export * from './update-product-dto';
|
||||||
|
|||||||
@@ -0,0 +1,15 @@
|
|||||||
|
/**
|
||||||
|
* PyroFetes
|
||||||
|
*
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
|
||||||
|
* https://openapi-generator.tech
|
||||||
|
* Do not edit the class manually.
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
export interface RefreshTokenDto {
|
||||||
|
token?: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,37 @@
|
|||||||
|
import {inject, Injectable} from '@angular/core';
|
||||||
|
import {firstValueFrom} from 'rxjs';
|
||||||
|
import {NzNotificationService} from 'ng-zorro-antd/notification';
|
||||||
|
import {UsersService} from "./api";
|
||||||
|
|
||||||
|
@Injectable({
|
||||||
|
providedIn: 'root',
|
||||||
|
})
|
||||||
|
export class AuthService {
|
||||||
|
private usersService = inject(UsersService);
|
||||||
|
private notificationService = inject(NzNotificationService);
|
||||||
|
|
||||||
|
async connectUser(name: string, password: string) {
|
||||||
|
try {
|
||||||
|
const loginDto = {name, password};
|
||||||
|
const res = await firstValueFrom(this.usersService.connectUserEndpoint(loginDto));
|
||||||
|
localStorage.setItem('jwt', res.token);
|
||||||
|
return true;
|
||||||
|
} catch {
|
||||||
|
this.notificationService.error('Erreur', 'Identifiant invalide');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
getToken(): string | null {
|
||||||
|
return localStorage.getItem('jwt');
|
||||||
|
}
|
||||||
|
|
||||||
|
setToken(token: string) {
|
||||||
|
localStorage.setItem('jwt', token);
|
||||||
|
}
|
||||||
|
|
||||||
|
logout() {
|
||||||
|
localStorage.removeItem('jwt');
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user