+
diff --git a/src/main/frontend/src/app/modules/shared/components/employee-info/employee-info.component.sass b/src/main/frontend/src/app/modules/shared/components/employee-info/employee-info.component.sass
new file mode 100644
index 0000000..462ef51
--- /dev/null
+++ b/src/main/frontend/src/app/modules/shared/components/employee-info/employee-info.component.sass
@@ -0,0 +1,12 @@
+@import "../../../../../custom-theme"
+
+p, labeled-icon
+ margin: 0
+ color: $light-primary-text
+
+.employee-info-container
+ margin-top: .85rem
+ margin-right: 1rem
+
+.employee-info-group
+ margin-left: 0.7rem
diff --git a/src/main/frontend/src/app/modules/shared/components/employee-info/employee-info.component.ts b/src/main/frontend/src/app/modules/shared/components/employee-info/employee-info.component.ts
new file mode 100644
index 0000000..a4dda93
--- /dev/null
+++ b/src/main/frontend/src/app/modules/shared/components/employee-info/employee-info.component.ts
@@ -0,0 +1,45 @@
+import {Component, OnDestroy, OnInit} from '@angular/core';
+import {AppState} from "../../app-state";
+import {Employee} from "../../model/employee";
+import {Subject} from "rxjs";
+import {takeUntil} from "rxjs/operators";
+
+@Component({
+ selector: 'cre-employee-info',
+ templateUrl: './employee-info.component.html',
+ styleUrls: ['./employee-info.component.sass']
+})
+export class EmployeeInfoComponent implements OnInit, OnDestroy {
+ authenticated = false
+ employee: Employee = null
+ employeeInGroup = false
+
+ private destroy$ = new Subject
+
+
diff --git a/src/main/frontend/src/app/modules/shared/components/header/header.component.ts b/src/main/frontend/src/app/modules/shared/components/header/header.component.ts
index a7469f8..90df0f2 100644
--- a/src/main/frontend/src/app/modules/shared/components/header/header.component.ts
+++ b/src/main/frontend/src/app/modules/shared/components/header/header.component.ts
@@ -1,24 +1,41 @@
-import {Component} from '@angular/core';
+import {Component, OnInit} from '@angular/core';
import {Router} from "@angular/router";
+import {AppState} from "../../app-state";
@Component({
selector: 'cre-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.sass']
})
-export class HeaderComponent {
+export class HeaderComponent implements OnInit {
links = [
- {route: 'color', title: 'Couleurs'},
- {route: 'inventory', title: 'Inventaire'},
- {route: 'account', title: 'Connexion'}
+ {route: 'color', title: 'Couleurs', enabled: true},
+ {route: 'inventory', title: 'Inventaire', enabled: true},
+ {route: 'account/login', title: 'Connexion', enabled: true},
+ {route: 'account/logout', title: 'Déconnexion', enabled: false}
];
_activeLink = this.links[0].route;
constructor(
- private router: Router
+ private router: Router,
+ private appState: AppState
) {
}
+ ngOnInit(): void {
+ const loginLink = this.links[2]
+ const logoutLink = this.links[3]
+ loginLink.enabled = !this.appState.isAuthenticated
+ logoutLink.enabled = this.appState.isAuthenticated
+
+ this.appState.authenticatedUser$.subscribe({
+ next: authentication => {
+ loginLink.enabled = !authentication.authenticated
+ logoutLink.enabled = authentication.authenticated
+ }
+ })
+ }
+
set activeLink(link: string) {
this._activeLink = link;
this.router.navigate([link]);
@@ -27,4 +44,8 @@ export class HeaderComponent {
get activeLink() {
return this._activeLink;
}
+
+ test(link: any) {
+ console.log(link.condition ? link.condition() : true)
+ }
}
diff --git a/src/main/frontend/src/app/modules/shared/components/labeled-icon/labeled-icon.component.html b/src/main/frontend/src/app/modules/shared/components/labeled-icon/labeled-icon.component.html
new file mode 100644
index 0000000..ae21cd3
--- /dev/null
+++ b/src/main/frontend/src/app/modules/shared/components/labeled-icon/labeled-icon.component.html
@@ -0,0 +1,4 @@
+
+
diff --git a/src/main/frontend/src/app/modules/shared/components/labeled-icon/labeled-icon.component.sass b/src/main/frontend/src/app/modules/shared/components/labeled-icon/labeled-icon.component.sass
new file mode 100644
index 0000000..aa93e1a
--- /dev/null
+++ b/src/main/frontend/src/app/modules/shared/components/labeled-icon/labeled-icon.component.sass
@@ -0,0 +1,6 @@
+mat-icon
+ width: 1em
+
+p
+ margin: 4px 0 0 .3em
+ font-size: .8em
diff --git a/src/main/frontend/src/app/modules/shared/components/labeled-icon/labeled-icon.component.ts b/src/main/frontend/src/app/modules/shared/components/labeled-icon/labeled-icon.component.ts
new file mode 100644
index 0000000..0d1e56a
--- /dev/null
+++ b/src/main/frontend/src/app/modules/shared/components/labeled-icon/labeled-icon.component.ts
@@ -0,0 +1,11 @@
+import {Component, Input} from '@angular/core';
+
+@Component({
+ selector: 'labeled-icon',
+ templateUrl: './labeled-icon.component.html',
+ styleUrls: ['./labeled-icon.component.sass']
+})
+export class LabeledIconComponent {
+ @Input() icon: string
+ @Input() label: string
+}
diff --git a/src/main/frontend/src/app/modules/shared/model/employee.ts b/src/main/frontend/src/app/modules/shared/model/employee.ts
new file mode 100644
index 0000000..7189614
--- /dev/null
+++ b/src/main/frontend/src/app/modules/shared/model/employee.ts
@@ -0,0 +1,37 @@
+export class Employee {
+ constructor(
+ public id: number,
+ public firstName: string,
+ public lastName: string,
+ public permissions: EmployeePermission[],
+ public excludedPermissions: EmployeePermission[],
+ public group?: EmployeeGroup,
+ public lastLoginTime?: Date
+ ) {
+ }
+}
+
+export class EmployeeGroup {
+ constructor(
+ public id: number,
+ public name: string,
+ public permissions: EmployeePermission[]
+ ) {
+ }
+}
+
+export enum EmployeePermission {
+ VIEW_EMPLOYEE,
+ VIEW_EMPLOYEE_GROUP,
+ VIEW,
+
+ EDIT_EMPLOYEE,
+ EDIT_EMPLOYEE_GROUP,
+ EDIT,
+
+ REMOVE_EMPLOYEE,
+ REMOVE_EMPLOYEE_GROUP,
+ REMOVE,
+
+ ADMIN
+}
diff --git a/src/main/frontend/src/app/modules/shared/service/api.service.ts b/src/main/frontend/src/app/modules/shared/service/api.service.ts
new file mode 100644
index 0000000..5f0f8ee
--- /dev/null
+++ b/src/main/frontend/src/app/modules/shared/service/api.service.ts
@@ -0,0 +1,61 @@
+import {Injectable} from '@angular/core';
+import {HttpClient} from "@angular/common/http";
+import {Observable} from "rxjs";
+import {environment} from "../../../../environments/environment";
+import {AppState} from "../app-state";
+import {Router} from "@angular/router";
+
+@Injectable({
+ providedIn: 'root'
+})
+export class ApiService {
+ constructor(
+ private http: HttpClient,
+ private appState: AppState,
+ private router: Router
+ ) {
+ }
+
+ get{{label}}
+