src/app/form/orientation-form-view/online-demarch/mediation-beneciary-info/mediation-beneciary-info.component.ts → src/app/form/orientation-form-view/online-demarch/online-mediation/mediation-beneciary-info/mediation-beneciary-info.component.ts

 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { UntypedFormGroup } from '@angular/forms';
-import { Utils } from '../../../../utils/utils';
+import { Utils } from '../../../../../utils/utils';
 
 @Component({
   selector: 'app-mediation-beneciary-info',

src/app/form/orientation-form-view/online-demarch/mediation-hours-selection/mediation-hours-selection.component.scss → src/app/form/orientation-form-view/online-demarch/online-mediation/mediation-hours-selection/mediation-hours-selection.component.scss

-@import '../../../../../assets/scss/color';
-@import '../../../../../assets/scss/typography';
-@import '../../../../../assets/scss/breakpoint';
+@import '../../../../../../assets/scss/color';
+@import '../../../../../../assets/scss/breakpoint';
+@import '../../../../../../assets/scss/typography';
 
 .subtitle {
   color: $grey-3;

src/app/form/orientation-form-view/online-demarch/onlineDemarch-form.component.html

+<!-- COMMON FORM -->
 <ng-container *ngIf="currentType === onlineDemarcheTypeEnum.common">
   <app-online-demarch
     *ngIf="currentStep === onlineDemarchesCommonStepsEnum.onlineDemarche"
@@ -10,13 +11,65 @@
     (checkValidation)="checkValidation()"
   ></app-accompaniment-type>
 </ng-container>
+<!-- MEETING FORM (RDVS) -->
 <ng-container *ngIf="currentType === onlineDemarcheTypeEnum.meetings">
   <app-structure-orientator
     *ngIf="currentStep === onlineDemarchesMeetingSteps.structureOrientator"
     [profile]="profile"
     [form]="form"
+    (validatePage)="checkValidation()"
   ></app-structure-orientator>
+  <app-structure-public-target
+    *ngIf="
+      currentStep === onlineDemarchesMeetingSteps.publicTypeMandatory ||
+      currentStep === onlineDemarchesMeetingSteps.publicTypeOptional
+    "
+    [structureForm]="form"
+    [languageAndIlliteracy]="categories.languageAndIlliteracy"
+    [handicaps]="categories.handicaps"
+    [publicOthers]="categories.publicOthers"
+    [age]="categories.age"
+    [isMandatoryFields]="currentStep === onlineDemarchesMeetingSteps.publicTypeMandatory"
+    (validateForm)="checkValidation()"
+    (updateChoice)="updatePublicChoice($event)"
+  >
+  </app-structure-public-target>
+  <app-structure-pmr
+    *ngIf="currentStep === onlineDemarchesMeetingSteps.pmrAccess"
+    [structureForm]="form"
+    (validateForm)="checkValidation()"
+    (radioChange)="onRadioChange($event)"
+  ></app-structure-pmr>
+  <app-meeting-digital-pass
+    *ngIf="currentStep === onlineDemarchesMeetingSteps.digitalPass"
+    [form]="form"
+    [labelsQualifications]="categories.labelsQualifications"
+    (checkValidation)="checkValidation()"
+  ></app-meeting-digital-pass>
+  <app-orientation-structure-address
+    *ngIf="currentStep === onlineDemarchesMeetingSteps.location"
+    [form]="form"
+    (addressStructure)="checkValidation($event)"
+  ></app-orientation-structure-address>
+  <app-meeting-rdvs-doing
+    *ngIf="currentStep === onlineDemarchesMeetingSteps.rdvsDoing"
+    (checkValidation)="checkValidation()"
+    (setResetOrientation)="showResetOrientation()"
+    [form]="form"
+  ></app-meeting-rdvs-doing>
+  <app-meeting-rdvs-callback
+    *ngIf="currentStep === onlineDemarchesMeetingSteps.rdvsCallback"
+    (checkValidation)="checkValidation()"
+    [form]="form"
+  ></app-meeting-rdvs-callback>
+  <app-mediation-recap
+    *ngIf="currentStep === onlineDemarchesMeetingSteps.recap"
+    [form]="form"
+    [recapType]="recapsType.structure"
+    (checkValidation)="checkValidation()"
+  ></app-mediation-recap>
 </ng-container>
+<!-- ONLINE MEDIATION FORM -->
 <ng-container *ngIf="currentType === onlineDemarcheTypeEnum.onlineMediation">
   <app-online-demarch
     *ngIf="currentStep === HotlineMediationStepsEnum.onlineDemarch"
@@ -50,6 +103,7 @@
     (checkValidation)="checkValidation()"
   ></app-mediation-recap>
 </ng-container>
+<!-- STRUCTURE LIST FORM -->
 <app-orientation-structure-list
   *ngIf="currentType === onlineDemarcheTypeEnum.structureList"
   [form]="form"

src/app/form/orientation-form-view/online-demarch/onlineDemarch-form.component.ts

-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { UntypedFormGroup } from '@angular/forms';
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { UntypedFormArray, UntypedFormControl, UntypedFormGroup } from '@angular/forms';
 import { User } from '../../../models/user.model';
+import { Category } from '../../../structure-list/models/category.model';
 import { Filter } from '../../../structure-list/models/filter.model';
 import { OrientationUtils } from '../../../utils/orientationUtils';
 import { HotlineMediationSteps } from '../enums/hotlineMediationSteps.enum';
+import { MeetingRDVSSteps } from '../enums/MeetingRDVSSteps.enum';
 import { OnlineDemarche } from '../enums/onlineDemarche.enum';
 import { OnlineDemarchesCommonSteps } from '../enums/onlineDemarchesCommonSteps.enum';
-import { OnlineDemarchesMeetingSteps } from '../enums/onlineDemarchesMeetingSteps.enum';
 import { RecapsType } from '../enums/recapsType.enum';
 import { StructuresListSteps } from '../enums/structuresListSteps.enum';
 import { OnlineMediationSteps } from '../types/onlineDemarcheStep.type';
@@ -16,13 +17,15 @@ import { OnlineMediationSteps } from '../types/onlineDemarcheStep.type';
   templateUrl: './onlineDemarch-form.component.html',
 })
 export class OnlineDemarchFormComponent {
-  @Input() currentStep: OnlineMediationSteps | StructuresListSteps;
+  @Input() currentStep: OnlineMediationSteps | StructuresListSteps | MeetingRDVSSteps;
   @Input() currentType: OnlineDemarche;
   @Input() form: UntypedFormGroup;
   @Input() filters: Filter[] = [];
   @Input() profile: User;
+  @Input() categories: { [key: string]: Category | [] };
   @Output() validatePage = new EventEmitter<any>();
-
+  @Output() setResetOrientation = new EventEmitter<any>();
+  
   public orientationUtils = new OrientationUtils();
   public pagesValidation: any[] = [];
 
@@ -31,7 +34,7 @@ export class OnlineDemarchFormComponent {
   public onlineDemarchesCommonStepsEnum = OnlineDemarchesCommonSteps;
   public structuresListStepsEnum = StructuresListSteps;
   public onlineDemarcheTypeEnum = OnlineDemarche;
-  public onlineDemarchesMeetingSteps = OnlineDemarchesMeetingSteps;
+  public onlineDemarchesMeetingSteps = MeetingRDVSSteps;
   public recapsType = RecapsType;
 
   public checkValidation(): void {
@@ -65,11 +68,52 @@ export class OnlineDemarchFormComponent {
           this.pagesValidation,
           this.form,
           (isValid) => this.validatePage.emit(isValid),
-          this.currentStep as OnlineDemarchesMeetingSteps
+          this.currentStep as MeetingRDVSSteps
         );
         break;
       default:
         throw new Error('Not implemented tunnel type in OnlineDemarchFormComponent');
     }
   }
+
+  public updatePublicChoice({ formControlName, choice }: { formControlName: string; choice: string }): void {
+    const event = !this.isInArray({ formControlName, term: choice });
+    this.onCheckChange({ event, formControlName, value: choice });
+  }
+
+  public onCheckChange({
+    event,
+    formControlName,
+    value,
+  }: {
+    event: boolean;
+    formControlName: string;
+    value: string;
+  }): void {
+    const formArray: UntypedFormArray = this.form.get(formControlName) as UntypedFormArray;
+    if (event) {
+      // Add a new control in the arrayForm
+      formArray.push(new UntypedFormControl(value));
+    } else {
+      // Remove uncheck control in the arrayForm
+      const index = formArray.value.findIndex((element) => element === value);
+      formArray.removeAt(index);
+    }
+    this.checkValidation();
+  }
+  // Check if a FormControl value is in FormArray
+  public isInArray({ formControlName, term }: { formControlName: string; term: string }): boolean {
+    if (this.form.get(formControlName) && this.form.get(formControlName).value) {
+      return this.form.get(formControlName).value.includes(term);
+    }
+    return false;
+  }
+  public onRadioChange(nameAndEvent: { name: string; value: boolean }): void {
+    const { name, value } = nameAndEvent;
+    this.form.get(name).setValue(value);
+    this.checkValidation();
+  }
+  public showResetOrientation():void {
+    this.setResetOrientation.emit()
+  }
 }

src/app/form/orientation-form-view/orientation-form-view.component.html

@@ -33,7 +33,9 @@
         [form]="onlineDemarchForm"
         [filters]="filters"
         [profile]="profile"
+        [categories]="categories"
         (validatePage)="validatePage($event)"
+        (setResetOrientation)="setResetOrientation()"
       ></app-onlineDemarch-form>
       <app-base-skills
         *ngIf="needType == needEnum.learnSkills"
@@ -52,6 +54,9 @@
       [needType]="needType"
       [currentType]="currentType"
       [isPageValid]="isPageValid"
+      [isRdvsWindowStep]="isRdvsWindowStep"
+      [hideNavButtons]="hideNavButtons"
+      [shouldResetOrientation]="shouldResetOrientation"
       (goNext)="nextPage()"
       (goPrev)="prevPage()"
     ></app-navigation>

src/app/form/orientation-form-view/orientation-form-view.component.ts

@@ -5,21 +5,26 @@ import { ProfileService } from '../../profile/services/profile.service';
 import { AuthService } from '../../services/auth.service';
 import { NotificationService } from '../../services/notification.service';
 import { OnlineMediationService } from '../../services/online-mediation.service';
+import { StructureService } from '../../services/structure.service';
+import { CategoryEnum } from '../../shared/enum/category.enum';
+import { Category } from '../../structure-list/models/category.model';
 import { Filter } from '../../structure-list/models/filter.model';
 import { Module } from '../../structure-list/models/module.model';
+import { SearchService } from '../../structure-list/services/search.service';
 import { OrientationUtils } from '../../utils/orientationUtils';
 import { Utils } from '../../utils/utils';
 import { FiltersSteps } from './enums/filtersSteps.enum';
 import { GenericOrientationSteps } from './enums/genericOrientationSteps.enum';
 import { HotlineMediationSteps } from './enums/hotlineMediationSteps.enum';
+import { MeetingRDVSSteps } from './enums/MeetingRDVSSteps.enum';
 import { NeedsType } from './enums/needs.enum';
 import { OnlineDemarche } from './enums/onlineDemarche.enum';
 import { OnlineDemarchesCommonSteps } from './enums/onlineDemarchesCommonSteps.enum';
-import { OnlineDemarchesMeetingSteps } from './enums/onlineDemarchesMeetingSteps.enum';
 import { StructuresListSteps } from './enums/structuresListSteps.enum';
 import { FiltersForm } from './interfaces/filtersForm.interface';
 import { IOnlineMediation } from './interfaces/onlineMediation.interface';
 import { StructureOrientationForm } from './interfaces/structureOrientationForm.interface';
+import { StructureOrientator } from './interfaces/structureOrientator.interface';
 import { MediationType } from './types/mediation.type';
 import { MediationStepType } from './types/mediationStep.type';
 
@@ -36,6 +41,8 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
   public onlineDemarcheType: OnlineDemarche;
   // Equipments
   public filtersForm: FormGroup<FiltersForm> | FormGroup<StructureOrientationForm>;
+  // Orientator
+  public orientator: FormGroup<StructureOrientator>;
   // Enum
   public needEnum = NeedsType;
   // Global
@@ -43,13 +50,30 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
   public currentType: MediationType = OnlineDemarche.common;
   public currentStep: MediationStepType = null;
   public isLastStep = false;
-  public nbSteps: number = Object.keys(HotlineMediationSteps).length / 2;
+  public isRdvsWindowStep = false;
+  public hideNavButtons = false;
+  public nbSteps: number =
+    (Math.max(
+      Object.keys(HotlineMediationSteps).length,
+      Object.keys(MeetingRDVSSteps).length,
+      Object.keys(StructuresListSteps).length
+    ) +
+      Object.keys(OnlineDemarchesCommonSteps).length) /
+    2;
   public isPageValid: boolean = false;
   public filters: Filter[] = [];
   public profile: User;
   public canDeactivate: boolean = false;
   public showLoginModal: boolean = false;
   public fullScreen: boolean = false;
+  public shouldResetOrientation = false;
+  //Categories
+  public categories: { [key: string]: Category | [] } = {
+    age: [],
+    languageAndIlliteracy: [],
+    publicOthers: [],
+    handicaps: [],
+  };
 
   // Modal canExit var
   public showConfirmationModal = false;
@@ -60,14 +84,28 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
     private notificationService: NotificationService,
     private authService: AuthService,
     private profileService: ProfileService,
+    private searchService: SearchService,
+    private structureService: StructureService,
     private cdref: ChangeDetectorRef
-  ) {}
-
+  ) {
+    this.setCategories();
+  }
   async ngOnInit() {
     if (!this.authService.isLoggedIn()) {
       this.showLoginModal = true;
     } else {
       this.profile = await this.profileService.getProfile();
+
+      if (this.profile?.structuresLink?.length === 1) {
+        this.structureService.getStructure(this.profile.structuresLink[0]).subscribe(
+          (_structure) =>
+            (this.orientator = this.orientationUtils.createStructureOrientatorForm({
+              structureName: _structure.structureName,
+              structureMail: _structure.contactMail,
+              structurePhone: _structure.contactPhone,
+            }))
+        );
+      }
     }
 
     if (history.state.mediationNumerique) {
@@ -111,6 +149,13 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
   }
 
   public checkLastStep(): void {
+    if (
+      this.needType === NeedsType.onlineDemarch &&
+      this.currentType === OnlineDemarche.meetings &&
+      this.currentStep === MeetingRDVSSteps.location
+    ) {
+      this.isRdvsWindowStep = true;
+    }
     if (
       this.needType === NeedsType.onlineDemarch &&
       this.currentType === OnlineDemarche.onlineMediation &&
@@ -154,7 +199,10 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
     this.currentStep = StructuresListSteps.pmrAccess;
     // first filter screnn + regular StructureList form
     this.setStepNumber(Object.keys(StructuresListSteps).length);
-    this.filtersForm = this.orientationUtils.createStructureOrientationForm(this.filtersForm.value.filters);
+    this.filtersForm = this.orientationUtils.createStructureOrientationForm(
+      this.filtersForm.value.filters,
+      this.orientator
+    );
   }
 
   public setOnlineProceduresForm() {
@@ -168,9 +216,11 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
         );
         break;
       case OnlineDemarche.meetings:
-        this.currentStep = OnlineDemarchesMeetingSteps.structureOrientator;
+        this.currentStep = MeetingRDVSSteps.structureOrientator;
         this.currentType = OnlineDemarche.meetings;
+        this.setStepNumber(Object.keys(MeetingRDVSSteps).length);
         this.skipStructureOrientator();
+        this.onlineDemarchForm = this.orientationUtils.createMeetingRDVSForm(this.filters, this.orientator);
         break;
       case OnlineDemarche.onlineMediation:
         this.currentType = OnlineDemarche.onlineMediation;
@@ -185,6 +235,30 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
     }
   }
 
