@cerema/cadriciel 1.4.24 → 1.4.26

package/aqtion/frontend/layout/shared/components/lookup-input/lookup-input.component.html

@@ -0,0 +1,70 @@
+<p-sidebar selectionMode="single" [(visible)]="options.visible" position="right" styleClass="w-9">
+    <h3 style="float:left"><b>{{title}}</b></h3>
+    <div style="float:right"><button pButton style="zoom:0.9;margin-top:5px" label="Fermer" class="p-button-outlined"
+            icon="pi pi-filter-slash"></button>
+    </div>
+    <div style="height:50px"></div>
+    <ng-template pTemplate="content">
+        <div class="row">
+            <div class="col-sm-12">
+                <p-table #dt1 [rows]="4" [globalFilterFields]="['com_name_upper']" [showCurrentPageReport]="true"
+                    [tableStyle]="{'height':'150px'}" [paginator]="true"
+                    currentPageReportTemplate="{first} / {last} sur {totalRecords} enregistrement(s)." [value]="items">
+                    <ng-template pTemplate="caption">
+                        <div class="flex">
+                            <button pButton (click)="searchInput.value=''" label="Clear" class="p-button-outlined"
+                                icon="pi pi-filter-slash"></button>
+                            <span class="p-input-icon-left ml-auto">
+                                <i class="pi pi-search"></i>
+                                <input #searchInput (input)="dt1.filterGlobal(searchInput.value, 'contains')" pInputText
+                                    type="text" placeholder="Recherche" />
+                            </span>
+                        </div>
+                    </ng-template>
+                    <ng-template pTemplate="header">
+                        <tr>
+                            <th [pSortableColumn]="col" *ngFor="let col of cols">
+                                {{col}} <p-sortIcon [field]="col"></p-sortIcon>
+                            </th>
+                        </tr>
+                    </ng-template>
+                    <ng-template pTemplate="body" let-rowData let-columns="columns">
+                        <tr (click)="gridSelected(rowData)" [pSelectableRow]="rowData">
+                            <td *ngFor="let col of cols">
+                                {{rowData[col]}}
+                            </td>
+                        </tr>
+                    </ng-template>
+                </p-table>
+            </div>
+        </div>
+        <div class="row" style="padding:20px">
+            <div class="col-sm"></div>
+            <div class="col-sm" style="text-align:center"><p-button (click)="addItem()"
+                    icon="pi pi-chevron-down"></p-button><p-button [style]="{'margin-left':'20px'}"
+                    (click)="removeItem()" icon="pi pi-chevron-up"></p-button></div>
+            <div class="col-sm"></div>
+        </div>
+        <div class="row">
+            <div class="col-sm-12">
+                <p-table #dt1 [scrollable]="true" scrollHeight="300px" [rows]="4" [tableStyle]="{'height':'150px'}"
+                    [value]="selected">
+                    <ng-template pTemplate="header">
+                        <tr>
+                            <th *ngFor="let col of cols">
+                                {{col}}
+                            </th>
+                        </tr>
+                    </ng-template>
+                    <ng-template pTemplate="body" let-rowData let-columns="columns">
+                        <tr (click)="grid2Selected(rowData)" [pSelectableRow]="rowData">
+                            <td *ngFor="let col of cols">
+                                {{rowData[col]}}
+                            </td>
+                        </tr>
+                    </ng-template>
+                </p-table>
+            </div>
+        </div>
+    </ng-template>
+</p-sidebar>

package/aqtion/frontend/layout/shared/components/lookup-input/lookup-input.component.ts

