fix(gemensam-planering): Now only possible to send Gemensam planering when startdate > today. (TV-747)

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

@@ -6,6 +6,14 @@
     [isPeriodDate]="true"
   >
     <div class="gemensam-planering" *ngIf="currentGenomforandeReferens$ | async as genomforandeReferens">
+      <div class="gemensam-planering__warning" *ngIf="today < avrop.startDate; else reportRef">
+        <digi-notification-alert af-variation="warning" af-heading="Kan inte skapa Gemensam planering">
+          <p>Det går inte att skicka Gemensam planering eftersom tjänsten inte har startat ännu.</p>
+        </digi-notification-alert>
+
+        <msfa-back-link [route]="['../']">Tillbaka till deltagaren</msfa-back-link>
+      </div>
+      <ng-template #reportRef>
         <div class="gemensam-planering__confirmation" *ngIf="lastSubmittedGP$ | async as lastSubmittedGP; else formRef">
           <digi-notification-alert
             class="gemensam-planering__alert"
@@ -101,7 +109,10 @@
               <dt>Aktiviteter</dt>
               <dd>
                 <ul class="gemensam-planering__activity-list" *ngFor="let activity of activities$ | async">
-                <li class="gemensam-planering__activity-item" *ngIf="activityIdsFormArray.value.includes(activity.id)">
+                  <li
+                    class="gemensam-planering__activity-item"
+                    *ngIf="activityIdsFormArray.value.includes(activity.id)"
+                  >
                     <digi-icon-check-circle
                       class="msfa__digi-icon gemensam-planering__activity-check"
                       aria-hidden="true"
@@ -113,6 +124,7 @@
             </dl>
           </msfa-confirm-dialog>
         </ng-template>
+      </ng-template>
     </div>
   </msfa-report-layout>
 </msfa-layout>

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

@@ -5,6 +5,7 @@
   max-width: var(--digi--typography--text--max-width);
 
   &__confirmation,
+  &__warning,
   &__form {
     position: relative;
     display: flex;

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

@@ -27,6 +27,7 @@ export class DeltagareGemensamPlaneringComponent {
   shouldValidate = false;
   RadiobuttonGroupDirection = RadiobuttonGroupDirection;
   confirmDialogOpen = false;
+  today = new Date();
   private _error$ = new BehaviorSubject<CustomError>(null);
   error$: Observable<CustomError> = this._error$.asObservable();
   private _lastSubmittedGP$ = new BehaviorSubject<Date>(null);

apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/franvaro-report/franvaro-report.component.html

@@ -6,26 +6,20 @@
     reportTitle="Avvikelserapport (frånvaro)"
   >
     <div class="franvaro-report" *ngIf="currentGenomforandeReferens$ | async as genomforandeReferens">
-      <ng-container *ngIf="maxDate < avrop.startDate; else reportRef">
+      <div class="franvaro-report__warning" *ngIf="maxDate < avrop.startDate; else reportRef">
         <digi-notification-alert af-variation="warning" af-heading="Kan inte skapa Avvikelserapport (frånvaro)">
           <p>Det går inte att rapportera frånvaro eftersom tjänsten inte har startat ännu.</p>
         </digi-notification-alert>
 
-        <!--        TODO: add spacing-->
         <msfa-back-link [route]="['../']">Tillbaka till deltagaren</msfa-back-link>
-      </ng-container>
+      </div>
 
       <ng-template #reportRef>
         <div
           class="franvaro-report__confirmation"
           *ngIf="lastSubmittedFranvaroReport$ | async as lastSubmittedFranvaroReport; else formRef"
         >
-          <digi-notification-alert
+          <digi-notification-alert af-variation="success" af-heading="Allt gick bra" af-heading-level="h3">
-            class="franvaro-report__alert"
-            af-variation="success"
-            af-heading="Allt gick bra"
-            af-heading-level="h3"
-          >
             <p>Avvikelserapport (frånvaro) för deltagare {{avrop.fullName}} är nu inskickad till Arbetsförmedlingen.</p>
             <dl>
               <dt>Datum</dt>

apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/franvaro-report/franvaro-report.component.scss

@@ -5,6 +5,7 @@
   max-width: var(--digi--typography--text--max-width);
 
   &__confirmation,
+  &__warning,
   &__form {
     position: relative;
     display: flex;