@cerema/cadriciel 1.0.8 → 1.1.1

package/aaaa/client/layout/shared/components/notfound/notfound-routing.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { NotfoundComponent } from './notfound.component';
+
+@NgModule({
+  imports: [RouterModule.forChild([
+    {path: '', component: NotfoundComponent}
+  ])],
+  exports: [RouterModule]
+})
+export class NotfoundRoutingModule {
+}

package/aaaa/client/layout/shared/components/notfound/notfound.component.html

@@ -0,0 +1,42 @@
+<div class="surface-ground h-screen w-screen flex align-items-center justify-content-center">
+  <div class="surface-card py-7 px-5 sm:px-7 shadow-2 flex flex-column w-11 sm:w-30rem" style="border-radius:14px">
+    <h1 class="font-bold text-2xl mt-0 mb-2">NOT FOUND</h1>
+    <p class="text-color-secondary mb-4">Looks like you are lost. You may try these or go back to <a
+        [routerLink]="['/']" class="font-bold text-primary hover:underline">dashboard</a>.</p>
+
+    <ul class="list-none p-0 m-0">
+      <li>
+        <a [routerLink]="['/pages/help']"
+          class="flex align-items-center py-2 px-3 hover:surface-hover transition-colors transition-duration-150">
+          <span
+            class="inline-flex align-items-center justify-content-center flex-shrink-0 border-round bg-yellow-500 text-white w-3rem h-3rem">
+            <i class="pi pi-compass text-2xl"></i>
+          </span>
+          <span class="ml-3">
+            <span class="mb-2 font-bold text-color">Help Center</span>
+            <p class="m-0 text-color-secondary">Access knowledge test</p>
+          </span>
+          <i class="ml-auto pi pi-chevron-right text-color"></i>
+        </a>
+      </li>
+      <li>
+        <a [routerLink]="['/pages/help']"
+          class="flex align-items-center py-2 px-3 hover:surface-hover transition-colors transition-duration-150">
+          <span
+            class="inline-flex align-items-center justify-content-center flex-shrink-0 border-round bg-teal-500 text-white w-3rem h-3rem">
+            <i class="pi pi-user text-2xl"></i>
+          </span>
+          <span class="ml-3">
+            <span class="mb-2 font-bold text-color">Customer Services</span>
+            <p class="m-0 text-color-secondary">Get instant answers</p>
+          </span>
+          <i class="ml-auto pi pi-chevron-right text-color"></i>
+        </a>
+      </li>
+    </ul>
+
+    <button [routerLink]="['/']" pButton pRipple label="Go to Dashboard" class="mt-4"></button>
+  </div>
+</div>
+
+<app-config [minimal]="true"></app-config>

package/aaaa/client/layout/shared/components/notfound/notfound.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+  templateUrl: './notfound.component.html'
+})
+export class NotfoundComponent {
+}

package/aaaa/client/layout/shared/components/notfound/notfound.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NotfoundRoutingModule } from './notfound-routing.module';
+import { NotfoundComponent } from './notfound.component';
+import { ButtonModule } from 'primeng/button';
+import { AppConfigModule } from 'layout/config/config.module';
+
+@NgModule({
+  imports: [CommonModule, NotfoundRoutingModule, ButtonModule, AppConfigModule],
+  declarations: [NotfoundComponent],
+})
+export class NotfoundModule {}

package/aaaa/client/layout/shared/constants/dateFormat.constants.ts

@@ -0,0 +1 @@
+export const dateFormat = 'dd/MM/yyyy';

package/aaaa/client/layout/shared/constants/mocks/user-mocks.constants.ts

