Login (eksisterende bruger)
Denne vejledning bygger videre på Opret bruger (objekt) og Cookie indstillinger. og resulterer i, at brugeren kan logge ind med sit gemte brugernavn og password. Derefter får brugeren vist sine gemte cookie indstillinger.
1. Opret en loginskærm med disse navne til de fire elementer.
2. Træk en onEvent over i 'Linje 2' som skal reagere på, at der klikkes på Login-knappen.
3. Træk FOR-blokken med indhold og objekt-blokken { } over i Værktøjskassen. Indtast users i stedet for myTable.
4. Marker de to viste blokke ved at trække musen henover dem. Kopier dem ved at trykke ctrl + C eller Command + C.
5. Indsæt dem ved at trykke ctrl + V eller Command + V. Træk derefter de to dublerede blokke op under 'Linje 2'.
6. Vælg text_inputBrugerLogin og text_inputPasswordLogin på getText-kommandoernes ID-lister.
7. Træk en if-else-blok over i 'Linje 6'. Træk derefter en lighedsoperator = = over i if -blokkens betingelse.
8. Indtast records.length på venstresiden af = = og 1 på højresiden.
9. Træk en blok til variabeltildeling over og indtast userData på venstresiden. På højresiden skal du indtaste records[0] , fordi records er en liste med rækker, hvis nummerering begynder med 0. Samtidig er der kun denne ene række på listen, fordi der kun kan oprettes unikke brugernavne.
10. Træk en setNumber-kommando over og vælg id'et "sliderFunktionelle". Indtast userData.funktionelle i nummerfeltet.
11. Træk to setNumber-kommando mere over og vælg id'erne "sliderStatistiske" og "sliderMarketing". Indtast userData.statistiske og userData.marketing i nummerfelterne.
12. Træk en setScreen-kommando som dirigerer brugeren videre til skærmen med cookie-indstillinger som afslutning på et vellykket login.
Træk en setText-kommando over i else -delen af forgreningen, som skriver en fejl meddelelse til brugeren, hvis brugernavnet eller passwordet ikke blev genkendt (mislykket login).
13. Tjek at det virker. Tilpas eventuelt navigationsstrukturen så den passer til det brugerflow I vil have i jeres prototype.