feat: Lausuntopyyntöön lisättävän aineiston tallentaminen projektille

backend/integrationtest/api/__snapshots__/api.test.ts.snap

@@ -1669,7 +1669,6 @@ Object {
     "palautteet/***unittest***/logo.png": Object {},
     "suunnittelusopimus/logo.png": Object {},
     "suunnitteluvaihe/vuorovaikutus_1/aineisto/ekatiedosto_eka.pdf": Object {},
-    "suunnitteluvaihe/vuorovaikutus_1/aineisto/karttakuvalla_tiedosto.pdf": Object {},
     "suunnitteluvaihe/vuorovaikutus_1/kutsu/TS Tie Yleisotilaisuus kutsu.pdf": Object {},
   },
 }
@@ -1687,9 +1686,6 @@ Object {
     "suunnitteluvaihe/vuorovaikutus_1/aineisto/ekatiedosto_eka.pdf": Object {
       "publishDate": "2022-03-24T00:00:00+02:00",
     },
-    "suunnitteluvaihe/vuorovaikutus_1/aineisto/karttakuvalla_tiedosto.pdf": Object {
-      "publishDate": "2022-03-24T00:00:00+02:00",
-    },
     "suunnitteluvaihe/vuorovaikutus_1/kutsu/TS Tie Yleisotilaisuus kutsu.pdf": Object {
       "publishDate": "2022-03-24T00:00:00+02:00",
     },
@@ -2771,7 +2767,6 @@ Object {
     "palautteet/***unittest***/logo.png": Object {},
     "suunnittelusopimus/logo.png": Object {},
     "suunnitteluvaihe/vuorovaikutus_1/aineisto/ekatiedosto_eka.pdf": Object {},
-    "suunnitteluvaihe/vuorovaikutus_1/aineisto/karttakuvalla_tiedosto.pdf": Object {},
     "suunnitteluvaihe/vuorovaikutus_1/kutsu/TS Tie Yleisotilaisuus kutsu.pdf": Object {},
   },
 }
