@cerema/cadriciel 0.5.0

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/architecture/architecture.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ArchitectureComponent } from './architecture.component';
+
+describe('ArchitectureComponent', () => {
+  let component: ArchitectureComponent;
+  let fixture: ComponentFixture<ArchitectureComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ArchitectureComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ArchitectureComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/architecture/architecture.component.ts

@@ -0,0 +1,86 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-architecture',
+  templateUrl: './architecture.component.html',
+  styleUrls: ['./architecture.component.scss']
+})
+export class ArchitectureComponent implements OnInit {
+  codeMapperSimple: string;
+  codeMapperTarget: string;
+  codeMapperComponentModel: string;
+  codeExpression: string;
+  codeJSonProperty: string;
+  codeJSonSerialize: string;
+  codeValid: string;
+  codeValidDto: string;
+  codeValidChamp: string;
+  codeValidCourant: string;
+  codeDoc: string;
+
+  constructor() { }
+
+  ngOnInit(): void {
+    this.codeMapperSimple =
+      "    @Mapper\n" +
+      "    public interface GareMapper {\n" +
+      "        GareDTO toDTO(Gare gare);\n" +
+      "        Gare fromDTO(GareDTO gareDTO);\n" +
+      "    }\n"
+
+    this.codeMapperTarget =
+      "    @Mapping(target = \"gareId\", source = \"gare.id\")\n" +
+      "    GareDTO toDTO(Gare gare);\n"
+
+    this.codeMapperComponentModel =
+      "    @Mapper(componentModel = \"spring\")\n"
+
+    this.codeExpression =
+      "    @Mapper(componentModel = \"spring\")\n" +
+      "    public abstract class GareMapper {\n" +
+      "        @Autowired\n" +
+      "        protected GareService gareService;\n" +
+      "\n" +
+      "        public abstract GareDTO toDTO(Gare gare);\n" +
+      "\n" +
+      "        @Mapping(target = \"commune\", \n" +
+      "                 expression = \"java(gareService.chargeCommune(gareDTO.getCommune.getCode()))\")\n" +
+      "        public abstract Gare fromDTO(GareDTO gareDTO);\n" +
+      "    }"
+
+    this.codeJSonProperty =
+      "    @JsonProperty(\"nom\")\n" +
+      "    private String nomGAre;\n"
+
+    this.codeJSonSerialize =
+      "    @JsonSerialize(using = GeometrySerializer.class)\n" +
+      "    @JsonDeserialize(using = GeometryDeserializer.class)\n" +
+      "    private Geometry geometry;\n"
+
+    this.codeValid =
+      "    @Validated\n" +
+      "    public class GareController {\n"
+
+    this.codeValidDto =
+      "    @PutMapping(\"{id}\")\n" +
+      "    public ResponseEntity<GareDTO> updateGare(@PathVariable(\"id\") Long id,\n" +
+      "                                              @RequestBody @Valid GareDTO pGare){"
+
+    this.codeValidChamp =
+      "    @Email\n" +
+      "    @NotNull\n" +
+      "    String mail;\n"
+
+    this.codeValidCourant =
+      "    @Email\n" +
+      "    @NotNull\n" +
+      "    @NotBlank\n" +
+      "    @Pattern(regexp = \"[a-zA-Z]+\")\n"
+
+    this.codeDoc =
+      "    @Schema(description = \"Le mail de l'utilisateur à ajouter (doit être unique)\",\n" +
+      "    example = \"martin.dupond@cerema.fr\")\n" +
+      "    String mail;\n"
+  }
+
+}

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/demarrer/demarrer.component.html

