chore(frontend): delete useless components

packages/frontend/src/_common/model/structure-doc/constants/DOCUMENT_EXTENSION_LABELS.const.ts

@@ -1,19 +1,3 @@
-export const STRUCTURE_DOC_EXTENSIONS_LABELS: {
-  [key: string]: string;
-} = {
-  "image/jpg": "Document au format Image JPEG",
-  "image/jpeg": "Document au format Image JPEG",
-  "image/png": "Document au format Image PNG",
-  "application/pdf": "Document au format PDF",
-  "application/msword": "Document au format Docx",
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
-    "Document au format Docx",
-  "application/vnd.oasis.opendocument.text": "Document au format Docx",
-  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
-    "Feuille de calcul",
-  "application/vnd.ms-excel": "Feuille de calcul Excel",
-};
-
 export const STRUCTURE_DOC_EXTENSIONS: {
   [key: string]: string;
 } = {

packages/frontend/src/_common/model/telephone/index.ts

@@ -1,3 +1,4 @@
 //@index('./*', f => `export * from '${f.path}'`)
 export * from "./COUNTRY_CODES";
+export * from "./PREFERRED_COUNTRIES.const";
 export * from "./Telephone.type";

packages/frontend/src/app/modules/admin-portail-usagers/admin-portail-usagers.module.ts

@@ -21,6 +21,7 @@ import {
   CustomDatepickerI18n,
 } from "../shared/services";
 import { CKEditorModule } from "@ckeditor/ckeditor5-angular";
+import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
 
 @NgModule({
   declarations: [
@@ -39,6 +40,7 @@ import { CKEditorModule } from "@ckeditor/ckeditor5-angular";
     SharedModule,
     GeneralModule,
     CKEditorModule,
+    FontAwesomeModule,
   ],
   providers: [
     StructureInformationService,

packages/frontend/src/app/modules/import-usagers/components/import/import.component.spec.ts

@@ -14,6 +14,7 @@ import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
 import { SharedModule } from "../../../shared/shared.module";
 import { StoreModule } from "@ngrx/store";
 import { _usagerReducer } from "../../../../shared";
+import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
 
 describe("ImportComponent", () => {
   let fixture: ComponentFixture<ImportComponent>;
@@ -30,6 +31,7 @@ describe("ImportComponent", () => {
         SharedModule,
         ReactiveFormsModule,
         FormsModule,
+        FontAwesomeModule,
       ],
       providers: [{ provide: APP_BASE_HREF, useValue: "/" }],
       schemas: [CUSTOM_ELEMENTS_SCHEMA],

packages/frontend/src/app/modules/import-usagers/import-usagers.module.ts

@@ -8,6 +8,7 @@ import { SharedModule } from "../shared/shared.module";
 import { UsagerSharedModule } from "../usager-shared/usager-shared.module";
 import { UsersModule } from "../users/users.module";
 import { ImportUsagersRoutingModule } from "./import-usagers-routing.module";
+import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
 
 @NgModule({
   declarations: [ImportComponent],
@@ -21,6 +22,7 @@ import { ImportUsagersRoutingModule } from "./import-usagers-routing.module";
     SharedModule,
     UsersModule,
     ImportUsagersRoutingModule,
+    FontAwesomeModule,
   ],
 })
 export class ImportUsagersModule {}

packages/frontend/src/app/modules/import-usagers/import-usagers.service.ts

@@ -22,6 +22,6 @@ export class ImportUsagersService {
     return this.http.post<{
       importMode: UsagersImportMode;
       previewTable: ImportPreviewTable;
-    }>(environment.apiUrl + "import/" + mode, data);
+    }>(`${environment.apiUrl}import/${mode}`, data);
   }
 }

packages/frontend/src/app/modules/manage-usagers/components/manage-filters/manage-filters.component.ts

@@ -27,7 +27,7 @@ export class ManageFiltersComponent implements OnInit, OnDestroy {
   @Input() public usagersRadiesTotalCount: number;
   @Input() public nbResults: number;
 
-  @Output() public updateFilters = new EventEmitter();
+  @Output() public readonly updateFilters = new EventEmitter();
 
   private subscription = new Subscription();
 

packages/frontend/src/app/modules/manage-usagers/components/manage-usagers-table/manage-usagers-table.component.ts

@@ -52,10 +52,10 @@ export class ManageUsagersTableComponent implements OnDestroy {
   public deleteUsagersModal!: TemplateRef<NgbModalRef>;
 
   @Output()
-  public goToPrint = new EventEmitter<void>();
+  public readonly goToPrint = new EventEmitter<void>();
 
   @Output()
-  public updateFilters = new EventEmitter<{
+  public readonly updateFilters = new EventEmitter<{
     element: keyof UsagersFilterCriteria;
     value: UsagersFilterCriteria[keyof UsagersFilterCriteria] | null;
     sortValue?: UsagersFilterCriteriaSortValues;

packages/frontend/src/app/modules/manage-usagers/components/usager-filter/services/checkers/usagerStatutChecker.service.ts

@@ -11,8 +11,5 @@ function check({
 }: {
   usager: UsagerLight;
 } & Pick<UsagersFilterCriteria, "statut">): boolean {
-  if (statut && statut !== "TOUS" && statut !== usager.statut) {
-    return false;
-  }
-  return true;
+  return !(statut && statut !== "TOUS" && statut !== usager.statut);
 }

packages/frontend/src/app/modules/manage-usagers/components/usager-filter/services/usagersSearchStringFilter.service.ts

@@ -1,9 +1,9 @@
 import { UsagersFilterCriteria } from "../UsagersFilterCriteria";
 import { format } from "date-fns";
 import { UsagerLight } from "../../../../../../_common/model";
-import { search } from "../../../../../shared";
 import { UsagerProcuration } from "../../../../usager-shared/interfaces/UsagerProcuration.interface";
 import { UsagerAyantDroit } from "@domifa/common";
+import { search } from "../../../utils/search";
 
 export const usagersSearchStringFilter = {
   filter,

packages/frontend/src/app/modules/manage-usagers/components/usager-filter/services/usagersSorter.service.ts

@@ -1,5 +1,5 @@
 import { UsagerLight } from "../../../../../../_common/model";
-import { dataSorter, SortableAttribute } from "../../../../../shared";
+import { dataSorter, SortableAttribute } from "../../../utils/sorter";
 import { UsagersFilterCriteria } from "../UsagersFilterCriteria";
 
 export const usagersSorter = {

packages/frontend/src/app/modules/manage-usagers/manage-usagers.module.ts

@@ -19,6 +19,8 @@ import { ColumnInformationsComponent } from "./components/column-informations/co
 import { ManageFiltersComponent } from "./components/manage-filters/manage-filters.component";
 import { ColumnInteractionsComponent } from "./components/column-interactions/column-interactions.component";
 import { FormatInternationalPhoneNumberPipe } from "../usager-shared/formatInternationalPhoneNumber.pipe";
+import {} from "../shared/pipes";
+import { UsagerNomCompletPipe } from "../usager-shared/pipes";
 
 @NgModule({
   declarations: [
@@ -39,6 +41,7 @@ import { FormatInternationalPhoneNumberPipe } from "../usager-shared/formatInter
     UsersModule,
     ManageUsagersRoutingModule,
     FormatInternationalPhoneNumberPipe,
+    UsagerNomCompletPipe,
   ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })

packages/frontend/src/app/modules/shared/components/display-table-image/display-table-image.component.ts

@@ -1,10 +1,6 @@
 import { Component, Input } from "@angular/core";
 
-import {
-  STRUCTURE_DOC_EXTENSIONS_LABELS,
-  StructureDoc,
-  UsagerDoc,
-} from "@domifa/common";
+import { StructureDoc, UsagerDoc } from "@domifa/common";
 import { STRUCTURE_DOC_ICONS } from "./STRUCTURE_DOC_ICONS.const";
 import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
 import { NgClass } from "@angular/common";
@@ -17,7 +13,21 @@ import { NgClass } from "@angular/common";
 })
 export class DisplayTableImageComponent {
   @Input() public document!: UsagerDoc | StructureDoc;
-  public readonly STRUCTURE_DOC_EXTENSIONS_LABELS =
-    STRUCTURE_DOC_EXTENSIONS_LABELS;
+  public readonly STRUCTURE_DOC_EXTENSIONS_LABELS: {
+    [key: string]: string;
+  } = {
+    "image/jpg": "Document au format Image JPEG",
+    "image/jpeg": "Document au format Image JPEG",
+    "image/png": "Document au format Image PNG",
+    "application/pdf": "Document au format PDF",
+    "application/msword": "Document au format Docx",
+    "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
+      "Document au format Docx",
+    "application/vnd.oasis.opendocument.text": "Document au format Docx",
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
+      "Feuille de calcul",
+    "application/vnd.ms-excel": "Feuille de calcul Excel",
+  };
+
   public readonly STRUCTURE_DOC_ICONS = STRUCTURE_DOC_ICONS;
 }

packages/frontend/src/app/modules/shared/pipes/index.ts

@@ -1,5 +1,3 @@
 // @index('./*.pipe.ts', f => `export * from '${f.path}'`)
-export * from "./format-big-number.pipe";
 export * from "./nl2br.pipe";
 export * from "./sort-array.pipe";
-export * from "./usager-nom-complet.pipe";

packages/frontend/src/app/modules/shared/shared.module.ts

@@ -8,28 +8,20 @@ import { FA_ICONS } from "./constants/FA_ICONS.const";
 
 import { CustomToastrComponent } from "./components/custom-toastr/custom-toastr.component";
 
-import {
-  UsagerNomCompletPipe,
-  FormatBigNumberPipe,
-  ReplaceLineBreaks,
-} from "./pipes";
+import { ReplaceLineBreaks } from "./pipes";
 import { DateFrDirective, CleanStrDirective } from "./directives";
 
 @NgModule({
   declarations: [
     DateFrDirective,
     CleanStrDirective,
-    UsagerNomCompletPipe,
-    FormatBigNumberPipe,
     CustomToastrComponent,
     ReplaceLineBreaks,
   ],
   exports: [
     ReplaceLineBreaks,
     DateFrDirective,
     CleanStrDirective,
-    UsagerNomCompletPipe,
-    FormatBigNumberPipe,
     CustomToastrComponent,
   ],
   imports: [CommonModule, FontAwesomeModule],

packages/frontend/src/app/modules/shared/pipes/format-big-number.pipe.ts → packages/frontend/src/app/modules/stats/pipes/format-big-number.pipe.ts

@@ -1,6 +1,6 @@
 import { Pipe, PipeTransform } from "@angular/core";
 
-@Pipe({ name: "formatBigNumber" })
+@Pipe({ name: "formatBigNumber", standalone: true })
 export class FormatBigNumberPipe implements PipeTransform {
   public transform(nb: number): string {
     let strNb = nb.toString();

packages/frontend/src/app/modules/stats/pipes/index.ts

@@ -0,0 +1,2 @@
+// @index('./*.pipe.ts', f => `export * from '${f.path}'`)
+export * from "./format-big-number.pipe";

packages/frontend/src/app/modules/stats/stats.module.ts

@@ -19,6 +19,7 @@ import { NgxChartsModule } from "@swimlane/ngx-charts";
 import { StatsMapComponent } from "./components/elements/stats-map/stats-map.component";
 import { ImpactLineComponent } from "./components/elements/impact-line/impact-line.component";
 import { CountUpModule } from "ngx-countup";
+import { FormatBigNumberPipe } from "./pipes";
 
 @NgModule({
   declarations: [
@@ -38,6 +39,7 @@ import { CountUpModule } from "ngx-countup";
     FormsModule,
     ReactiveFormsModule,
     StatsRoutingModule,
+    FormatBigNumberPipe,
   ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
 })

packages/frontend/src/app/modules/structures/components/structure-edit-form/structure-edit-form.component.ts

@@ -1,5 +1,3 @@
-import { FormEmailTakenValidator } from "./../../../../../_common/model/_general/FormEmailTakenValidator.type";
-import { COUNTRY_CODES_TIMEZONE } from "./../../../../../_common/model/telephone/COUNTRY_CODES";
 import { Component, Input, OnDestroy, OnInit } from "@angular/core";
 import {
   AbstractControl,
@@ -16,11 +14,7 @@ import {
   PhoneNumberFormat,
   SearchCountryField,
 } from "@khazii/ngx-intl-tel-input";
-import {
-  PREFERRED_COUNTRIES,
-  NoWhiteSpaceValidator,
-  EmailValidator,
-} from "../../../../shared";
+import { NoWhiteSpaceValidator, EmailValidator } from "../../../../shared";
 import {
   setFormPhone,
   anyPhoneValidator,
@@ -40,7 +34,12 @@ import {
   Structure,
   STRUCTURE_ORGANISME_TYPE_LABELS,
   DEPARTEMENTS_LISTE,
+  COUNTRY_CODES_TIMEZONE,
 } from "@domifa/common";
+import {
+  FormEmailTakenValidator,
+  PREFERRED_COUNTRIES,
+} from "../../../../../_common/model";
 
 @Component({
   selector: "app-structure-edit-form",
@@ -133,7 +132,9 @@ export class StructureEditFormComponent implements OnInit, OnDestroy {
       organismeType: [this.structure.organismeType, assoRequired],
     });
 
-    this.selectedCountryISO = COUNTRY_CODES_TIMEZONE[this.structure.timeZone];
+    this.selectedCountryISO = COUNTRY_CODES_TIMEZONE[
+      this.structure.timeZone
+    ] as CountryISO;
     this.subscription.add(
       this.structureForm
         .get("adresseCourrier")

packages/frontend/src/app/modules/structures/components/structures-form/structures-form.component.ts

@@ -17,13 +17,16 @@ import { CustomToastService } from "src/app/modules/shared/services/custom-toast
 import { Subject, Subscription, of } from "rxjs";
 import { map, takeUntil } from "rxjs/operators";
 
-import { FormEmailTakenValidator } from "../../../../../_common/model";
+import {
+  FormEmailTakenValidator,
+  PREFERRED_COUNTRIES,
+} from "../../../../../_common/model";
 import { StructureService } from "../../services/structure.service";
 import { StructureCommonWeb } from "../../classes/StructureCommonWeb.class";
 
 import { anyPhoneValidator } from "../../../shared/phone/mobilePhone.validator";
 import { getFormPhone } from "../../../shared/phone";
-import { PREFERRED_COUNTRIES, EmailValidator } from "../../../../shared";
+import { EmailValidator } from "../../../../shared";
 import {
   StructureCommon,
   Structure,

packages/frontend/src/app/modules/usager-dossier/components/base-usager-dossier-page/base-usager-dossier-page.component.ts

@@ -5,15 +5,12 @@ import { Observable, Subscription } from "rxjs";
 
 import { Store } from "@ngrx/store";
 import { UsagerLight } from "../../../../../_common/model";
-import {
-  selectUsagerById,
-  getUsagerNomComplet,
-  UsagerState,
-} from "../../../../shared";
+import { selectUsagerById, UsagerState } from "../../../../shared";
 import { AuthService, CustomToastService } from "../../../shared/services";
 import { UsagerFormModel } from "../../../usager-shared/interfaces";
 import { UsagerDossierService } from "../../services/usager-dossier.service";
 import { Usager, UserStructure } from "@domifa/common";
+import { getUsagerNomComplet } from "../../../usager-shared/utils/getUsagerNomComplet";
 
 @Component({
   selector: "app-base-usager-dossier-page",
@@ -72,7 +69,7 @@ export class BaseUsagerDossierPageComponent implements OnInit, OnDestroy {
 
   public setTitle() {
     this.titleService.setTitle(
-      this.titlePrefix + " de " + getUsagerNomComplet(this.usager) + " - DomiFa"
+      `${this.titlePrefix} de ${getUsagerNomComplet(this.usager)} - DomiFa`
     );
   }
 

packages/frontend/src/app/modules/usager-dossier/components/step-header/step-header.component.ts

@@ -8,15 +8,12 @@ import {
   ETAPES_FORM_DOM_TITRES,
   UsagerLight,
 } from "../../../../../_common/model";
-import {
-  getUsagerNomComplet,
-  selectUsagerById,
-  UsagerState,
-} from "../../../../shared";
+import { selectUsagerById, UsagerState } from "../../../../shared";
 import { CustomToastService } from "../../../shared/services";
 import { UsagerFormModel } from "../../../usager-shared/interfaces";
 import { Store } from "@ngrx/store";
 import { Subscription } from "rxjs";
+import { getUsagerNomComplet } from "../../../usager-shared/utils/getUsagerNomComplet";
 
 @Component({
   selector: "app-step-header",
@@ -35,7 +32,7 @@ export class StepHeaderComponent implements OnInit, OnDestroy {
   public currentUrl = "";
 
   private subscription = new Subscription();
-  public isMobile: boolean = false;
+  public isMobile = false;
 
   constructor(
     private readonly router: Router,
@@ -62,7 +59,7 @@ export class StepHeaderComponent implements OnInit, OnDestroy {
       this.usager.decision.statut === "ATTENTE_DECISION" &&
       this.currentStep !== 4
     ) {
-      this.router.navigate(["usager/" + this.usager.ref + "/edit/decision"]);
+      this.router.navigate([`usager/${this.usager.ref}/edit/decision`]);
       return;
     }
 

packages/frontend/src/app/modules/usager-dossier/usager-dossier.module.ts

@@ -30,6 +30,7 @@ import { BaseUsagerDossierPageComponent } from "./components/base-usager-dossier
 import { FormatInternationalPhoneNumberPipe } from "../usager-shared/formatInternationalPhoneNumber.pipe";
 import { DisplayContactDetailsDecisionComponent } from "./components/display-contact-details-decision/display-contact-details-decision.component";
 import { DecisionStandbyFormComponent } from "./components/decision-standby-form/decision-standby-form.component";
+import { UsagerNomCompletPipe } from "../usager-shared/pipes";
 
 @NgModule({
   declarations: [
@@ -61,6 +62,7 @@ import { DecisionStandbyFormComponent } from "./components/decision-standby-form
     NgxIntlTelInputModule,
     UsagerNotesModule,
     FormatInternationalPhoneNumberPipe,
+    UsagerNomCompletPipe,
   ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   providers: [