+  private async setCategories(): Promise<void> {
+    const categories = await this.searchService.getCategories().toPromise();
+    categories.forEach((categ) => {
+      switch (categ.id) {
+        case CategoryEnum.age: {
+          this.categories.age = categ;
+          break;
+        }
+        case CategoryEnum.languageAndIlliteracy: {
+          this.categories.languageAndIlliteracy = categ;
+          break;
+        }
+        case CategoryEnum.publicOthers: {
+          this.categories.publicOthers = categ;
+          break;
+        }
+        case CategoryEnum.handicaps: {
+          this.categories.handicaps = categ;
+          break;
+        }
+      }
+    });
+  }
+
   public skipStructureOrientator() {
     if (this.profile?.structuresLink?.length === 1) {
       // skip first step
@@ -209,6 +283,8 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
 
   public nextPage(): void {
     this.isPageValid = false;
+    this.isRdvsWindowStep = false;
+    this.hideNavButtons = false;
     // Handle filters form
     if (
       this.isFilterForm() &&
@@ -252,15 +328,6 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
         this.handleOnlineAppointment();
         return;
       }
-      // Structure orientator screen
-      if (
-        this.currentType === OnlineDemarche.structureList &&
-        this.currentStep === StructuresListSteps.structureOrientator
-      ) {
-        this.skipStructureOrientator();
-        this.currentStep++;
-        return;
-      }
     }
 
     // Structure list handling
@@ -275,9 +342,10 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
       if (this.currentStep === StructuresListSteps.address) {
         this.fullScreen = true;
       }
-      // Unset fullscrenn
+      // Unset fullscreen
       if (this.currentStep === StructuresListSteps.structureChoice) {
         this.fullScreen = false;
+        this.skipStructureOrientator();
       }
     }
 
@@ -290,10 +358,13 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
     if (this.currentStep < this.nbSteps) {
       this.currentStep++;
       this.checkLastStep();
+      this.checkHideNavButtons();
     }
   }
 
   public prevPage(): void {
+    this.isRdvsWindowStep = false;
+    this.hideNavButtons = false;
     // Structure list previous page
     if (this.isStructureListForm()) {
       if (this.currentStep === StructuresListSteps.structureChoice) {
@@ -313,6 +384,7 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
     if (this.currentStep > 0) {
       this.currentStep--;
       this.checkLastStep();
+      this.checkHideNavButtons();
     }
   }
 
@@ -340,7 +412,6 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
       this.currentType === OnlineDemarche.structureList
     );
   }
