feat(admins): faciliter le process de réinitialisation de mot de passe

Author: hbalty

packages/portail-admins/src/app/modules/structure/components/users/users.component.html

@@ -104,7 +104,7 @@ <h2>Utilisateurs enregistrés: {{ users.length }} utilisateurs</h2>
         <td>
           {{ USER_ROLES_LABELS[user.role] }}
         </td>
-        <td>
+        <td class="d-flex gap-2">
           <a
             target="_blank"
             class="btn btn-outline-primary"
@@ -119,8 +119,52 @@ <h2>Utilisateurs enregistrés: {{ users.length }} utilisateurs</h2>
           >
             🔗 Lien</a
           >
+          <button
+            class="btn btn-outline-primary"
+            (click)="openConfirmationModdal(user)"
+            type="button"
+          >
+            Réinitialiser mot de passe
+          </button>
         </td>
       </tr>
     </tbody>
   </table>
+
+  <ng-template #confirmPasswordReinit let-modal>
+    <div class="modal-header">
+      <h4 class="modal-title">Confirmation</h4>
+      <button
+        type="button"
+        class="btn-close"
+        aria-label="Close"
+        (click)="modal.dismiss()"
+      ></button>
+    </div>
+    <div class="modal-body">
+      <p>
+        Êtes-vous sûr de vouloir réinitialiser le mot de passe de l'utilisateur:
+        <span class="fw-bold">
+          {{ userForPasswordReinit.nom }} {{ userForPasswordReinit.prenom }}
+        </span>
+        ?
+      </p>
+    </div>
+    <div class="modal-footer">
+      <button
+        type="button"
+        class="btn btn-lg btn-outline-dark"
+        (click)="modal.dismiss()"
+      >
+        Annuler
+      </button>
+      <button
+        type="button"
+        class="btn btn-primary"
+        (click)="doResetPassword(userForPasswordReinit.email)"
+      >
+        Confirmer
+      </button>
+    </div>
+  </ng-template>
 </div>

packages/portail-admins/src/app/modules/structure/components/users/users.component.ts

@@ -1,39 +1,64 @@
-import { Component, Input, OnInit } from "@angular/core";
+import {
+  Component,
+  Input,
+  OnDestroy,
+  OnInit,
+  TemplateRef,
+  ViewChild,
+} from "@angular/core";
 import { SortValues, StructureCommon, UserStructureRole } from "@domifa/common";
-import { Subscription } from "rxjs";
+import { Subject, Subscription } from "rxjs";
 import {
   StructureService,
   UserStructureWithSecurity,
 } from "../../services/structure.service";
 import { environment } from "../../../../../environments/environment";
 import { subMonths } from "date-fns";
+import { NgbModal, NgbModalRef } from "@ng-bootstrap/ng-bootstrap";
 
 @Component({
   selector: "app-users",
   templateUrl: "./users.component.html",
   styleUrl: "./users.component.css",
 })
-export class UsersComponent implements OnInit {
+export class UsersComponent implements OnInit, OnDestroy {
   public users: UserStructureWithSecurity[] = [];
   public sortValue: SortValues = "asc";
   public currentKey = "id";
   public twoMonthsAgo = subMonths(new Date(), 2);
-
+  public reloadUsers = new Subject<void>();
   public readonly frontendUrl = environment.frontendUrl;
   public readonly USER_ROLES_LABELS: { [key in UserStructureRole]: string } = {
     admin: "Administrateur",
     responsable: "Gestionnaire",
     simple: "Instructeur",
     facteur: "Facteur",
   };
-
   @Input({ required: true }) public structure: StructureCommon;
   private subscription = new Subscription();
   public searching = true;
+  @ViewChild("confirmPasswordReinit", { static: true })
+  public confirmPasswordReinit!: TemplateRef<NgbModalRef>;
 
-  constructor(private readonly structureService: StructureService) {}
+  public userForPasswordReinit?: UserStructureWithSecurity;
+  constructor(
+    private readonly structureService: StructureService,
+    private readonly modalService: NgbModal
+  ) {}
 
   ngOnInit(): void {
+    this.loadUsers();
+
+    // Subscribe to reloadUsers subject to reload the list when triggered
+    this.subscription.add(
+      this.reloadUsers.subscribe(() => {
+        this.loadUsers();
+      })
+    );
+  }
+
+  private loadUsers(): void {
+    this.searching = true;
     this.subscription.add(
       this.structureService.getUsers(this.structure.id).subscribe((users) => {
         this.users = users.map((user) => {
@@ -42,7 +67,31 @@ export class UsersComponent implements OnInit {
           }
           return user;
         });
+        this.searching = false;
       })
     );
   }
+
+  public openConfirmationModdal(user: UserStructureWithSecurity): void {
+    this.userForPasswordReinit = user;
+    this.modalService.open(this.confirmPasswordReinit, {
+      size: "s",
+      centered: true,
+    });
+  }
+
+  public doResetPassword(email: string): void {
+    if (!email) return;
+    this.subscription.add(
+      this.structureService
+        .resetStructureAdminPassword(email)
+        .subscribe(() => this.reloadUsers.next())
+    );
+
+    this.modalService.dismissAll();
+  }
+
+  ngOnDestroy(): void {
+    this.subscription.unsubscribe();
+  }
 }

packages/portail-admins/src/app/modules/structure/services/structure.service.ts

@@ -5,7 +5,7 @@ import { Observable } from "rxjs";
 import { environment } from "../../../../environments/environment";
 
 const BASE_URL = `${environment.apiUrl}admin/structures`;
-
+const RESET_PASSWORD_URL = `${environment.apiUrl}users/get-password-token`;
 export type UserStructureWithSecurity = UserStructure & {
   temporaryTokens: {
     type?: string;
@@ -34,6 +34,12 @@ export class StructureService {
     );
   }
 
+  public resetStructureAdminPassword(email: string): Observable<void> {
+    return this.http.post<void>(`${RESET_PASSWORD_URL}`, {
+      email,
+    });
+  }
+
   public getMetabaseUrl(params: MetabaseParams): Observable<{ url: string }> {
     return this.http.post<{ url: string }>(
       `${BASE_URL}/metabase-stats`,