From d0878f2b05fdd23e31b72845349a2776f0cd6727 Mon Sep 17 00:00:00 2001
From: root <root@support.f7cloud.ru>
Date: Wed, 20 May 2026 10:38:25 +0000
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=BA=D0=B0=D0=B7=D1=8B=D0=B2?=
 =?UTF-8?q?=D0=B0=D1=82=D1=8C=20=D1=82=D0=B5=D0=BC=D1=83=20=D0=B7=D0=B0?=
 =?UTF-8?q?=D1=8F=D0=B2=D0=BA=D0=B8=20=D0=BD=D0=B0=20=D0=BA=D0=B0=D1=80?=
 =?UTF-8?q?=D1=82=D0=BE=D1=87=D0=BA=D0=B5=20=D1=82=D0=BE=D0=BA=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D0=B2=20=D1=81=D0=BF=D0=B8=D1=81=D0=BA=D0=B5.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

В шапке карточки выводится subject из API (поле «Тема» при создании), превью ниже остаётся текстом первого сообщения.
---
 js/main.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/js/main.js b/js/main.js
index a868920..795ee9b 100644
--- a/js/main.js
+++ b/js/main.js
@@ -421,8 +421,8 @@
         padding: 8px 10px;
         border-radius: 6px;
       }
-      .f7-ticket-card__title { font-size: 0.92rem; color: #333; }
-      .f7-ticket-card__title b { font-weight: 700; }
+      .f7-ticket-card__title { font-size: 0.92rem; color: #333; flex: 1; min-width: 0; line-height: 1.35; }
+      .f7-ticket-card__title b { font-weight: 700; word-break: break-word; }
       .f7-ticket-card__num { font-weight: 400; color: #777; margin-left: 4px; }
       .f7-ticket-card__status {
         flex-shrink: 0;
@@ -985,11 +985,12 @@
       ? '<span class="f7-unread-dot" title="Новое сообщение" aria-label="Новое сообщение"></span>'
       : "";
     const tn = escapeHtml(ticket.ticket_number);
+    const subj = escapeHtml(ticket.subject || "—");
     const st = escapeHtml(ticket.status);
     const stCls = clientTicketStatusClass(ticket.status);
     return `<li class="f7-ticket-card" data-ticket-number="${escapeHtml(ticket.ticket_number)}">
       <div class="f7-ticket-card__head">
-        <span class="f7-ticket-card__title"><b>Тема</b><span class="f7-ticket-card__num">#${tn}</span></span>
+        <span class="f7-ticket-card__title">Тема: <b>${subj}</b><span class="f7-ticket-card__num"> #${tn}</span></span>
         <span class="f7-ticket-card__status ${stCls}">${st}</span>
       </div>
       <div class="f7-ticket-card__body">