Как быстро узнать краткую информацию о брони

Hover на бронь в шахматке → красивая всплывающая карточка с гостем, датами, источником, балансом и заметкой.

Зачем нужен hover-popover

При работе с шахматкой часто нужно быстро посмотреть, что за бронь — без открытия полной карточки. Например:

Сколько ночей бронь, кто гость?
Откуда пришла (Booking, Островок, прямая)?
Оплачено или есть долг?
Есть ли заметка администратора?

В Hotel OS2 для этого работает hover-popover прямо на шахматке — .

Hover-popover с краткой инфо о брони — гость, даты, источник, баланс, заметка

Как пользоваться

Откройте шахматку (раздел «Шахматка» в боковом меню или нижнем меню на мобильном)
Наведите курсор на любую бронь (цветной прямоугольник)
Через 0.2 секунды появится карточка с краткой информацией
Уберите курсор — карточка исчезнет

Для полных данных — кликните по брони, откроется полная панель справа.

Что показывает карточка

Для обычной брони:

Номер брони (BK-20260529-XXXXX) + цветной бейдж статуса (Подтверждена / Заселён / Отменена и т.д.)
👤 Гость — Фамилия Имя
📅 Даты — заезд → выезд
🌐 Источник — Прямая / Booking.com / Островок / Авито и т.д.
💰 Оплата — «К доплате: 12 000 ₽» (оранжевым) или «Оплачено полностью» (зелёным)
📝 Заметка — если администратор оставил коммент, видна курсивом (до 2 строк)
В подвале — подсказка «Клик для подробностей»

Для iCal-блокировки (когда дата заблокирована синхронизацией с другим каналом):

Метка «📅 iCal-блокировка»
Источник синхронизации
Даты блокировки

На мобильном

На телефоне hover не работает (нет курсора мыши). Вместо popover — короткий тап на бронь сразу открывает полную карточку справа. Это удобнее на тач-экранах: меньше шагов до полной информации.

Карточка стилизована под мобильное разрешение и помещается в боковую панель.

Цвета бронирований

Цвет блока на шахматке показывает статус:

🟦 Голубой — Подтверждена (CONFIRMED)
🟩 Зелёный — Гость заселён (CHECKED_IN)
⬜ Серый — Гость выписался (CHECKED_OUT)
🟥 Красный — Отменена (CANCELLED)
🟧 Оранжевый — Не явился (NO_SHOW)
🟨 Жёлтый — Ожидает подтверждения (PENDING)
🟪 Фиолетовый — iCal-блокировка из внешнего канала

Этот цвет также дублируется в popover в виде маленького бейджа справа от номера брони.

Что отложено

у нас пока нет:

Настройка вкл/выкл hover-popover в настройках шахматки (у нас всегда включено)
Теги брони в popover (показываются, но пока не в карточке — только в полной панели)
Баланс конкретно по услугам (только общий баланс проживания)
Превью документов брони прямо из popover

Это запланировано на следующие итерации работы с шахматкой.