Merge pull request #143 in TEA/mina-sidor-fa-web from bugfix/TV-687 to next

Squashed commit of the following:

commit 47f4297d2538150bc467a5709c7983b1161f409e
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Tue Sep 28 10:10:29 2021 +0200

    Typo

commit 9d29e3086a7e01b8daeae61b9d68415448ef474c
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Tue Sep 28 09:22:39 2021 +0200

    Updated texts for the different steps inside avrop

apps/mina-sidor-fa/src/app/pages/avrop/avrop.component.html

@@ -5,11 +5,22 @@
         <section class="avrop" *ngIf="currentStep$ | async as currentStep">
           <header class="avrop__header">
             <h1>Nya deltagare</h1>
-            <p>
+            <ng-container [ngSwitch]="currentStep">
-              Här ser du alla nya deltagare. Deltagarna ska tilldelas en handledare innan tjänstens start. Kryssa för de
+              <p *ngSwitchCase="1">
-              deltagare du vill tilldela en handledare. Du kan välja en, eller flera personer samtidigt, genom att
+                Här ser du alla nya deltagare. Deltagarna ska tilldelas en handledare innan tjänstens start. Kryssa för
-              kryssa i boxarna nedan.
+                de deltagare du vill tilldela en handledare. Du kan välja en, eller flera personer samtidigt, genom att
-            </p>
+                kryssa i boxarna nedan.
+              </p>
+              <p *ngSwitchCase="2">
+                Välj vilken handledare du vill tilldela till deltagarna. Gå vidare genom att klicka på Nästa. I nästa
+                steg kommer du att kunna granska tilldelningen innan du bekräftar. Återgå till föregående steg genom att
+                klicka på tillbaka.
+              </p>
+              <p *ngSwitchCase="3">
+                Bekräfta valet av tilldelad handledare genom att klicka på bekräfta tilldelning. Återgå till föregående
+                steg genom att klicka på tillbaka.
+              </p>
+            </ng-container>
 
             <digi-notification-alert
               *ngIf="currentStep === 4 && selectedHandledare$ | async as selectedHandledare"
@@ -26,8 +37,8 @@
                 <ng-container [ngSwitch]="currentStep">
                   <ng-container *ngSwitchCase="1">Välj deltagare att tilldela</ng-container>
                   <ng-container *ngSwitchCase="2">Tilldela handledare</ng-container>
-                  <ng-container *ngSwitchCase="3">Förehandsgranska och tilldela</ng-container>
+                  <ng-container *ngSwitchCase="3">Förhandsgranska och tilldela</ng-container>
-                  <ng-container *ngSwitchCase="4">Tilldelade delgare</ng-container>
+                  <ng-container *ngSwitchCase="4">Tilldelade deltagare</ng-container>
                 </ng-container>
               </h2>
 
@@ -100,7 +111,7 @@
                   <digi-button af-variation="secondary" af-size="m" (afOnClick)="unlockSelectedAvrop()"
                     >Tillbaka
                   </digi-button>
-                  <digi-button af-size="m" (afOnClick)="confirmHandledare()">Tilldela</digi-button>
+                  <digi-button af-size="m" (afOnClick)="confirmHandledare()">Nästa</digi-button>
                 </ng-container>
                 <ng-container *ngSwitchCase="3">
                   <digi-button af-variation="secondary" af-size="m" (afOnClick)="unconfirmHandledare()"

apps/mina-sidor-fa/src/app/shared/services/avrop.service.ts

@@ -95,8 +95,11 @@ export class AvropService {
     this._avropIsLocked$,
     this._avropIsSubmitted$,
   ]).pipe(
-    map(([confirmedHandledare, avropIsLocked, avropIsSubmitted]) => {
+    map(([confirmedHandledare, avropIsLocked, avropIsSubmitted]) =>
-      return AvropService.calculateStep(confirmedHandledare, avropIsLocked, avropIsSubmitted);
+      AvropService.calculateStep(confirmedHandledare, avropIsLocked, avropIsSubmitted)
+    ),
+    tap(() => {
+      window.scrollTo(0, 0);
     })
   );