Workshop 3.5

Zadanie 1:

Wykorzystując dwa ostatnie dodane widoki Employee i Home (lista pracowników), zaimplementuj podgląd danych poszczególnego pracownika. Na każde kliknięcie w wiersz z listy użytkownika, powinno nas przenieść na jego widok szczegółów np. /employees/1. Wykorzystując Vuex'a, dodaj akcje, która wrzuci wszystkie dane pracownika do state'a, po jego kliknięciu. Nastepnie używająć getter'a bądz bezposrednio state'a wyświetl dane z Vuexa w widoku szczegółów. Po każdym powrocie ze strony widoku szczegółów wyczyść stan użytkownika z Vuex'a.

Zadanie 2:

Zasymuluj pobieranie listy pracowników z API, przy wejściu na stronę głowną. Wykorzystaj do tego akjce z Vuex'a. Zaimplementuj tą akcję jako metodą asynchroniczną, uzupełnij odpowiednio state, a następnie pobierz dane i przekaż do wyrenderowania w Home.vue. Dodatkowo można też dodać loader, obsługiwany mutacjami z Vuex'a, który wyświetli się podczas symulacji ładowania danych.

Zadanie 3:

Wykorzystując ostatnio utworzony komponent MyInput, dodaj możliwość wyszukiwania dynamicznego po liście pracowników. Dodaj ten komponent do Home.vue nad tabelą pracowników. Wykorzystując poznane już computed properties zaimplementuj filtrowanie listy pracowników, które reaguje na wpisywaną wartość w inpucie. Filtrowanie może być po wybranych przez Ciebie polach obiektu pracownika.