tekstit ja kieliversiot

finnishtransportagency · Jun 14, 2022 · fe62c6b · fe62c6b
1 parent 521f025
commit fe62c6b
Show file tree

Hide file tree

Showing 5 changed files with 86 additions and 15 deletions.
diff --git a/src/locales/fi/common.json b/src/locales/fi/common.json
@@ -19,6 +19,8 @@
   "sivustonimi": "Valtion liikenneväylien suunnittelu",
   "vaylavirasto": "Väylävirasto",
   "ely-keskus": "ELY-keskus",
+  "vaylavirastolle": "Väylävirastolle",
+  "ely-keskukselle": "ELY-keskukselle",
   "viranomainen": {
     "ETELA_POHJANMAAN_ELY": "Etelä-Pohjanmaan ELY-keskus",
     "ETELA_SAVO_ELY": "Etelä-Savon ELY-keskus",

diff --git a/src/locales/fi/projekti.json b/src/locales/fi/projekti.json
@@ -19,6 +19,16 @@
       "valmistuttuaan_suunnitelma_asetetaan": "Valmistuttuaan suunnitelma asetetaan yleisesti nähtäville, jolloin asianosaisilla on mahdollisuus tehdä kirjallinen muistutus suunnitelmasta. (ratalaki 22 §).",
       "vaylavirasto_kasittelee_suunnitelman": "Väylävirasto käsittelee suunnitelman laatimiseen liittyen tarpeellisia henkilötietoja. Halutessasi tietää tarkemmin väyläsuunnittelun tietosuojakäytänteistä, tutustu verkkosivujen tietosuojaosioon osoitteessa www.vayla.fi/tietosuoja."
     },
+    "nahtavillaolo": {
+      "ei-rata": {
+        "vaylavirasto_on_laatinut": "Väylävirasto on laatinut liikennejärjestelmästä ja maanteistä annetun lain (503/2005) mukaisen tiesuunnitelman",
+        "kuulutus_julkaistu": "Kuulutus on julkaistu tietoverkossa Väyläviraston verkkosivuilla",
+        "asianosaisten_katsotaan_saaneen": "Asianosaisten katsotaan saaneen tiedon suunnitelman nähtäville asettamisesta seitsemäntenä päivänä kuulutuksen julkaisemisajankohdasta (hallintolaki 62 a §)",
+        "kiinteiston_omistajilla_ja": "Kiinteistön omistajilla ja muilla asianosaisilla sekä niillä, joiden asumiseen, työntekoon tai muihin oloihin suunnitelma saattaa vaikuttaa, on mahdollisuus muistutusten tekemiseen suunnitelmasta. Muistutukset on toimitettava",
+        "ennen_paattymista": "ennen nähtävänäoloajan päättymistä (LjMTL 27 §)  Valtion liikenneväylien suunnittelu -järjestelmään osoitteeseen",
+        "sahkopostilla_muistutus": "Sähköpostilla muistutusta lähettäessä on liitettävä viestiin projektin asiatunnus."
+      }
+    },
     "hankesuunnitelmista": "Hankesuunnitelmista lorem ipsum-teksti tähän, joka kertoo lyhyesti mitä tämä sivusto pitää sisällään. Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam dicta voluptatem fugit quos praesentium architecto accusamus non earum fuga veritatis, quia facilis est repellendus et iste similique beatae perferendis totam?"
   },
   "projekti-tyyppi": {
@@ -89,7 +99,14 @@
     "menneet_vuorovaikutustilaisuudet": "Menneet vuorovaikutustilaisuudet",
     "esittelyaineisto_ja_suunnitelmaluonnokset": "Esittelyaineisto ja suunnitelmaluonnokset",
     "muut_materiaalit": "Muut esittelymateriaalit",
-    "video_materiaalit": "Enakkoon kuvattu videoesittely"
+    "video_materiaalit": "Enakkoon kuvattu videoesittely",
+    "nahtavillaolo": {
+      "suunnitteluhankkeen_kuvaus": "Suunnitteluhankkeen kuvaus",
+      "asianosaisen_oikeudet": "Asianosaisen oikeudet",
+      "esittelyaineisto_ja_suunnitelmat": "Esittelyaineisto ja suunnitelmat",
+      "muistutuksen_jattaminen": "Muistutuksen jättäminen",
+      "yhteystiedot": "Yhteystiedot"
+    }
   },
   "vastaava-viranomainen": {
     "ETELA_POHJANMAAN_ELY": "Etelä-Pohjanmaan ELY-keskus",
@@ -116,6 +133,7 @@
     "tuetut_tiedostomuodot_ovat": "Tuetut tiedostomuodot ovat PDF, JPG ja PNG. Sallittu tiedostokoko on maksimissaan 4,5Mt.",
     "olemme_vastaanottaneet_viestisi": "Olemme vastaanottaneet viestisi.",
     "kaikki_viestit_kasitellaan": "Kaikki viestit käsitellään ja ne pyritään huomioimaan suunnittelussa. Viimeistellyt suunnitelmat asetetaan myöhemmin nähtäville.",
-    "jos_toivoit_yhteydenottoa": "Jos toivoit yhteydenottoa, hankkeen suunnittelutiimi on sinuun yhteydessä mahdollisimman pian."
+    "jos_toivoit_yhteydenottoa": "Jos toivoit yhteydenottoa, hankkeen suunnittelutiimi on sinuun yhteydessä mahdollisimman pian.",
+    "jata_muistutus": "Jätä muistutus hankkeesta"
   }
 }
