Skip to content

Latest commit

 

History

History
14 lines (10 loc) · 1.37 KB

readme.md

File metadata and controls

14 lines (10 loc) · 1.37 KB

KANDIDATNUMMER: 10002

PROG2053 eksamen v2020

  • Lag en FORK av dette repositoriet og gi meg leserettigheter ([email protected]). Det som er i repositoriet på slutten av eksamen teller som din besvarelse.
  • Legg inn studentnummeret ditt øverst i readme.md fila.
  • IKKE kjør "npm install" i www mappa i oppgave, se siste kommentar i oppgaven.

Oppgave - Web komponenter

Merk: det er ferdige PHP skript i oppgave/www/api for å hente og oppdatere informasjon.

Lag en side som lister ut alle brukere. Hent brukere fra api/fetchUsers.php med fetch i JavaScript. Vis lista med brukere på venstre side av skjermen. Når en bruker velges fra lista skal et skjema for å redigere brukerens info vises på høyre side av skjermen.

I denne oppgaven skal du lage samme funksjonaliteten med web komponenter. I filen oppgave3.html finner du startpunktet for denne oppgaven. Denne filen bruker users-list.js komponenten i js/components mappen til å lage en liste av alle brukere, funksjonaliteten i denne komponenten er ferdig laget. I render (på linje 56) brukes en edit-user.js komponent, denne komponenten får tilsendt den valgte brukeren. Det som mangler i edit-user.js er funksjonaliteten for å oppdatere en bruker.

NB, i oppgave/www/node_modules ligger lit-element med de endringer som skal til for at det fungerer uten å bruke "polymer serve" (dvs, koden fungerer direkte i docker/XAMPP).