feat: implement calculator elements for alteration handling (#3052) (…

…HL-1155)
City-of-Helsinki · Jun 3, 2024 · 3b3fc93 · 3b3fc93
1 parent d750d12
commit 3b3fc93
Show file tree

Hide file tree

Showing 16 changed files with 857 additions and 326 deletions.
diff --git a/...fit/applicant/src/components/applications/forms/application/alteration/AlterationForm.tsx b/...fit/applicant/src/components/applications/forms/application/alteration/AlterationForm.tsx
@@ -6,7 +6,7 @@ import {
 } from 'benefit/applicant/components/applications/forms/application/alteration/AlterationForm.sc';
 import useAlterationForm from 'benefit/applicant/components/applications/forms/application/alteration/useAlterationForm';
 import { getErrorText } from 'benefit/applicant/utils/forms';
-import { ALTERATION_TYPE } from 'benefit-shared/constants';
+import { ALTERATION_STATE, ALTERATION_TYPE } from 'benefit-shared/constants';
 import {
   Application,
   ApplicationAlterationData,
@@ -73,6 +73,7 @@ const AlterationForm = ({
   const disableOccupiedDates = (date: Date): boolean =>
     application.alterations.some(
       (alteration) =>
+        alteration.state === ALTERATION_STATE.HANDLED &&
         alteration.recoveryStartDate <=
           formatDate(date, DATE_FORMATS.BACKEND_DATE) &&
         alteration.recoveryEndDate >=

diff --git a/frontend/benefit/handler/public/locales/en/common.json b/frontend/benefit/handler/public/locales/en/common.json
@@ -895,19 +895,43 @@
             "suspension": "Työsuhteen keskeytyminen"
           }
         },
+        "calculation": {
+          "tableCaption": "Tukijaksot",
+          "tabs": {
+            "calculator": "Laskuri",
+            "manual": "Laske käsin"
+          },
+          "fieldsHeader": "Takaisinlaskutettava tuki",
+          "resultDescription": "Takaisinlaskutettava Helsinki-lisä aikaväliltä {{startDate}}–{{endDate}} ({{months}} kk)",
+          "actions": {
+            "calculate": "Laske"
+          },
+          "outOfDate": {
+            "heading": "Laskelman arvot muuttuneet",
+            "body": "Ole hyvä ja laske uudestaan"
+          },
+          "invalidRange": {
+            "heading": "Takaisinlaskutuksen aikajakso on epäkelpo",
+            "body": "Valitulla ajanjaksolla on jo yksi tai useampi aiemmin käsitelty ja takaisinlaskutettu muutosjakso"
+          }
+        },
         "talpaCsv": {
           "guideText": "Lataa laskutustiedot ja lähetä tiedosto suojatulla sähköpostilla Talpaan.",
           "button": "Lataa maksatustiedot (csv)"
         },
         "fields": {
+          "recoveryPeriod": {
+            "label": "Tukea laskutetaan takaisin ajalta",
+            "helpText": "Tukea ei voi laskuttaa takaisin tukijakson ylittävältä ajalta, eikä aikaisemman työsuhteen keskeytyksen ajalta."
+          },
           "recoveryStartDate": {
             "label": "Takaisinlaskutuksen alkamispäivä"
           },
           "recoveryEndDate": {
             "label": "Takaisinlaskutuksen päättymispäivä"
           },
           "recoveryAmount": {
-            "label": "Laskutettava määrä"
+            "label": "Takaisinlaskutettavan tuen määrä"
           },
           "isRecoverable": {
             "label": "Laskutetaanko ylimääräinen tuki takaisin?",
@@ -925,7 +949,8 @@
         "error": {
           "alterationNotFound": "Valittua muutosilmoitusta ei löytynyt!",
           "alreadyHandled": "Valittu muutosilmoitus on jo käsitelty!",
-          "dirtyOrInvalidForm": "Täytä lomakkeen puuttuvat tai virheelliset kentät"
+          "dirtyOrInvalidForm": "Täytä lomakkeen puuttuvat tai virheelliset kentät",
+          "calculationOutOfDate": "Laskelma ei ole ajan tasalla"
         },
         "actions": {
           "close": "Peruuta",

diff --git a/frontend/benefit/handler/public/locales/fi/common.json b/frontend/benefit/handler/public/locales/fi/common.json
@@ -895,19 +895,43 @@
             "suspension": "Työsuhteen keskeytyminen"
           }
         },
+        "calculation": {
+          "tableCaption": "Tukijaksot",
+          "tabs": {
+            "calculator": "Laskuri",
+            "manual": "Laske käsin"
+          },
+          "fieldsHeader": "Takaisinlaskutettava tuki",
+          "resultDescription": "Takaisinlaskutettava Helsinki-lisä aikaväliltä {{startDate}}–{{endDate}} ({{months}} kk)",
+          "actions": {
+            "calculate": "Laske"
+          },
+          "outOfDate": {
+            "heading": "Laskelman arvot muuttuneet",
+            "body": "Ole hyvä ja laske uudestaan"
+          },
+          "invalidRange": {
+            "heading": "Takaisinlaskutuksen aikajakso on epäkelpo",
+            "body": "Valitulla ajanjaksolla on jo yksi tai useampi aiemmin käsitelty ja takaisinlaskutettu muutosjakso"
+          }
+        },
         "talpaCsv": {
           "guideText": "Lataa laskutustiedot ja lähetä tiedosto suojatulla sähköpostilla Talpaan.",
           "button": "Lataa maksatustiedot (csv)"
         },
         "fields": {
+          "recoveryPeriod": {
+            "label": "Tukea laskutetaan takaisin ajalta",
+            "helpText": "Tukea ei voi laskuttaa takaisin tukijakson ylittävältä ajalta, eikä aikaisemman työsuhteen keskeytyksen ajalta."
+          },
           "recoveryStartDate": {
             "label": "Takaisinlaskutuksen alkamispäivä"
           },
           "recoveryEndDate": {
             "label": "Takaisinlaskutuksen päättymispäivä"
           },
           "recoveryAmount": {
-            "label": "Laskutettava määrä"
+            "label": "Takaisinlaskutettavan tuen määrä"
           },
           "isRecoverable": {
             "label": "Laskutetaanko ylimääräinen tuki takaisin?",
@@ -925,7 +949,8 @@
         "error": {
           "alterationNotFound": "Valittua muutosilmoitusta ei löytynyt!",
           "alreadyHandled": "Valittu muutosilmoitus on jo käsitelty!",
-          "dirtyOrInvalidForm": "Täytä lomakkeen puuttuvat tai virheelliset kentät"
+          "dirtyOrInvalidForm": "Täytä lomakkeen puuttuvat tai virheelliset kentät",
+          "calculationOutOfDate": "Laskelma ei ole ajan tasalla"
         },
         "actions": {
           "close": "Peruuta",

diff --git a/frontend/benefit/handler/public/locales/sv/common.json b/frontend/benefit/handler/public/locales/sv/common.json
@@ -895,19 +895,43 @@
             "suspension": "Työsuhteen keskeytyminen"
           }
         },
+        "calculation": {
+          "tableCaption": "Tukijaksot",
+          "tabs": {
+            "calculator": "Laskuri",
+            "manual": "Laske käsin"
+          },
+          "fieldsHeader": "Takaisinlaskutettava tuki",
+          "resultDescription": "Takaisinlaskutettava Helsinki-lisä aikaväliltä {{startDate}}–{{endDate}} ({{months}} kk)",
+          "actions": {
+            "calculate": "Laske"
+          },
+          "outOfDate": {
+            "heading": "Laskelman arvot muuttuneet",
+            "body": "Ole hyvä ja laske uudestaan"
+          },
+          "invalidRange": {
+            "heading": "Takaisinlaskutuksen aikajakso on epäkelpo",
+            "body": "Valitulla ajanjaksolla on jo yksi tai useampi aiemmin käsitelty ja takaisinlaskutettu muutosjakso"
+          }
+        },
         "talpaCsv": {
           "guideText": "Lataa laskutustiedot ja lähetä tiedosto suojatulla sähköpostilla Talpaan.",
           "button": "Lataa maksatustiedot (csv)"
         },
         "fields": {
+          "recoveryPeriod": {
+            "label": "Tukea laskutetaan takaisin ajalta",
+            "helpText": "Tukea ei voi laskuttaa takaisin tukijakson ylittävältä ajalta, eikä aikaisemman työsuhteen keskeytyksen ajalta."
+          },
           "recoveryStartDate": {
             "label": "Takaisinlaskutuksen alkamispäivä"
           },
           "recoveryEndDate": {
             "label": "Takaisinlaskutuksen päättymispäivä"
           },
           "recoveryAmount": {
-            "label": "Laskutettava määrä"
+            "label": "Takaisinlaskutettavan tuen määrä"
           },
           "isRecoverable": {
             "label": "Laskutetaanko ylimääräinen tuki takaisin?",
@@ -925,7 +949,8 @@
         "error": {
           "alterationNotFound": "Valittua muutosilmoitusta ei löytynyt!",
           "alreadyHandled": "Valittu muutosilmoitus on jo käsitelty!",
-          "dirtyOrInvalidForm": "Täytä lomakkeen puuttuvat tai virheelliset kentät"
+          "dirtyOrInvalidForm": "Täytä lomakkeen puuttuvat tai virheelliset kentät",
+          "calculationOutOfDate": "Laskelma ei ole ajan tasalla"
         },
         "actions": {
           "close": "Peruuta",

diff --git a/frontend/benefit/handler/src/components/alterationHandling/AlterationCalculator.sc.ts b/frontend/benefit/handler/src/components/alterationHandling/AlterationCalculator.sc.ts
@@ -0,0 +1,52 @@
+import { respondBelow } from 'shared/styles/mediaQueries';
+import styled from 'styled-components';
+
+export const $TableCaption = styled.span`
+  font-weight: 500;
+  font-size: ${(props) => props.theme.fontSize.heading.s};
+`;
+
+export const $Subheading = styled.h3`
+  font-weight: 500;
+  font-size: ${(props) => props.theme.fontSize.heading.s};
+`;
+
+export const $Calculation = styled.div`
+  margin: ${(props) => props.theme.spacing.l} 0 0 0;
+
+  fieldset legend {
+    font-weight: 500;
+  }
+`;
+
+export const $DateRange = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: stretch;
+  margin-right: calc(${(props) => props.theme.spacing.xl} * -0.5);
+
+  > * {
+    flex: 1;
+  }
+
+  ${respondBelow('sm')`
+    margin-right: 0;
+  `};
+`;
+
+export const $DateRangeSeparator = styled.span`
+  margin: ${(props) => props.theme.spacing.s} 0;
+  font-size: ${(props) => props.theme.fontSize.body.xl};
+  font-weight: 500;
+  text-align: center;
+  flex: 0 0 ${(props) => props.theme.spacing.xl};
+`;
+
+export const $HighlightWrapper = styled.div`
+  margin-top: ${(props) => props.theme.spacing.l};
+`;
+
+export const $ErrorContainer = styled.div`
+  margin-top: ${(props) => props.theme.spacing.l};
+`;