@@ -0,0 +1,36 @@
+import { User } from '../../entities/user.model';
+import { Roles } from '../../enums/roles.enums';
+
+export const mockedUser: User = {
+  email: 'test@marep.fr',
+  id: 1,
+  idDirectionCourante: 1,
+  roles: ['ADMIN'],
+  nbDirections: 0,
+};
+
+export const mockedUserAdminMarep: User = {
+  email: 'test2@marep.fr',
+  id: 2,
+  idDirectionCourante: 1,
+  roles: ['ADMIN'],
+  nbDirections: 0,
+};
+
+export const mockedUserOperateur: User = {
+  email: 'test3@marep.fr',
+  id: 3,
+  idDirectionCourante: 1,
+  roles: ['OPERATOR'],
+  nbDirections: 0,
+};
+
+export const mockedUserConsultant: User = {
+  email: 'test4@marep.fr',
+  id: 4,
+  idDirectionCourante: 1,
+  roles: ['GUEST'],
+  nbDirections: 0,
+};
+
+export const mockedAdminMarepList: User[] = [mockedUser, mockedUserAdminMarep];

package/aaaa/client/layout/shared/constants/pagination.constants.ts

@@ -0,0 +1 @@
+export const LIGNES_PAR_PAGE = 5;

package/aaaa/client/layout/shared/core/config/application-config.service.ts

@@ -0,0 +1,34 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ApplicationConfigService {
+  private _endpointPrefix = '';
+  private _endpointPrefixApiOpen = '';
+
+  get endpointPrefix(): string {
+    return this._endpointPrefix;
+  }
+
+  set endpointPrefix(value: string) {
+    this._endpointPrefix = value;
+  }
+
+  get endpointPrefixApiOpen(): string {
+    return this._endpointPrefixApiOpen;
+  }
+
+  set endpointPrefixApiOpen(value: string) {
+    this._endpointPrefixApiOpen = value;
+  }
+
+  getEndpointFor(api: string): string {
+    return `${this.endpointPrefix}${api}`;
+  }
+
+  getEndpointForApiOpen(api: string): string {
+    return `${this.endpointPrefixApiOpen}${api}`;
+  }
+
+}

package/aaaa/client/layout/shared/core/config/db-config.service.ts

@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class DBConfigService {
+  private _endpointPrefix = '';
+
+  get endpointPrefix(): string {
+    return this._endpointPrefix;
+  }
+
+  set endpointPrefix(value: string) {
+    this._endpointPrefix = value;
+  }
+
+  getEndpointFor(api: string): string {
+    return `${this.endpointPrefix}${api}`;
+  }
+}

package/aaaa/client/layout/shared/core/guard/can-modify.guard.ts

@@ -0,0 +1,51 @@
+import { Injectable } from '@angular/core';
+import {
+  ActivatedRouteSnapshot,
+  CanActivate,
+  Router,
+  RouterStateSnapshot,
+  UrlTree,
+} from '@angular/router';
+import { Observable, of } from 'rxjs';
+import { UserService } from '../../service/user.service';
+import { mergeMap } from 'rxjs/operators';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class CanModifyGuard implements CanActivate {
+  constructor(private userService: UserService, private router: Router) {}
+
+  canActivate(
+    route: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot
+  ):
+    | Observable<boolean | UrlTree>
+    | Promise<boolean | UrlTree>
+    | boolean
+    | UrlTree {
+    if (this.userService.currentUser) {
+      if (
+        this.userService.userHasRole('ADMIN') ||
+        this.userService.userHasRole('OPERATOR')
+      ) {
+        return true;
+      }
+      return this.router.parseUrl('/');
+    }
+    return this.userService.getCurrentUser().pipe(
+      mergeMap((res) => {
+        if (res.body) {
+          this.userService.currentUser = res.body;
+          if (
+            this.userService.userHasRole('ADMIN') ||
+            this.userService.userHasRole('OPERATOR')
+          ) {
+            return of(true);
+          }
+        }
+        return of(this.router.parseUrl('/'));
+      })
+    );
+  }
+}

package/aaaa/client/layout/shared/core/guard/login.guard.ts

