JOB-171 Som ledig med uddannelsespålæg ønsker jeg i min plan 2.0 at kunne angive mine uddannelsessteder til min sagsbehandler (trin 2)

Userstory i Jira

Wireframe - breakpoint xs

Wireframe - breakpoint sm

Wireframe - breakpoint md

Wireframe - breakpoint lg


DatoInitialerÆndring
 
Louise Baunsgaard Koch (Unlicensed)Oprettet user story
 Kenneth Ingemann Larsen (NNIT) (Unlicensed)Føjet service info til US
 Kenneth Ingemann Larsen (NNIT) (Unlicensed)Tilpasset acceptkriterier efter refinement
 Louise Baunsgaard Koch (Unlicensed)Tilføjet acceptkriterie omkring styling af datepicker
 Louise Baunsgaard Koch (Unlicensed)Tilføjet acceptkriterie omkring sletning af uddannelsessted
 Louise Baunsgaard Koch (Unlicensed)Indsat opdaterede wireframes, specifikt ift begrundelse af uddannelsessted
 Louise Baunsgaard Koch (Unlicensed)Indsat opdaterede wireframes 


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: 

          "Her skal du skrive, hvor du gerne vil tage din uddannelse. Du kan gemme dine ønsker undervejs.

          Når du er færdig, skal du sende ønskerne til din sagsbehandler, inden din frist udløber.

          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)

          Nederst i teksten skal der være et link til video. Label skal være "Se film om plan med uddannelsespålæg". Videoen linker til denne side, som åbner i ny fane: https://star.23video.com/13926275.ihtml/player.html?source=embed&token=80c40179c2f35b78d82188102382c04b&photo_id=12511252  

  • 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. 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. 
  • Det skal være muligt at tilknytte en overordnet begrundelse for valg af uddannelsessteder. Dette skal ske under tilføjelse af uddannelsessteder. Label skal lyde: "Derfor har jeg valgt disse uddannelsessteder". Under label skal der være en forklarende tekst: "Tilføj begrundelse for valg af uddannelsessted(er)" samt en tilføj-knap.
  • De enkelte sektioner adskilles visuelt, fx med en opdelingslinje. Se oplæg i wireframe. 
  • 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:
    • For tilføjelse af uddannelsessteder, skal der være følgende indtastningsfelter: "Uddannelse" (tekst), "Uddannelsessted"(tekst), "Adresse"(tekst), "Postnummer" (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).
    • For tilføjelse af begrundelse for valg af uddannelsessteder skal der være et indtastningsområde med label: "Her kan du fortælle, hvorfor du har valgt netop disse uddannelsessteder"
    • Øvrige Tilføj-knapper inaktiveres imens, man er i redigeringstilstand. Dette gælder også for knappen "Send til sagsbehandler".
    • Ved klik på Fortryd-knap, annulleres eventuelle indtastninger, og man returnerer til visningsmode
    • Ved klik på Slet-knap slettes uddannelsesstedet. Hvis der ikke var gemt noget uddannelsessted endnu, så skal adfærden være den samme som ved klik på Fortryd-knap
    • Ved klik på Gem-knap (hint: JobnetEducationPlanService.SaveEducations skal kaldes), gemmes indtastningerne og man returnerer til visningsmode, hvor indtastningen visesDer 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:
    • Mindste breakpoint:  Største breakpoint:
    • Gemte ønsker til uddannelsessteder vises i formen (er der ingen tilhørende data, vises eventuelt label ikke):
      • [Uddannelsessted] (fungerer som en overskrift, som skal kunne folde efterfølgende data ind og ud, default foldet ud)
        • Hvis uddannelsesstedet ikke er udfyldt vises følgende tekst "(Uddannelsested ikke angivet)"
      • Adresse: [Adresse, Postnummer, 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:
    • Knappen "Send til sagsbehandler" 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 ø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 laves følgende tilpasninger, så den kommer til at ligne nedenstående så vidt muligt:

    • Ugeangivelser og ugedage skal benytte font-color: #1d3847
    • Der skal indsættes en border mellem ugeangivelser og datoer, samt ugedage og datoer.
    • Datoangivelserne skal være på dansk

.