Skip to content

Commit

Permalink
Merge pull request #490 from solita/feature/AE-2256-update-sign-up-in…
Browse files Browse the repository at this point in the history
…structions

AE-2256: Update registration instructions
  • Loading branch information
solita-juhohaa authored Jun 14, 2024
2 parents 76805ce + 1bd6f9d commit 60c1eeb
Show file tree
Hide file tree
Showing 5 changed files with 245 additions and 86 deletions.
15 changes: 0 additions & 15 deletions etp-public/assets/fi.json
Original file line number Diff line number Diff line change
Expand Up @@ -208,21 +208,6 @@
"TIETOSUOJASELOSTE_AINEISTOPALVELUN_KAYTTAJAREKISTERI": "Tietosuojaseloste Aineistopalvelun käyttäjärekisteri",
"REKISTEROITYMISOHJEET": "Rekisteröitymisohjeet",
"REOHJ_INFO_TITLE": "Ohjeet energiatodistusten laatijoiden palvelun käyttöön",
"REOHJ_INFO_TEXT": "Vain laatijarekisteriin rekisteröity käyttäjä voi kirjautua palveluun ja laatia energiatodistuksia.",
"REOHJ_KUINKA_LISATAAN": "Kuinka minut lisätään laatijarekisteriin?",
"REOHJ_PATEVYYSKOKEEN_SUORITTANEET": "Pätevyyskokeen hyväksytysti suorittaneet laatijat lisätään laatijarekisteriin kokeiden arvioinnin jälkeen. Rekisteriin lisäyksen tekevät pätevyyden toteajat (FISE tai Kiinko).",
"REOHJ_KUINKA_KAYTTAMAAN": "Kuinka pääsen käyttämään palvelua?",
"REOHJ_JALKEEN_1": "Kirjaudu Suomi.fi-tunnuksilla sisään.",
"REOHJ_JALKEEN_2": "Tarkasta, että omat tietosi ovat palvelussa oikein.",
"REOHJ_KIRJAUTUMINEN_EI_ONNISTU": "Jos kirjautuminen ei onnistu, on mahdollista, että pätevyyden toteaja ei ole vielä rekisteröinyt sinua laatijarekisteriin. Odota, että saat pätevyyden toteajalta laskun. Laskun eräpäivän jälkeen pätevyyden toteaja lisää sinut laatijarekisteriin, jos olet suorittanut maksun.",
"REOHJ_TARVITSET": "Tarvitset sähköisen henkilökortin, kortinlukulaitteen ja -ohjelmiston",
"REOHJ_HANKI": "Hanki sähköinen henkilökortti, kortinlukulaite ja -ohjelmisto energiatodistusten sähköiseen allekirjoittamiseen.\n Sähköinen henkilökortti (HST-kortti) eli varmennekortti tarvitaan allekirjoittamisessa.",
"REOHJ_POLIISILTA": "Korttia haetaan poliisilta:",
"REOHJ_SIIRRY_POLIISIN": "Siirry poliisin sivuille henkilökortin hakemiseen",
"REOHJ_LISATIETOJA": "Lisätietoja varmennekortista löydät Digi- ja väestötietoviraston sivuilta:",
"REOHJ_SIIRRY_DVV": "Siirry DVV:n sivuille",
"REOHJ_KORTINLUKULAITTEEN": "Kortinlukulaitteen voi ostaa elektroniikkaliikkeistä.\n mPollux Digisign -kortinlukuohjelmiston voi ladata ja asentaa Digi- ja väestötietovirastosta.",
"REOHJ_SIIRRY_OHJELMISTON": "Siirry ohjelmiston sivulle dvv.fi:ssä",
"SERVER_ERROR": "Tietoja ei pystytty hakemaan. Yritä hetken kuluttua uudelleen.",
"PAGE_NOT_FOUND_ERROR": "Hakemaasi sivua ei löydy.",
"TILASTOT": "Tilastot",
Expand Down
15 changes: 0 additions & 15 deletions etp-public/assets/sv.json
Original file line number Diff line number Diff line change
Expand Up @@ -204,21 +204,6 @@
"TIETOSUOJASELOSTE_AINEISTOPALVELUN_KAYTTAJAREKISTERI": "Dataskyddsbeskrivning Materialtjänstens användarregister",
"REKISTEROITYMISOHJEET": "Registreringsanvisningar",
"REOHJ_INFO_TITLE": "Anvisningar för användningen av tjänsten för dem som upprättar energicertifikat",
"REOHJ_INFO_TEXT": "Endast användare som registrerats i registret över upprättare kan logga in i tjänsten och upprätta energicertifikat.",
"REOHJ_KUINKA_LISATAAN": "Hur införs jag i registret över upprättare?",
"REOHJ_PATEVYYSKOKEEN_SUORITTANEET": "Personer som har avlagt behörighetsprovet med godkänt resultat läggs till i registret efter att proven har bedömts. Registreringen i registret görs av dem som konstaterar behörigheten (FISE eller Kinko).",
"REOHJ_KUINKA_KAYTTAMAAN": "Hur får jag tillgång till tjänsten?",
"REOHJ_JALKEEN_1": "Logga in med Suomi.fi-koder.",
"REOHJ_JALKEEN_2": "Kontrollera att dina uppgifter är korrekta i tjänsten.",
"REOHJ_KIRJAUTUMINEN_EI_ONNISTU": "Om inloggningen inte lyckas är det möjligt att den som konstaterar behörigheten ännu inte har registrerat dig i registret över upprättare. Vänta tills du får en faktura från den som konstaterar behörigheten. Efter fakturans förfallodatum lägger den som konstaterar behörigheten till dig i registret över upprättare, om du har erlagt betalningen. ",
"REOHJ_TARVITSET": "Du behöver ett elektroniskt identitetskort, en kortläsare och -program",
"REOHJ_HANKI": "Skaffa ett elektroniskt identitetskort, en kortläsare och -program för elektronisk signering av energicertifikat.\n Ett elektroniskt identitetskort (HST-kort), dvs. certifikatkort, behövs för undertecknandet.",
"REOHJ_POLIISILTA": "Kortet söks hos polisen:",
"REOHJ_SIIRRY_POLIISIN": "Gå till polisens webbplats för att ansöka om identitetskort",
"REOHJ_LISATIETOJA": "Mer information om certifikatkortet finns på Myndigheten för digitalisering och befolkningsdatas webbplats:",
"REOHJ_SIIRRY_DVV": "Gå till MDB:s webbplats",
"REOHJ_KORTINLUKULAITTEEN": "Kortläsare kan köpas i elektronikbutiker.\n mPollux Digisign-kortläsarprogrammet kan laddas ner och installeras från Myndigheten för digitalisering och befolkningsdata.",
"REOHJ_SIIRRY_OHJELMISTON": "Gå till programmets sida på dvv.fi",
"SERVER_ERROR": "Data kunde inte hämtas. Försök igen om ett ögonblick.",
"PAGE_NOT_FOUND_ERROR": "Sidan du sökte hittades inte. ",
"TILASTOT_INVALID_VUOSI_MIN": "Startåret ska vara mindre än slutåret",
Expand Down
117 changes: 117 additions & 0 deletions etp-public/src/pages/rekisteroitumisohjeet-fi.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
<script>
import Container, { styles as containerStyles } from '@Component/container';
import InfoBlock from '@Component/info-block';
import Link from '@Component/link';
import H2 from '@Component/H2';
</script>

