📋

Asana Logger

Функциональное описание страниц и элементов:
Страница «Главная / Дашборд» (Обновленные задачи для Бэкенда)
1. Сводные карточки с общими балансами
Логика: Бэкенд делает агрегированный запрос к API E-Cards, собирает общие балансы по всей системе (сумму по всем доступным счетам и картам) и отдает на фронтенд для главных карточек дашборда.
Внизу должна быть написанна цикличность обновления данных
Клик по сервису и окно детализации (НОВОЕ)
Когда пользователь кликает на конкретный сервис в интерфейсе, фронтенд отправляет на бэкенд запрос с ID этого сервиса. Бэкенд должен обработать его следующим образом:
Запрос к API E-Cards: Бэкенд запрашивает детальную информацию по конкретному подключенному сервису/провайдеру.
Сбор данных для попапа: Бэкенд формирует и отдает на фронтенд ответ, содержащий:
Общий баланс на картах — суммарный баланс всех карт, выпущенных внутри этого сервиса.
Список счетов — массив всех отдельных счетов (аккаунтов/субсчетов), привязанных к данному сервису.
Баланс каждого счета — актуальный остаток денег на каждом конкретном счете из списка.

Страница «Управление картами» (Основное рабочее пространство):
Кнопка «Выпустить карту»: Открывает модальное окно. В окне: выбор BIN, ввод количества карт, текстовое поле для лимитов, Дропдаун для выбора групп и кнопка подтверждения.
Кнопка «Закрыть карту»: Текстовое поле куда можно внести перечень карт или загрузить csv для удаления карт из него + уведомление если какие-то карты не нашло.
Кнопка «Сменить группу»: Текстовое поле куда можно внести перечень карт или загрузить csv для смены групп карт из него + уведомление если какие-то карты не нашло, так же внизу дропдаун для выбора на какую группу надо сменить список карт.
Кнопка «Передать карты»: пока что закглушка.

РАЗДЕЛ: СТАТИСТИКА
Раздел состоит из двух основных страниц/вкладок: «Отчеты» и «Ретроспектива».
1. Вкладка «Отчеты»
При нажатии на кнопку «Отчеты» пользователь попадает на экран «Детали отчетов».
Структура страницы:
Кнопка «Настройки отчета» (НОВОЕ):
Размещается в верхней части страницы (рядом с заголовком вкладки).
При нажатии открывает модальное окно (попап) настроек, в котором есть два блока управления:
Исключить группы карт: список всех существующих групп с чекбоксами (галочками).
Исключить держателей карт: поисковая строка с мультиселектом (выбором нескольких) баеров и фармеров.
Внизу попапа две кнопки: «Отмена» и «Применить». При нажатии «Применить» окно закрывается, а все данные на странице «Отчеты» автоматически пересчитываются (исключенные группы/держатели исчезают из графиков и таблиц).
Экран разделен на два больших окна (отчета) по типу неактивности:
Отчет о неактивных картах: карты, по которым нет активности более 30 дней.
Отчет по новым неактивным картам: карты, по которым нет активности более 7 дней.
Что находится внутри каждого из этих двух окон:
Общая стата окна: Сверху пишется общее количество карт в этом отчете: всего карт USD и всего карт EUR.
4 рабочие группы (категории): Ниже общих цифр окно делится на 4 группы:
Баеры — USD
Баеры — EUR
Фармеры — USD
Фармеры — EUR
Функционал и кнопки в каждой группе:
Кнопка «Закрыть карты»:
При нажатии открывается первый попап (окно закрытия) со списком карт этой категории.
Внутри попапа напротив карт стоят галочки (чекбоксы). Есть кнопка «Выбрать все» для быстрого выделения всего списка.
Внизу попапа две кнопки: «Отмена» (просто закрывает окно) и «Удалить».
При нажатии на «Удалить» всплывает второй попап (предупреждение), где нужно окончательно подтвердить удаление карт.
Кнопка «Детальнее»: При нажатии открывается подробный список баеров или фармеров в выбранной валюте (евро или доллары). Список отображается строго в следующем формате:
Пользователь | Кол-во карт | Суммарный баланс
2. Вкладка «Ретроспектива»
Экран для анализа данных за прошлые периоды.
Что должно быть реализовано на этапе MVP:
Дропдаун (выпадающий список): Элемент интерфейса для выбора конкретного сервиса.
Блок графиков: На этапе MVP сами графики по месяцам реализуются в виде визуальной заглушки (красивый статичный визуал). Полноценная логика и построение реальных графиков будут настраиваться уже в следующих версиях, после запуска MVP.

Страница «Транзакции»:
Что внутри: Большая таблица со всеми платежами.
Кнопки/Функционал: Календарь для выбора периода, текстовый поиск по ID, кнопка «Выгрузить отчет» (скачивание CSV-файла).