-
   /**
    * Return if it's a filter form
    * @returns
@@ -369,4 +440,16 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
     this.resolve(hasAccept);
     this.showConfirmationModal = false;
   }
+  public checkHideNavButtons(): void {
+    if (
+      this.needType === NeedsType.onlineDemarch &&
+      this.currentType === OnlineDemarche.meetings &&
+      this.currentStep === MeetingRDVSSteps.rdvsDoing
+    ) {
+      this.hideNavButtons = true;
+    }
+  }
+  public setResetOrientation(): void {
+    this.shouldResetOrientation = true;
+  }
 }

src/app/form/orientation-form-view/orientation-structure-list/orientation-structure-address/orientation-structure-address.component.html

-<form [formGroup]="form" *ngIf="form" (keyup.enter)="(isPageValid)">
+<form [formGroup]="form" *ngIf="form">
   <div class="title">
     <p class="overtitle">{{ structureName }}</p>
     <h3>Autour de quelle adresse cherchez-vous une structure&nbsp;?</h3>

src/app/form/orientation-form-view/orientation-structure-list/orientation-structure-address/orientation-structure-address.component.ts

@@ -8,7 +8,6 @@ import { Address } from '../../../../models/address.model';
 })
 export class OrientationStructureAddressComponent implements OnInit {
   @Input() form: UntypedFormGroup;
-  @Input() isEditMode: boolean;
   @Output() addressStructure = new EventEmitter<any>();
 
   ngOnInit(): void {

src/app/form/orientation-form-view/orientation.module.ts

@@ -14,10 +14,9 @@ import { NavigationComponent } from './global-components/navigation/navigation.c
 import { NeedsSelectionComponent } from './global-components/needs-selection/needs-selection.component';
 import { PrintHeaderComponent } from './global-components/print-header/print-header.component';
 import { StructureOrientatorComponent } from './global-components/structure-orientator/structure-orientator.component';
-import { AccompanimentTypeComponent } from './online-demarch/accompaniment-type/accompaniment-type.component';
-import { MediationBeneciaryInfoComponent } from './online-demarch/mediation-beneciary-info/mediation-beneciary-info.component';
-import { MediationHoursSelectionComponent } from './online-demarch/mediation-hours-selection/mediation-hours-selection.component';
-import { OnlineDemarchComponent } from './online-demarch/online-demarch/online-demarch.component';
+import { AccompanimentTypeComponent } from './online-demarch/online-demarch-common/accompaniment-type/accompaniment-type.component';
+import { MediationHoursSelectionComponent } from './online-demarch/online-mediation/mediation-hours-selection/mediation-hours-selection.component';
+import { OnlineDemarchComponent } from './online-demarch/online-demarch-common/online-demarch.component';
 import { OnlineDemarchFormComponent } from './online-demarch/onlineDemarch-form.component';
 import { OrientationFormViewComponent } from './orientation-form-view.component';
 import { OrientationRoutingModule } from './orientation-routing.module';
@@ -26,6 +25,9 @@ import { OrientationStructureAddressComponent } from './orientation-structure-li
 import { OrientationStructureListComponent } from './orientation-structure-list/orientation-structure-list.component';
 import { MediationLanguageSelectionComponent } from './online-demarch/mediation-language-selection/mediation-language-selection.component';
 import { SelectComponent } from './global-components/select/select.component';
+import { MeetingDigitalPassComponent } from './online-demarch/meeting-rdvs/meeting-digital-pass/meeting-digital-pass.component';
+import { MeetingRdvsDoingComponent } from './online-demarch/meeting-rdvs/meeting-rdvs-doing/meeting-rdvs-doing.component';
+import { MediationBeneciaryInfoComponent } from './online-demarch/online-mediation/mediation-beneciary-info/mediation-beneciary-info.component';
 
 @NgModule({
   declarations: [
@@ -53,6 +55,8 @@ import { SelectComponent } from './global-components/select/select.component';
     BaseSkillsChoiceComponent,
     MediationLanguageSelectionComponent,
     SelectComponent,
+    MeetingDigitalPassComponent,
+    MeetingRdvsDoingComponent,
   ],
   imports: [OrientationRoutingModule, CartoModule, SharedModule],
 })

src/app/form/orientation-form-view/types/onlineDemarcheStep.type.ts

 import { HotlineMediationSteps } from '../enums/hotlineMediationSteps.enum';
 import { OnlineDemarchesCommonSteps } from '../enums/onlineDemarchesCommonSteps.enum';
-import { OnlineDemarchesMeetingSteps } from '../enums/onlineDemarchesMeetingSteps.enum';
+import { MeetingRDVSSteps } from '../enums/MeetingRDVSSteps.enum';
 import { StructuresListSteps } from '../enums/structuresListSteps.enum';
 
 export type OnlineMediationSteps =
   | HotlineMediationSteps
   | StructuresListSteps
   | OnlineDemarchesCommonSteps
-  | OnlineDemarchesMeetingSteps;
+  | MeetingRDVSSteps;

src/app/services/rdvs.service.spec.ts

+import { TestBed } from '@angular/core/testing';
+
+import { RdvsService } from './rdvs.service';
+
+describe('RdvsService', () => {
+  let service: RdvsService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(RdvsService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/services/rdvs.service.ts

+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Structure } from '../models/structure.model';
+import { Observable } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class RdvsService {
+  private readonly rdvsBaseUrl = 'https://www.rdv-aide-numerique.fr/public_api/public_links?territory=RVS';
+  constructor(private http: HttpClient) {}
+
+  public sendStructureArray(structureArray: Structure[]): Observable<any> {
+    const idsArray = structureArray.map((_structure) => _structure.idCNFS);
+
+    return this.http.post<any>(this.rdvsBaseUrl, idsArray);
+  }
+}

src/app/services/structure.service.ts

@@ -80,7 +80,7 @@ export class StructureService {
     return this.getStructures(filters, 'searchByName');
   }
 
-  public getStructures(filters: Filter[], searchUrl: string = 'search'): Observable<Structure[]> {
+  public getStructures(filters: Filter[], searchUrl: string = 'search', limit?: number): Observable<Structure[]> {
     if (filters && filters.length > 0) {
       let requestUrl = `${this.baseUrl}/${searchUrl}`;
       const queryString = _.find(filters, { name: 'query' });
@@ -90,7 +90,7 @@ export class StructureService {
       }
       const formatedFilters = this.formatFilters(filters);
       return this.http
-        .post(requestUrl, { filters: formatedFilters })
+        .post(requestUrl, { filters: formatedFilters, limit: limit })
         .pipe(map((data: any[]) => data.map((item) => new Structure(item))));
     } else {
       return this.http.get(`${this.baseUrl}`).pipe(map((data: any[]) => data.map((item) => new Structure(item))));

src/app/shared/components/button/button.component.html

@@ -278,6 +278,21 @@
     ></app-svg-icon>
   </button>
 </ng-container>
+
+<ng-container *ngIf="style === buttonTypeEnum.RdvsButton">
+  <button class="btn-rdvs" type="{{ type }}" (click)="doAction()" [disabled]="disabled" [ngClass]="extraClass">
+    <div *ngIf="!iconBtn" class="text">{{ text }}</div>
+    <div
+      *ngIf="iconBtn && iconPos === 'left'"
+      fxLayout="row center"
+      class="text withIcon left"
+      fxLayoutAlign="space-around center"
+    >
+      <app-svg-icon [type]="iconType" [icon]="iconBtn" [iconColor]="'currentColor'"></app-svg-icon>
+      <span [ngClass]="extraClass">{{ text }}</span>
+    </div>
+  </button>
+</ng-container>
 <ng-container *ngIf="style === buttonTypeEnum.TagCloudResetButton">
   <button class="flex row btn-tags-cloud reset" (click)="doAction()">
     <span>Supprimer les filtres</span>

src/app/shared/components/button/button.component.scss

@@ -334,3 +334,17 @@ button:disabled {
   opacity: 0.4;
   cursor: not-allowed;
 }
+.btn-rdvs {
+  background: $blueRdvs;
+  width: 140px;
+
+  height: 36px;
+  span {
+    color: white;
+  }
+  ::ng-deep svg {
+    stroke: none !important;
+    top: 3px;
+    left: 3px;
+  }
+}

src/app/shared/components/button/buttonType.enum.ts

@@ -15,5 +15,6 @@ export enum ButtonType {
   modalPrimary,
   modalSecondary,
   TagCloudButton,
+  RdvsButton,
   TagCloudResetButton,
 }

src/app/shared/components/index.ts

 import { InformationStepComponent } from '../../form/form-view/global-components/information-step/information-step.component';
 import { ProgressBarComponent } from '../../form/form-view/global-components/progress-bar/progress-bar.component';
+import { StructurePublicTargetComponent } from '../../form/form-view/structure-form/structure-public-target/structure-public-target.component';
 import { AccompanimentPickerComponent } from './accompaniment-picker/accompaniment-picker.component';
 import { AddressAutocompleteComponent } from './address-autocomplete/address-autocomplete.component';
 import { ButtonComponent } from './button/button.component';
@@ -40,6 +41,7 @@ export {
   StructureListPrintComponent,
   StructureDetailPrintComponent,
   ProgressBarComponent,
+  StructurePublicTargetComponent,
 };
 
 // tslint:disable-next-line:variable-name
@@ -64,4 +66,5 @@ export const SharedComponents = [
   StructureListPrintComponent,
   StructureDetailPrintComponent,
   ProgressBarComponent,
+  StructurePublicTargetComponent,
 ];