@cerema/cadriciel 1.1.0 → 1.1.1

package/aaaa/client/layout/shared/components/app.menu.component.ts

@@ -0,0 +1,69 @@
+import { Component, OnInit, Injectable } from '@angular/core';
+import { LayoutService } from '../../service/app.layout.service';
+import { UserService } from '../service/user.service';
+import MyMenu from '../../../app/menu.json';
+import UIPolicy from '../../../../policies/ui.policy.json';
+
+interface MenuItem {
+  label: string;
+  icon: string;
+  routerLink?: string[];
+  visible?: boolean;
+  items?: MenuItem[];
+}
+
+@Injectable()
+@Component({
+  selector: 'app-menu',
+  templateUrl: '../../app.menu.component.html',
+})
+export class AppMenuComponent implements OnInit {
+  model: any[] = [];
+
+  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;
+  }
+
+  constructor(private user: UserService, public layoutService: LayoutService) {}
+
+  ngOnInit() {
+    const model: MenuItem[] = MyMenu;
+    this.model = this.updateMenuVisibility(
+      this.user.currentUser.roleActifList,
+      UIPolicy,
+      model
+    );
+  }
+}

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

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

package/aaaa/client/layout/shared/components/auth/accessdenied/accessdenied.component.html

@@ -0,0 +1,11 @@
+<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">ACCESS DENIED</h1>
+    <p class="text-color-secondary mb-4">You are not authorized to access this resource..</p>
+    <img src="../../../../../assets/marep/images/auth/access-denied.svg" alt="access-denied"
+         class="mb-4 align-self-center">
+    <button [routerLink]="['/']" pButton pRipple label="Go to Dashboard"></button>
+  </div>
+</div>
+
+<app-config [minimal]="true"></app-config>

package/aaaa/client/layout/shared/components/auth/accessdenied/accessdenied.component.ts

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

package/aaaa/client/layout/shared/components/auth/accessdenied/accessdenied.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AccessdeniedRoutingModule } from './accessdenied-routing.module';
+import { AccessdeniedComponent } from './accessdenied.component';
+import { ButtonModule } from 'primeng/button';
+import { AppConfigModule } from 'layout/config/config.module';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    AccessdeniedRoutingModule,
+    ButtonModule,
+    AppConfigModule,
+  ],
+  declarations: [AccessdeniedComponent],
+})
+export class AccessdeniedModule {}

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

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+
+@NgModule({
+  imports: [RouterModule.forChild([
+    {path: 'error', loadChildren: () => import('./error/error.module').then(m => m.ErrorModule)},
+    {path: 'access', loadChildren: () => import('./accessdenied/accessdenied.module').then(m => m.AccessdeniedModule)},
+    {path: 'login', loadChildren: () => import('./login/login.module').then(m => m.LoginModule)},
+    {path: '**', redirectTo: '/notfound'}
+  ])],
+  exports: [RouterModule]
+})
+export class AuthRoutingModule {
+}

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

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AuthRoutingModule } from './auth-routing.module';
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule,
+    AuthRoutingModule
+  ]
+})
+export class AuthModule {
+}

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

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

package/aaaa/client/layout/shared/components/auth/error/error.component.html

@@ -0,0 +1,10 @@
+<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">ERROR</h1>
+    <p class="text-color-secondary mb-4">Unexpected error happened. Resource is not available.</p>
+    <img src="../../../../../assets/marep/images/auth/error.svg" alt="error" class="mb-4 align-self-center">
+    <button [routerLink]="['/']" pButton pRipple label="Go to Dashboard"></button>
+  </div>
+</div>
+
+<app-config [minimal]="true"></app-config>

package/aaaa/client/layout/shared/components/auth/error/error.component.ts

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

package/aaaa/client/layout/shared/components/auth/error/error.module.ts

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

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

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

package/aaaa/client/layout/shared/components/auth/login/login.component.html

@@ -0,0 +1,15 @@
+<div class="flex h-screen w-screen align-items-center justify-content-center">
+  <div *ngIf="!canNavigate" class="card">
+    <h5>Votre utilisateur n'a pas de droit dans l'application. Veuillez contacter l'administrateur.</h5>
+    <div class="flex justify-content-center col-12">
+      <button pButton pRipple label="Contacter l'administrateur" (click)="contacterAdministrateur()">
+        <i class="pi pi-envelope mr-3"></i>
+      </button>
+    </div>
+  </div>
+  <div *ngIf="canNavigate">
+    <img src="/assets/layout/images/SpinnerCerema.svg">
+  </div>
+</div>
+
+<app-config [minimal]="true"></app-config>

package/aaaa/client/layout/shared/components/auth/login/login.component.ts

@@ -0,0 +1,47 @@
+import { Component, Inject, OnDestroy, OnInit } from '@angular/core';
+import { LayoutService } from 'layout/service/app.layout.service';
+import { Subscription } from 'rxjs';
+import { OAuthService } from 'angular-oauth2-oidc';
+import { Router } from '@angular/router';
+import { UserService } from '../../../service/user.service';
+import { DOCUMENT } from '@angular/common';
+
+@Component({
+  templateUrl: './login.component.html',
+})
+export class LoginComponent implements OnInit, OnDestroy {
+  private eventSubscription: Subscription | undefined;
+  canNavigate = true;
+
+  constructor(
+    private layoutService: LayoutService,
+    private oauthService: OAuthService,
+    private router: Router,
+    private userService: UserService,
+    @Inject(DOCUMENT) private document: Document
+  ) {}
+
+  ngOnInit(): void {
+    this.eventSubscription = this.oauthService.events.subscribe(
+      async ({ type }) => {
+        if (type === 'token_received' || type === 'token_refreshed') {
+          this.router.navigateByUrl('/').catch((reason) => {
+            this.canNavigate = false;
+          });
+        }
+      }
+    );
+  }
+
+  login(): void {
+    this.oauthService.initLoginFlow();
+  }
+
+  ngOnDestroy(): void {
+    this.eventSubscription?.unsubscribe();
+  }
+
+  contacterAdministrateur(): void {
+    console.log('récup liste admin');
+  }
+}

