Projekt Deadline- nowy widok- wyszukiwanie projektów

Kolejny tydzień konkursu Daj Się Poznać właśnie się kończy, więc czas przedstawić
co udało się zrobić przez 7 dni.

Nowy widok

Celem na ten tydzień było ukończenie nowej zakładki wyszukiwania projektów
do podjęcia. Plan udało się zrealizować.

screencapture-localhost-59603-1494158189068.png

Strona wyglądem przypomina wcześniejszą stronę wyszukiwania pracowników.
Na górze jest sekcja filtrów, poniżej tabela z wynikami oraz paginacja (wybór strony
z wynikami).

Ponadto po wciśnięciu na przycisk „Details” pojawia się pop-up ze szczegółami dotyczącymi projektu.

screencapture-localhost-59603-1494158214487

Pozostały jeszcze takie drobnostki jak sortowanie po kolumnie, ale można bez tego żyć 🙂 (kiedyś się dopisze).

Stronicowanie

Udało się również stworzyć z kontrolki wyliczenia stron, angularową dyrektywę,
więc w łatwy sposób będzie można wykorzystać ją na kolejnych stronach.

Kod html dyrektywy:

Kod JavaScript dyrektywy:

Wykorzystanie dyrektywy:

Upraszcza i przyspiesza to zdecydowanie pisanie kolejnych widoków oraz zmiana kodu
z dyrektywie ma odzwierciedlenie wszędzie tam gdzie skorzystaliśmy z tego. Nie trzeba kolejny raz przepisywać kodu.

Własny filtr

Kolejną ciekawą rzeczą, którą udało się napisać, jest własny własny filtr, który służy do wyświetlania nazw specjalizacji pracowników. Z WebApi, otrzymuję id typu pracownika, więc muszę jakoś go sparsować na nazwę przyjemną użytkownikowi. Z pomocą przychodzi angularowy filtr.

Definicja filtra:

Trzymamy słownik z id oraz jego wartością, która jest nazwą specjalizacji pracownika. Następnie do id jest dopasowywana odpowiednia wartość z słownika.

Wykorzystanie go jest dziecinnie proste:

Kolejny tydzień

Na kolejny tydzień nie planuję dużo pracy, ponieważ czas pouczyć się do studiów, ale może uda się zrobić kolejną zakładkę (zarządzanie własnymi pracownikami, czyli przypisywanie ich do projektów oraz zwalnianie).

Reklamy

Jedna uwaga do wpisu “Projekt Deadline- nowy widok- wyszukiwanie projektów

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj /  Zmień )

Zdjęcie na Google+

Komentujesz korzystając z konta Google+. Wyloguj /  Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj /  Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj /  Zmień )

w

Connecting to %s