1. Створення сторінки Candidates

Створюємо нову сторінку, називаємо її Candidates, і дана сторінка складається з наступних віджетів:

• Таблиця, в якій відображаємо кандидатиів;

•  4 buttons, відповідно дії на кожну кнопку опишу окремо:

  • Button Add Candidate: Після натискання на кнопку додати кандидата, відображаємо модальне вікно “addCandidateModal” в якому розміщуємо наступні віджети:

    • 11 текстових віджетів
    • 6 inputs
    • 3 dropdowns
    • 2 buttons
    • 1 fileInput

  • Button Candidate Info:

    Після виділення певного кандидати в таблиці, з'являється можливість натиску на кнопку Candidate Info, після натискання на яку відображаємо модальне вікно “editCandidate_Info”, в якому розміщаємо наступні віджети:

    • в лівому боці Container  в якому 9 текстових віджетів, в яких відображаємо контактні дані кандидата;
    • в низу 2 buttons;
    • в правому боці віджет Tabs  з трьома вікнами ( Stages,Resume,Edit Contact Info);
      • вікно Edit Contact Info складається з : 10 текстових віджетів, 7 inputs, 3 dropdowns, 1 fileInput;
      • вікно Resume складається з одного віджета Iframe;
      • вікно Stages складається з: 1 dropdown, 1 input, 3 text widget, 1 table.

  • Button Offer Accepted:
    Дана кнопка стає видимою лише коли в обраного кандидата значення поля Stage == Offer Accepted.

    Після натискання на дану кнопку відкривається модальне  вікно “offer_accepted”, в якому розміщуються наступні віджети:

    • 3 text widjets;

    • 2 buttons;

    • 2 inputs.

  • Button Delete:

    Після натискання на кнопку Delete відбувається виклик Api, який здійснює видалення виділеного в таблиці кандидата, та виклик API, методу Get, який витягує інформацію про кандидатів з бази даних.

Результат виконання:

Модальне вікно (addCandidateModal):

Модальне вікно (editCandidate_Info):

Модальне вікно (offer_accepted):