Floating UI · единая рабочая панель
Восемь приёмов в одном интерфейсе
Подсказка объясняет срок ответа, меню меняет заявку, фильтр сокращает список, а редактор сохраняет новое название. Все данные синтетические и существуют только на этой странице.
Маршрут для знакомства: откройте SLA, оставьте только заявки «В работе» с высоким приоритетом, измените название и верните полный список. Каждый приём открывается на этой же панели.
Служба поддержки · демоданные
Входящие заявки
Выберите приём или действие в заявке.
Правая кнопка мыши по заявке открывает контекстное меню. На телефоне используйте кнопку «Контекст». Меню доступны с клавиатуры; Escape закрывает открытый блок.
SLA — согласованный срок ответа поддержки. В этом примере «15 минут» — условный ориентир для первого ответа, а не работающий таймер.
Как устроен выбранный приём
Подсказка SLA
Откройте элемент, чтобы увидеть фактическое размещение.
Пакет @floating-ui/dom вычисляет координаты. Открытие, закрытие, фокус, ARIA и клавиатура реализованы кодом этого примера.
Код выбранного приёма
Фрагмент показывает позиционирование. Полная логика взаимодействий находится в ui.js проекта.
JSON состояния для экспорта
Сохраняется текущее состояние: названия заявок, фильтры, приоритеты, архивирование, уведомления и вид. Файл создаётся локально и никуда не отправляется.
HTML последней автономной выгрузки
После скачивания здесь остаётся полный HTML. Его можно скопировать и сохранить в файл, если браузер заблокировал загрузку.