QOR
Glass UI
Дизайн-система безопасности на базе Nuxt UI 4. Glassmorphism, анимированные градиенты и HUD-эстетика.
85+
компонентов
7
страниц
Light + Dark
Кнопки
Все варианты, цвета, размеры и состояния
Варианты
Семантические цвета
Soft-варианты
Состояния и иконки
Размеры
Бейджи
Метки, статусы и клавиатурные сочетания
Solid
Soft
Outline
Subtle
С иконками
Клавиши
Аватары
Размеры, фолбэки, чипы и группы
Размеры
Фолбэки: текст и иконка
С чипами статуса
Группа аватаров
Пользователи
Компонент UUser с аватаром и данными
Ержан Касымов
Старший оператор
Айгуль Смагулова
Диспетчер
Данияр Муратов
Руководитель смены
Уведомления (Alert)
Информационные блоки с цветовой кодировкой
Прогресс и Скелетон
Индикаторы загрузки и заглушки
Прогресс
Скелетон
Аккордеон
Раскрывающиеся секции с контентом
Вкладки
Переключение контента с pill-индикатором
Панель
Основная панель управления с обзором всех активных инцидентов и статистикой.
Оверлеи
Tooltip, Modal, Slideover, Drawer
Уведомления (Toast)
Всплывающие уведомления с разными цветами
Командная палитра
Быстрый поиск и навигация
Таблица
Журнал инцидентов с данными
| ID инцидента | Зона | Статус | Приоритет | Оператор |
|---|---|---|---|---|
| INC-001 | Алматы, Бостандык | Активен | Высокий | Ержан К. |
| INC-002 | Астана, Есиль | В пути | Средний | Айгуль С. |
| INC-003 | Шымкент, Центр | Закрыт | Низкий | Данияр М. |
| INC-004 | Алматы, Медеу | Активен | Критический | Карина Т. |
Хронология
Последовательность событий инцидента
Оператор принял вызов от клиента. Адрес: ул. Абая 52, Алматы.
Ближайший экипаж #7 направлен к точке. Расчётное время прибытия: 8 минут.
Экипаж прибыл на место. Ситуация стабилизирована, клиент в безопасности.
Степпер
Пошаговый процесс обработки заявки
Ползунки
Настройки и параметры
Переключатели
Булевые элементы управления
Switch
Checkbox
QOR Glass UI · Система безопасности · Nuxt UI 4