<style>
ul {
list-style: disc;
@apply my-4 ml-6;
}
ol {
@apply my-4 ml-6;
}
.numbered-list {
list-style: decimal;
}
p {
@apply mb-4;
}
</style>

<Container {...containerStyles.beige}>
<InfoBlock title="Ohjeet energiatodistusten laatijoiden palvelun käyttöön">
Vain laatijarekisteriin rekisteröity käyttäjä voi kirjautua palveluun ja
laatia energiatodistuksia.
</InfoBlock>
</Container>

<Container {...containerStyles.white}>
<div class="px-4 lg:px-8 xl:px-16 pt-8 pb-4 mx-auto">
<div class="border-b border-grey pb-8 mb-8">
<H2>Kuinka minut lisätään laatijarekisteriin?</H2>
<p>
Pätevyyskokeen hyväksytysti suorittaneet laatijat lisätään
laatijarekisteriin kokeiden arvioinnin jälkeen. Rekisteriin lisäyksen
tekevät pätevyyden toteajat (FISE tai Kiinko).
</p>
</div>
<div class="border-b border-grey pb-8 mb-8">
<H2>Kuinka pääsen käyttämään palvelua?</H2>
<ol class="numbered-list">
<li>
<p>Kirjaudu Suomi.fi-tunnuksilla sisään.</p>
</li>
<li>
<p>Tarkasta, että omat tietosi ovat palvelussa oikein.</p>
</li>
</ol>