@@ -2828,9 +2823,6 @@ Object {
     "suunnitteluvaihe/vuorovaikutus_1/aineisto/ekatiedosto_eka.pdf": Object {
       "publishDate": "2022-03-24T00:00:00+02:00",
     },
-    "suunnitteluvaihe/vuorovaikutus_1/aineisto/karttakuvalla_tiedosto.pdf": Object {
-      "publishDate": "2022-03-24T00:00:00+02:00",
-    },
     "suunnitteluvaihe/vuorovaikutus_1/kutsu/TS Tie Yleisotilaisuus kutsu.pdf": Object {
       "publishDate": "2022-03-24T00:00:00+02:00",
     },

backend/integrationtest/api/testUtil/tests.ts

@@ -317,7 +317,6 @@ export async function testUpdatePublishDateAndDeleteAineisto(oid: string, userFi
   userFixture.loginAs(UserFixture.mattiMeikalainen);
   const vuorovaikutus = (await loadProjektiFromDatabase(oid, Status.NAHTAVILLAOLO)).suunnitteluVaihe
     .vuorovaikutukset[0];
-  vuorovaikutus.esittelyaineistot?.pop();
   vuorovaikutus.suunnitelmaluonnokset?.pop();
   const updatedVuorovaikutusJulkaisuPaiva = parseDate(vuorovaikutus.vuorovaikutusJulkaisuPaiva)
     .add(1, "day")

backend/src/aineisto/aineistoImporterClient.ts

@@ -8,7 +8,7 @@ class AineistoImporterClient {
   async importAineisto(params: ImportAineistoEvent) {
     const messageParams: SQS.Types.SendMessageRequest = {
       MessageGroupId: params.oid,
-      MessageBody: JSON.stringify(params),
+      MessageBody: JSON.stringify({ timestamp: Date.now(), ...params }),
       QueueUrl: config.aineistoImportSqsUrl,
     };
     log.info({ messageParams });

backend/src/files/fileService.ts

@@ -254,7 +254,7 @@ export class FileService {
     return this.getVuorovaikutusPath(vuorovaikutus) + "/aineisto";
   }
 
-  getNahtavillaoloVaihePath(nahtavillaoloVaihe: NahtavillaoloVaihe|NahtavillaoloVaiheJulkaisu): string {
+  getNahtavillaoloVaihePath(nahtavillaoloVaihe: NahtavillaoloVaihe | NahtavillaoloVaiheJulkaisu): string {
     return "nahtavillaolo/" + nahtavillaoloVaihe.id;
   }
 

backend/src/handler/projektiAdapter.ts

@@ -20,6 +20,7 @@ import {
   Yhteystieto,
 } from "../database/model";
 import * as API from "../../../common/graphql/apiModel";
+import { AineistoTila } from "../../../common/graphql/apiModel";
 import mergeWith from "lodash/mergeWith";
 import { KayttoOikeudetManager } from "./kayttoOikeudetManager";
 import { personSearch } from "../personSearch/personSearchClient";
@@ -536,13 +537,18 @@ function adaptAineistotToSave(
       const updateAineistoInput = pickAineistoFromInputByDocumenttiOid(aineistotInput, dbAineisto.dokumenttiOid);
       if (updateAineistoInput) {
         // Update existing one
+
+        if (dbAineisto.nimi !== updateAineistoInput.nimi) {
+          hasPendingChanges = true;
+        }
         dbAineisto.nimi = updateAineistoInput.nimi;
         dbAineisto.jarjestys = updateAineistoInput.jarjestys;
         dbAineisto.kategoriaId = updateAineistoInput.kategoriaId;
         resultAineistot.push(dbAineisto);
       }
       if (!updateAineistoInput) {
         dbAineisto.tila = API.AineistoTila.ODOTTAA_POISTOA;
+        resultAineistot.push(dbAineisto);
         hasPendingChanges = true;
       }
     });
@@ -573,11 +579,13 @@ export function adaptAineistot(aineistot?: Aineisto[] | null, julkaisuPaiva?: Da
     return undefined;
   }
   if (aineistot && aineistot.length > 0) {
-    return aineistot.map((aineisto) => ({
-      __typename: "Aineisto",
-      dokumenttiOid: aineisto.dokumenttiOid,
-      ...aineisto,
-    }));
+    return aineistot
+      .filter((aineisto) => aineisto.tila != AineistoTila.ODOTTAA_POISTOA)
+      .map((aineisto) => ({
+        __typename: "Aineisto",
+        dokumenttiOid: aineisto.dokumenttiOid,
+        ...aineisto,
+      }));
   }
   return undefined;
 }

src/components/projekti/nahtavillaolo/nahtavilleAsetettavatAineistot/LausuntopyyntoonLiitettavaLisaaineisto.tsx

@@ -1,9 +1,33 @@
+import Button from "@components/button/Button";
+import IconButton from "@components/button/IconButton";
+import TextInput from "@components/form/TextInput";
+import HassuTable from "@components/HassuTable";
 import Section from "@components/layout/Section";
-import React from "react";
+import AineistoNimiExtLink from "@components/projekti/AineistoNimiExtLink";
+import AineistojenValitseminenDialog from "@components/projekti/suunnitteluvaihe/AineistojenValitseminenDialog";
+import { VuorovaikutusFormValues } from "@components/projekti/suunnitteluvaihe/SuunnitteluvaiheenVuorovaikuttaminen";
+import { Stack } from "@mui/material";
+import { Aineisto } from "@services/api";
+import { find } from "lodash";
+import React, { useMemo, useRef, useState } from "react";
+import { FieldArrayWithId, useFormContext, useFieldArray } from "react-hook-form";
+import { Column } from "react-table";
+import { useHassuTable } from "src/hooks/useHassuTable";
+import { useProjektiRoute } from "src/hooks/useProjektiRoute";
+import useSnackbars from "src/hooks/useSnackbars";
+import { formatDateTime } from "src/util/dateUtils";
+import { NahtavilleAsetettavatAineistotFormValues } from "./NahtavilleAsetettavatAineistot";
 
 type Props = {};
 
 export default function LausuntopyyntoonLiitettavaLisaaineisto({}: Props) {
+  const { data: projekti } = useProjektiRoute();
+  const { watch, setValue } = useFormContext<NahtavilleAsetettavatAineistotFormValues>();
+  const lisaAineisto = watch("lisaAineisto");
+  const [aineistoDialogOpen, setAineistoDialogOpen] = useState(false);
+  const linkRef = useRef<HTMLInputElement>(null);
+  const { showInfoMessage, showErrorMessage } = useSnackbars();
+
   return (
     <Section>
       <h4 className="vayla-small-title">Lausuntopyyntöön liitettävä lisäaineisto</h4>
@@ -12,6 +36,128 @@ export default function LausuntopyyntoonLiitettavaLisaaineisto({}: Props) {
         liitettävään aineistoon muodostuu, kun aineisto on tuotu Velhosta. Linkin takana oleva sisältö muodostuu
         nähtäville asetetuista aineistoista sekä lausuntopyynnön lisäaineistosta.
       </p>
+      {!!projekti?.oid && !!lisaAineisto?.length && <AineistoTable projektiOid={projekti.oid} />}
+      <Button type="button" onClick={() => setAineistoDialogOpen(true)}>
+        Tuo Aineistoja
+      </Button>
+      <AineistojenValitseminenDialog
+        open={aineistoDialogOpen}
+        onClose={() => setAineistoDialogOpen(false)}
+        onSubmit={(newAineistot) => {
+          const value = lisaAineisto || [];
+          newAineistot.forEach((aineisto) => {
+            if (!find(value, { dokumenttiOid: aineisto.dokumenttiOid })) {
+              value.push({ ...aineisto, jarjestys: value.length });
+            }
+          });
+          setValue("lisaAineisto", value);
+        }}
+      />
+      <h5 className="vayla-smallest-title">Lausuntopyyntöön liitettävä linkki</h5>
+      <p>
+        Linkki tallentuu kuulutuksen tietoihin niin, että se on poimittavissa sieltä kuulutuksen täyttämisen jälkeen.
+      </p>
+      <Stack direction="row" alignItems="end">
+        <TextInput
+          label="Linkki lausuntopyyntöön liitettävään aineistoon"
+          style={{ flexGrow: 1 }}
+          disabled
+          value="https://valtionvayliensuunnittelu.fi/linkki-puuttuu"
+          ref={linkRef}
+        />
+        <IconButton
+          icon="copy"
+          className="text-primary-dark"
+          type="button"
+          onClick={() => {
+            if (!!linkRef.current?.value) {
+              navigator.clipboard.writeText(linkRef.current.value);
+              showInfoMessage("Kopioitu!");
+            } else {
+              showErrorMessage("Ongelma kopioinnissa!");
+            }
+          }}
+        />
+      </Stack>
     </Section>
   );
 }
+
+type FormAineisto = FieldArrayWithId<
+  VuorovaikutusFormValues,
+  "suunnitteluVaihe.vuorovaikutus.esittelyaineistot",
+  "id"
+> &
+  Pick<Aineisto, "tila" | "tuotu">;
+
+interface AineistoTableProps {
+  projektiOid: string;
+}
+
+const AineistoTable = (props: AineistoTableProps) => {
+  const { control, formState, register } = useFormContext<NahtavilleAsetettavatAineistotFormValues>();
+  const { fields, remove } = useFieldArray({ name: "lisaAineisto", control });
+  const { data: projekti } = useProjektiRoute();
+
+  const enrichedFields: FormAineisto[] = useMemo(
+    () =>
+      fields.map((field) => {
+        const aineistoData = projekti?.nahtavillaoloVaihe?.lisaAineisto || [];
+        const { tila, tuotu } = aineistoData.find(({ dokumenttiOid }) => dokumenttiOid === field.dokumenttiOid) || {};
+
+        return { tila, tuotu, ...field };
+      }),
+    [fields, projekti]
+  );
+
+  const columns = useMemo<Column<FormAineisto>[]>(
+    () => [
+      {
+        Header: "Aineisto",
+        width: 250,
+        accessor: (aineisto) => {
+          const index = enrichedFields.findIndex((row) => row.dokumenttiOid === aineisto.dokumenttiOid);
+          const errorMessage = (formState.errors.aineistoNahtavilla?.lisaAineisto?.[index] as any | undefined)?.message;
+          return (
+            <>
+              <AineistoNimiExtLink
+                aineistoNimi={aineisto.nimi}
+                aineistoOid={aineisto.dokumenttiOid}
+                projektiOid={props.projektiOid}
+              />
+              {errorMessage && <p className="text-red">{errorMessage}</p>}
+              <input type="hidden" {...register(`lisaAineisto.${index}.dokumenttiOid`)} />
+              <input type="hidden" {...register(`lisaAineisto.${index}.nimi`)} />
+            </>
+          );
+        },
+      },
+      {
+        Header: "Tuotu",
+        accessor: (aineisto) => (aineisto.tuotu ? formatDateTime(aineisto.tuotu) : undefined),
+      },
+      {
+        Header: "Poista",
+        accessor: (aineisto) => {
+          const index = enrichedFields.findIndex((row) => row.dokumenttiOid === aineisto.dokumenttiOid);
+          return (
+            <IconButton
+              type="button"
+              onClick={() => {
+                remove(index);
+              }}
+              icon="trash"
+            />
+          );
+        },
+      },
+      { Header: "id", accessor: "id" },
+      { Header: "dokumenttiOid", accessor: "dokumenttiOid" },
+    ],
+    [enrichedFields, formState.errors.aineistoNahtavilla, props.projektiOid, register, remove]
+  );
+  const tableProps = useHassuTable<FormAineisto>({
+    tableOptions: { columns, data: enrichedFields || [], initialState: { hiddenColumns: ["dokumenttiOid", "id"] } },
+  });
+  return <HassuTable {...tableProps} />;
+};

src/components/projekti/nahtavillaolo/nahtavilleAsetettavatAineistot/NahtavillaoloPainikkeet.tsx

@@ -11,12 +11,16 @@ import useSnackbars from "src/hooks/useSnackbars";
 import deleteFieldArrayIds from "src/util/deleteFieldArrayIds";
 import { NahtavilleAsetettavatAineistotFormValues } from "./NahtavilleAsetettavatAineistot";
 
-const mapFormValuesToTallennaProjektiInput = (
-  formData: NahtavilleAsetettavatAineistotFormValues
-): TallennaProjektiInput => {
-  const aineistoNahtavilla = Object.values(formData.aineistoNahtavilla).flat();
-  deleteFieldArrayIds(aineistoNahtavilla);
-  return { oid: formData.oid, nahtavillaoloVaihe: { aineistoNahtavilla } };
+const mapFormValuesToTallennaProjektiInput = ({
+  oid,
+  lisaAineisto,
+  aineistoNahtavilla,
+}: NahtavilleAsetettavatAineistotFormValues): TallennaProjektiInput => {
+  const aineistoNahtavillaFlat = Object.values(aineistoNahtavilla).flat();
+  deleteFieldArrayIds(aineistoNahtavillaFlat);
+  deleteFieldArrayIds(lisaAineisto);
+
+  return { oid, nahtavillaoloVaihe: { aineistoNahtavilla: aineistoNahtavillaFlat, lisaAineisto: lisaAineisto } };
 };
 
 export default function NahtavillaoloPainikkeet() {

src/components/projekti/nahtavillaolo/nahtavilleAsetettavatAineistot/NahtavilleAsetettavatAineistot.tsx

@@ -10,16 +10,17 @@ import SuunnitelmatJaAineistot from "./SuunnitelmatJaAineistot";
 import { ProjektiLisatiedolla } from "src/hooks/useProjekti";
 import { AineistoKategoria, aineistoKategoriat } from "common/aineistoKategoriat";
 
-type AineistoNahtavilla = {
+type Aineistot = {
   aineistoNahtavilla: {
     [kategoriaId: string]: AineistoInput[];
   };
+  lisaAineisto: AineistoInput[];
 };
 
-export type NahtavilleAsetettavatAineistotFormValues = Pick<TallennaProjektiInput, "oid"> & AineistoNahtavilla;
+export type NahtavilleAsetettavatAineistotFormValues = Pick<TallennaProjektiInput, "oid"> & Aineistot;
 
 const addAineistoKategoria = (
-  aineistoNahtavilla: AineistoNahtavilla["aineistoNahtavilla"],
+  aineistoNahtavilla: Aineistot["aineistoNahtavilla"],
   kategoria: AineistoKategoria,
   allAineisto: Aineisto[] | undefined | null
 ) => {
@@ -37,14 +38,22 @@ const addAineistoKategoria = (
 function defaultValues(projekti: ProjektiLisatiedolla): NahtavilleAsetettavatAineistotFormValues {
   const aineistoNahtavilla = aineistoKategoriat
     .listKategoriat()
-    .reduce<AineistoNahtavilla["aineistoNahtavilla"]>((aineistot, currentKategoria) => {
+    .reduce<Aineistot["aineistoNahtavilla"]>((aineistot, currentKategoria) => {
       addAineistoKategoria(aineistot, currentKategoria, projekti.nahtavillaoloVaihe?.aineistoNahtavilla);
       return aineistot;
     }, {});
 
+  const lisaAineisto: AineistoInput[] =
+    projekti.nahtavillaoloVaihe?.lisaAineisto?.map(({ dokumenttiOid, nimi, jarjestys }) => ({
+      dokumenttiOid,
+      jarjestys,
+      nimi,
+    })) || [];
+
   return {
     oid: projekti.oid,
     aineistoNahtavilla,
+    lisaAineisto,
   };
 }