From e8a7c5934bda8b6353fc6ee242b914f484bfb585 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 14:31:22 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=BA=D0=BB=D0=B8=D0=BA=D0=B0=D0=B1=D0=B5=D0=BB=D1=8C?=
 =?UTF-8?q?=D0=BD=D0=BE=D1=81=D1=82=D1=8C=20=D0=B8=D0=B3=D1=80=D0=BE=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/match_workspace.html | 264 ++++++++++++++++++---------------
 1 file changed, 147 insertions(+), 117 deletions(-)
diff --git a/templates/match_workspace.html b/templates/match_workspace.html
index 7bd42c0..a3a00b2 100644
--- a/templates/match_workspace.html
+++ b/templates/match_workspace.html
@@ -10,6 +10,44 @@
     <meta http-equiv="Expires" content="0" />
     <title>Рабочее окно матча</title>
     <link rel="stylesheet" href="/static/styles.css">
+  
+    <style>
+      .player-link-btn,
+      .coach-link-btn {
+        display: block;
+        width: 100%;
+        padding: 0;
+        margin: 0;
+        border: none;
+        background: transparent;
+        color: inherit;
+        text-align: left;
+        cursor: pointer;
+        font: inherit;
+      }
+
+      .player-link-btn .last-name,
+      .player-link-btn .first-name,
+      .coach-link-btn .coach-name {
+        color: #8ab4ff;
+        text-decoration: underline;
+        text-underline-offset: 2px;
+      }
+
+      .player-link-btn:hover .last-name,
+      .player-link-btn:hover .first-name,
+      .coach-link-btn:hover .coach-name {
+        color: #a9c7ff;
+      }
+
+      .player-link-btn:focus-visible,
+      .coach-link-btn:focus-visible {
+        outline: 2px solid rgba(138, 180, 255, 0.45);
+        outline-offset: 2px;
+        border-radius: 6px;
+      }
+    </style>
+
   </head>
 
   <body>
@@ -246,8 +284,9 @@
                 <div class="coaches-block" id="homeCoachesBlock">
                   {% for c in coaches.home %}
                   <div class="coach-line">
-<div
-  class="coach-left vmix-person-trigger"
+<button
+  type="button"
+  class="coach-left vmix-person-trigger player-link-btn coach-link-btn"
   data-vmix-person-type="coach"
   data-side="home"
   data-name="{{ c.coach_name }}"
@@ -258,7 +297,7 @@
                       {% if c.role %}
                       <span class="coach-badge">{{ c.role }}</span>
                       {% endif %}
-                    </div>
+                    </button>
                     <div class="coach-actions">
                       <button
                         type="button"
@@ -310,34 +349,31 @@
                       data-player-captain="{{ 1 if p.is_captain else 0 }}"
                     >
                       <td class="num-cell">{{ p.number }}</td>
-<td
-  class="player-cell vmix-person-trigger"
-  data-vmix-person-type="player"
-  data-side="{{ 'home' if true else 'away' }}"
-  data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}"
-  data-role="{{ p.position or '' }}"
-  title="Показать титр игрока"
->
-  <div class="player-inline">
-                          <div class="player-inline-text">
-                            <span
-                              class="last-name"
-                              >{{ p.last_name or p.player_name }}</span
-                            >
-                            {% if p.first_name %}<span class="first-name">
-                              {{ p.first_name }}</span
-                            >{% endif %}
-                          </div>
-                          <span class="badges">
-                            {% if p.position and p.position|lower in ['вр.',
-                            'вр', 'вратарь', 'gk', 'goalkeeper'] %}
-                            <span class="gk-badge">ВР</span>
-                            {% endif %} {% if p.is_captain %}
-                            <span class="captain-badge">К</span>
-                            {% endif %}
-                          </span>
-                        </div>
-                      </td>
+<td class="player-cell" title="Показать титр игрока">
+  <button
+    type="button"
+    class="vmix-person-trigger player-link-btn"
+    data-vmix-person-type="player"
+    data-side="home"
+    data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}"
+    data-role="{{ p.position or '' }}"
+  >
+    <div class="player-inline">
+      <div class="player-inline-text">
+        <span class="last-name">{{ p.last_name or p.player_name }}</span>
+        {% if p.first_name %}<span class="first-name">{{ p.first_name }}</span>{% endif %}
+      </div>
+      <span class="badges">
+        {% if p.position and p.position|lower in ['вр.', 'вр', 'вратарь', 'gk', 'goalkeeper'] %}
+        <span class="gk-badge">ВР</span>
+        {% endif %}
+        {% if p.is_captain %}
+        <span class="captain-badge">К</span>
+        {% endif %}
+      </span>
+    </div>
+  </button>
+</td>
                       <td class="actions-col">
                         <div class="row-actions">
                           <button
