Project translated automatically. Log in or register, to view the original It is necessary to create a frontend on React for the applied type page based on the Devias Kit Pro Material UI template elements.The data for the "General Data" and "Required Staff" blocks must be read from the JSON structure, an example in the attached "Project_data" file.The editing buttons of the aforementioned blocks are still decorative.The “Team is not complete” button is linked to the “Project Timeline” block.The initial block type "Project Timeline" is also formed according to the content of the same JSON in the form of a graph as on the applied "Create Project" drawing, i.e.The specialty in the left column.Slots formed under the required specialists will be filled with specific workers, which can be selected in the table below by marking the checkbox before the miniature photo and confirming the choice by pressing the "Add to Timeline" button until nothing is selected by the white button, such as "Approve Timeline" on the drawing.Thus, the line of the added worker should be placed on the schedule before the lines of the relevant specialty and qualification, i.e.If the worker has the specialty Mechanic qualification 2, his line in the schedule must appear between the line Mechanic qualification 1 and qualification 2, if Mechanic qualification 2 requires more than one person.By default, the working days of the selected worker must be added for the entire duration of the project, otherwise the line of the worker replaces the line of vacation, i.e.The qualifications of the 1st and 3rd qualifications.When linking to the added employee line, the menu button should appear at the end of the line as on the "Project Card" drawing with the options to edit the total number of workers' days on the project and adding weekends for it.This function must be implemented through the uplifting windows of the corresponding type: "Define start and finish date ..."When selecting "Edit range" and "Add days off ..."Select “Add days off” accordingly.In the case for the selected worker the number of working days is reduced from the default assigned (all the length of the project) to a smaller period of time, after his line in the schedule should appear a line of the corresponding vacation of the same specialty and qualification that the worker has.The same should happen if the employee has added a vacation with the check box label "Replacement needed".The project leader is selected by selecting the project leader from the added staff with the qualification 3 and the staff with the role of the “Sv” (Supervisor).The chosen leader must go to the upper line of the schedule regardless of the specialty.The search for employees in the filter block (‘Search employees’) must take place by either the name or their combination.If no one of the specialties for search is selected - all, supervisors, timlids and interns are displayed - vice versa, i.e.Excluded until the checkbox is indicated.I ask the workers to hardcod the item 11 for the pagination.The "Team is not complete" in the upper block is kept as long as vacancies remain in the left column of the schedule.