@@ -0,0 +1,24 @@
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, CanActivate, RouterStateSnapshot, UrlTree } from '@angular/router';
+import { Observable } from 'rxjs';
+import { OAuthService } from 'angular-oauth2-oidc';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class LoginGuard implements CanActivate {
+  constructor(private oauthService: OAuthService) {
+  }
+
+  canActivate(
+    route: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot
+  ): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
+    if (this.oauthService.hasValidAccessToken() && this.oauthService.hasValidIdToken()) {
+      return true;
+    } else {
+      this.oauthService.initLoginFlow();
+      return false;
+    }
+  }
+}

package/aaaa/client/layout/shared/core/guard/ui.guard.ts

@@ -0,0 +1,94 @@
+import { Injectable } from '@angular/core';
+import { map } from 'rxjs/operators';
+import {
+  CanActivate,
+  ActivatedRouteSnapshot,
+  RouterStateSnapshot,
+  UrlTree,
+  Router,
+} from '@angular/router';
+import { Observable } from 'rxjs';
+
+import UIPolicy from '../../../../../policies/ui.policy.json';
+import { UserService } from 'layout/shared/service/user.service';
+import menu from '../../../../app/menu.json';
+
+interface MenuItem {
+  label: string;
+  icon: string;
+  routerLink?: string[];
+  visible?: boolean;
+  items?: MenuItem[];
+}
+
+@Injectable({
+  providedIn: 'root',
+})
+export class UIGuard implements CanActivate {
+  constructor(private user: UserService, private router: Router) {}
+
+  updateMenuVisibility(roleActifList: any[], UIPolicy: any, menu: MenuItem[]) {
+    // Pour chaque rôle dans roleActifList, vérifiez les autorisations dans UIPolicy
+    const allowedRoutes = new Set();
+
+    for (const role of roleActifList) {
+      const routesForRole = UIPolicy[role] || [];
+      for (const route of routesForRole) {
+        if (route === '*') {
+          // Si le rôle a accès à toutes les routes, ajoutez toutes les routes du menu
+          for (const menuItem of menu) {
+            for (const subItem of menuItem.items) {
+              allowedRoutes.add(subItem.routerLink[0]);
+            }
+          }
+        } else {
+          allowedRoutes.add(route);
+        }
+      }
+    }
+
+    // Parcourez le menu et mettez à jour la propriété visible pour les sous-éléments
+    for (const menuItem of menu) {
+      let hasVisibleSubItem = false;
+      for (const subItem of menuItem.items) {
+        subItem.visible = allowedRoutes.has(subItem.routerLink[0]);
+        if (subItem.visible) {
+          hasVisibleSubItem = true;
+        }
+      }
+      // Mettez à jour la propriété visible pour l'élément de niveau supérieur
+      menuItem.visible = hasVisibleSubItem;
+    }
+
+    return menu;
+  }
+
+  canActivate(
+    route: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot
+  ): Observable<boolean | UrlTree> {
+    return this.user.getCurrentUser().pipe(
+      map((data) => {
+        const roleActifList = data.body.roleActifList;
+        const updatedMenu = this.updateMenuVisibility(
+          roleActifList,
+          UIPolicy,
+          menu
+        );
+        const currentRoute = state.url;
+
+        for (const menuItem of updatedMenu) {
+          for (const subItem of menuItem.items) {
+            if (subItem.routerLink[0] === currentRoute && subItem.visible) {
+              return true;
+            }
+          }
+        }
+
+        // Si la route n'est pas autorisée, redirigez vers une page d'erreur ou la page d'accueil
+        this.router.navigate(['/403']);
+        return false;
+      })
+    );
+  }
+}

package/aaaa/client/layout/shared/core/interceptor/handle-req.interceptor.ts