diff --git a/src/locales/sv/common.json b/src/locales/sv/common.json
@@ -19,6 +19,8 @@
   "sivustonimi": "Planering av statens trafikleder",
   "vaylavirasto": "Trafikledsverket",
   "ely-keskus": "NTM-centralen",
+  "vaylavirastolle": "till Trafikledsverket",
+  "ely-keskukselle": "till NTM-centralen",
   "viranomainen": {
     "ETELA_POHJANMAAN_ELY": "RUOTSIKSI Etelä-Pohjanmaan ELY-keskus",
     "ETELA_SAVO_ELY": "RUOTSIKSI Etelä-Savon ELY-keskus",

diff --git a/src/locales/sv/projekti.json b/src/locales/sv/projekti.json
@@ -19,6 +19,16 @@
       "valmistuttuaan_suunnitelma_asetetaan": "RUOTSIKSI Valmistuttuaan suunnitelma asetetaan yleisesti nähtäville, jolloin asianosaisilla on mahdollisuus tehdä kirjallinen muistutus suunnitelmasta. (ratalaki 22 §).",
       "vaylavirasto_kasittelee_suunnitelman": "RUOTSIKSI Väylävirasto käsittelee suunnitelman laatimiseen liittyen tarpeellisia henkilötietoja. Halutessasi tietää tarkemmin väyläsuunnittelun tietosuojakäytänteistä, tutustu verkkosivujen tietosuojaosioon osoitteessa www.vayla.fi/tietosuoja."
     },
