HTML strony Ant Design

Dobry wieczór koledzy. Należy stworzyć 3 strony z wykorzystaniem Ant Design. Te strony będą zintegrowane z istniejącą aplikacją na Angular (NG ZORRO). 

Obowiązkowo należy mieć zarówno wersję desktopową, jak i mobilną. Na niektórych stronach są już wstępne prace. 

1. Strona z listą. Zrzuty ekranu wstępnych prac 1 i 2. 

• Wersja mobilna 
  • Rozwijany wiersz dla wierszy
  • Wewnątrz rozwiniętych danych należy zrobić 2 lub 4 kolumny. Do omówienia  
  • Pasek wyszukiwania i przycisk dodawania nowego powinny być w jednej linii
• Desktop
  • Należy stworzyć kompaktową tabelę. Maksymalnie skompresowaną, ale komfortową. 
  • Pasek wyszukiwania i przycisk dodawania nowego powinny być w jednej linii
• Ogólne
  • Zaimplementować Autocomplete do wyszukiwania. Zgodnie z legendą, po kliknięciu będzie przechodzić na osobną stronę z atrybutem, więc należy zrobić po prostu onclick z alertem

2. Strona z 5 tabelami. Każda tabela powinna mieć nagłówek i wyszukiwanie autokompletem z tym samym onclick na wynik.  Scenariusz jest taki: każda tabela będzie pokazywana określonym użytkownikom z określoną rolą. Należy stworzyć mechanizm ukrywania. Administrator będzie widział wszystko.

• Wersja mobilna 
  • Wszystkie tabele powinny być jedna pod drugą
• Desktop
  • Ukształtowanie w kształcie litery U, czyli 2 tabele w 2 kolumnach i 1 tabela rozciągnięta na całą linię.
•  Ogólne
  • Rozwijany wiersz jest obowiązkowy, ponieważ kolumn jest dużo i tej informacji nie zmieścimy. Tutaj na pewno 4 kolumny wewnątrz rozwiniętych danych. Dla wersji mobilnej i desktopowej, ponieważ liczba kolumn będzie różna, może być konieczne stworzenie 2 rodzajów tabeli. Do omówienia

3. Formularz wprowadzania jak w Excelu. Ostatnie zdjęcie. Potrzebna jest taka sama "tabela", ale zielone pola to inputy, w których można wprowadzać liczby. Szare i niebieskie są zablokowane, tam będziemy wstawiać wyniki obliczeń według formuł (każda linia ma swoją formułę).

Proszę, abyście wzięli pod uwagę, że wszystko to będzie używane w aplikacji Angular z NG ZORRO. Wprowadzę wykonawcę w bieżący szablon, który używamy, i odpowiem na wszystkie pytania. Jestem programistą backendowym i będę pracować z produktem.  

Proszę o podanie kwoty i terminów. Wystawiam orientacyjnie. Piszcie pytania, odpowiem na wszystkie)