diff --git a/src/app/annuaire/annuaire.component.ts b/src/app/annuaire/annuaire.component.ts index 69872baf58d23d374ee3ef1c7385e2caaa195574..41c0731283f21f5be0fb1696eeb36e991634eefa 100644 --- a/src/app/annuaire/annuaire.component.ts +++ b/src/app/annuaire/annuaire.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; import { UserAnnuary } from '../models/user.model'; import { AuthService } from '../services/auth.service'; import { SearchService } from '../structure-list/services/search.service'; @@ -18,6 +18,10 @@ export class AnnuaireComponent { public nextPage: number = 1; public filterActive: boolean = false; + ngOnInit(): void { + this.getUsers({ queryParam: '', page: 1, jobFilters: [], employerFilters: [] }); + } + public getUsers(params: SearchQuery): void { if (this.userIsLoggedIn()) { this.searchService.annuaireSearchQuery = params; diff --git a/src/app/annuaire/result-list/result-list.component.html b/src/app/annuaire/result-list/result-list.component.html index 1582d326c3b31723a0619ef1cdcd6bca9ec5ddb8..268fe8c9a229483ce6f9245ff09f55f9c9f15728 100644 --- a/src/app/annuaire/result-list/result-list.component.html +++ b/src/app/annuaire/result-list/result-list.component.html @@ -47,7 +47,13 @@ <div class="results unlogged" *ngIf="!isLogged"> <img src="../../assets/ico/annuaire-unlogged.svg" alt="Illustration annuaire" /> - <div class="users">{{ totalUserResult }} utilisateurs sont présents dans l'annuaire Rés'in</div> + <div class="users" [ngPlural]="totalUserResult"> + <ng-template ngPluralCase="0">Aucun utilisateur n'est présent dans l'annuaire Rés'in</ng-template> + <ng-template ngPluralCase="1">1 utilisateur est présent dans l'annuaire Rés'in</ng-template> + <ng-template ngPluralCase="other" + >{{ totalUserResult }} utilisateurs sont présents dans l'annuaire Rés'in</ng-template + > + </div> <div class="access"> Pour accéder à l’annuaire de Rés’in et contacter les utilisateurs,<br /> veuillez vous connecter ou vous créer un compte. diff --git a/src/app/structure-list/structure-list.component.html b/src/app/structure-list/structure-list.component.html index 2d00d0c392ec418cef3d7c9770d91d7c9f5eac66..b69c38836fb1d410d9b6e0b1524c3d716f0d2812 100644 --- a/src/app/structure-list/structure-list.component.html +++ b/src/app/structure-list/structure-list.component.html @@ -29,6 +29,11 @@ (hover)="handleCardHover($event)" class="structure-card" ></app-card> - <p *ngIf="structureList && structureList.length <= 0">Il n'y a aucune réponse correspondant à votre recherche</p> + <p *ngIf="structureList && structureList.length <= 0 && !isLoading"> + Il n'y a aucune réponse correspondant à votre recherche + </p> + <div *ngIf="structureList && structureList.length <= 0 && isLoading" class="loader"> + <img class="loader-gif" src="/assets/gif/loader_circle.gif" alt /> + </div> </div> </div> diff --git a/src/app/structure-list/structure-list.component.ts b/src/app/structure-list/structure-list.component.ts index 196e29e7596cce883da4747e22e1443ce6689d37..a3ee50fa7006f513d6da8ba55f9ab22d82354730 100644 --- a/src/app/structure-list/structure-list.component.ts +++ b/src/app/structure-list/structure-list.component.ts @@ -23,6 +23,7 @@ export class StructureListComponent implements OnChanges, OnInit { public buttonTypeEnum = ButtonType; public structure: Structure; public printMode = false; + public isLoading = true; constructor( private route: ActivatedRoute, @@ -62,6 +63,7 @@ export class StructureListComponent implements OnChanges, OnInit { } if (changes.structureList) { document.getElementById('listCard').scrollTo(0, 0); + this.isLoading = changes.structureList.firstChange; } }