Гаечный ключ 🔧 в проекте и на деталях (NewGo)

#388

В кабинете newgo (на странице проекта-заказа) техподдержка доступна без ухода со страницы. Универсальная кнопка-«гаечный ключ» 🔧 встроена в два места:

  • В шапке проекта — контекст «заказ»: позволяет открыть тикет по заказу в целом.
  • В строке каждой детали — контекст «деталь»: открывает тикет, привязанный к конкретной детали.

Состояния иконки

  • Серая иконка — по этому объекту тикетов ещё нет. Клик откроет модалку создания.
  • Оранжевая иконка с бейджем счётчика — есть существующие тикеты. Клик раскрывает выпадающий список со ссылками на эти тикеты и пунктом «+ Создать новый тикет».

Счётчик берётся из единого источника на странице — список тикетов заказа подгружается один раз при открытии проекта, а гаечные ключи в шапке и в строках деталей читают этот общий индекс. Поэтому после создания тикета бейджи на всех ключах обновляются одновременно.

Выпадающий список

Когда тикеты по объекту уже есть, клик по ключу открывает компактный dropdown:

  • Заголовок: «Тикеты по заказу» или «Тикеты по детали».
  • Список из существующих тикетов — каждая строка вида #10003 «тема» · Новый. Клик открывает тикет в новой вкладке на странице техподдержки.
  • Внизу — кнопка «+ Создать новый тикет», которая закрывает dropdown и открывает модалку создания.

Закрытие dropdown — клик мимо или ESC.

Модалка создания тикета

В модалке:

  • Заголовок — «Запрос по заказу» или «Запрос по детали».
  • Поле «Тема» — частично заполнено подсказкой («Поддержка по детали 1 в заказе #440691»), можно отредактировать.
  • Поле сообщения — подробное описание проблемы. Текст подсказки внутри поля локализованный.
  • Кнопка «Отправить запрос» — создаёт тикет.

Модалка монтируется через React-портал в document.body, поэтому корректно отображается поверх любых элементов страницы (включая модалки с собственным transform у родителей).

Что прикладывается автоматически

При создании тикета с детали платформа автоматически прикладывает к тикету:

  • SVG-эскиз детали — миниатюру с раскроя, извлечённую из текущего проекта.
  • JSON-дамп параметров детали — размеры, кромки, операции, материал.

Поддержке не нужно переспрашивать «что у вас за деталь» — всё видно с первой реплики. Подробнее — SVG-эскиз и JSON: автоматические вложения.

Success-экран

После успешного создания модалка переходит на «зелёный» экран с номером нового тикета и ссылкой «Мои тикеты →» на главную страницу. Одновременно:

  • Колокольчик 🔔 на главной странице получает уведомление (если включён канал «в системе»).
  • Бейдж счётчика на гаечном ключе увеличивается на 1.
  • Появляется вкладка «Тикеты (N)» в шапке заказа в newgo (если её ещё не было).

Связанные темы