@@ -422,34 +458,31 @@
                       data-player-captain="{{ 1 if p.is_captain else 0 }}"
                     >
                       <td class="num-cell">{{ p.number }}</td>
-<td
-  class="player-cell vmix-person-trigger"
-  data-vmix-person-type="player"
-  data-side="{{ 'home' if true else 'away' }}"
-  data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}"
-  data-role="{{ p.position or '' }}"
-  title="Показать титр игрока"
->
-  <div class="player-inline">
-                          <div class="player-inline-text">
-                            <span
-                              class="last-name"
-                              >{{ p.last_name or p.player_name }}</span
-                            >
-                            {% if p.first_name %}<span class="first-name">
-                              {{ p.first_name }}</span
-                            >{% endif %}
-                          </div>
-                          <span class="badges">
-                            {% if p.position and p.position|lower in ['вр.',
-                            'вр', 'вратарь', 'gk', 'goalkeeper'] %}
-                            <span class="gk-badge">ВР</span>
-                            {% endif %} {% if p.is_captain %}
-                            <span class="captain-badge">К</span>
-                            {% endif %}
-                          </span>
-                        </div>
-                      </td>
+<td class="player-cell" title="Показать титр игрока">
+  <button
+    type="button"
+    class="vmix-person-trigger player-link-btn"
+    data-vmix-person-type="player"
+    data-side="home"
+    data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}"
+    data-role="{{ p.position or '' }}"
+  >
+    <div class="player-inline">
+      <div class="player-inline-text">
+        <span class="last-name">{{ p.last_name or p.player_name }}</span>
+        {% if p.first_name %}<span class="first-name">{{ p.first_name }}</span>{% endif %}
+      </div>
+      <span class="badges">
+        {% if p.position and p.position|lower in ['вр.', 'вр', 'вратарь', 'gk', 'goalkeeper'] %}
+        <span class="gk-badge">ВР</span>
+        {% endif %}
+        {% if p.is_captain %}
+        <span class="captain-badge">К</span>
+        {% endif %}
+      </span>
+    </div>
+  </button>
+</td>
                       <td class="actions-col">
                         <div class="row-actions">
                           <button
@@ -479,8 +512,9 @@
                 >
                   {% for c in coaches.away %}
                   <div class="coach-line">
-<div
-  class="coach-left vmix-person-trigger"
+<button
+  type="button"
+  class="coach-left vmix-person-trigger player-link-btn coach-link-btn"
   data-vmix-person-type="coach"
   data-side="away"
   data-name="{{ c.coach_name }}"
@@ -491,7 +525,7 @@
                       {% if c.role %}
                       <span class="coach-badge">{{ c.role }}</span>
                       {% endif %}
-                    </div>
+                    </button>
                     <div class="coach-actions">
                       <button
                         type="button"
@@ -543,33 +577,31 @@
                       data-player-captain="{{ 1 if p.is_captain else 0 }}"
                     >
                       <td class="num-cell">{{ p.number }}</td>
