Added loader while submitting gemensam planering

apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.html

@@ -34,6 +34,7 @@
           (ngSubmit)="openConfirmDialog()"
           id="gemensam-planering-form"
         >
+          <msfa-loader *ngIf="submitLoading$ | async" type="absolute"></msfa-loader>
           <ng-container *ngIf="currentStep === 1">
             <digi-form-fieldset
               af-legend="Deltar arbetssökande på distans?"

apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.scss

@@ -4,6 +4,7 @@
 .gemensam-planering {
   &__confirmation,
   &__form {
+    position: relative;
     display: flex;
     flex-direction: column;
     gap: $digi--layout--gutter--l;

apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.ts

@@ -33,6 +33,8 @@ export class DeltagareGemensamPlaneringComponent {
   error$: Observable<CustomError> = this._error$.asObservable();
   private _lastSubmittedGP$ = new BehaviorSubject<Date>(null);
   lastSubmittedGP$: Observable<Date> = this._lastSubmittedGP$.asObservable();
+  private _submitLoading$ = new BehaviorSubject<boolean>(false);
+  submitLoading$: Observable<boolean> = this._submitLoading$.asObservable();
 
   activities$: Observable<Activity[]> = this.gemensamPlaneringService.activities$;
   currentGenomforandeReferens$: Observable<number> = this.activatedRoute.params.pipe(
@@ -137,6 +139,7 @@ export class DeltagareGemensamPlaneringComponent {
   }
 
   async postGemensamPlanering(postRequest: GemensamPlanering): Promise<void> {
+    this._submitLoading$.next(true);
     return this.gemensamPlaneringService
       .postGemensamPlanering(mapGemensamPlaneringToGemensamPlaneringPostRequest(postRequest))
       .then(() => {
@@ -145,6 +148,9 @@ export class DeltagareGemensamPlaneringComponent {
       })
       .catch((error: Error) => {
         this._error$.next(new CustomError({ error, message: error.message, type: ErrorType.API }));
+      })
+      .finally(() => {
+        this._submitLoading$.next(false);
       });
   }
 }