Block a user
Updated 2023-02-13 12:03:49 +03:00
Создайте одностраничное приложение “Список компаний”, используя библиотеку React.js.
<br/> <br/>
Требования: react, redux(redux-toolkit) остальное на ваше усмотрение, НО стоит использовать минимальное кол-во библиотек(например, таблицу нужно точно сделать самостоятельно, без сторонних библиотек)
<br/> <br/>
Дано: Слева имеется таблица со списком компаний. Справа - таблица сотрудников выбранной компании. Данные в таблицах должны храниться в сторе.
<br/> <br/>
Данные для таблиц "компании" и "сотрудники" - фейковые, создать самостоятельно.
<br/> <br/>
Шапка таблицы "компании": Чекбокс “Выделить всё”
<br/> <br/>
Тело таблицы имеет столбцы: | Чекбокс | Название компании | Кол-во сотрудников | Адрес
<br/> <br/>
При клике по чекбоксу в строке, соответствующая строка выделяется цветом на ваше усмотрение. При клике по чекбоксу “Выделить всё” - выделяются все строки.
<br/> <br/>
При выделении одной компании - справа, в таблице "сотрудники", видим данные сотрудников этой компании.
<br/> <br/>
Шапка таблицы "сотрудники": Чекбокс “Выделить всё”
Тело таблицы имеет столбцы: | Чекбокс | Фамилия | Имя | Должность
<br/> <br/>
В таблице "сотрудники" при клике по чекбоксу в строке, соответствующая строка выделяется цветом на ваше усмотрение.
<br/> <br/>
Если не выделена ни одна из компаний, то таблица "сотрудники" не видна.
<br/> <br/>
Все поля таблиц редактируемые кроме счётчика сотрудников в таблице "компании".
<br/> <br/>
В обеих таблицах реализовать механизм добавления/удаления компаний/сотрудников по соответствующим кнопкам. Удаление может быть множественное(если выделены несколько строк).
<br/> <br/>
При добавлении/удалении сотрудников у компании, счётчик сотрудников в таблице "компании" обновляется.
<br/> <br/>
Готовый проект нужно разместить в репозитории на Github или Gitlab.
Updated 2023-01-25 16:30:52 +03:00