From 84e49b2b399dcfea6e6543ad7181f6a7be1d651e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=AE=D1=80=D0=B8=D0=B9=20=D0=A7=D0=B5=D1=80=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=BA=D0=BE?= <y.chernenko@tvstart.ru>
Date: Tue, 21 Apr 2026 15:08:05 +0300
Subject: [PATCH] =?UTF-8?q?=D1=82=D0=B5=D1=81=D1=822?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/script.js               | 48 ++++++++++++++++++++------
 templates/match_workspace.html | 62 +++++++++++++++++++++++++++-------
 2 files changed, 86 insertions(+), 24 deletions(-)

diff --git a/static/script.js b/static/script.js
index 6f0f02b..6f3f1a1 100644
--- a/static/script.js
+++ b/static/script.js
@@ -2037,12 +2037,14 @@ function renderLineupRow(row) {
     const side = row.dataset.side;
     const role = row.dataset.role;
     const player = getRowPlayer(row);
+
     const fullName = (player.name || `${player.lastName || ""} ${player.firstName || ""}`).trim();
     const displayName = buildPersonDisplayName(
         player.firstName,
         player.lastName,
         player.name || fullName
     );
+
     const gkBadge = isGoalkeeperPosition(player.position) ? '<span class="gk-badge">ВР</span>' : '';
     const captainBadge = player.isCaptain ? '<span class="captain-badge">К</span>' : '';
     const disciplineBadge = player.disciplineType === "yellow_red"
@@ -2050,7 +2052,11 @@ function renderLineupRow(row) {
         : (player.disciplineType === "red"
             ? '<span class="discipline-badge-red">КК</span>'
             : '');
-    const firstNameHtml = player.firstName ? `<span class="first-name"> ${escapeHtml(player.firstName)}</span>` : '';
+
+    const firstNameHtml = player.firstName
+        ? `<span class="first-name"> ${escapeHtml(player.firstName)}</span>`
+        : '';
+
     const idJs = JSON.stringify(player.id || player.number || "");
     const nameJs = JSON.stringify(displayName);
 
@@ -2084,19 +2090,31 @@ function renderLineupRow(row) {
     }
 
     row.innerHTML = `
-        <td class="num-cell">${escapeHtml(player.number)}</td>
-        <td class="player-cell">
-            <div class="player-inline">
-                <div class="player-inline-text">
-                    <span class="last-name">${escapeHtml(player.lastName || player.name)}</span>${firstNameHtml}
+        <td class="num-cell">${escapeHtml(player.number || "")}</td>
+        <td class="player-cell" title="Показать титр игрока">
+            <button
+                type="button"
+                class="player-link-btn vmix-person-trigger"
+                data-vmix-person-type="player"
+                data-side="${escapeHtml(side)}"
+                data-name="${escapeHtml(displayName)}"
+                data-role="${escapeHtml(player.position || "")}"
+            >
+                <div class="player-inline">
+                    <div class="player-inline-text">
+                        <span class="last-name">${escapeHtml(player.lastName || player.name || "")}</span>${firstNameHtml}
+                    </div>
+                    <span class="badges">
+                        ${gkBadge}
+                        ${captainBadge}
+                        ${disciplineBadge}
+                    </span>
                 </div>
-                <span class="badges">${gkBadge}${captainBadge}${disciplineBadge}</span>
-            </div>
+            </button>
         </td>
         <td class="actions-col">${actionsHtml}</td>
     `;
 }
-
 function makeDraggable(el) {
     let dragging = false;
 
@@ -3199,10 +3217,18 @@ function renderLiveCoachBlockForSide(side) {
 
     block.innerHTML = source.map(c => `
         <div class="coach-line">
-            <div class="coach-left">
+            <button
+                type="button"
+                class="coach-left vmix-person-trigger player-link-btn coach-link-btn"
+                data-vmix-person-type="coach"
+                data-side="${escapeHtml(side)}"
+                data-name="${escapeHtml(c.coach_name || "")}"
+                data-role="${escapeHtml(c.role || "")}"
+                title="Показать титр тренера"
+            >
                 <span class="coach-name">${escapeHtml(c.coach_name || "")}</span>
                 ${c.role ? `<span class="coach-badge">${escapeHtml(c.role)}</span>` : ""}
-            </div>
+            </button>
             <div class="coach-actions">
                 <button
                     type="button"
diff --git a/templates/match_workspace.html b/templates/match_workspace.html
index 087fcc5..233090e 100644
--- a/templates/match_workspace.html
+++ b/templates/match_workspace.html
@@ -1249,13 +1249,37 @@
   (function () {
     const matchId = window.MATCH_DATA?.matchId;
     const sessionToken = window.MATCH_DATA?.sessionToken;
+    const teamLogos = window.MATCH_DATA?.teamLogos || {};
 
     if (!matchId || !sessionToken) {
       return;
     }
 
-    async function sendVmixPreviewInput(inputName) {
-      if (!inputName) return;
+    function formatCoachName(rawName) {
+      const parts = String(rawName || "").trim().split(/\s+/).filter(Boolean);
+      if (parts.length >= 2) {
+        return `${parts[1]} ${parts[0]}`;
+      }
+      return String(rawName || "").trim();
+    }
+
+    function formatPlayerName(rawName) {
+      const parts = String(rawName || "").trim().split(/\s+/).filter(Boolean);
+      if (parts.length >= 2) {
+        return `${parts[1]} ${parts[0]}`;
+      }
+      return String(rawName || "").trim();
+    }
+
+    async function sendNeutralPersonTitle(name, role, logoUrl) {
+      const inputName = "ИГРОК - НЕЙТРАЛЬНЫЙ";
+
+      const commands = [
+        `/api/?Function=SetText&Input=${encodeURIComponent(inputName)}&SelectedName=${encodeURIComponent("Тренер.Text")}&Value=${encodeURIComponent(name || "")}`,
+        `/api/?Function=SetText&Input=${encodeURIComponent(inputName)}&SelectedName=${encodeURIComponent("Должность.Text")}&Value=${encodeURIComponent(role || "")}`,
+        `/api/?Function=SetImage&Input=${encodeURIComponent(inputName)}&SelectedName=${encodeURIComponent("Лого.Source")}&Value=${encodeURIComponent(logoUrl || "")}`,
+        `/api/?Function=PreviewInput&Input=${encodeURIComponent(inputName)}`
+      ];
 
       try {
         const response = await fetch("/api/vmix/publish-command", {
@@ -1269,30 +1293,42 @@
           body: JSON.stringify({
             match_id: matchId,
             session_token: sessionToken,
-            commands: [
-              `/api/?Function=PreviewInput&Input=${encodeURIComponent(inputName)}`
-            ],
+            commands,
             meta: {
-              source: "tab_click",
-              input_name: inputName
+              source: "person_click",
+              title_input: inputName,
+              person_name: name,
+              person_role: role,
+              logo_url: logoUrl
             }
           })
         });
 
         if (!response.ok) {
-          console.error("Ошибка отправки команды в vMix:", response.status);
+          console.error("Ошибка отправки титра в vMix:", response.status);
         }
       } catch (error) {
-        console.error("Не удалось отправить команду в vMix:", error);
+        console.error("Не удалось отправить титр в vMix:", error);
       }
     }
 
     document.addEventListener("click", function (event) {
-      const link = event.target.closest(".tab-link[data-vmix-title]");
-      if (!link) return;
+      const trigger = event.target.closest(".vmix-person-trigger");
+      if (!trigger) return;
 
-      const inputName = link.dataset.vmixTitle;
-      sendVmixPreviewInput(inputName);
+      const personType = (trigger.dataset.vmixPersonType || "").trim();
+      const side = (trigger.dataset.side || "").trim();
+      const rawName = (trigger.dataset.name || "").trim();
+      const role = (trigger.dataset.role || "").trim();
+      const logoUrl = side === "away" ? teamLogos.away : teamLogos.home;
+
+      if (!rawName) return;
+
+      const formattedName = personType === "coach"
+        ? formatCoachName(rawName)
+        : formatPlayerName(rawName);
+
+      sendNeutralPersonTitle(formattedName, role, logoUrl);
     });
   })();
 </script>