feat: Tee nappulat hyväksymisvaiheen pdf:ien esikatselulle ja katselu…

…lle (#345) * Tee nappulat hyväksymisvaiheen pdf:ien esikatselulle ja katselulle virkamiespuolella. * Korjaa tyypitys yhdenmukaiseksi Mikon tyypityksen kanssa.
finnishtransportagency · Sep 5, 2022 · 1e6c4c1 · 1e6c4c1
1 parent aceca5d
commit 1e6c4c1
Show file tree

Hide file tree

Showing 8 changed files with 279 additions and 62 deletions.
diff --git a/backend/src/database/model/hyvaksymisPaatosVaihe.ts b/backend/src/database/model/hyvaksymisPaatosVaihe.ts
@@ -36,8 +36,8 @@ export type HyvaksymisPaatosVaiheJulkaisu = {
 
 export type HyvaksymisPaatosVaihePDF = {
   hyvaksymisKuulutusPDFPath: string;
-  ilmoitusHyvaksymispaatoskuulutuksestaKunnillePDFPath: string,
-  ilmoitusHyvaksymispaatoskuulutuksestaToiselleViranomaisellePDFPath: string,
+  ilmoitusHyvaksymispaatoskuulutuksestaKunnillePDFPath: string;
+  ilmoitusHyvaksymispaatoskuulutuksestaToiselleViranomaisellePDFPath: string;
   hyvaksymisIlmoitusLausunnonantajillePDFPath: string;
   hyvaksymisIlmoitusMuistuttajillePDFPath: string;
 };
diff --git a/graphql/types.graphql b/graphql/types.graphql
@@ -65,12 +65,10 @@ enum AsiakirjaTyyppi {
   ALOITUSKUULUTUS
   ILMOITUS_KUULUTUKSESTA
   YLEISOTILAISUUS_KUTSU
-
+  HYVAKSYMISPAATOSKUULUTUS
   NAHTAVILLAOLOKUULUTUS
   ILMOITUS_NAHTAVILLAOLOKUULUTUKSESTA_KUNNILLE_VIRANOMAISELLE
   ILMOITUS_NAHTAVILLAOLOKUULUTUKSESTA_KIINTEISTOJEN_OMISTAJILLE
-
-  HYVAKSYMISPAATOSKUULUTUS
   ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_KUNNILLE
   ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_TOISELLE_VIRANOMAISELLE
   ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_LAUSUNNONANTAJILLE

diff --git a/src/components/form/Select.tsx b/src/components/form/Select.tsx
@@ -35,7 +35,7 @@ const Select = (
     <FormGroup label={label} className={className} errorMessage={hideErrorMessage ? undefined : error?.message}>
       <div className="select-wrapper">
         <select className={error && "error"} {...props} ref={ref}>
-          {addEmptyOption && <option />}
+          {addEmptyOption && <option value="" />}
           {options.map((option) => (
             <option key={option.value} value={option.value} disabled={option.disabled}>
               {option.label}

diff --git a/...components/projekti/hyvaksyminen/kuulutuksenTiedot/KuulutuksenJaIlmoituksenEsikatselu.tsx b/...components/projekti/hyvaksyminen/kuulutuksenTiedot/KuulutuksenJaIlmoituksenEsikatselu.tsx
@@ -1,13 +1,13 @@
 import React from "react";
 import Section from "@components/layout/Section";
 import { Kieli, AsiakirjaTyyppi } from "@services/api";
-// import Notification, { NotificationType } from "@components/notification/Notification";
-// import lowerCase from "lodash/lowerCase";
-// import Button from "@components/button/Button";
-// import { Box } from "@mui/material";
+import Notification, { NotificationType } from "@components/notification/Notification";
+import lowerCase from "lodash/lowerCase";
+import Button from "@components/button/Button";
+import { Box } from "@mui/material";
 import { useProjekti } from "src/hooks/useProjekti";
 import { KuulutuksenTiedotFormValues } from "./index";
-// import { useFormContext } from "react-hook-form";
+import { useFormContext } from "react-hook-form";
 
 type Props = {
   esikatselePdf: (formData: KuulutuksenTiedotFormValues, asiakirjaTyyppi: AsiakirjaTyyppi, kieli: Kieli) => void;
@@ -16,19 +16,171 @@ type Props = {
 export default function KuulutuksenJaIlmoituksenEsikatselu({ esikatselePdf }: Props) {
   const { data: projekti } = useProjekti();
 
-  // const { handleSubmit } = useFormContext<KuulutuksenTiedotFormValues>();
+  const { handleSubmit } = useFormContext<KuulutuksenTiedotFormValues>();
 
-  // const ensisijainenKieli = projekti?.kielitiedot?.ensisijainenKieli;
-  // const toissijainenKieli = projekti?.kielitiedot?.toissijainenKieli;
+  const ensisijainenKieli = projekti?.kielitiedot?.ensisijainenKieli;
+  const toissijainenKieli = projekti?.kielitiedot?.toissijainenKieli;
 
-  if (!projekti || !esikatselePdf) {
-    // TODO: poista tuosta || !esikatselePdf.
+  if (!projekti) {
     return null;
   }
 
   return (
     <Section>
       <h4 className="vayla-small-title">Kuulutuksen ja ilmoituksen esikatselu</h4>
+      <Notification type={NotificationType.INFO_GRAY}>
+        Esikatsele kuulutus ja ilmoitus ennen hyväksyntään lähettämistä.{" "}
+      </Notification>
+      <div style={{ marginTop: "4em" }}>
+        {ensisijainenKieli && (
+          <div>
+            <p className="mb-10">Esikatsele tiedostot ensisijaisella kielellä ({lowerCase(ensisijainenKieli)})</p>
+            <Box sx={{ flexDirection: "row-reverse" }}>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_kuulutus_pdf_" + ensisijainenKieli}
+                type="submit"
+                onClick={handleSubmit((formData) => {
+                  console.log(formData);
+                  esikatselePdf(formData, AsiakirjaTyyppi.HYVAKSYMISPAATOSKUULUTUS, ensisijainenKieli);
+                })}
+              >
+                Kuulutuksen esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_lausunnontajille_pdf_" + ensisijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_LAUSUNNONANTAJILLE,
+                    ensisijainenKieli
+                  )
+                )}
+              >
+                Ilmoitus lausunnonantajille esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_muistuttajille_pdf_" + ensisijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) => {
+                  console.log(formData);
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_MUISTUTTAJILLE,
+                    ensisijainenKieli
+                  );
+                })}
+              >
+                Ilmoitus muistuttajille esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_kunnille_pdf_" + ensisijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_KUNNILLE,
+                    ensisijainenKieli
+                  )
+                )}
+              >
+                Ilmoitus kunnille esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_toiselle_viranomaiselle_pdf_" + ensisijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_TOISELLE_VIRANOMAISELLE,
+                    ensisijainenKieli
+                  )
+                )}
+              >
+                Ilmoituksen toiselle viranomaiselle esikatselu
+              </Button>
+            </Box>
+          </div>
+        )}
+        {toissijainenKieli && (
+          <div>
+            <p className="mb-10">Esikatsele tiedostot toissijaisella kielellä ({lowerCase(toissijainenKieli)})</p>
+            <Box sx={{ flexDirection: "row-reverse" }}>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_kuulutus_pdf_" + toissijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(formData, AsiakirjaTyyppi.HYVAKSYMISPAATOSKUULUTUS, toissijainenKieli)
+                )}
+              >
+                Kuulutuksen esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_lausunnonantajille_pdf_" + toissijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_LAUSUNNONANTAJILLE,
+                    toissijainenKieli
+                  )
+                )}
+              >
+                Ilmoitus lausunnonantajille esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_muistuttajille_pdf_" + toissijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_MUISTUTTAJILLE,
+                    toissijainenKieli
+                  )
+                )}
+              >
+                Ilmoitus muistuttajille esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_kunnille_pdf_" + toissijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_KUNNILLE,
+                    toissijainenKieli
+                  )
+                )}
+              >
+                Ilmoitus kunnille esikatselu
+              </Button>
+              <Button
+                style={{ display: "inline", marginBottom: "2em", marginRight: "2em" }}
+                id={"preview_ilmoitus_toiselle_viranomaiselle_pdf_" + toissijainenKieli}
+                type="button"
+                onClick={handleSubmit((formData) =>
+                  esikatselePdf(
+                    formData,
+                    AsiakirjaTyyppi.ILMOITUS_HYVAKSYMISPAATOSKUULUTUKSESTA_TOISELLE_VIRANOMAISELLE,
+                    toissijainenKieli
+                  )
+                )}
+              >
+                Ilmoituksen toiselle viranomaiselle esikatselu
+              </Button>
+            </Box>
+          </div>
+        )}
+      </div>
     </Section>
   );
 }