<p class="my-4">
Jos kirjautuminen ei onnistu, on mahdollista, että pätevyyden toteaja ei
ole vielä rekisteröinyt sinua laatijarekisteriin. Odota, että saat
pätevyyden toteajalta laskun. Laskun eräpäivän jälkeen pätevyyden
toteaja lisää sinut laatijarekisteriin, jos olet suorittanut maksun.
</p>
</div>
<div class="mb-8">
<H2>ENERGIATODISTUKSEN ALLEKIRJOITUS</H2>
<p>
Energiatodistus allekirjoitetaan sähköisesti. Todistuksen
allekirjoitukseen on kaksi tapaa:
</p>
<ol class="numbered-list">
<li>
<p>
<b>Suomi.fi-tunnistautumiseen</b> perustuva allekirjoitus, jossa käytetään
järjestelmän allekirjoitusvarmennetta. Tunnistautuminen tapahtuu kirjautuessasi
sisään rekisteriin. Kun allekirjoitat todistuksen sinun ei tarvitse enää
tunnistautua uudelleen. Tunnistautuminen vaaditaan allekirjoitettaessa
vain, jos rekisteriin kirjautumisesta on kulunut yli 1,5 tuntia.
</p>
</li>
<li>
<p>
<b>Sähköisellä henkilökortilla</b> eli varmennekortilla tapahtuva allekirjoitus,
jossa käytetään henkilökohtaista allekirjoitusvarmennetta. Tätä varten
tarvitset henkilökortin, kortinlukulaitteen ja kortinlukuohjelmiston.
</p>
<ul>
<li>
<p>
Korttia haetaan poliisilta:
<Link href="https://poliisi.fi/etusivu">
Siirry poliisin sivuille henkilökortin hakemiseen
</Link>
</p>
</li>
<li>
<p>Kortinlukulaitteen voi ostaa elektroniikkaliikkeistä.</p>
</li>
<li>
<p>
Kortinlukijaohjelmiston voi ladata ja asentaa Digi- ja
väestötietovirastosta.
<Link href="https://dvv.fi/kortinlukijaohjelmisto">
Siirry kortinlukijaohjelmiston sivulle (dvv.fi)
</Link>
</p>
</li>
</ul>
</li>
</ol>
<p>
Lisätietoja sähköisestä allekirjoituksesta ja henkilökortista löydät
Digi- ja väestötietoviraston sivuilta:
<Link href="https://dvv.fi/varmenteet">
varmenteet ja kortit (dvv.fi)
</Link>
</p>
</div>
</div>
</Container>
119 changes: 119 additions & 0 deletions etp-public/src/pages/rekisteroitumisohjeet-sv.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
<script>
import Container, { styles as containerStyles } from '@Component/container';
import InfoBlock from '@Component/info-block';
import Link from '@Component/link';
import H2 from '@Component/H2';
</script>

<style>
ul {
list-style: disc;
@apply my-4 ml-6;
}
ol {
@apply my-4 ml-6;
}
.numbered-list {
list-style: decimal;
}
p {
@apply mb-4;
}
</style>

<Container {...containerStyles.beige}>
<InfoBlock
title="Anvisningar för användningen av tjänsten för dem som upprättar energicertifikat">
Endast användare som registrerats i registret över upprättare kan logga in i
tjänsten och upprätta energicertifikat.
</InfoBlock>
</Container>

<Container {...containerStyles.white}>
<div class="px-4 lg:px-8 xl:px-16 pt-8 pb-4 mx-auto">
<div class="border-b border-grey pb-8 mb-8">
<H2>Hur införs jag i registret över upprättare?</H2>
<p>
Personer som har avlagt behörighetsprovet med godkänt resultat läggs
till i registret efter att proven har bedömts. Registreringen i
registret görs av dem som konstaterar behörigheten (FISE eller Kinko).
</p>
</div>
<div class="border-b border-grey pb-8 mb-8">
<H2>Hur får jag tillgång till tjänsten?</H2>
<ol class="numbered-list">
<li>
<p>Logga in med Suomi.fi-koder.</p>
</li>
<li>
<p>Kontrollera att dina uppgifter är korrekta i tjänsten.</p>
</li>
</ol>

