📋

Asana Logger

Блок 1: Умная панель фильтров (Новый хедер)

Это верхняя строка страницы. Все элементы управления собраны в одну аккуратную линию.
Как выглядит: [ Выберите сервис v ] [ Валюта v ] [ Выбор периода v ] [ Показать ]
Что внутри (слева направо):
Выпадающее меню «Сервис»: выбор карточного сервиса (например, AdSpend).
Выпадающее меню «Валюта»: выбор валюты отображения (например, USD).
Один умный селектор периода. При клике на него открывается выпадающее меню с быстрыми пресетами и календарем:
Сегодня
Последние 14 дней (это значение выбрано по умолчанию)
Текущий месяц
Текущий год
Выбрать свой диапазон (открывает обычный календарь, где можно выбрать любые даты вплоть до 3 лет назад).
Кнопка [ Показать ].
Главное правило логики: Если пользователь выбрал сервис и валюту, но не менял даты вручную (оставил дефолтные настройки) и нажал кнопку [ Показать ], графики автоматически отображают данные за текущий год.

Блок 2: Окошко «Остатки на неработающих БИНах»

Это простое информационное табло. График для него не нужен.
Как выглядит: Небольшая аккуратная плашка (карточка с цифрой) в углу страницы.
Что показывает: Общую сумму денег, которая осталась на заблокированных или неактивных БИНах.
Правила работы:
Данные берутся одной общей суммой за всё время (кнопки дней/недель тут не нужны).
Как считать: Система находит все неработающие БИНы, берет по ним показатель «Доступно на картах» и складывает их.
Суммы выводятся отдельно по каждой валюте (например: $10,500 и €3,200).

Блок 3: График «Затраты по картам»

Показывает динамику расходов — пополнение рекламных кабинетов (РК).
Как выглядит: Линейный график (одна линия тренда).
Правила работы:
В углу графика есть кнопки-переключатели: [День] [Неделя] [Месяц]. При клике на них график мгновенно перестраивается.
Если пользователь выбирает шаг «День», на графике показываются только последние 14 дней из выбранного периода.
На самой линии графика над каждой точкой должны быть видны точные цифры (подписи данных).
Как считать (Формула):
Берем из API столбцы value и penalty.
Формула расчета: Сумма = (- debit_authorization + charge_reversal + charge_transaction + charge_refund + charge_release + charge_unhold) [из столбца value] - debit_declined [из столбца penalty]
Важно разработчику: В API все числа приходят положительными, поэтому перед debit_authorization в формуле нужно принудительно ставить знак минус.

Блок 4: Вкладка «Пополнение карт»

Показывает, сколько денег заливали на лимиты карт (включая покупку новых карт).
Как выглядит: Вкладка, внутри которой есть два переключателя вида: [Общий вид] и [По группам].
Правила работы:
В углу графика есть переключатели шага: [День] [Неделя] [Месяц].
Если выбран шаг «День», показываем только последние 14 дней.
На графике обязательно должны отображаться подписи с суммами.
Как считать (Базовая формула):
Берем отчет transactions (транзакции), столбец type (тип операции).
Отбираем только три статуса: card_limit_change (изменение лимита), card_close (возврат лимита при закрытии) и card_order (покупка карты).
Все операции суммируются по столбцу value с учетом выбранной в хедере валюты.
Режим [Общий вид]:
Простой график (линейный или столбчатый), который показывает общую сумму всех пополнений по дням/неделям/месяцам.
Режим [По группам] (Компактный вид):
Используем столбчатый график с накоплением (Stacked Bar Chart).
Каждый столбец на графике делится на цветные сегменты. Один цвет — это одна группа (команда/байер).
При наведении на сегмент всплывает подсказка с точной суммой по конкретной группе.

Блок 5: Вкладка «Остатки на картах (Активные БИНы)»

Показывает, сколько свободных лимитов сейчас осталось на рабочих картах.
Как выглядит: Вкладка, внутри которой есть два переключателя вида: [Общий вид] и [По группам].
Правила работы:
В углу графика есть переключатели шага: [День] [Неделя] [Месяц].
Если выбран шаг «День», показываем только последние 14 дней.
На графике должны быть видны подписи данных с суммами.
Как считать (Базовая формула):
Берем показатель «Доступно на картах» только для активных БИНов.
Считаем отдельно по каждой валюте.
Режим [Общий вид]:
Простой линейный график, который показывает общую сумму оставшихся лимитов в системе.
Режим [По группам]:
График с областями (Area Chart) или мульти-линейный график (у каждой группы своя линия).
Позволяет наглядно видеть в динамике, у какой группы сколько лимитов оставалось на руках.