feat(backend): add sms history and pagination

packages/backend/src/_migrations/1755523274895-auto-migration.ts

@@ -30,7 +30,7 @@ export class AutoMigration1755523274895 implements MigrationInterface {
             UPDATE user_usager
             SET "passwordType" = 'RANDOM'
             WHERE "isTemporaryPassword" = true
-            AND "createdAt" >= $1
+            AND "createdAt" < $1
         `,
       [cutoffDate]
     );
@@ -45,7 +45,7 @@ export class AutoMigration1755523274895 implements MigrationInterface {
             UPDATE user_usager
             SET "passwordType" = 'BIRTH_DATE'
             WHERE "isTemporaryPassword" = true
-            AND "createdAt" < $1
+            AND "createdAt" >= $1
         `,
       [cutoffDate]
     );

packages/backend/src/modules/sms/sms.controller.security-tests.ts

@@ -5,6 +5,7 @@ import {
   expectedResponseStatusBuilder,
 } from "../../_tests";
 import { AppTestContext, AppTestHttpClient } from "../../util/test";
+import { PageOptions } from "@domifa/common";
 
 ////////////////// IMPORTANT //////////////////
 //
@@ -19,8 +20,9 @@ export const SmsControllerSecurityTests: AppTestHttpClientSecurityTestDef[] = [
     label: `${CONTROLLER}.getUsagerSms`,
     query: async (context: AppTestContext) => {
       return {
-        response: await AppTestHttpClient.get(`/sms/usager/4444444`, {
+        response: await AppTestHttpClient.post(`/sms/usager/4444444`, {
           context,
+          body: new PageOptions(),
         }),
         expectedStatus: expectedResponseStatusBuilder.allowStructureOnly(
           context.user,

packages/backend/src/modules/sms/sms.controller.ts

@@ -1,5 +1,5 @@
 import { Usager } from "@domifa/common";
-import { Controller, UseGuards, Get } from "@nestjs/common";
+import { Controller, UseGuards, Post, Body } from "@nestjs/common";
 import { AuthGuard } from "@nestjs/passport";
 import { ApiTags, ApiBearerAuth } from "@nestjs/swagger";
 import { USER_STRUCTURE_ROLE_ALL } from "../../_common/model";
@@ -10,6 +10,8 @@ import {
 } from "../../auth/decorators";
 import { AppUserGuard, UsagerAccessGuard } from "../../auth/guards";
 import { messageSmsRepository } from "../../database";
+import { PageMetaDto, PageOptionsDto, PageResultsDto } from "../../usagers/dto";
+import { ObjectLiteral } from "typeorm";
 
 @Controller("sms")
 @UseGuards(AuthGuard("jwt"), AppUserGuard)
@@ -19,18 +21,27 @@ import { messageSmsRepository } from "../../database";
 export class SmsController {
   @ApiBearerAuth()
   @UseGuards(UsagerAccessGuard)
-  @Get("usager/:usagerRef")
-  public async getUsagerSms(@CurrentUsager() currentUsager: Usager) {
-    return await messageSmsRepository.find({
-      where: {
-        usagerRef: currentUsager.ref,
-        structureId: currentUsager.structureId,
-      },
-      order: {
-        createdAt: "DESC",
-      },
-      skip: 0,
-      take: 50,
-    });
+  @Post("usager/:usagerRef")
+  public async getUsagerSms(
+    @CurrentUsager() currentUsager: Usager,
+    @Body() pageOptionsDto: PageOptionsDto
+  ) {
+    const queryBuilder = messageSmsRepository.createQueryBuilder("message_sms");
+
+    const whereConditions: ObjectLiteral = {
+      structureId: currentUsager.structureId,
+      usagerRef: currentUsager.ref,
+    };
+
+    queryBuilder
+      .where(whereConditions)
+      .orderBy("id", pageOptionsDto.order)
+      .skip((pageOptionsDto.page - 1) * pageOptionsDto.take)
+      .take(pageOptionsDto.take);
+
+    const itemCount = await queryBuilder.getCount();
+    const { entities } = await queryBuilder.getRawAndEntities();
+    const pageMetaDto = new PageMetaDto({ itemCount, pageOptionsDto });
+    return new PageResultsDto(entities, pageMetaDto);
   }
 }

packages/common/src/pagination/PageOptions.class.ts

@@ -0,0 +1,13 @@
+import { Order } from "./PageOrder.enum";
+
+export class PageOptions {
+  public order: Order;
+  public page: number;
+  public take: number;
+
+  constructor(options?: Partial<PageOptions>) {
+    this.order = options?.order ?? Order.DESC;
+    this.page = options?.page ?? 1;
+    this.take = options?.take ?? 5;
+  }
+}

packages/common/src/pagination/PageResults.class.ts

@@ -0,0 +1,18 @@
+import { type PageMeta } from "./PageMeta.interface";
+
+export class PageResults<T> {
+  public data: T[];
+  public meta: PageMeta;
+
+  constructor(results?: PageResults<T>) {
+    this.data = results?.data ?? [];
+    this.meta = results?.meta ?? {
+      page: 0,
+      take: 0,
+      itemCount: 0,
+      pageCount: 0,
+      hasPreviousPage: false,
+      hasNextPage: false,
+    };
+  }
+}

packages/common/src/pagination/index.ts

@@ -1,5 +1,5 @@
 // @index('./*', f => `export * from '${f.path}'`)
 export * from "./PageMeta.interface";
-export * from "./PageOptions.interface";
+export * from "./PageOptions.class";
 export * from "./PageOrder.enum";
-export * from "./PageResults.interface";
+export * from "./PageResults.class";

packages/frontend/src/app/modules/admin-portail-usagers/components/manage-user-usager/manage-user-usager.component.ts

@@ -1,7 +1,6 @@
 import { Component, OnInit, TemplateRef, ViewChild } from "@angular/core";
 import { NgbModal, NgbModalRef } from "@ng-bootstrap/ng-bootstrap";
 import {
-  Order,
   PageOptions,
   PageResults,
   UsagersCountByStatus,
@@ -23,24 +22,9 @@ import saveAs from "file-saver";
 export class ManageUserUsagerComponent implements OnInit {
   @ViewChild("activateAllAccountsModal", { static: true })
   public activateAllAccountsModal!: TemplateRef<NgbModalRef>;
+  public params = new PageOptions({ take: 50 });
 
-  public params: PageOptions = {
-    order: Order.DESC,
-    page: 1,
-    take: 50,
-  };
-
-  public searchResults: PageResults<UserUsagerWithUsagerInfo> = {
-    data: [],
-    meta: {
-      page: 0,
-      take: 0,
-      itemCount: 0,
-      pageCount: 0,
-      hasPreviousPage: false,
-      hasNextPage: false,
-    },
-  };
+  public searchResults = new PageResults<UserUsagerWithUsagerInfo>();
   public loading = false;
   public activatingAccounts = false;
 

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

@@ -4,7 +4,6 @@ import { UsagerLight } from "../../../../../_common/model";
 import {
   PageOptions,
   PageResults,
-  Order,
   UsagerNote,
   UserStructure,
 } from "@domifa/common";
@@ -23,7 +22,7 @@ export class BaseUsagerNotesComponent implements OnInit, OnDestroy {
   @Input() public me!: UserStructure;
   @Input() public usager!: UsagerFormModel;
 
-  public params!: PageOptions;
+  public params = new PageOptions();
 
   public loading: boolean;
   public notes: UsagerNote[];
@@ -41,11 +40,7 @@ export class BaseUsagerNotesComponent implements OnInit, OnDestroy {
   ) {
     this.loading = false;
     this.notes = [];
-    this.params = {
-      order: Order.DESC,
-      page: 1,
-      take: 5,
-    };
+
     this.currentUserSubject$ = this.authService.currentUserSubject;
   }
 

packages/frontend/src/app/modules/usager-profil/components/_historiques/profil-historique-courriers/profil-historique-courriers.component.ts

@@ -18,7 +18,6 @@ import {
   UserStructure,
   Interaction,
   PageOptions,
-  Order,
   PageResults,
 } from "@domifa/common";
 
@@ -40,25 +39,9 @@ export class ProfilHistoriqueCourriersComponent implements OnInit, OnDestroy {
   public deleteInteractionModal!: TemplateRef<NgbModalRef>;
 
   public loading: boolean;
+  public params = new PageOptions({ take: 50 });
 
-  public params: PageOptions = {
-    order: Order.DESC,
-    page: 1,
-    take: 50,
-  };
-
-  public searchResults: PageResults<Interaction> = {
-    data: [],
-    meta: {
-      page: 0,
-      take: 0,
-      itemCount: 0,
-      pageCount: 0,
-      hasPreviousPage: false,
-      hasNextPage: false,
-    },
-  };
-
+  public searchResults = new PageResults<Interaction>();
   constructor(
     private readonly toastService: CustomToastService,
     private readonly interactionService: InteractionService,

packages/frontend/src/app/modules/usager-profil/components/_historiques/profil-historique-login-portail/profil-historique-login-portail.component.ts

@@ -1,6 +1,5 @@
 import { Component, Input, OnDestroy, OnInit } from "@angular/core";
 import {
-  Order,
   PageOptions,
   PageResults,
   UserStructure,
@@ -29,23 +28,11 @@ export class ProfilHistoriqueLoginPortailComponent
 
   public loading: boolean;
 
-  public params: PageOptions = {
-    order: Order.DESC,
-    page: 1,
+  public params = new PageOptions({
     take: 10,
-  };
+  });
 
-  public searchResults: PageResults<UserUsagerLogin> = {
-    data: [],
-    meta: {
-      page: 0,
-      take: 0,
-      itemCount: 0,
-      pageCount: 0,
-      hasPreviousPage: false,
-      hasNextPage: false,
-    },
-  };
+  public searchResults = new PageResults<UserUsagerLogin>();
 
   constructor(private readonly interactionService: InteractionService) {
     this.loading = true;

packages/frontend/src/app/modules/usager-profil/components/_historiques/profil-historique-sms/profil-historique-sms.component.html

@@ -12,7 +12,7 @@ <h3>Historique des envois de SMS</h3>
   </li>
 </ul>
 
-<div class="table-responsive" *ngIf="messagesList?.length > 0">
+<div class="table-responsive" *ngIf="searchResults.data?.length">
   <table class="table-history table">
     <caption class="visually-hidden">
       Historique des SMS envoyés
@@ -27,7 +27,7 @@ <h3>Historique des envois de SMS</h3>
       </tr>
     </thead>
     <tbody>
-      <tr *ngFor="let sms of messagesList">
+      <tr *ngFor="let sms of searchResults.data">
         <td>
           {{
             (sms.sendDate ? sms.sendDate : sms.scheduledDate)
@@ -42,7 +42,41 @@ <h3>Historique des envois de SMS</h3>
     </tbody>
   </table>
 </div>
+<div
+  class="justify-content-center d-flex p-3 d-print-none"
+  *ngIf="
+    searchResults.data.length > 0 && searchResults.meta.itemCount >= params.take
+  "
+>
+  <div
+    class="results-selector justify-content-start align-items-center d-flex me-auto"
+  >
+    <select
+      name="limit"
+      [(ngModel)]="params.take"
+      (ngModelChange)="getSms()"
+      id="limit"
+    >
+      <option [ngValue]="10">10</option>
+      <option [ngValue]="50">50</option>
+      <option [ngValue]="100">100</option>
+      <option [ngValue]="250">250</option>
+      <option [ngValue]="500">500</option>
+    </select>
+    <label for="limit" class="ms-3 fw-bold">résultats par page </label>
+  </div>
 
-<div *ngIf="messagesList?.length === 0" class="alert alert-info">
+  <ngb-pagination
+    [collectionSize]="searchResults.meta.itemCount"
+    [(page)]="params.page"
+    [boundaryLinks]="true"
+    [rotate]="true"
+    [maxSize]="5"
+    [pageSize]="params.take"
+    (pageChange)="getSms()"
+  ></ngb-pagination>
+</div>
+
+<div *ngIf="searchResults?.data?.length === 0" class="alert alert-info">
   <p>Aucun sms enregistré actuellement</p>
 </div>