feat(periodisk-redovisning): Added warning when period is not over yet. (TV-841)

Squashed commit of the following:

commit c55c055112140ed0308944848324552410d54af2
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Wed Oct 27 15:38:05 2021 +0200

    Updated text

commit 76c4ba4a2364640a3fdd86dff1d2f3cc505a01fa
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Wed Oct 27 10:22:19 2021 +0200

    Added warning if no periods are available

apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/periodisk-redovisning-form/periodisk-redovisning-form.component.html

@@ -26,8 +26,9 @@
 
       <ng-template #formRef>
         <ng-container *ngIf="avrop.hasGemensamPlanering; else failedGemensamPlaneringCheck">
+          <ng-container *ngIf="periods$ | async as periods; else loadingRef">
             <form
-            *ngIf="periods$ | async as periods; else loadingRef"
+              *ngIf="periods.length; else noPeriodsAvailable"
               class="periodisk-redovisning-form__form"
               [formGroup]="formGroup"
               (ngSubmit)="openConfirmDialog()"
@@ -96,9 +97,9 @@
               <div>
                 <h2>Aktiviteter från Gemensam planering</h2>
                 <p>
-                Du kan endast välja de aktiviteter som planerats i tidigare inskickad Gemensam planering för deltagaren.
+                  Du kan endast välja de aktiviteter som planerats i tidigare inskickad Gemensam planering för
-                Om du vill redovisa en aktivitet som inte finns i listan, måste du först uppdatera den Gemensamma
+                  deltagaren. Om du vill redovisa en aktivitet som inte finns i listan, måste du först uppdatera den
-                planeringen. Sedan kan du redovisa aktiviteten i Periodisk redovisning.
+                  Gemensamma planeringen. Sedan kan du redovisa aktiviteten i Periodisk redovisning.
                 </p>
               </div>
 
@@ -174,6 +175,7 @@
                 </div>
               </footer>
             </form>
+          </ng-container>
 
           <digi-ng-dialog
             [afActive]="confirmDialogIsOpen$ | async"
@@ -245,19 +247,36 @@
 </msfa-layout>
 
 <ng-template #failedGemensamPlaneringCheck>
-  <div class="periodisk-redovisning-form__failed-gemensam-planering-check-notification">
+  <div class="periodisk-redovisning-form__warning">
     <digi-notification-alert
-      af-heading="Kan inte skapa gemensam planering"
+      af-heading="Kan inte skapa Periodisk redovisning"
-      af-size="M"
+      af-size="l"
       af-variation="info"
       af-closeable="false"
     >
       <p>En Gemensam planering måste ha mottagits för att en Periodisk redovisning ska kunna skapas.</p>
     </digi-notification-alert>
-  </div>
+
-  <p>
     <msfa-back-link route="../">Tillbaka till deltagaren</msfa-back-link>
+  </div>
+</ng-template>
+
+<ng-template #noPeriodsAvailable>
+  <div class="periodisk-redovisning-form__warning">
+    <digi-notification-alert
+      af-heading="Kan inte skapa Periodisk redovisning"
+      af-size="l"
+      af-variation="warning"
+      af-closeable="false"
+    >
+      <p>
+        Du kan inte skapa en Periodisk redovisning eftersom perioden fortfarande pågår. Första dagen efter att perioden
+        är slut kan du skapa och skicka en Periodisk redovisning.
       </p>
+    </digi-notification-alert>
+
+    <msfa-back-link route="../">Tillbaka till deltagaren</msfa-back-link>
+  </div>
 </ng-template>
 
 <ng-template #skeletonRef>

apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/periodisk-redovisning-form/periodisk-redovisning-form.component.scss

@@ -66,8 +66,4 @@
   &__activity-check {
     color: var(--digi--ui--color--border--success);
   }
-
-  &__failed-gemensam-planering-check-notification {
-    margin-bottom: $digi--layout--gutter--l;
-  }
 }

config/proxy.conf.json

@@ -1,6 +1,6 @@
 {
   "/api": {
-    "target": "https://mina-sidor-fa-utv.tocp.arbetsformedlingen.se",
+    "target": "https://mina-sidor-fa-test.tocp.arbetsformedlingen.se",
     "secure": false,
     "changeOrigin": true
   },