Клиентский портал — главная и вход
Клиентский портал — это личный кабинет клиента автосервиса, открывающийся по адресу сайта сервиса /portal. Здесь клиент видит состояние своих авто, следит за ходом ремонта в реальном времени, оплачивает счета и общается с сервисом. Для доступа не нужен пароль — сервис отправляет одноразовый код на e-mail.
Как открыть
Откройте сайт вашего автосервиса и нажмите ссылку «Войти в кабинет» или перейдите напрямую по адресу <домен-сервиса>/portal. Если вы ещё не вошли, откроется экран входа.
Что на экране
Страница входа (/login)
Карточка в центре страницы. Сверху — логотип и название сервиса (кликабельная ссылка на главную). Затем:
- Блок «Способы входа» — три кнопки: Smart-ID, Mobiil-ID, Passkey.
- Разделитель «или по e-mail».
- Форма e-mail — поле почты + кнопка «Получить код».
- Форма кода (скрыта до отправки письма) — поле для цифр + кнопка «Войти».
- Строка статуса — серый текст подсказок и ошибок.
- Демо-вход — кнопка «⚡ Демо-вход (владелец)» (показывается на тестовых серверах).
- Внизу — мелкая строка «Защищено CarsEXP · OTP и сессии в Valkey».
Портал клиента (/portal)
После входа портал показывает одну из пяти панелей-состояний:
- Загрузка — вращающийся кружок-скелетон, три плашки-скелетон.
- Не вошёл (
view-signin) — карточка входа прямо на портале (аналог/login). - Сотрудник вместо клиента (
view-forbidden) — сообщение об ошибке роли. - Ошибка сети (
view-error) — сообщение и кнопка «Повторить». - Основной портал (
view-portal) — пять табов.
Шапка (topbar)
Полоса вверху, видна всегда. Слева — логотип/название сервиса (ссылка на главную). Справа:
- Выпадашка выбора языка.
- Кнопка «Уведомления» (колокольчик с цифрой-бейджем) — появляется после входа.
- Кнопка «Звук» (иконка динамика) — включить/выключить звук уведомлений.
- Кнопка «Тема» (иконка луны/солнца) — переключить тёмную/светлую тему.
- Кнопка «Выйти» — появляется только после входа.
Переключатель контекста авто
Горизонтальный ряд чипов под шапкой. Появляется только если у клиента два и более авто. Содержит чип «Все авто» и по одному чипу на каждую машину (номерной знак). Выбранный чип подсвечен. Фильтрует содержимое всех четырёх списков (история, счета, записи, уведомления).
Табы навигации
На телефоне — нижняя панель с пятью кнопками: «Здоровье», «История», «Счета», «Записи», «Профиль». У некоторых может гореть оранжевая точка (есть непрочитанное).
На компьютере — сегмент-контрол под шапкой с теми же пятью кнопками текстом.
Таб «Здоровье» (главная)
Открывается по умолчанию. Содержит сверху вниз:
Приветствие — «Доброе утро,» / «Добрый день,» / «Добрый вечер,» + имя клиента (подставляется после загрузки профиля).
Мои авто (гараж) — карточки авто. На каждой: фото (или иконка 🚗), марка и модель, номерной знак, зелёный чип «Обслужено» или оранжевый «В ремонте», числовой индекс здоровья (0–100), стрелка тренда (↑↓ если история есть). Нажатие на карточку выбирает авто.
Заголовок выбранного авто — марка, модель, номер, большое кольцо здоровья (280 пикселей) с анимацией счётчика, чипы «Критично · N» и «Рекомендовано · N» (кнопки), разбивка по системам (Тормоза, Подвеска и т.д.) с цветными точками.
Ваш ремонт сейчас — одно из трёх состояний:
- Активный ремонт: карточка со статусом, кольцом прогресса, строками работ и ETA.
- Готово: карточка «Машина готова» с зелёной галочкой и номером наряда.
- Нет работ: карточка «Сейчас нет активных работ» с кнопкой «Записаться на сервис».
Рекомендации — карточки с цветным бордером (красный = срочно, жёлтый = скоро). На каждой: название проблемы, описание, срок и ориентировочная цена, кнопки «Записаться» и «Отклонить», фото механика (кликабельны → лайтбокс).
Мои отложенные работы — карточки запланированных, но ещё не выполненных работ. На каждой кнопка «Хочу сделать».
Поделиться авто — панель с тумблерами публикации публичной страницы авто. Скрыта, пока не выбрано авто.
Наклейка ТО — выбор дизайна наклейки, которую сервис наклеит на авто. Скрыта, если владелец сервиса не активировал эту функцию.
Фото осмотра — сетка миниатюр фотографий из активного наряда. Скрыта, если фотографий нет.
Кнопка «Записаться на сервис» — крупная ссылка в конце таба.
Спросить ассистента — блок с тремя быстрыми вопросами-чипами, полем ввода (максимум 500 символов) и счётчиком символов «N/500» под полем (подсвечивается при ≥ 450 символов).
Таб «История»
Список всех нарядов клиента (ссылки-карточки): дата открытия, номер наряда, статус (чип), сумма. В режиме «Все авто» на каждой карточке маленький бейдж с номерным знаком. Клик по карточке — переход на детальную страницу наряда /portal/<id>.
Ниже раздел «Документы» — файлы и OBD-отчёты по авто (открываются в новой вкладке).
Таб «Счета»
Бонусы (если баллов > 0) — баланс баллов, уровень лояльности, история начислений/списаний.
Счета — карточки счетов: номер или дата, сумма, статус (Оплачен / К оплате / Просрочен). Кнопки: «Счёт PDF», «Смета PDF», «Оплатить» (только если владелец включил онлайн-оплату и есть остаток).
Подписки — активные сервис-планы (скидки на работы/запчасти, дата продления).
Таб «Записи»
Список предстоящих записей на сервис. На каждой: услуга, дата/время, статус, авто. Кнопки «Перенести» и «Отменить». Внизу — кнопка «Записаться на сервис».
Таб «Профиль»
Выбор языка — кнопки языков (Eesti / Русский / English). На маленьких экранах выпадашка в шапке скрыта, здесь всегда доступна.
Мои данные — форма: Имя, Телефон, E-mail, Предпочтительный язык (выпадашка), две галочки (уведомления, маркетинг), кнопка «Сохранить».
Уведомления — лента событий (запись подтверждена, авто готово, выставлен счёт и т.д.). Кнопки «Скрыть» (×) у каждого и «Показать все» / «Свернуть».
Чат с сервисом — поле ввода и кнопка «Отправить». Показывается, только если владелец сервиса включил функцию чата.
Плашка «Требуется действие»
Красно-оранжевая полоска вверху (видна на всех табах), когда есть непрочитанное уведомление типа «Смета ждёт одобрения», «Счёт просрочен» или «Отчёт осмотра готов». Клик — переход к нужному документу или к ленте уведомлений.
Лайтбокс фотографий
Открывается при нажатии на фото в галерее осмотра или в карточке рекомендации. Содержит: полноэкранное фото, кнопки листания «‹» / «›», счётчик «1 / N», кнопку поворота на 90°, кнопку закрытия ×. Внизу — кнопка «✏️ Дорисовать» (открывает редактор пометок). Свайп влево/вправо переключает фото на телефоне.
Редактор пометок на фото (аннотатор)
Открывается из лайтбокса по кнопке «✏️ Дорисовать». Полноэкранный редактор с панелью инструментов: Карандаш, Маркер-выделитель, Линия, Стрелка, Прямоугольник, Овал, Номерной маркер, Текст, Размытие, Ластик. Кнопки: Отменить, Повторить, Очистить всё, Поделиться, Сохранить, Удалить рисунок, Закрыть. Рисунок привязывается к фото наряда и виден и клиенту, и механику в кабинете.
Каждая кнопка и действие
Страница /login
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Логотип / название сервиса (ссылка) | Шапка карточки | Открывает главную страницу сервиса | Все |
| Кнопка «🆔 Smart-ID» | Блок способов входа | Запускает вход через Smart-ID (EE/LV/LT). Если сервер вернул verificationCode — показывает «Код подтверждения: XXXX»; иначе «Подтвердите вход в приложении.». При 503 — «Этот способ входа ещё не настроен на сервере.» | Все |
| Кнопка «📱 Mobiil-ID» | Блок способов входа | Запускает вход через Mobiil-ID (аналогичная логика: код подтверждения или «Подтвердите вход в приложении.») | Все |
| Кнопка «🔑 Passkey» | Блок способов входа | Сообщает: «Вход по passkey скоро будет доступен в этом браузере.» (функция в разработке — запрос к API не делается) | Все |
| Поле «E-mail» | Форма e-mail | Ввод адреса электронной почты. Должно быть корректным e-mail — браузер не пустит при ошибке | Все |
| Кнопка «Получить код» | Форма e-mail | Отправляет код на введённый e-mail; показывает «Отправляем код…» → «Код отправлен на e-mail. Введите его ниже.». Поле e-mail скрывается, появляется поле кода. Enter в поле e-mail — то же самое | Все |
| Поле «Код из письма» | Форма кода (появляется после отправки) | Ввод числового кода из письма (до 8 цифр); тип ввода — числовая клавиатура на телефоне. Enter в поле — то же, что кнопка «Войти» | Все |
| Кнопка «Войти» | Форма кода | Проверяет код. При успехе: «Готово! Входим…» и переход на главную (/). При ошибке: «Неверный или просроченный код.» | Все |
| Кнопка «⚡ Демо-вход (владелец)» | Нижняя часть карточки, ниже второго разделителя | Входит как демо-владелец без кода. Видна всегда в HTML; фактически работает только если на сервере включён DEMO_LOGIN_ENABLED. При выключенном режиме сервер возвращает 404 и кнопка показывает «Демо-вход выключен на сервере.» | Разработчики / тестировщики |
Портал /portal — экран «Не вошёл»
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Поле «Ваш e-mail» | Карточка входа | Ввод e-mail клиента. Enter — то же, что кнопка «Получить код на e-mail» | Все |
| Кнопка «Получить код на e-mail» | Карточка входа | Отправляет код; статус-строка меняется на «Отправляю код…», затем «Код отправлен на e-mail — введите его». Поле e-mail блокируется, кнопка скрывается, появляются поле кода и кнопка «Войти» | Все |
| Поле «Код из письма» | Карточка входа (появляется) | До 6 цифр; числовая клавиатура. Enter — то же, что кнопка «Войти» | Все |
| Кнопка «Войти» | Карточка входа (появляется) | Проверяет код и открывает портал. При неверном коде: «Неверный или просроченный код» | Все |
| Кнопка «⚡ Войти как демо-клиент» | Карточка входа | Демо-сессия клиента (i18n-ключ portal.demoLogin) | Разработчики / тестировщики |
Портал /portal — экран «Сотрудник вместо клиента» (view-forbidden)
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
Кнопка «⚡ Войти как демо-клиент» (demo-login-2) | Карточка forbidden | То же, что аналогичная кнопка в view-signin: запускает демо-сессию клиента и открывает портал | Разработчики / тестировщики |
Портал — шапка (после входа)
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Логотип / название сервиса | Левый край шапки | Открывает главную страницу сервиса | Все |
| Выпадашка языка (LangDropdown) | Правый край шапки | Меняет язык интерфейса (сохраняет в cookie, обновляет страницу) | Все |
| Кнопка «Уведомления» (колокольчик) | Правый край шапки | Переключает на таб «Профиль» и прокручивает до ленты уведомлений. Показывается только в состоянии «портал» | Клиент (после входа) |
| Цифровой бейдж на колокольчике | На кнопке уведомлений | Количество непрочитанных уведомлений (до 99+). Скрывается при отсутствии непрочитанных | Клиент (после входа) |
| Кнопка «Звук» (иконка динамика) | Правый край шапки | Включает/выключает звуковой сигнал при новых уведомлениях. Состояние сохраняется в браузере | Клиент (после входа) |
| Кнопка «Тема» (луна/солнце) | Правый край шапки | Переключает тёмную и светлую тему интерфейса. Сохраняется в браузере | Все |
| Кнопка «Выйти» | Правый край шапки | Завершает сессию и возвращает на экран входа. Видна и при ошибке роли (forbidden) | Клиент (после входа) |
Переключатель контекста авто
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Чип «Все авто» 🚗 | Строка под шапкой | Снимает фильтр по авто — показывает историю, счета, записи, уведомления всех машин | Клиент с 2+ авто |
| Чип «<Номерной знак>» | Строка под шапкой | Фильтрует все четыре списка по этой машине; также выбирает авто в гараже и обновляет hero-кольцо | Клиент с 2+ авто |
Навигация по табам
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Кнопка «Здоровье» | Нижний таббар (тел.) / сегмент-контрол (ПК) | Открывает таб «Здоровье» (гараж + ремонт + рекомендации). Стрелки ← → на клавиатуре переключают табы (работает для всего tablist, применимо ко всем пяти кнопкам) | Клиент (после входа) |
| Кнопка «История» | Нижний таббар / сегмент | Открывает список визитов | Клиент (после входа) |
| Кнопка «Счета» | Нижний таббар / сегмент | Открывает бонусы + счета + подписки. Оранжевая точка — есть неоплаченные счета | Клиент (после входа) |
| Кнопка «Записи» | Нижний таббар / сегмент | Открывает список предстоящих записей | Клиент (после входа) |
| Кнопка «Профиль» | Нижний таббар / сегмент | Открывает язык + данные + уведомления + чат. Оранжевая точка — непрочитанные уведомления | Клиент (после входа) |
Таб «Здоровье» — интерактивные элементы
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Карточка авто в гараже | Блок «Мои авто» | Выбирает авто: обновляет кольцо здоровья, ремонт, рекомендации, фото, панель «Поделиться», «Наклейку ТО». Подсвечивается рамкой | Клиент |
| Чип «Критично · N» | Под кольцом здоровья | Прокручивает страницу к разделу «Рекомендации» | Клиент |
| Чип «Рекомендовано · N» | Под кольцом здоровья | Прокручивает страницу к разделу «Рекомендации» | Клиент |
| Фото выбранного авто (кнопка vc-photo) | В заголовке выбранного авто | Открывает лайтбокс с фото авто и пометками механика | Клиент |
| Ссылка «#<номер> →» (в карточке активного ремонта) | Карточка «Ваш ремонт сейчас» | Переходит на детальную страницу наряда /portal/<id> | Клиент |
| Кнопка «Смотреть прогресс» | Карточка активного ремонта | Переходит на детальную страницу наряда | Клиент |
| Ссылка-кнопка «Записаться на сервис» | В пустой карточке / внизу таба | Открывает страницу онлайн-записи /book | Клиент |
| Кнопка «Записаться» в рекомендации | Карточка рекомендации | Отправляет заявку на работу в сервис («Заявка отправлена ✓»). Блокирует кнопки на время отправки | Клиент |
| Кнопка «Отклонить» в рекомендации | Карточка рекомендации | Отмечает рекомендацию как отклонённую («Отклонено»). Убирает кнопки | Клиент |
| Фото рекомендации (миниатюра) | Карточка рекомендации | Открывает лайтбокс с фото механика | Клиент |
| Кнопка «Хочу сделать» (отложенная работа) | Карточка в блоке «Мои отложенные работы» | Передаёт подтверждение сервису («Передано сервису»). Блокирует кнопку на время | Клиент |
| Тумблер «Публиковать страницу авто» | Блок «Поделиться авто» | Включает/выключает публичную страницу авто. При включении появляется ссылка, QR и кнопки | Клиент |
| Чекбокс «Индекс здоровья» | Блок «Поделиться», раздел блоков | Включает/выключает блок здоровья на публичной странице | Клиент (публикация вкл.) |
| Чекбокс «Данные авто» | Блок «Поделиться» | Включает/выключает технические данные авто на публичной странице | Клиент (публикация вкл.) |
| Чекбокс «Рекомендации» | Блок «Поделиться» | Включает/выключает список рекомендаций на публичной странице | Клиент (публикация вкл.) |
| Чекбокс «История обслуживания» | Блок «Поделиться» | Включает/выключает историю визитов на публичной странице | Клиент (публикация вкл.) |
| Чекбокс «Показывать цены» (суб) | Блок «Поделиться» → история | При включении открывается диалог подтверждения. Только при включённой истории | Клиент (история вкл.) |
| Чекбокс «Показывать фото» (суб) | Блок «Поделиться» → история | Добавляет фото осмотра в историю на публичной странице | Клиент (история вкл.) |
| Кнопка «Копировать» (ссылка) | Блок «Поделиться» | Копирует публичную ссылку в буфер обмена; всплывает «Скопировано» | Клиент (публикация вкл.) |
| Ссылка на страницу бейджа | Блок «Поделиться» → «Бейдж для объявлений» | Открывает витрину бейджа здоровья в новой вкладке («посмотреть красиво») | Клиент (здоровье + публикация вкл.) |
| Кнопка «Копировать ссылку на бейдж» | Блок «Поделиться» | Копирует прямую ссылку на SVG-бейдж | Клиент (здоровье + публикация вкл.) |
| Счётчик просмотров («Просмотров: N») | Блок «Поделиться» (появляется, когда публикация вкл.) | Только информационный; обновляется при загрузке данных с сервера | Клиент (публикация вкл.) |
| Ссылка «Флаеры и печать» | Блок «Поделиться» | Переходит на страницу /portal/flyer?vehicle=<id> для печати | Клиент (публикация вкл.) |
| Карточка дизайна наклейки | Блок «Наклейка ТО» | Открывает модал-предпросмотр дизайна (выбор дизайна производится кнопкой внутри модала, не кликом по карточке напрямую) | Клиент (если владелец включил) |
| Кнопки языка наклейки (ET / RU / EN / «Как в кабинете») | Блок «Наклейка ТО» — секция языка (показывается, только если API v4 вернул список langs) | Сохраняет выбранный язык наклейки. «Как в кабинете» сбрасывает язык на null (по умолчанию). Повторный клик по уже выбранному — без действия | Клиент (если владелец включил) |
| Фото осмотра (миниатюра) | Блок «Фото осмотра» | Открывает лайтбокс на этом фото; другие фото листаются стрелками/свайпом | Клиент |
| Чип быстрого вопроса (×3) | Блок «Спросить ассистента» | Вставляет заготовленный вопрос в поле ввода и сразу отправляет запрос ассистенту | Клиент |
| Поле ввода ассистента | Блок «Спросить ассистента» | Ввод вопроса (максимум 500 символов). Submit через форму или Enter | Клиент |
| Кнопка «Отправить» (ассистент) | Блок «Спросить ассистента» | Отправляет вопрос ассистенту. Блокируется на время ожидания ответа | Клиент |
| Счётчик символов «N/500» | Под полем ввода ассистента | Обновляется при каждом вводе; подсвечивается при ≥ 450 символов | Клиент |
Таб «История»
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Карточка-ссылка наряда | Блок «История обслуживания» | Переходит на детальную страницу наряда /portal/<id> | Клиент |
| Документ / OBD-файл (ссылка) | Блок «Документы» | Открывает документ в новой вкладке (если владелец включил передачу документов) | Клиент |
Таб «Счета»
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Кнопка «ещё N работ» (аккордеон) | Карточка счёта | Раскрывает/сворачивает полный список работ наряда. Меняет текст на «Скрыть» | Клиент |
| Ссылка-кнопка «Счёт PDF» | Карточка счёта | Открывает PDF счёта в новой вкладке | Клиент |
| Ссылка-кнопка «Смета PDF» | Карточка счёта (если есть) | Открывает PDF сметы в новой вкладке | Клиент |
| Кнопка «Оплатить» | Карточка счёта (если есть остаток) | Перенаправляет на платёжный шлюз. Показывает «Перенаправляю на оплату…». Доступна только если владелец включил онлайн-оплату | Клиент (при неоплаченном остатке) |
Таб «Записи»
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Кнопка «Перенести» | Карточка записи | Показывает поле выбора даты и кнопку «Подтвердить» | Клиент |
| Поле выбора даты (появляется) | Карточка записи | Выбор новой даты для переноса (не раньше сегодня) | Клиент |
| Кнопка «Подтвердить» (появляется) | Карточка записи | Отправляет запрос на перенос записи. Если дата не выбрана — фокусирует поле | Клиент |
| Кнопка «Отменить» | Карточка записи | Показывает системный диалог «Отменить запись?». При подтверждении — отменяет и меняет карточку на «Отменена» | Клиент |
| Ссылка-кнопка «Записаться на сервис» | Конец таба | Открывает страницу онлайн-записи /book | Клиент |
Таб «Профиль»
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Кнопка языка (ET / RU / EN) | Блок «Язык» | Меняет язык интерфейса (cookie + перезагрузка) | Все |
| Поле «Имя» | Форма «Мои данные» | Имя клиента (до 200 символов). Автозаполнение браузера | Клиент |
| Поле «Телефон» | Форма «Мои данные» | Номер телефона (до 40 символов). Числовая клавиатура на телефоне | Клиент |
| Поле «E-mail» | Форма «Мои данные» | Адрес электронной почты (до 200 символов) | Клиент |
| Выпадашка «Предпочтительный язык» | Форма «Мои данные» | Язык общения сервиса с клиентом: Как у сервиса / Eesti / Русский / English | Клиент |
| Галочка «Получать уведомления сервиса в кабинете» | Форма «Мои данные» | Разрешает получать push-уведомления о нарядах в портале | Клиент |
| Галочка «Хочу получать акции и напоминания» | Форма «Мои данные» | Даёт согласие на маркетинговые сообщения | Клиент |
| Кнопка «Сохранить» | Форма «Мои данные» | Сохраняет данные профиля. Показывает «Данные сохранены» или «Не удалось сохранить» | Клиент |
| Уведомление (карточка-ссылка) | Блок «Уведомления» | Помечает как прочитанное при нажатии. При счёте — переключает на таб «Счета» + прокрутка к карточке. При записи — таб «Записи» + прокрутка к карточке. При «Начислены баллы» — таб «Счета», прокрутка к бонусам | Клиент |
| Кнопка «×» / «Скрыть» у уведомления | Карточка уведомления | Скрывает уведомление навсегда (ID в localStorage). Обновляет список | Клиент |
| Кнопка «Показать все (N)» | Блок «Уведомления» | Разворачивает все уведомления (по умолчанию видно 4) | Клиент |
| Кнопка «Свернуть» | Блок «Уведомления» (развёрнут) | Сворачивает обратно до 4 уведомлений | Клиент |
| Поле ввода сообщения | Блок «Чат с сервисом» | Текст сообщения (до 1000 символов). Показывается только если владелец включил чат (K16) | Клиент |
| Кнопка «Отправить» | Форма чата | Отправляет сообщение в сервис. Показывает «Отправлено ✓» или «Не удалось. Попробуйте ещё раз.» | Клиент (при включённом чате) |
Лайтбокс фотографий
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Кнопка «‹» (предыдущее) | Левый край лайтбокса | Показывает предыдущее фото. Скрыта, если фото одно | Клиент |
| Кнопка «›» (следующее) | Правый край лайтбокса | Показывает следующее фото. Скрыта, если фото одно | Клиент |
| Кнопка поворота | Верхняя панель | Поворачивает фото на 90° по часовой стрелке | Клиент |
| Кнопка закрытия «×» | Верхняя панель | Закрывает лайтбокс | Клиент |
| Двойной нажим / двойной тап на фото | Область фото | Увеличивает до 2.5× или возвращает к 1× | Клиент |
| Колесо мыши на фото | Область фото | Плавный зум (1× — 5×) | Клиент |
| Свайп влево/вправо | Вся область лайтбокса | Переключает фото (только если зум 1×) | Клиент |
| Клик по тёмному фону | Вне фото | Закрывает лайтбокс | Клиент |
| Кнопка «✏️ Дорисовать» | Нижняя часть лайтбокса | Открывает редактор пометок на фото | Клиент |
Редактор пометок (аннотатор)
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Кнопка «Карандаш» | Панель инструментов | Свободная линия тонким карандашом | Клиент |
| Кнопка «Маркер-выделитель» | Панель инструментов | Жёлтая прозрачная полоса-выделение | Клиент |
| Кнопка «Линия» | Панель инструментов | Прямая линия | Клиент |
| Кнопка «Стрелка» | Панель инструментов | Стрелка с наконечником | Клиент |
| Кнопка «Прямоугольник» | Панель инструментов | Контурный прямоугольник | Клиент |
| Кнопка «Овал» | Панель инструментов | Контурный эллипс | Клиент |
| Кнопка «Номерной маркер» | Панель инструментов | Круглый маркер с номером | Клиент |
| Кнопка «Текст» | Панель инструментов | Открывает поле ввода «Текст:», добавляет подпись на фото | Клиент |
| Кнопка «Размытие» | Панель инструментов | Замазывает область (скрыть личные данные и т.п.) | Клиент |
| Кнопка «Ластик» | Панель инструментов | Стирает нарисованное | Клиент |
| Кнопка «Отменить» | Панель действий | Отменяет последнее действие | Клиент |
| Кнопка «Повторить» | Панель действий | Возвращает отменённое действие | Клиент |
| Кнопка «Очистить всё» | Панель действий | Удаляет все пометки с фото | Клиент |
| Кнопка «Поделиться» | Панель действий | Делится изображением с пометками | Клиент |
| Кнопка «Сохранить» | Панель действий | Сохраняет рисунок к фото наряда. Всплывает «Рисунок сохранён» или «Не удалось сохранить» | Клиент (после входа) |
| Кнопка «Удалить рисунок» | Панель действий | Удаляет все сохранённые пометки. Всплывает «Рисунок удалён» | Клиент (после входа) |
| Кнопка «Закрыть» | Панель действий | Закрывает редактор, возвращает к лайтбоксу | Клиент |
Ошибка сети
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Кнопка «Повторить» (иконка круговой стрелки) | Экран ошибки сети | Повторяет попытку загрузить данные портала | Все |
Плашка «Требуется действие»
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Плашка-кнопка вверху страницы | Над содержимым, все табы | Открывает документ действия (смета / счёт) или переключает на таб «Профиль» → уведомления. Скрывается, когда все action-уведомления прочитаны | Клиент |
Подвал
| Элемент | Где | Что делает | Кому доступно |
|---|---|---|---|
| Ссылка «← На главную» | Подвал страницы | Переходит на главную страницу сайта (/) | Все |
| Ссылка «CarsEXP» | Подвал | Открывает carsexp.com в новой вкладке | Все |
Диалоги и подэкраны
Модал «Показывать цены?»
Открывается когда клиент включает чекбокс «Показывать цены» в блоке «Поделиться авто» — сначала появляется этот модал. Поясняет, что суммы станут видны всем, у кого есть ссылка или номер авто, и что для продажи чаще хватает списка работ без цен.
Кнопки:
- «Не показывать» — отменяет действие, чекбокс остаётся выключенным.
- «Показывать цены» — подтверждает включение, чекбокс становится активным, настройка сохраняется.
- Клик по тёмному фону или нажатие Esc — то же, что «Не показывать».
Модал предпросмотра наклейки ТО
Открывается при нажатии на любой дизайн в блоке «Наклейка ТО». Показывает выбранный дизайн в полный размер (вписанный в экран):
- Классическая / Полоса бренда / Минимализм — упрощённый цветной прямоугольник с фирменной полосой и названием сервиса.
- Карточка (светлая) — полноцветный макет сервисной карты с данными ТО, кольцом здоровья, QR-кодом.
- Карточка (тёмная) — то же, но на тёмном фоне с неоновыми акцентами.
Кнопки:
- «Выбрать этот дизайн» — сохраняет выбор, закрывает модал. Повторный нажим на уже выбранный дизайн — сбрасывает выбор (галочки нет).
- Крестик «×» в углу — закрывает без выбора.
- Клик по тёмному фону — закрывает без выбора.
- Нажатие Esc — закрывает без выбора.
Диалог отмены записи
Стандартный системный диалог браузера (confirm). Появляется при нажатии кнопки «Отменить» в карточке записи. Текст: «Отменить запись?».
- Подтверждение (ОК) — отменяет запись, на карточке появляется «Отменена».
- Отказ (Отмена) — запись остаётся без изменений.
Что если…
Не приходит код на e-mail
Сервер отвечает «Не удалось отправить код. Попробуйте позже.» — проверьте правильность e-mail и подождите пару минут. Письмо может попасть в спам. Если всё равно нет — обратитесь в сервис, пусть проверят ваш e-mail в карточке клиента.
Написано «Этот раздел — для клиентов»
Вы вошли под учётной записью сотрудника сервиса. Нажмите «Выйти» в шапке и войдите повторно, используя e-mail, который вы оставляли в сервисе как клиент.
Нет авто в гараже
Появляется сообщение «У вас пока нет привязанных авто. Обратитесь в сервис.» — значит, сервис ещё не привязал вашу машину к карточке клиента. Позвоните или напишите им.
Кнопка «Оплатить» не видна
Владелец сервиса может не подключить онлайн-оплату. Тогда счёт надо оплатить лично или по реквизитам.
Написано «Нет связи с сервером. Попробуйте позже.»
— проблема с интернетом или сервер временно недоступен. Нажмите кнопку «Повторить» (круговая стрелка). Если не помогло — попробуйте через несколько минут.
Вопрос-ответ
Как войти в портал клиента, если у меня нет пароля?
Пароль не нужен. Введите свой e-mail (тот, что вы оставляли в сервисе) и нажмите «Получить код на e-mail». На почту придёт письмо с цифровым кодом — введите его в поле ниже и нажмите «Войти». Весь процесс занимает меньше минуты.
Я вижу кольцо со цифрой и написано «Критично · 2». Что это значит?
Это индекс здоровья вашего авто. Кольцо показывает общий балл от 0 до 100, а чип «Критично · 2» — что у двух систем выявлены серьёзные проблемы. Нажмите на чип — страница прокрутится к рекомендациям, где видно что именно и что делать.
Как записаться на сервис через портал?
Нажмите крупную кнопку «Записаться на сервис» внизу таба «Здоровье» или в табе «Записи». Откроется форма онлайн-записи. Также можно нажать «Записаться» прямо в карточке рекомендации — заявка уйдёт в сервис автоматически.
Можно ли показать историю ремонтов при продаже авто?
Да. Откройте таб «Здоровье», выберите авто, прокрутите до блока «Поделиться авто» и включите тумблер «Публиковать страницу авто». Отметьте чекбокс «История обслуживания». Скопируйте публичную ссылку и отправьте покупателю. Цены лучше не раскрывать — для этого оставьте чекбокс «Показывать цены» выключенным.
Как отменить или перенести запись?
Перейдите в таб «Записи». В карточке нужной записи нажмите «Отменить» — появится вопрос «Отменить запись?», подтвердите. Для переноса нажмите «Перенести», выберите удобную дату (не раньше сегодня) и нажмите «Подтвердить». Сервис получит уведомление.
Зачем нажимать на фото механика и что-то рисовать?
Если механик прикрепил фото царапины или поломки к вашему наряду, вы можете открыть это фото, дорисовать стрелку или написать вопрос прямо на снимке и сохранить пометку. Мастер увидит её в своём кабинете и сразу поймёт, о чём речь. Это удобнее, чем объяснять словами по телефону.