Проєкт перекладено автоматично. Увійдіть або зареєструйтесь, щоб побачити оригінал Потрібно створити фронтенд на React для сторінки прикладеного виду на основі елементів шаблону Devias Kit Pro Material UI.Дані для блоків "General Data" і "Required Staff" повинні читатися з JSON-структури, приклад у доданому файлі "Project_data".Кнопка редагування зазначених блоків поки декоративна.Пляшка "Team is not complete" пов'язана з заповненням блоку "Project Timeline".Початковий вид блоку "Проект Timeline" формується також відповідно до змісту того ж JSON у вигляді графіку, як на доданому малюнку "Create Project", тобто.У лівому колонці спеціальність.Слоти, сформовані під необхідними фахівцями, будуть заповнені конкретними працівниками, яких можна вибрати в таблиці нижче шляхом означення чек-боксу перед мініатюрою фото і підтвердженням вибору натискаючи кнопку "Додати до Timeline", поки нічого не вибрано кнопку білого кольору, як "Approve Timeline" на малюнку.Таким чином, ряд доданого працівника повинен розміщуватися на графіці перед рядками відповідної спеціалізації та кваліфікації, тобто.якщо працівник має спеціалізацію Механік кваліфікації 2, його рядка в графіку повинна з'являтися між рядками Механік кваліфікації 1 і кваліфікації 2, якщо Механік кваліфікації 2 вимагає більше однієї людини.За замовчуванням робочі дні обраного працівника повинні додаватися на весь термін проекту, інакше ряд працівника замінює ряд вакансії, тобто.стає між фахівцями кваліфікації 1 і 3.При нахиленні на ряд доданого працівника, в кінці рядка повинна з'явитися кнопка меню як на малюнку "Проект Карта" з варіантами редагування загальної кількості днів працівника на проекті та додаванням вихідних днів для нього.Виконатися ця функція повинна за допомогою вспливаючих вікон відповідного типу: "Define start and finish date ..."під час вибору пунктів"Edit range" і "Add days off ..."При виборі "Add days off" відповідно.У разі, коли для обраного працівника кількість робочих днів зменшується з заданого за замовчуванням (все тривалість проекту) на менший відріз часу, після його строки в графіку повинна з'явитися строка відповідної вакансії тієї ж спеціалізації і кваліфікації, що у працівника.Те ж саме має відбутися, якщо для працівника додано відпустку з ознакою чек-боксу "Replacement needed".Очікується вибір лідера проекту "Проект Лідер" шляхом вибору його з доданих до графіку працівників з кваліфікацією 3 і працівників з роллю "Sv" (Supervisor).Вибраний лідер повинен перейти до верхньої лінії графіку незалежно від спеціалізації.Пошук працівників в блоці фільтрів ("Search employees") повинен відбуватися за іменем або прізвищем або їх поєднанням.Якщо жодна з спеціальностей для пошуку не вибрана - показуються всі, супервайзера, тимліди і інтерни - навпаки, тобто.Виключено до ознаки чек-боксу.Працівникам прошу захардкодити штука 11, для пагінації.Пляшка "Team is not complete" в верхньому блоку зберігається до тих пір, поки в лівому стовпці графіку залишаються вакансії.