+    "nahtavillaolo": {
+      "ei-rata": {
+        "vaylavirasto_on_laatinut": "RUOTSIKSI Väylävirasto on laatinut liikennejärjestelmästä ja maanteistä annetun lain (503/2005) mukaisen tiesuunnitelman",
+        "kuulutus_julkaistu": "RUOTSIKSI Kuulutus on julkaistu tietoverkossa Väyläviraston verkkosivuilla",
+        "asianosaisten_katsotaan_saaneen": "RUOTSIKSI Asianosaisten katsotaan saaneen tiedon suunnitelman nähtäville asettamisesta seitsemäntenä päivänä kuulutuksen julkaisemisajankohdasta (hallintolaki 62 a §)",
+        "kiinteiston_omistajilla_ja": "RUOTSIKSI Kiinteistön omistajilla ja muilla asianosaisilla sekä niillä, joiden asumiseen, työntekoon tai muihin oloihin suunnitelma saattaa vaikuttaa, on mahdollisuus muistutusten tekemiseen suunnitelmasta. Muistutukset on toimitettava",
+        "ennen_paattymista": "RUOTSIKSI ennen nähtävänäoloajan päättymistä (LjMTL 27 §)  Valtion liikenneväylien suunnittelu -järjestelmään osoitteeseen",
+        "sahkopostilla_muistutus": "RUOTSIKSI Sähköpostilla muistutusta lähettäessä on liitettävä viestiin projektin asiatunnus."
+      }
+    },
     "hankesuunnitelmista": "RUOTSIKSI Hankesuunnitelmista lorem ipsum-teksti tähän, joka kertoo lyhyesti mitä tämä sivusto pitää sisällään. Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam dicta voluptatem fugit quos praesentium architecto accusamus non earum fuga veritatis, quia facilis est repellendus et iste similique beatae perferendis totam?"
   },
   "projekti-tyyppi": {
@@ -89,7 +99,14 @@
     "menneet_vuorovaikutustilaisuudet": "RUOTSIKSI Menneet vuorovaikutustilaisuudet",
     "esittelyaineisto_ja_suunnitelmaluonnokset": "RUOTSIKSI Esittelyaineisto ja suunnitelmaluonnokset",
     "muut_materiaalit": "RUOTSIKSI Muut esittelymateriaalit",
-    "video_materiaalit": "RUOTSIKSI Enakkoon kuvattu videoesittely"
+    "video_materiaalit": "RUOTSIKSI Enakkoon kuvattu videoesittely",
+    "nahtavillaolo": {
+      "suunnitteluhankkeen_kuvaus": "RUOTSIKSI Suunnitteluhankkeen kuvaus",
+      "asianosaisen_oikeudet": "RUOTSIKSI Asianosaisen oikeudet",
+      "esittelyaineisto_ja_suunnitelmat": "RUOTSIKSI Esittelyaineisto ja suunnitelmat",
+      "muistutuksen_jattaminen": "RUOTSIKSI Muistutuksen jättäminen",
+      "yhteystiedot": "RUOTSIKSI Yhteystiedot"
+    }
   },
   "vastaava-viranomainen": {
     "ETELA_POHJANMAAN_ELY": "RUOTSIKSI Etelä-Pohjanmaan ELY-keskus",
@@ -116,6 +133,7 @@
     "tuetut_tiedostomuodot_ovat": "RUOTSIKSI Tuetut tiedostomuodot ovat PDF, JPG ja PNG. Sallittu tiedostokoko on maksimissaan 4,5Mt.",
     "olemme_vastaanottaneet_viestisi": "RUOTSIKSI Olemme vastaanottaneet viestisi.",
     "kaikki_viestit_kasitellaan": "RUOTSIKSI Kaikki viestit käsitellään ja ne pyritään huomioimaan suunnittelussa. Viimeistellyt suunnitelmat asetetaan myöhemmin nähtäville.",
-    "jos_toivoit_yhteydenottoa": "RUOTSIKSI Jos toivoit yhteydenottoa, hankkeen suunnittelutiimi on sinuun yhteydessä mahdollisimman pian."
+    "jos_toivoit_yhteydenottoa": "RUOTSIKSI Jos toivoit yhteydenottoa, hankkeen suunnittelutiimi on sinuun yhteydessä mahdollisimman pian.",
+    "jata_muistutus": "RUOTSIKSI Jätä muistutus hankkeesta"
   }
 }
diff --git a/src/pages/suunnitelma/[oid]/nahtavillaolo.tsx b/src/pages/suunnitelma/[oid]/nahtavillaolo.tsx
@@ -9,9 +9,11 @@ import { useProjektiJulkinen } from "src/hooks/useProjektiJulkinen";
 import useProjektiBreadcrumbs from "src/hooks/useProjektiBreadcrumbs";
 import { formatDate } from "src/util/dateUtils";
 import SectionContent from "@components/layout/SectionContent";
-import { ProjektiTyyppi } from "@services/api";
+import { Kieli, ProjektiTyyppi, Viranomainen } from "@services/api";
 import FormatDate from "@components/FormatDate";
 import JataPalautettaNappi from "@components/button/JataPalautettaNappi";