package/aaaa/client/layout/shared/components/auth/login/login.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { LoginRoutingModule } from './login-routing.module';
+import { LoginComponent } from './login.component';
+import { AppConfigModule } from 'layout/config/config.module';
+import { ProgressSpinnerModule } from 'primeng/progressspinner';
+import { ButtonModule } from 'primeng/button';
+import { RippleModule } from 'primeng/ripple';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    LoginRoutingModule,
+    AppConfigModule,
+    ProgressSpinnerModule,
+    ButtonModule,
+    RippleModule,
+  ],
+  declarations: [LoginComponent],
+})
+export class LoginModule {}

package/aaaa/client/layout/shared/components/auth/logout/logout/logout.component.html

@@ -0,0 +1,8 @@
+<div class="flex h-screen w-screen align-items-center justify-content-center">
+  <div class="block font-bold text-center p-4 border-round mb-3">Vous êtes bien déconnecté !</div>
+  <div class="block font-bold text-center p-4 border-round mb-3">
+    <button class="block" [routerLink]="['/']" pButton pRipple label="Se reconnecter"></button>
+  </div>
+</div>
+
+<app-config [minimal]="true"></app-config>

package/aaaa/client/layout/shared/components/auth/logout/logout/logout.component.scss

@@ -0,0 +1,21 @@
+.conteneur {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.card {
+  width: auto;
+  height: auto;
+}
+
+.card-header {
+  text-align: center;
+}
+
+.card-body {
+  padding: 1rem 1.5rem;
+}
+

package/aaaa/client/layout/shared/components/auth/logout/logout/logout.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-deconnexion',
+  templateUrl: './logout.component.html',
+  styleUrls: ['./logout.component.scss']
+})
+export class LogoutComponent implements OnInit {
+
+  constructor() {
+  }
+
+  ngOnInit(): void {
+  }
+}

package/aaaa/client/layout/shared/components/auth/logout/logout.module.ts

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { LogoutComponent } from './logout/logout.component';
+import { RouterModule } from '@angular/router';
+import { InplaceModule } from 'primeng/inplace';
+import { RippleModule } from 'primeng/ripple';
+import { SharedModule } from '../../../shared.module';
+import { AppConfigModule } from '../../../../config/config.module';
+
+@NgModule({
+  declarations: [LogoutComponent],
+  imports: [
+    CommonModule,
+    SharedModule,
+    RouterModule.forChild([
+      {
+        path: '',
+        component: LogoutComponent,
+      },
+    ]),
+    InplaceModule,
+    RippleModule,
+    AppConfigModule,
+  ],
+})
+export class LogoutModule {}

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

@@ -0,0 +1,17 @@
+import { Component, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+@Component({
+  selector: 'app-code',
+  template: ` <pre><code class="border-round">{{code}}</code></pre> `,
+})
+export class AppCodeComponent {
+  @Input() code: string;
+}
+
+@NgModule({
+  imports: [CommonModule],
+  exports: [AppCodeComponent],
+  declarations: [AppCodeComponent],
+})
+export class AppCodeModule {}

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

@@ -0,0 +1,8 @@
+<div class="grid p-card {{bgColor()}} p-0 mt-2 mb-3 col-12 md:col-offset-1 md:col-7 lg:col-5">
+  <div class="flex col-1 md:col-2 justify-content-center align-items-center">
+    <span class="pi {{icone()}} p-2" style="font-size: 2rem"></span>
+  </div>
+  <div class="flex col-10 ml-0 pl-0 align-items-center">
+    <ng-content></ng-content>
+  </div>
+</div>

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

@@ -0,0 +1,60 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { LayoutService } from '../../../service/app.layout.service';
+
+@Component({
+  selector: 'app-indic',
+  templateUrl: './indic.component.html',
+  styleUrls: ['./indic.component.scss'],
+})
+export class IndicComponent implements OnInit {
+  @Input() type: string;
+
+  constructor(public layoutService: LayoutService) {}
+
+  ngOnInit(): void {}
+
+  bgColor(): string {
+    const luminosite: string =
+      this.layoutService.config.colorScheme === 'light' ? '200' : '400';
+
+    const defaut: string = 'bg-primary-' + luminosite;
+    if (!this.type) {
+      return defaut;
+    }
+    switch (this.type) {
+      case 'astuce': {
+        return 'bg-green-' + luminosite;
+      }
+      case 'avertissement': {
+        return 'bg-yellow-' + luminosite;
+      }
+      case 'danger': {
+        return 'bg-red-' + luminosite;
+      }
+      default: {
+        return defaut;
+      }
+    }
+  }
+
+  icone(): string {
+    const defaut: string = 'pi-comment';
+    if (!this.type) {
+      return defaut;
+    }
+    switch (this.type) {
+      case 'astuce': {
+        return 'pi-verified';
+      }
+      case 'avertissement': {
+        return 'pi-bolt';
+      }
+      case 'danger': {
+        return 'pi-ban';
+      }
+      default: {
+        return defaut;
+      }
+    }
+  }
+}

package/aaaa/client/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/aaaa/client/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 {}
+}