Особенности системы
- Всплывающие карточки (Toast): ⏳ Отображаются 8 секунд и скрываются автоматически.
- Badge в шапке: 🔢 Показывает общее количество непрочитанных уведомлений.
- Синхронизация: 🔄 Статус (прочитано/не прочитано) синхронизируется между всеми устройствами.
- Автоматическая очистка: 🗑️ Прочитанные уведомления удаляются автоматически через 1 месяц.
- Удаление: ❌ Нет подтверждения удаления и нет опции 'отменить'.
- Обязательные уведомления: 📩 Обязательно отправляются через Web и Почту.
Колокольчик (Header): Состояния и действия 🔔
- Анимация: ✨ Краткая анимация при получении нового уведомления.
- Badge: Показывает числовой badge с количеством непрочитанных.
- Действие: Клик → открывает sidesheet (боковую панель) с историей.
Всплывающая карточка (toast) 📲
- Позиция:
- Desktop 💻: Верхний правый угол.
- Mobile 📱: Нижняя часть экрана.
- Длительность: ⏱️ 8 секунд (автоматическое скрытие).
- Интерактивность: Клик по card ведёт в соответствующий раздел.
Боковая панель (sidesheet) 📖
- Открытие: Открывается при клике на колокольчик.
- Начальная загрузка: По умолчанию отображаются все уведомления.
- Фильтры: 🏷️ Чипы для фильтрации по разделам (Общие, Отчёты, Кошелёк, Настройки).
- Верхние действия: ⚙️ Включают кнопки:
- Отметить всё как прочитанное ✔️
- Удалить всё 🗑️
- Перейти к настройкам 🔧
Карточки внутри sidesheet
- Анатомия: иконка раздела, заголовок, краткое описание, дата/время, badge если не прочитано.
- Взаимодействие на Desktop: hover для отображения ‘Отметить как прочитанное’ и ‘Удалить’.
- Взаимодействие на Mobile: swipe для тех же действий.
- Клик по карточке: переход в соответствующий раздел.
