Projekt Deadline- postęp prac

Konkurs Daj Się Poznać trwa w najlepsze, więc czas przedstawić postęp prac nad konkursowym projektem.

Ukończone widoki

Rejestracja użytkownika

Formularz składa się z dwóch części: lewa to podstawowe informacje o firmie, a prawa to logo firmy, które jest dynamicznie wczytywane, po wpisaniu adresu do loga
w kontrolce „Company Logo”.

deadline_signUp

Logowanie

Najprostszy formularz w całej aplikacji. Jak w większości aplikacji, składa się z dwóch pól: email oraz hasło.

deadline_singIn

Wyszukiwanie pracowników

deadline_employeesHire.png

Bardziej skomplikowany widok.

Na górze mamy filtr, który służy do wyszukiwania po określonych kryteriach. Początkowo chciałem, żeby zamiast listy checkboxów, był multiselect, który wygląda następująco:

materializeCssMultiselect2

materializeCssMultiselect

Niestety, połączenie tego multiselecta z frameworka Materialize oraz AngularJs nie należy do najprostszych. Żeby stworzyć taką kontrolkę, musimy wywołać:

 $(‚select’).material_select();

Kod html jest obudowywany dodatkowym, przez co nasz początkowy binding z angulara traci sens.

Drugą częścią widoku, jest tabela z dostępnymi pracownikami. Po wciśnięciu przycisku „Hire”, dany pracownik zostaje zatrudniony przez naszą firmę (o ile oczywiście mamy wystarczającą liczbę funduszy.

Na razie został stworzony sam frontend z całej funkcjonalności tego widoku. Został do dokończenia jeszcze backend.

Menu

Menu aplikacji jest w pełni responsywne. Na mniejszych ekranach, menu chowa się w „hamburger menu” (widać je na wcześniejszych widokach).

deadline_menu.png

Reklamy

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