UI Komponent | Zawartość okna modalnego - koniec gry

[kacper-cyra]

From CodersCamp2020.Project.JavaScript.StarWarsQuiz created by nowakprojects: CodersCamp2020/CodersCamp2020.Project.JavaScript.StarWarsQuiz#15

Kryteria akceptacji

Należy zweryfikować i skonsultować, a także ewentualnie uaktualnić przed rozpoczęciem prac nad zgłoszeniem.

• Komponent zdefiniowany w odrębnym pliku .js
• Komponent przyjmuje na wejściu listę odpowiedzi gracza, listę odpowiedzi Komputera wraz z oznaczeniami czy odpowiedzi były poprawne.
• Komponent wyświetla napis, w którym podsumowuje grę oraz liczbę poprawnych odpowiedzi i liczbę pytań, jakie zostały zadane każdemu z graczy. Przykładowy tekst to: The force is strong in you young Padawan! During 1 minute you have answered 10 / 23 questions. And Google quessed 5 / 23.
• Komponent wyświetla listę szczegółowych odpowiedzi. Lista powinna być przewijana pionowo i mieć ograniczoną wysokość.
• Element listy szczegółowych odpowiedzi wygląda, jak pokazano poniżej. Zawiera odgadywany obraz, odpowiedź gracza i odpowiedź Komputera. Czerwony kolor oznacza nieprawidłową odpowiedź, a zielony prawidłową.
  
• Komponent wyświetla input, do którego można wpisać nick gracza. Wypełnienie pola jest obowiązkowe.
• Komponent przyjmuje na wejściu także funkcję, która zostanie wywołana po naciśnięciu przycisku.
• Naciśnięcie przycisku powoduje zamknięcie okna.
• Komponent wyświetla przycisk, którego naciśnięcie powoduje wywołanie przekazanej funkcji. Funkcja jako argument otrzymuje wpisany nick gracza oraz jego punktację.
• Działanie komponentu zostało pokryte testami jednostkowymi.
• Wygląd komponentu wg. projektu:
  

Dodatkowe uwagi

Samo wyświetlanie okna jest realizowane w zadaniu o nazwie UI Komponent | Okno modalne.