Головна сторінка техпідтримки: список і тред

#387

Головна сторінка техпідтримки відкривається з кабінету — кнопкою «Техпідтримка» у боковій панелі (відкривається у новій вкладці). Це повноцінний інтерфейс роботи зі зверненнями: ліворуч список, праворуч відкритий тікет.

Структура сторінки

Зверху — sticky-шапка з пошуком, кнопкою «+» (створити новий тікет), дзвіночком 🔔 (фід непрочитаних), шестернею ⚙ (налаштування сповіщень), перемикачем мови і виходом.

  • Ліва колонка — список тікетів. За замовчуванням відкрита секція «Відкриті», нижче згорнута «Закриті». Ширина колонки регулюється перетягуванням межі.
  • Права колонка — відкритий тікет: шапка з темою і статусом, блок відповідального та спостерігачів, прив’язане замовлення, тред повідомлень і композер відповіді зверху.

На мобільних колонки складаються вертикально — спочатку список, при кліку на тікет — тред.

Пошук і фільтри

У верхній панелі ліворуч є рядок пошуку і кнопка фільтра. Пошук підтримує точний пошук за номером звернення — можна вводити з «#». Доступні фільтри:

  • Статус — мультивибір чекбоксами, видно одразу кілька категорій звернень (відкриті / закриті / всі).
  • «Без відповідального» — з підсвічуванням кількості таких звернень.
  • Дата створення, дата останнього повідомлення.
  • Прив’язане замовлення, прив’язана деталь.
  • Відповідальний, спостерігачі.
  • Для співробітників підтримки — фільтр за фірмою клієнта і за автором тікета.

Часто використовувані комбінації можна зберігати як пресети — кнопкою «Зберегти як пресет» з панелі фільтрів. Пресет потім застосовується одним кліком зі списку пресетів.

Шапка тікета

У шапці відкритого тікета видно:

  • Номер і тема — #42 «назва тікета».
  • Статус — кольоровий бейдж. Клік відкриває вибір нового статусу (для тих, у кого є право).
  • Відповідальний — велика іконка ⚑ і номер користувача. Якщо відповідальний — це ви, іконка зелена.
  • Спостерігачі — дрібні іконки 👁 з номерами користувачів.
  • Прив’язане замовлення — якщо є, відображається номер і публічний код замовлення.
  • Контакти клієнта — видно прямо в картці звернення, можна зв’язатися, не виходячи із системи.

Тред повідомлень

Під шапкою — стрічка повідомлень у хронологічному порядку. Типи записів:

  • Повідомлення клієнта і повідомлення підтримки — звичайні репліки, з автором, часом і вкладеннями.
  • Системні повідомлення — службові записи про зміну статусу, призначення відповідального, додавання/видалення спостерігача, прив’язку замовлення, і «📨 Сповіщено: користувач #N (email ✓, telegram ✗); …».

Оновлення переписки у фоні перемальовує екран лише за реальних змін — зникли блимання і повторне завантаження зображень.

Композер

Над тредом — поле введення відповіді і кнопка «Надіслати». Можна прикріпляти файли (drag&drop або кнопкою); зображення з буфера обміну під час написання відповіді автоматично йдуть у вкладення, не ламаючи верстку листа. Допустимі розширення і максимальні розміри контролюються сервером — при спробі завантажити заборонене розширення або занадто великий файл сервер поверне помилку, і UI її покаже. Зображення в треді відкриваються у зручному повноекранному перегляді. Також можна додавати внутрішні нотатки, видимі лише співробітникам підтримки, — окремо від відповідей клієнту.

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