+import Notification, { NotificationType } from "@components/notification/Notification";
+import HassuLink from "@components/HassuLink";
 
 export default function Nahtavillaolo({ setRouteLabels }: PageProps): ReactElement {
   const router = useRouter();
@@ -47,31 +49,60 @@ export default function Nahtavillaolo({ setRouteLabels }: PageProps): ReactEleme
   const yhteystiedotListana =
     kuulutus.kuulutusYhteystiedot?.map((yhteystieto) => t("common:yhteystieto", yhteystieto)) || [];
 
+  const vastaavaViranomainen = velho.suunnittelustaVastaavaViranomainen
+    ? velho.suunnittelustaVastaavaViranomainen
+    : velho.tilaajaOrganisaatio;
+
   return (
     <ProjektiJulkinenPageLayout selectedStep={2} title="Kuulutus suunnitelman nähtäville asettamisesta">
       <>
         <Section noDivider>
           <KeyValueTable rows={keyValueData}></KeyValueTable>
           {velho.tyyppi !== ProjektiTyyppi.RATA && (
             <SectionContent>
-              <p>{t(`info.nahtavillaolo.ei-rata.vaylavirasto_on_laatinut ${projekti.velho.nimi}`)}.</p>
               <p>
-                {t(`info.nahtavillaolo.ei-rata.kuulutus_julkaistu`)} <FormatDate date={kuulutus.kuulutusPaiva} />.
+                {t(`info.nahtavillaolo.ei-rata.vaylavirasto_on_laatinut`)} {projekti.velho.nimi}.
+              </p>
+              <p>
+                {t(`info.nahtavillaolo.ei-rata.kuulutus_julkaistu`)} <FormatDate date={kuulutus.kuulutusPaiva} />.{" "}
                 {t(`info.nahtavillaolo.ei-rata.asianosaisten_katsotaan_saaneen`)}
               </p>
             </SectionContent>
           )}
-          <h4 className="vayla-small-title">Suunnitteluhankkeen kuvaus</h4>
-          <SectionContent></SectionContent>
-          <h4 className="vayla-small-title">Asianosaisen oikeudet</h4>
-          <SectionContent></SectionContent>
-          <h4 className="vayla-small-title">Esittelyaineisto ja suunnitelmat</h4>
+          <h4 className="vayla-small-title">{t(`ui-otsikot.nahtavillaolo.suunnitteluhankkeen_kuvaus`)}</h4>
+          <SectionContent>
+            {kuulutus.hankkeenKuvaus?.[projekti.kielitiedot?.ensisijainenKieli || Kieli.SUOMI]}
+          </SectionContent>
+          <h4 className="vayla-small-title">{t(`ui-otsikot.nahtavillaolo.asianosaisen_oikeudet`)}</h4>
+          <SectionContent>
+            <Notification type={NotificationType.INFO} hideIcon>
+              <SectionContent sx={{ padding: "1rem 1rem" }}>
+                {velho.tyyppi !== ProjektiTyyppi.RATA && (
+                  <ul>
+                    <li>
+                      {t(`info.nahtavillaolo.ei-rata.kiinteiston_omistajilla_ja`)}{" "}
+                      {vastaavaViranomainen === Viranomainen.VAYLAVIRASTO
+                        ? t(`common:vaylavirastolle`)
+                        : t(`common:ely-keskukselle`)}{" "}
+                      {t(`info.nahtavillaolo.ei-rata.ennen_paattymista`)}{" "}
+                      <HassuLink href={window.location.href}>{window.location.href}</HassuLink>.{" "}
+                      {t(`info.nahtavillaolo.ei-rata.sahkopostilla_muistutus`)}
+                    </li>
+                  </ul>
+                )}
+              </SectionContent>
+            </Notification>
+          </SectionContent>
+          <h4 className="vayla-small-title">{t(`ui-otsikot.nahtavillaolo.esittelyaineisto_ja_suunnitelmat`)}</h4>
           <SectionContent></SectionContent>
-          <h4 className="vayla-small-title">Muistutuksen jättäminen</h4>
+          <h4 className="vayla-small-title">{t(`ui-otsikot.nahtavillaolo.muistutuksen_jattaminen`)}</h4>
           <SectionContent>
-            <JataPalautettaNappi teksti={t("palautelomake.jata_muistutus")} onClick={() => console.log("jätä muistutus")} />
+            <JataPalautettaNappi
+              teksti={t("palautelomake.jata_muistutus")}
+              onClick={() => console.log("jätä muistutus")}
+            />
           </SectionContent>
-          <h4 className="vayla-small-title">Yhteystiedot</h4>
+          <h4 className="vayla-small-title">{t(`ui-otsikot.nahtavillaolo.yhteystiedot`)}</h4>
           <SectionContent>
             <p>
               {t("common:lisatietoja_antavat", {