Napisz oprogramowanie

Zlecę wykonanie panelu do administracji użytkownikami w Angular 1.4. Część serwerowa do zamockowania. Wymogi ogólne dla panelu: - łatwy do ostylowania CSS osobny plik Panel ma zawierać następujące funkcjonalności: [login to view URL] użytkowników z wyszukiwaniem loginie, państwie, roli. Kliknięcie na przycisk szukaj wywołuje wyszukiwanie w REST (listUsers). Dane takie jak państwa oraz role do filtrów zwracane przez osobne serwisy REST (do zamockowania). Uprawnienia UserReadonly, UserWrite pobierane z mock. +Dane prezentowane na liście: > Username > Roles rozdzielone przecinkami. W przypadku wychodzenia tabeli poza obszar widoku łamane po przecinku (łącznie bedzie 7 ról) > Countries jak w przyp. role +Tryby działania > UserReadonly tylko do odczyt danych > UserWrite odczyt/zmiana/tworzenie +Inicjacja: > lista - dane z REST offset 0 wielkość strony domyślna (20) > kontrolki do filtrowania - dane z REST osobny serwis dla państ i ról +Filtrowanie: > login - pole tekstowe > państwo - rodzaj dropdown z filtrowaniem po nazwie (inteligentne combo) wiele wartości do wyboru > role - J.w. User wyszukuje po rolach wybranych z listy. Do zaznaczenia wiele ról. Uwaga A: filtry mają być zapamiętywane między kolejnymi ekranami (stan po stronie UI) Uwaga B: Informacje o wybranych kryteriach mają być widoczne na ekranie wyszukiwania. +Interakcje: > Wejście w pozycje - Kliknięcie na pozycji z listy przechodzi do ekranu: - podglądu danych użytkownika (tryb UserReadonly) - tworzenia/edycji użytkownika (tryb UserWrite) > Przycisk tworzenia użytkownika widoczny w trybie UserReadonly lub niewidoczny w trybie UserWrite > Przycisk ClearAll czyści kryteria wyszukiwania > Obsługa stronicowania - Pole liczbowe z il. rezultatów na strone - Przeciski lewo/prawo do zmiany stron. Kliknięcie wywołuje REST z offset danych, wielkością strony. [login to view URL] użytkownika +Dane prezentowane > Username > First name > Last name > Email > Active (Yes/No) > Roles > Countries +Tryby działania > UserReadonly tylko do odczytu danych. Wszystkie dane tylko teskstowe/brak kontrolek do wprowadzania. - państwa: tekst rozdzielony przecinkami (uwaga na łamanie zawartości jak w przyp. listy) - role: tekst rozdzielony przecinkami (j.w) - Active można użyć kontrolki typu radio wygaszonej (kolor szary) - pozostałe: zwykły teskt > UserWrite odczyt/zmiana/tworzenie +Inicjacja: > wejście przez UserReadonly lub z pozycji na liscie: inicjacja z REST-Mock getUser > wejście przez UserWrite: niezainicjowane +Wprowadzanie (UserWrite): > Wejście przez "Create user" z ekranu listy (Tworzenie) - Username: [login to view URL] wpisaniu pierwszej litery username wyświetla się lista z podpowiedziami z której można wybrać użytkownika. Lista jest zawężana w po wprowadzeniu kolejnych liter w username. Wywołanie REST (ex. getUserHint) po wprowadzeniu znaku. [login to view URL] wyborze użytkownika z listy pola: First name, Last name, Email, countries (zawsze 1 pozycja) są uzupełnianie (REST) - Active YES/NO - radio domyślnie zaznaczone YES - Roles wybór ról przez multiselect - Countries j.w. Wymagalność pól: - Username użytkownik wybrany z listy - Roles conajmniej 1 rola wybrana - Countries conajmniej 1 państwo zaznaczone Interakcje: - klikniecie na przycisku create wywołuje: [login to view URL] wymagalności [login to view URL] createUser. > Wejście przez kliknięcie na pozycji na liście userów (Edycja) - kontrolka wybór usera (username), First name, Last name, Email - nieaktywne tak jak przy UserReadonly - countries z REST wybór przez multiselect - Roles z REST j.w. Wymagalność pól: jak przez "Create user" Interakcje: - klikniecie na przycisku Create wywołuje: [login to view URL] wymagalności [login to view URL] updateUser. - kliknięcie na przycisku Cancel wraca do listy userów.