@@ -0,0 +1,31 @@
+import { Injectable } from '@angular/core';
+import { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { tap } from 'rxjs/operators';
+import { Router } from "@angular/router";
+
+@Injectable()
+export class HandleReqInterceptor implements HttpInterceptor {
+  constructor(private router: Router) {
+  }
+
+  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    return next.handle(request).pipe(
+      tap({
+        error: (err: HttpErrorResponse) => {
+
+          //TODO :  A REFAIRE
+
+
+          let debugMessage = err.error?.errors[0]?.debugMessage?.match('"(.*)"');
+          let message: string = debugMessage === null || debugMessage === undefined ? err.error?.errors[0]?.message : debugMessage[1];
+          if (err?.status === 500) {
+          } else if (err.status === 401) {
+            sessionStorage.clear();
+            this.router.navigateByUrl('/deconnexion');
+          }
+        },
+      })
+    );
+  }
+}

package/aaaa/client/layout/shared/core/interceptor/index.ts

@@ -0,0 +1,10 @@
+import { HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HandleReqInterceptor } from './handle-req.interceptor';
+
+export const HttpInterceptorProviders = [
+  {
+    provide: HTTP_INTERCEPTORS,
+    useClass: HandleReqInterceptor,
+    multi: true,
+  },
+];

package/aaaa/client/layout/shared/core/request/pageable.model.ts

@@ -0,0 +1,5 @@
+export interface Pageable {
+  page: number;
+  size: number;
+  sort?: string[];
+}

package/aaaa/client/layout/shared/core/request/request-util.ts

@@ -0,0 +1,21 @@
+import { HttpParams } from '@angular/common/http';
+
+export const createRequestOption = (req?: any): HttpParams => {
+  let options: HttpParams = new HttpParams();
+
+  if (req) {
+    Object.keys(req).forEach(key => {
+      if (key !== 'sort' && req[key]) {
+        options = options.set(key, req[key]);
+      }
+    });
+  }
+
+  if (req.sort) {
+    req.sort.forEach((val: string) => {
+      options = options.append('sort', val);
+    });
+  }
+
+  return options;
+};

package/aaaa/client/layout/shared/core/resolver/accueil.resolver.ts

@@ -0,0 +1,19 @@
+import { Injectable } from '@angular/core';
+import { Resolve } from '@angular/router';
+import { Observable } from 'rxjs';
+import { User } from '../../entities/user.model';
+import { UserService } from '../../service/user.service';
+import { HttpResponse } from '@angular/common/http';
+import { take } from 'rxjs/operators';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AccueilResolver implements Resolve<HttpResponse<User>> {
+  constructor(private userService: UserService) {
+  }
+
+  resolve(): Observable<HttpResponse<User>> {
+    return this.userService.getCurrentUser().pipe(take(1));
+  }
+}

package/aaaa/client/layout/shared/core/storage/MyLocalStorageService.ts

@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { OAuthStorage } from 'angular-oauth2-oidc';
+import { environment } from '../../../../environments/environment';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class MyLocalStorageService {
+  private prefix: string = environment.clientId + '_';
+
+  getItem(key: string): string | null {
+    return localStorage.getItem(this.prefix + key);
+  }
+
+  removeItem(key: string): void {
+    localStorage.removeItem(this.prefix + key);
+  }
+
+  setItem(key: string, data: string): void {
+    localStorage.setItem(this.prefix + key, data);
+  }
+}

package/aaaa/client/layout/shared/core/storage/MyStorageService.ts

@@ -0,0 +1,17 @@
+import { Injectable } from '@angular/core';
+import { OAuthStorage } from 'angular-oauth2-oidc';
+
+@Injectable()
+export class MyStorageService implements OAuthStorage {
+  getItem(key: string): string | null {
+    return sessionStorage.getItem(key);
+  }
+
+  removeItem(key: string): void {
+    sessionStorage.removeItem(key);
+  }
+
+  setItem(key: string, data: string): void {
+    sessionStorage.setItem(key, data);
+  }
+}

package/aaaa/client/layout/shared/dev/dev-dashboard/dev-dashboard.component.html

