Мне нужен простенький фронт (SPA) на React, с использованием верстки bootstrap 4 или 5.
Это внутренняя админка без авторизации (авторизацию будет делать бэкенд).
Сущности:
1. Менеджер - нужен CRUD
2. Канал - только вывод
3. Подписка (Менеджер + Канал)
4. Событие аудита - только вывод
Меню:
0. Главное
Менеджеры | Каналы | Аудит
1. Менеджеры
Отображается таблица менеджеров, кнопка Добавить, Редактировать, Удалить.
2. Каналы
Отображается строка поиска с кнопкой
Отображается список каналов с возможностью перехода на страницу конкретного Канала
2а. Каналы -> Канал XYZ (выбранный)
Отображается список менеджеров с кнопкой Отписаться (нужно запрашивать подтверждение в модальном окне)
Отображется кнопка Подписаться (открывается модальное окно с ComboBox выбора менеджера)
3. Подписки
Отображается список Менеджеров
3а. Подписки -> Менеджер XYZ (выбранный)
Отображается список Каналов с кнопкой Отписаться (нужно запрашивать подтверждение в модальном окне)
Отображается кнопкой Подписаться (открывается модальное окно с ComboBox выбора менеджера)
4. События аудита
Отображается фильтр с кнопкой: текстовая строка + интервал дат с компонентой выбора дат по календарю. По умолчанию, интервал задан как последние 30 дней.
Отображается список событий (подписка/отписка, менеджер, канал, дата события, инициатор)
API:
1. Менеджеры
Добавить менеджера (возвращает id нового менеджера):
POST /api/managers/ : {email: емейл} -> {id: 1}
Список менеджеров:
GET /api/managers -> {id, email}
Редактировать менеджера:
PUT /api/managers/:id : {email: новый_емейл}
Удалить менеджера:
DELETE /api/managers/:id
2. Каналы
Список каналов:
GET /api/channels -> {id, name}
3. Подписки
Список подписок по каналу:
GET /api/subscriptions/channel/:id -> {id, manager_id, manager_email}
Список подписок по менеджеру:
GET /api/subscriptions/manager/:id -> {id, channel_id, channel_name}
Добавить подписку (возвращает id новой подписки):
POST /api/subscriptions : {channel_id, manager_id} -> {id: 1}
Удалить подписку:
DELETE /api/subscriptions/:id
4. Аудит
Список событий аудита:
GET /api/audit/?q=строка_поиска&dt_from=...&dt_to=...
где dt_from и dt_to - это unixtime