-<td
-  class="player-cell vmix-person-trigger"
-  data-vmix-person-type="player"
-  data-side="away"
-  data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}"
-  data-role="{{ p.position or '' }}"
-  title="Показать титр игрока"
->
-                          <div class="player-inline-text">
-                            <span
-                              class="last-name"
-                              >{{ p.last_name or p.player_name }}</span
-                            >
-                            {% if p.first_name %}<span class="first-name">
-                              {{ p.first_name }}</span
-                            >{% endif %}
-                          </div>
-                          <span class="badges">
-                            {% if p.position and p.position|lower in ['вр.',
-                            'вр', 'вратарь', 'gk', 'goalkeeper'] %}
-                            <span class="gk-badge">ВР</span>
-                            {% endif %} {% if p.is_captain %}
-                            <span class="captain-badge">К</span>
-                            {% endif %}
-                          </span>
-                        </div>
-                      </td>
+<td class="player-cell" title="Показать титр игрока">
+  <button
+    type="button"
+    class="vmix-person-trigger player-link-btn"
+    data-vmix-person-type="player"
+    data-side="away"
+    data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}"
+    data-role="{{ p.position or '' }}"
+  >
+    <div class="player-inline">
+      <div class="player-inline-text">
+        <span class="last-name">{{ p.last_name or p.player_name }}</span>
+        {% if p.first_name %}<span class="first-name">{{ p.first_name }}</span>{% endif %}
+      </div>
+      <span class="badges">
+        {% if p.position and p.position|lower in ['вр.', 'вр', 'вратарь', 'gk', 'goalkeeper'] %}
+        <span class="gk-badge">ВР</span>
+        {% endif %}
+        {% if p.is_captain %}
+        <span class="captain-badge">К</span>
+        {% endif %}
+      </span>
+    </div>
+  </button>
+</td>
                       <td class="actions-col">
                         <div class="row-actions">
                           <button
@@ -654,33 +686,31 @@
                       data-player-captain="{{ 1 if p.is_captain else 0 }}"
                     >
                       <td class="num-cell">{{ p.number }}</td>
-<td
-  class="player-cell vmix-person-trigger"
-  data-vmix-person-type="player"
-  data-side="away"
-  data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}"
-  data-role="{{ p.position or '' }}"
-  title="Показать титр игрока"
->
-                          <div class="player-inline-text">
-                            <span
-                              class="last-name"
-                              >{{ p.last_name or p.player_name }}</span
-                            >
-                            {% if p.first_name %}<span class="first-name">
-                              {{ p.first_name }}</span
-                            >{% endif %}
-                          </div>
-                          <span class="badges">
-                            {% if p.position and p.position|lower in ['вр.',
-                            'вр', 'вратарь', 'gk', 'goalkeeper'] %}
-                            <span class="gk-badge">ВР</span>
-                            {% endif %} {% if p.is_captain %}
-                            <span class="captain-badge">К</span>
-                            {% endif %}
-                          </span>
-                        </div>
-                      </td>
+<td class="player-cell" title="Показать титр игрока">
+  <button
+    type="button"
+    class="vmix-person-trigger player-link-btn"
+    data-vmix-person-type="player"
+    data-side="away"
+    data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}"
+    data-role="{{ p.position or '' }}"
+  >
+    <div class="player-inline">
+      <div class="player-inline-text">
+        <span class="last-name">{{ p.last_name or p.player_name }}</span>
+        {% if p.first_name %}<span class="first-name">{{ p.first_name }}</span>{% endif %}
+      </div>
+      <span class="badges">
+        {% if p.position and p.position|lower in ['вр.', 'вр', 'вратарь', 'gk', 'goalkeeper'] %}
+        <span class="gk-badge">ВР</span>
+        {% endif %}
+        {% if p.is_captain %}
+        <span class="captain-badge">К</span>
+        {% endif %}
+      </span>
+    </div>
+  </button>
+</td>
                       <td class="actions-col">
                         <div class="row-actions">
                           <button
@@ -1279,7 +1309,7 @@
   <canvas id="matrixCanvas" class="matrix-canvas"></canvas>
 
   <div class="matrix-content">
-    <div class="matrix-title">Загрузка данных матча</div>
+    <div class="matrix-title" id="matrixTitle">Загрузка данных матча</div>
     <div class="matrix-status" id="matrixStatusText">
       Подключение к сайту...
     </div>
