...
Userstory:
"Som ledig med uddannelsespålæg ønsker jeg i min plan 2.0 at kunne angive mine uddannelsessteder til min sagsbehandler (trin 2)"
Acceptkriterier:
- Denne US skal være en del af feature branch LAB, således at den kun kommer med ud, hvis LAB kommer ud.
- For borgere, der befinder sig på trin 2 og har et EducationPlanElement, hvor der foreligger data, skal der i plan 2.0, være et element, hvor borger kan angive sine ønsker til uddannelsessteder
- Elementet skal placeres imellem "For at nå dit mål har vi aftalt" og "Seneste aftale med jobcenter"
- Elementet skal have overskriften "Find uddannelsessted(er)" og vise borgerens frist samt borgerens sagsbehandler (Bemærk, Frist og sagsbehandler viser vi i forvejen i den eksisterende uddannelsesplan)
- I de to mindste breakpoint skal der være et i-ikon, hvorfra man kan tilgå følgende tekst:
...
Når du skal finde uddannelsessteder, kan du få hjælp på siden Få hjælp til at træffe dit valg." (link til https://www.jobnettest.dk/uddannelsesparat/vaelg-uddannelsesoenske)
...
- Se wireframe for inspiration:
Bemærk, at i de to største breakpoints skal teksten vises uden brug af i-ikon.
- Videoen skal vises som ikon. Klik på ikonet åbner video-siden.
- Se oplæg i wireframe:
...
- Det skal være muligt at tilføje forslag til uddannelsessteder for hvert angivet uddannelsesmål. Afhængig af hvor mange uddannelsesmål, der er angivet, skal der være en sektion per uddannelsesmål, hvor man kan tilføje forslag til uddannelsessted(er). Der skal være et label, der viser borgerens uddannelsesmål som hhv. "1. prioriterede uddannelsesmål: [Uddannelsesmål 1]", "2. prioriterede uddannelsesmål: [Uddannelsesmål 2]" osv. Under hver label skal der være en forklarende tekst: "Tilføj forslag til uddannelsessted" (kursiv) samt en Tilføj-knap. De enkelte sektioner adskilles visuelt, fx med en opdelingslinje. Se oplæg i wireframe ovenfor.
- Klik på Tilføj-knappen åbner indtastningsmuligheder indenfor rammen af elementet (ikke som modalvindue, men på samme måde som funktionen i præsentations-CV), hvor borgeren kan angive ønsker til uddannelsessteder:
- Der skal være følgende indtastningsfelter: "Uddannelse" (tekst), "Uddannelsessted"(tekst), "Adresse"(tekst), "Postnr" (tal), "By" (tekst), "Hvornår er ansøgningsfristen?" (datofelt), "Hvornår er 1. studiedag?" (datofelt).
- Uddannelse kører mod taksonomi med typeahead mv. på samme logik som gælder på trin 2, i uddannelsesplanen i dag (Ny komponent fra US JOB-126 anvendes).
- Ved klik på Fortryd-knap, annulleres eventuelle indtastninger og man returnerer til visningsmode
- Ved klik på Gem-knap (hint: JobnetEducationPlanService.SaveEducations skal kaldes), gemmes indtastningerne og man returnerer til visningsmode, hvor indtastningen vises. Der skal ligeledes vises en blå call-out-boks i toppen af siden (vises også i dag):
- Call-out vises kontektsspecifikt, i toppen af container, indtil borger klikker Gem, Send til sagsbehandler eller Rediger.
- Se wireframe for inspiration:
- Gemte ønsker til uddannelsessteder vises i formen:
- [Uddannelsessted, Adresse, Postnr By]
- Uddannelse (hardkodet label): [Uddannelse]
- Ansøgningsfrist (hardkodet label: [ansøgningsfrist] toDanishDayLong
- Første studiedag (hardkodet label: [Første studiedag] toDanishDayLong
- Det skal være muligt at redigere indtastningen af uddannelsesstedet. Klik på Rediger-link åbner redigeringstilstand med de indtastede data (se ovenstående)
- Se wireframe for inspiration:
- Der skal være en knap "Send til sagsbehandler", som submitter borgerens ønsker til uddannelsessteder til sagsbehandler.
- Når man klikker på "Send til sagsbehandler" skal der ske følgende:
- Borgerens indtastninger submittes. Hint: service JobnetEducationPlanService.ReportToCaseWorker.
- Der fremkommer en blå callout-boks:
- Call-out vises kontektsspecifikt, i toppen af container, indtil borger klikker Gem, Send til sagsbehandler eller Rediger
- Når man klikker på "Send til sagsbehandler" skal der ske følgende:
- Når ønsker til uddannelsessteder er submittet vises et ikon og valideringsbesked øverst i elementet, se eksempel i wireframe (Bemærk, samme ikon og besked vises i dag i uddannelsesplanen, så tag ikonet derfra.)
- Teksten skal være: "Du sendte dine forslag til uddannelsessteder til din sagsbehandler [dag og dato for indsendelse]. Din sagsbehandler vil give dig besked om næste skridt i planen."
- Beskeden skal gemmes, så den vises hver gang, borgeren efterfølgende tilgår siden i trin 2. Hvis borgeren submitter igen efterfølgende, opdateres teksten dog med dato for indsendelse.
- Der skal ikke valideres ift en eventuel angivet frist. Selvom frist evt. måtte være overskredet, skal tekst og ikon være det samme (Bemærk, det samme som i dag).
- Se wireframe for inspiration.
- Fejlhåndteringer: Fejl vises kontekstspecifikt - dvs. over knappen. Fejl fra eksisterede kode og eksisterende fejltekster ("Ingen internetforbindelse" osv.) genbruges.
- Der skal anvendes datepicker (ngx-bootstrap), da den eksisterende datepicker ikke kan anvendes i Angular-kontekst. Der skal anvendes følgende farver, så den kommer til at ligne nedenstående så vidt muligt:
- Step 1 (implementeret i US 144): Rette listen så brugeren kan slette elementer. logik skal være samme som serverside. Dvs tomme elementer fjernes fra listen.
.