@@ -0,0 +1,26 @@
+<div class="row">
+    <div (click)="launch('pgadmin')" class="col-sm-3 app blue">
+        <div class="title">PgAdmin</div>
+        <div class="pgadmin-img"></div>
+        <div class="login">
+            login: {{env.PGADMIN_DEFAULT_EMAIL}}<br>
+            password: {{env.PGADMIN_DEFAULT_PASSWORD}}
+        </div>
+    </div>
+    <div (click)="launch('keycloak')" class="col-sm-3 app orange">
+        <div class="title">Keycloak</div>
+        <div class="keycloak-img"></div>
+        <div class="login">
+            login: admin<br>
+            password: admin
+        </div>
+    </div>
+    <div (click)="launch('inbucket')" class="col-sm-3 app green">
+        <div class="title">inBucket</div>
+        <div class="inbucket-img"></div>
+    </div>
+    <div (click)="launch('primeng')" class="col-sm-3 app cyan">
+        <div class="title">Docs: PrimeNG</div>
+        <div class="inbucket-img"></div>
+    </div>
+</div>

package/aaaa/client/layout/shared/dev/dev-dashboard/dev-dashboard.component.scss

@@ -0,0 +1,68 @@
+.app {
+  cursor: pointer;
+  position: relative;
+  border-right: 1px solid #cccccc;
+  border-top: 1px solid #cccccc;
+  border-bottom: 1px solid #cccccc;
+  height: 120px;
+  border-radius: 8px;
+  margin-right: 10px;
+  margin-top: 5px;
+  background-color: #eeeeee;
+}
+
+.blue {
+  border-left: 5px solid blue;
+}
+
+.orange {
+  border-left: 5px solid orange;
+}
+
+.green {
+  border-left: 5px solid green;
+}
+
+.cyan {
+  border-left: 5px solid cyan;
+}
+
+.title {
+  font-size: 20px;
+  font-weight: bold;
+  padding: 10px;
+}
+
+.keycloak-img {
+  position: absolute;
+  background-image: url(/assets/layout/images/authentication.svg);
+  width: 80px;
+  height: 80px;
+  background-size: contain;
+  bottom: 0px;
+  right: 10px;
+}
+
+.pgadmin-img {
+  position: absolute;
+  background-image: url(/assets/layout/images/postgresql.svg);
+  width: 80px;
+  height: 80px;
+  background-size: contain;
+  bottom: 0px;
+  right: 10px;
+}
+
+.inbucket-img {
+  position: absolute;
+  background-image: url(/assets/layout/images/mail.svg);
+  width: 80px;
+  height: 80px;
+  background-size: contain;
+  bottom: 0px;
+  right: 10px;
+}
+
+.login {
+  margin-left: 10px;
+}

package/aaaa/client/layout/shared/dev/dev-dashboard/dev-dashboard.component.ts

@@ -0,0 +1,24 @@
+import { Component, OnInit } from '@angular/core';
+import { Dev } from '../../service/dev.service';
+
+@Component({
+  templateUrl: './dev-dashboard.component.html',
+  styleUrls: ['./dev-dashboard.component.scss'],
+})
+export class DevDashboardComponent implements OnInit {
+  constructor(private dev: Dev) {}
+  env: any = {};
+  launch(app: string) {
+    let url: string = '';
+    if (app == 'pgadmin') url = `http://localhost:5050`;
+    if (app == 'primeng') url = `https://primeng.org/installation`;
+    if (app == 'inbucket') url = `http://localhost:9000`;
+    if (app == 'keycloak') url = `http://localhost:9090/auth/admin`;
+    window.open(url, '_blank');
+  }
+  ngOnInit(): void {
+    this.dev.getAllAppsConfig().subscribe((res) => {
+      this.env = res;
+    });
+  }
+}

package/aaaa/client/layout/shared/dev/dev-routing.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { DevDashboardComponent } from './dev-dashboard/dev-dashboard.component';
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule,
+    RouterModule.forChild([
+      {
+        path: '',
+        component: DevDashboardComponent,
+      },
+    ]),
+  ],
+  exports: [RouterModule],
+})
+export class DevRoutingModule {}