<p class="my-4">
Om inloggningen inte lyckas är det möjligt att den som konstaterar
behörigheten ännu inte har registrerat dig i registret över upprättare.
Vänta tills du får en faktura från den som konstaterar behörigheten.
Efter fakturans förfallodatum lägger den som konstaterar behörigheten
till dig i registret över upprättare, om du har erlagt betalningen.
</p>
</div>
<div class="mb-8">
<H2>UNDERTECKNING AV ENERGICERTIFIKAT</H2>
<p>
Energicertifikatet undertecknas elektroniskt. Det finns två sätt att
underteckna certifikatet:
</p>
<ol class="numbered-list">
<li>
<p>
Underteckning baserad på <b>Suomi.fi-autentisering</b>, där
systemets underteckningscertifikat används. Autentisering sker när
du loggar in i registret. När du undertecknar certifikatet behöver
du inte autentisera dig igen. Autentisering krävs endast vid
undertecknande om det har gått mer än 1,5 timmar sedan inloggningen.
</p>
</li>
<li>
<p>
Underteckning med <b>elektroniskt identitetskort</b> (certifikatkort),
där det personliga underteckningscertifikatet används. För detta behöver
du ett ID-kort, en kortläsare och kortläsarprogrammet.
</p>
<ul>
<li>
<p>
Kortet ansöks hos polisen:
<Link href="https://poliisi.fi/etusivu">
Gå till polisens webbplats för att ansöka om identitetskort
</Link>
</p>
</li>
<li>
<p>Kortläsaren kan köpas i elektronikbutiker.</p>
</li>
<li>
<p>
Kortläsarprogrammet kan laddas ner och installeras från
Myndigheten för digitalisering och befolkningsdata.
<Link href="https://dvv.fi/kortinlukijaohjelmisto">
Gå till sidan för kortläsarprogrammet (dvv.fi)
</Link>
</p>
</li>
</ul>
</li>
</ol>
<p>
Mer information om elektronisk underteckning och certifikatkort finns på
Myndigheten för digitalisering och befolkningsdatas webbplats:
<Link href="https://dvv.fi/varmenteet"
>certifikat och kort (dvv.fi)
</Link>
</p>
</div>
</div>
</Container>
65 changes: 9 additions & 56 deletions etp-public/src/pages/rekisteroitymisohjeet.svelte
Original file line number Diff line number Diff line change
@@ -1,11 +1,10 @@
<script>
import { onMount } from 'svelte';
import Container, { styles as containerStyles } from '@Component/container';
import InfoBlock from '@Component/info-block';
import Link from '@Component/link';
import { _, locale } from '@Localization/localization';
import Seo from '@Component/seo';
import RekisteroitumisohjeetSv from '@Page/rekisteroitumisohjeet-sv';
import RekisteroitumisohjeetFi from '@Page/rekisteroitumisohjeet-fi';
import Seo from '@Component/seo.svelte';
import { announceAssertively } from '@/utilities/announce';
import { onMount } from 'svelte';
onMount(() => {
window.scrollTo({
Expand All @@ -18,59 +17,13 @@
announceAssertively($_('REKISTEROITYMISOHJEET'));
</script>

<style>
ol {
list-style: decimal;
margin-left: 6;
}
h2 {
@apply mb-2;
}
</style>

<Seo
title="{$_('ENERGIATODISTUSREKISTERI')} - {$_('REKISTEROITYMISOHJEET')}"
descriptionFi={$locale == 'fi' ? $_('REOHJ_INFO_TITLE') : undefined}
descriptionSv={$locale == 'sv' ? $_('REOHJ_INFO_TITLE') : undefined} />

<Container {...containerStyles.beige}>
<InfoBlock title={$_('REOHJ_INFO_TITLE')}>{$_('REOHJ_INFO_TEXT')}</InfoBlock>
</Container>

<Container {...containerStyles.white}>
<div class="px-4 lg:px-8 xl:px-16 pt-8 pb-4 mx-auto">
<div class="border-b border-grey pb-8 mb-8">
<h2>{$_('REOHJ_KUINKA_LISATAAN')}</h2>
<p>{$_('REOHJ_PATEVYYSKOKEEN_SUORITTANEET')}</p>
</div>
<div class="border-b border-grey pb-8 mb-8">
<h2>{$_('REOHJ_KUINKA_KAYTTAMAAN')}</h2>
<ol class="ml-6">
<li>{$_('REOHJ_JALKEEN_1')}</li>
<li>{$_('REOHJ_JALKEEN_2')}</li>
</ol>

<p class="my-4">{$_('REOHJ_KIRJAUTUMINEN_EI_ONNISTU')}</p>
</div>
<div class="mb-8">
<h2>{$_('REOHJ_TARVITSET')}</h2>
<p>{$_('REOHJ_HANKI')}</p>
<div class="my-4">
<div class="flex flex-col md:flex-row md:space-x-1">
<span>{$_('REOHJ_POLIISILTA')}</span>
<Link href="https://poliisi.fi/etusivu"
>{$_('REOHJ_SIIRRY_POLIISIN')}</Link>
</div>
<div class="flex flex-col md:flex-row md:space-x-1">
<span>{$_('REOHJ_LISATIETOJA')}</span>
<Link href="https://dvv.fi/varmenteet">{$_('REOHJ_SIIRRY_DVV')}</Link>
</div>
</div>
<div>
<p>{$_('REOHJ_KORTINLUKULAITTEEN')}</p>
<Link href="https://dvv.fi/kortinlukijaohjelmisto"
>{$_('REOHJ_SIIRRY_OHJELMISTON')}</Link>
</div>
</div>
</div>
</Container>
{#if $locale === 'sv'}
<RekisteroitumisohjeetSv />
{:else}
<RekisteroitumisohjeetFi />
{/if}

0 comments on commit 60c1eeb

Please sign in to comment.