@@ -0,0 +1,121 @@
+import {
+  Component,
+  OnInit,
+  Input,
+  Output,
+  OnChanges,
+  SimpleChanges,
+  EventEmitter,
+} from '@angular/core';
+
+@Component({
+  selector: 'app-lookup-input',
+  templateUrl: './lookup-input.component.html',
+  styleUrls: ['./lookup-input.component.scss'],
+})
+export class LookupInputComponent implements OnInit {
+  constructor() {}
+
+  @Input() options: any = {
+    title: '-',
+    visible: false,
+    items: [],
+    sortByField: null,
+    selected: [],
+  };
+  @Output() select = new EventEmitter<Object>();
+
+  title: string = '-';
+  cols: any[] = [];
+  items: any[] = [];
+
+  selectedGrid: Object = {};
+  selected2Grid: Object = {};
+
+  selected: any[] = [];
+
+  sortByField(array: any[], field: string) {
+    return array.sort((a, b) => {
+      if (a[field] < b[field]) {
+        return -1;
+      } else if (a[field] > b[field]) {
+        return 1;
+      } else {
+        return 0;
+      }
+    });
+  }
+
+  addSelected(field: string, o: any) {
+    let item;
+    for (let i = 0; i < this.items.length; i++) {
+      if (this.items[i][field] === o[field]) {
+        item = this.items[i];
+        this.items.splice(i, 1);
+        break;
+      }
+    }
+
+    if (item) {
+      this.selected.push(item);
+    }
+  }
+
+  // Function to remove an item from the selected array and add it back to the content array
+  removeSelected(field: string, o: any) {
+    let item;
+    for (let i = 0; i < this.selected.length; i++) {
+      if (this.selected[i][field] === o[field]) {
+        item = this.selected[i];
+        this.selected.splice(i, 1);
+        break;
+      }
+    }
+
+    if (item) {
+      this.items.push(item);
+      if (this.options.sortByField)
+        this.sortByField(this.items, this.options.sortByField);
+    }
+  }
+
+  gridSelected(o: any) {
+    this.selectedGrid = o;
+  }
+
+  grid2Selected(o: any) {
+    this.selected2Grid = o;
+  }
+
+  addItem() {
+    console.log(this.selectedGrid);
+    this.addSelected('id', this.selectedGrid);
+    this.select.emit(this.selected);
+  }
+
+  removeItem() {
+    console.log(this.selected2Grid);
+    this.removeSelected('id', this.selected2Grid);
+    this.select.emit(this.selected);
+  }
+
+  load() {
+    if (this.options.items.length == 0) return;
+    if (this.options.cols) {
+      for (let i = 0; i < this.options.cols.length; i++) {
+        if (this.options.cols[i] !== null) this.cols.push(this.options.cols[i]);
+      }
+    } else this.cols = Object.keys(this.options.items[0]);
+    this.items = this.options.items;
+    this.selected = this.options.selected;
+    if (this.options.sortByField)
+      this.sortByField(this.items, this.options.sortByField);
+    this.options.visible = true;
+    this.title = this.options.title;
+  }
+  ngOnChanges(changes: SimpleChanges): void {
+    this.load();
+  }
+
+  ngOnInit(): void {}
+}

package/aqtion/frontend/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/aqtion/frontend/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/aqtion/frontend/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/aqtion/frontend/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/aqtion/frontend/layout/shared/constants/dateFormat.constants.ts

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

package/aqtion/frontend/layout/shared/constants/pagination.constants.ts

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

package/aqtion/frontend/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/aqtion/frontend/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/aqtion/frontend/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/aqtion/frontend/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/aqtion/frontend/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/aqtion/frontend/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/aqtion/frontend/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/aqtion/frontend/layout/shared/core/request/pageable.model.ts

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

package/aqtion/frontend/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/aqtion/frontend/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/aqtion/frontend/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/aqtion/frontend/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/aqtion/frontend/layout/shared/dev/dev-dashboard/dev-dashboard.component.html

@@ -0,0 +1,30 @@
+<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">ORION (bouchon)</div>
+        <div class="keycloak-img"></div>
+        <div class="login">
+            login: {{env.KEYCLOAK_USER}}<br>
+            password: {{env.KEYCLOAK_PASSWORD}}
+        </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 (click)="launch('swagger')" class="col-sm-3 app magenta">
+        <div class="title">Swagger API</div>
+        <div class="swagger-img"></div>
+    </div>
+</div>