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

#388

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

  • У шапці проєкту — контекст «замовлення»: дозволяє відкрити тікет за замовленням загалом.
  • У рядку кожної деталі — контекст «деталь»: відкриває тікет, прив’язаний до конкретної деталі.

Стани іконки

  • Сіра іконка — за цим об’єктом тікетів ще немає. Клік відкриє модалку створення.
  • Помаранчева іконка з бейджем лічильника — є наявні тікети. Клік розкриває випадаючий список зі посиланнями на ці тікети і пунктом «+ Створити новий тікет».

Лічильник береться з єдиного джерела на сторінці — список тікетів замовлення підвантажується один раз при відкритті проєкту, а гайкові ключі в шапці і в рядках деталей читають цей спільний індекс. Тому після створення тікета бейджі на всіх ключах оновлюються одночасно.

Випадаючий список

Коли тікети за об’єктом уже є, клік по ключу відкриває компактний dropdown:

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

Закриття dropdown — клік повз або ESC.

Модалка створення тікета

У модалці:

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

Модалка монтується через React-портал у document.body, тому коректно відображається поверх будь-яких елементів сторінки (зокрема модалок із власним transform у предків).

Що прикладається автоматично

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

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

Підтримці не потрібно перепитувати «що у вас за деталь» — усе видно з першої репліки. Докладніше — SVG-ескіз і JSON: автоматичні вкладення.

Success-екран

Після успішного створення модалка переходить на «зелений» екран із номером нового тікета і посиланням «Мої тікети →» на головну сторінку. Одночасно:

  • Дзвіночок 🔔 на головній сторінці отримує сповіщення (якщо ввімкнено канал «у системі»).
  • Бейдж лічильника на гайковому ключі збільшується на 1.
  • З’являється вкладка «Тікети (N)» у шапці замовлення в newgo (якщо її ще не було).

Пов’язані теми