Resolve "[Fiche structure] - Mis à jour v2"

Related to #567 (closed)

How to test

Tester en mettant en base la date updatedAt d'une structure à plus de 6 mois

Vérifier :

• affichage de la phrase "La dernière modification... merci de vérifier et valider vos données" en bleu
• Le bouton valider doit être grisé tant que l'on a pas déroulé jusqu'en bas le curseur, pour s'assurer que la fiche et ses données ont bien été vérifiées
• Si on quitte sans action : Pop-in qui s'affiche (comme quand on quitte une orientation non finalisée) avec le message "Merci de vérifier l'ensemble des informations, puis de valider afin de réinitialiser la date de mise à jour de la fiche".

src/app/profile/structure-edition-summary/structure-edition-summary.component.html

@@ -8,7 +8,11 @@
       <h2>
         {{ structure.structureName }}
       </h2>
-      <p *ngIf="isUpdateStructure">
+    </div>
+
+    <div *ngIf="isUpdateStructure" class="info">
+      <app-svg-icon [iconClass]="'icon-16'" [folder]="'form'" [icon]="'info'" />
+      <p>
         La dernière modification de votre structure remonte à plus de 6 mois, merci de vérifier les données et de les
         valider
       </p>
@@ -765,6 +769,7 @@
           [iconName]="'edit'"
           [size]="'small'"
           (action)="goToEdit(structureFormStep.structureConsent)"
+          (keydown)="onLastButtonKeydown($event)"
         />
         <app-icon-button
           ariaLabel="Modifier le partage de données sur data.grandlyon.com"
@@ -772,6 +777,7 @@
           [variant]="'secondary'"
           [iconName]="'edit'"
           (action)="goToEdit(structureFormStep.structureConsent)"
+          (keydown)="onLastButtonKeydown($event)"
         />
       </div>
       <div class="content">
@@ -780,24 +786,29 @@
     </section>
   </div>
   <div class="footer">
-    <ng-container *ngIf="isUpdateStructure">
-      <p *ngIf="!isFormValid()" class="warning">
-        Vous pourrez valider après avoir renseigné l’intégralité des champs obligatoires.
-      </p>
-      <div class="buttons">
-        <app-button [variant]="'secondary'" [label]="'Retour'" (action)="goBack()" />
-        <app-button
-          [variant]="'primary'"
-          [label]="'Valider'"
-          [disabled]="!isFormValid()"
-          (action)="updateStructureUpdateDate()"
-        />
-      </div>
-    </ng-container>
-    <ng-container *ngIf="!isUpdateStructure">
-      <div class="buttons">
-        <app-button [variant]="'secondary'" [label]="'Retour'" (action)="goBack()" />
-      </div>
-    </ng-container>
+    <div class="buttons">
+      <app-button [variant]="'secondary'" [label]="'Retour'" (action)="goBack()" />
+      <app-button
+        *ngIf="isUpdateStructure"
+        [variant]="'primary'"
+        [label]="'Valider'"
+        [disabled]="!isFormValid()"
+        (action)="updateStructureUpdateDate()"
+      />
+    </div>
   </div>
 </div>
+
+<!-- Structure update is pending, confirm leaving -->
+<app-modal
+  validateLabel="Vérifier"
+  cancelLabel="Plus tard"
+  [title]="'Mise à jour'"
+  [opened]="updateModal"
+  (closed)="hasRedirectionAccepted($event ? true : false)"
+>
+  <p class="modalContent emphasized">
+    Merci de vérifier l'ensemble des informations, puis de valider afin de réinitialiser la date de mise à jour de la
+    fiche
+  </p>
+</app-modal>