@@ -0,0 +1,3 @@
+<div class="card">
+  <h2>Bien démarrer</h2>
+</div>

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/demarrer/demarrer.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DemarrerComponent } from './demarrer.component';
+
+describe('DemarrerComponent', () => {
+  let component: DemarrerComponent;
+  let fixture: ComponentFixture<DemarrerComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ DemarrerComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(DemarrerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/demarrer/demarrer.component.ts

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

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/deploiement/deploiement.component.html

@@ -0,0 +1,3 @@
+<div class="card">
+  <h2>Déploiement</h2>
+</div>

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/deploiement/deploiement.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DeploiementComponent } from './deploiement.component';
+
+describe('DeploiementComponent', () => {
+  let component: DeploiementComponent;
+  let fixture: ComponentFixture<DeploiementComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ DeploiementComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(DeploiementComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/deploiement/deploiement.component.ts

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

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/documentation-routing.module.ts

@@ -0,0 +1,25 @@
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { PortailComponent } from "./portail/portail.component";
+import { DemarrerComponent } from "./demarrer/demarrer.component";
+import { ArchitectureComponent } from "./architecture/architecture.component";
+import { PersitanceComponent } from "./persitance/persitance.component";
+import { SecuriteComponent } from "./securite/securite.component";
+import { TestsComponent } from "./tests/tests.component";
+import { DeploiementComponent } from "./deploiement/deploiement.component";
+
+@NgModule({
+  imports: [RouterModule.forChild([
+    {path: '', component: PortailComponent},
+    {path: 'demarrer', component: DemarrerComponent, data: {breadcrumb: 'Démarrer'}},
+    {path: 'architecture', component: ArchitectureComponent, data: {breadcrumb: 'Architecture'}},
+    {path: 'persistance', component: PersitanceComponent, data: {breadcrumb: 'Persistance'}},
+    {path: 'securite', component: SecuriteComponent, data: {breadcrumb: 'Sécurité'}},
+    {path: 'tests', component: TestsComponent, data: {breadcrumb: 'Tests'}},
+    {path: 'deploiement', component: DeploiementComponent, data: {breadcrumb: 'Déploiement'}},
+
+  ])],
+  exports: [RouterModule]
+})
+export class DocumentationRoutingModule {
+}

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/documentation.module.ts

@@ -0,0 +1,39 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DocumentationRoutingModule } from "./documentation-routing.module";
+import { PortailComponent } from './portail/portail.component';
+import { InputTextModule } from "primeng/inputtext";
+import { TranslateModule } from "@ngx-translate/core";
+import { DemarrerComponent } from './demarrer/demarrer.component';
+import { ArchitectureComponent } from './architecture/architecture.component';
+import { PersitanceComponent } from './persitance/persitance.component';
+import { SecuriteComponent } from './securite/securite.component';
+import { TestsComponent } from './tests/tests.component';
+import { DeploiementComponent } from './deploiement/deploiement.component';
+import { AppCodeModule } from "../../../shared/components/code/code.component";
+import { SharedModule } from "../../../shared/shared.module";
+import { HighlightModule } from "ngx-highlightjs";
+
+
+
+@NgModule({
+  declarations: [
+    PortailComponent,
+    DemarrerComponent,
+    ArchitectureComponent,
+    PersitanceComponent,
+    SecuriteComponent,
+    TestsComponent,
+    DeploiementComponent
+  ],
+  imports: [
+    CommonModule,
+    DocumentationRoutingModule,
+    InputTextModule,
+    TranslateModule,
+    AppCodeModule,
+    SharedModule,
+    HighlightModule
+  ]
+})
+export class DocumentationModule { }

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/persitance/persitance.component.html

@@ -0,0 +1,3 @@
+<div class="card">
+  <h2>Persistance</h2>
+</div>

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/persitance/persitance.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PersitanceComponent } from './persitance.component';
+
+describe('PersitanceComponent', () => {
+  let component: PersitanceComponent;
+  let fixture: ComponentFixture<PersitanceComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PersitanceComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(PersitanceComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/persitance/persitance.component.ts

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

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/portail/portail.component.html

@@ -0,0 +1,117 @@
+<div>
+  <div class="card">
+    <div
+      class="relative overflow-hidden h-20rem bg-primary flex flex-column align-items-center justify-content-center border-round mb-8">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" class="absolute w-full top-0 left-0">
+        <path fill="var(--primary-600)" fill-opacity="1"
+              d="M0,64L48,90.7C96,117,192,171,288,208C384,245,480,267,576,256C672,245,768,203,864,165.3C960,128,1056,96,1152,74.7C1248,53,1344,43,1392,37.3L1440,32L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path>
+      </svg>
+      <div class="font-bold mb-5 text-4xl z-1">{{'ACCUEIL.BIENVENUE' | translate}}</div>
+      <span class="p-input-icon-left w-9 md:w-6">
+                <i class="pi pi-search"></i>
+                <input type="text" pInputText placeholder="Rechercher" style="border-radius:2rem" class="w-full "/>
+            </span>
+    </div>
+
+    <div class="grid mb-5">
+      <div class="col-12 md:col-4 mb-5">
+        <div class="flex flex-column align-items-center {{bgHover()}} border-round-md p-5"
+             (click)="onBlocClick('demarrer')">
+                    <span
+                      class="inline-flex align-items-center justify-content-center border-circle w-5rem h-5rem bg-primary-100 mb-5">
+                        <i class="pi pi-power-off text-4xl text-primary-700"></i>
+                    </span>
+          <div class="text-2xl mb-3 font-medium">Bien démarrer</div>
+          <ul class="list-none m-0 p-0 text-center">
+            <li class="line-height-3 mb-1"><span
+              class="text-color-secondary">Comment installer l'application exemple</span></li>
+            <li class="line-height-3 mb-1"><span class="text-color-secondary">et démarrer le développement</span></li>
+            <li class="line-height-3 mb-3"><span class="text-color-secondary">d'une nouvelle application.</span></li>
+          </ul>
+        </div>
+      </div>
+      <div class="col-12 md:col-4 mb-5">
+        <div class="flex flex-column align-items-center {{bgHover()}} border-round-md p-5"
+             (click)="onBlocClick('architecture')">
+                    <span
+                      class="inline-flex align-items-center justify-content-center border-circle w-5rem h-5rem bg-primary-100 mb-5">
+                        <i class="pi pi-arrows-h text-4xl text-primary-700"></i>
+                    </span>
+          <div class="text-2xl mb-3 font-medium">Architecture</div>
+          <ul class="list-none m-0 p-0 text-center">
+            <li class="line-height-3 mb-1"><span class="text-color-secondary">Comprendre les composants utilisés</span>
+            </li>
+            <li class="line-height-3 mb-1"><span class="text-color-secondary">et leurs interactions.</span></li>
+            <li class="line-height-3 mb-3"><span class="text-color-secondary">Bonnes pratiques de développement.</span></li>
+          </ul>
+        </div>
+      </div>
+      <div class="col-12 md:col-4 mb-5">
+        <div class="flex flex-column align-items-center {{bgHover()}} border-round-md p-5"
+             (click)="onBlocClick('persistance')">
+                    <span
+                      class="inline-flex align-items-center justify-content-center border-circle w-5rem h-5rem bg-primary-100 mb-5">
+                        <i class="pi pi-database text-4xl text-primary-700"></i>
+                    </span>
+          <div class="text-2xl mb-3 font-medium">Persistance</div>
+          <ul class="list-none m-0 p-0 text-center">
+            <li class="line-height-3 mb-1"><span class="text-color-secondary">Comment stocker des données</span></li>
+            <li class="line-height-3 mb-1"><span class="text-color-secondary">et y accéder efficacement.</span></li>
+          </ul>
+        </div>
+      </div>
+      <div class="col-12 md:col-4 mb-5">
+        <div class="flex flex-column align-items-center {{bgHover()}} border-round-md p-5"
+             (click)="onBlocClick('securite')">
+                    <span
+                      class="inline-flex align-items-center justify-content-center border-circle w-5rem h-5rem bg-primary-100 mb-5">
+                        <i class="pi pi-lock text-4xl text-primary-700"></i>
+                    </span>
+          <div class="text-2xl mb-3 font-medium hover:text-primary cursor-pointer" routerLink="/accueil/securite">
+            Sécurité
+          </div>
+          <ul class="list-none m-0 p-0 text-center">
+            <li class="line-height-3 mb-1"><span class="text-color-secondary">Comprendre l'authentification Orion</span>
+            </li>
+            <li class="line-height-3 mb-1"><span class="text-color-secondary">et l'intégrer dans son application.</span>
+            </li>
+            <li class="line-height-3 mb-3"><span class="text-color-secondary"></span></li>
+          </ul>
+        </div>
+      </div>
+      <div class="col-12 md:col-4 mb-5">
+        <div class="flex flex-column align-items-center {{bgHover()}} border-round-md p-5"
+             (click)="onBlocClick('tests')">
+                    <span
+                      class="inline-flex align-items-center justify-content-center border-circle w-5rem h-5rem bg-primary-100 mb-5">
+                        <i class="pi pi-thumbs-up text-4xl text-primary-700"></i>
+                    </span>
+          <div class="text-2xl mb-3 font-medium">Tests</div>
+          <ul class="list-none m-0 p-0 text-center">
+            <li class="line-height-3 mb-1"><span class="text-color-secondary">S'assurer que l'application répond</span>
+            </li>
+            <li class="line-height-3 mb-1"><span class="text-color-secondary">aux besoins fonctionnels,</span></li>
+            <li class="line-height-3 mb-3"><span class="text-color-secondary">techniques et sécuritaires.</span></li>
+          </ul>
+        </div>
+      </div>
+      <div class="col-12 md:col-4 mb-5">
+        <div class="flex flex-column align-items-center {{bgHover()}} border-round-md p-5"
+             (click)="onBlocClick('deploiement')">
+                    <span
+                      class="inline-flex align-items-center justify-content-center border-circle w-5rem h-5rem bg-primary-100 mb-5">
+                        <i class="pi pi-cloud text-4xl text-primary-700"></i>
+                    </span>
+          <div class="text-2xl mb-3 font-medium">Déploiement</div>
+          <ul class="list-none m-0 p-0 text-center">
+            <li class="line-height-3 mb-1"><span
+              class="text-color-secondary">Mettre en production une application</span></li>
+            <li class="line-height-3 mb-1"><span class="text-color-secondary">en assurant la haute disponibilité</span>
+            </li>
+            <li class="line-height-3 mb-3"><span class="text-color-secondary">et la montée en charge.</span></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/portail/portail.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PortailComponent } from './portail.component';
+
+describe('AccueilComponent', () => {
+  let component: PortailComponent;
+  let fixture: ComponentFixture<PortailComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PortailComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(PortailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/portail/portail.component.ts

@@ -0,0 +1,25 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from "@angular/router";
+import { LayoutService } from "../../../../layout/service/app.layout.service";
+
+@Component({
+  selector: 'app-accueil',
+  templateUrl: './portail.component.html',
+  styleUrls: ['./portail.component.scss']
+})
+export class PortailComponent implements OnInit {
+
+  constructor(private router: Router, public layoutService: LayoutService) {
+  }
+
+  ngOnInit(): void {
+  }
+
+  onBlocClick(bloc: string) {
+    this.router.navigateByUrl("/documentation/" + bloc);
+  }
+
+  bgHover(): string {
+    return this.layoutService.config.colorScheme === 'light' ? "hover:bg-primary-50" : "hover:bg-primary-600";
+  }
+}

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/securite/securite.component.html

@@ -0,0 +1,3 @@
+<div class="card">
+  <h2>Sécurité</h2>
+</div>

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/securite/securite.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SecuriteComponent } from './securite.component';
+
+describe('SecuriteComponent', () => {
+  let component: SecuriteComponent;
+  let fixture: ComponentFixture<SecuriteComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ SecuriteComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(SecuriteComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/securite/securite.component.ts

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

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/tests/tests.component.html

@@ -0,0 +1,3 @@
+<div class="card">
+  <h2>Tests</h2>
+</div>

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/tests/tests.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TestsComponent } from './tests.component';
+
+describe('TestsComponent', () => {
+  let component: TestsComponent;
+  let fixture: ComponentFixture<TestsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ TestsComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(TestsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/template/{{project}}-ihm/src/app/{{project}}/components/documentation/tests/tests.component.ts

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

package/template/{{project}}-ihm/src/app/{{project}}/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/template/{{project}}-ihm/src/app/{{project}}/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 base</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/template/{{project}}-ihm/src/app/{{project}}/components/notfound/notfound.component.ts

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