поправил кликабельность игроков

This commit is contained in:
2026-04-21 14:31:22 +03:00
parent ac1904f538
commit e8a7c5934b

View File

@@ -10,6 +10,44 @@
<meta http-equiv="Expires" content="0" /> <meta http-equiv="Expires" content="0" />
<title>Рабочее окно матча</title> <title>Рабочее окно матча</title>
<link rel="stylesheet" href="/static/styles.css"> <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> </head>
<body> <body>
@@ -246,8 +284,9 @@
<div class="coaches-block" id="homeCoachesBlock"> <div class="coaches-block" id="homeCoachesBlock">
{% for c in coaches.home %} {% for c in coaches.home %}
<div class="coach-line"> <div class="coach-line">
<div <button
class="coach-left vmix-person-trigger" type="button"
class="coach-left vmix-person-trigger player-link-btn coach-link-btn"
data-vmix-person-type="coach" data-vmix-person-type="coach"
data-side="home" data-side="home"
data-name="{{ c.coach_name }}" data-name="{{ c.coach_name }}"
@@ -258,7 +297,7 @@
{% if c.role %} {% if c.role %}
<span class="coach-badge">{{ c.role }}</span> <span class="coach-badge">{{ c.role }}</span>
{% endif %} {% endif %}
</div> </button>
<div class="coach-actions"> <div class="coach-actions">
<button <button
type="button" type="button"
@@ -310,34 +349,31 @@
data-player-captain="{{ 1 if p.is_captain else 0 }}" data-player-captain="{{ 1 if p.is_captain else 0 }}"
> >
<td class="num-cell">{{ p.number }}</td> <td class="num-cell">{{ p.number }}</td>
<td <td class="player-cell" title="Показать титр игрока">
class="player-cell vmix-person-trigger" <button
data-vmix-person-type="player" type="button"
data-side="{{ 'home' if true else 'away' }}" class="vmix-person-trigger player-link-btn"
data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}" data-vmix-person-type="player"
data-role="{{ p.position or '' }}" data-side="home"
title="Показать титр игрока" 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"> <div class="player-inline">
<span <div class="player-inline-text">
class="last-name" <span class="last-name">{{ p.last_name or p.player_name }}</span>
>{{ p.last_name or p.player_name }}</span {% if p.first_name %}<span class="first-name">{{ p.first_name }}</span>{% endif %}
> </div>
{% if p.first_name %}<span class="first-name"> <span class="badges">
{{ p.first_name }}</span {% if p.position and p.position|lower in ['вр.', 'вр', 'вратарь', 'gk', 'goalkeeper'] %}
>{% endif %} <span class="gk-badge">ВР</span>
</div> {% endif %}
<span class="badges"> {% if p.is_captain %}
{% if p.position and p.position|lower in ['вр.', <span class="captain-badge">К</span>
'вр', 'вратарь', 'gk', 'goalkeeper'] %} {% endif %}
<span class="gk-badge">ВР</span> </span>
{% endif %} {% if p.is_captain %} </div>
<span class="captain-badge">К</span> </button>
{% endif %} </td>
</span>
</div>
</td>
<td class="actions-col"> <td class="actions-col">
<div class="row-actions"> <div class="row-actions">
<button <button
@@ -422,34 +458,31 @@
data-player-captain="{{ 1 if p.is_captain else 0 }}" data-player-captain="{{ 1 if p.is_captain else 0 }}"
> >
<td class="num-cell">{{ p.number }}</td> <td class="num-cell">{{ p.number }}</td>
<td <td class="player-cell" title="Показать титр игрока">
class="player-cell vmix-person-trigger" <button
data-vmix-person-type="player" type="button"
data-side="{{ 'home' if true else 'away' }}" class="vmix-person-trigger player-link-btn"
data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}" data-vmix-person-type="player"
data-role="{{ p.position or '' }}" data-side="home"
title="Показать титр игрока" 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"> <div class="player-inline">
<span <div class="player-inline-text">
class="last-name" <span class="last-name">{{ p.last_name or p.player_name }}</span>
>{{ p.last_name or p.player_name }}</span {% if p.first_name %}<span class="first-name">{{ p.first_name }}</span>{% endif %}
> </div>
{% if p.first_name %}<span class="first-name"> <span class="badges">
{{ p.first_name }}</span {% if p.position and p.position|lower in ['вр.', 'вр', 'вратарь', 'gk', 'goalkeeper'] %}
>{% endif %} <span class="gk-badge">ВР</span>
</div> {% endif %}
<span class="badges"> {% if p.is_captain %}
{% if p.position and p.position|lower in ['вр.', <span class="captain-badge">К</span>
'вр', 'вратарь', 'gk', 'goalkeeper'] %} {% endif %}
<span class="gk-badge">ВР</span> </span>
{% endif %} {% if p.is_captain %} </div>
<span class="captain-badge">К</span> </button>
{% endif %} </td>
</span>
</div>
</td>
<td class="actions-col"> <td class="actions-col">
<div class="row-actions"> <div class="row-actions">
<button <button
@@ -479,8 +512,9 @@
> >
{% for c in coaches.away %} {% for c in coaches.away %}
<div class="coach-line"> <div class="coach-line">
<div <button
class="coach-left vmix-person-trigger" type="button"
class="coach-left vmix-person-trigger player-link-btn coach-link-btn"
data-vmix-person-type="coach" data-vmix-person-type="coach"
data-side="away" data-side="away"
data-name="{{ c.coach_name }}" data-name="{{ c.coach_name }}"
@@ -491,7 +525,7 @@
{% if c.role %} {% if c.role %}
<span class="coach-badge">{{ c.role }}</span> <span class="coach-badge">{{ c.role }}</span>
{% endif %} {% endif %}
</div> </button>
<div class="coach-actions"> <div class="coach-actions">
<button <button
type="button" type="button"
@@ -543,33 +577,31 @@
data-player-captain="{{ 1 if p.is_captain else 0 }}" data-player-captain="{{ 1 if p.is_captain else 0 }}"
> >
<td class="num-cell">{{ p.number }}</td> <td class="num-cell">{{ p.number }}</td>
<td <td class="player-cell" title="Показать титр игрока">
class="player-cell vmix-person-trigger" <button
data-vmix-person-type="player" type="button"
data-side="away" class="vmix-person-trigger player-link-btn"
data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}" data-vmix-person-type="player"
data-role="{{ p.position or '' }}" data-side="away"
title="Показать титр игрока" data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}"
> data-role="{{ p.position or '' }}"
<div class="player-inline-text"> >
<span <div class="player-inline">
class="last-name" <div class="player-inline-text">
>{{ p.last_name or p.player_name }}</span <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 %}
{% if p.first_name %}<span class="first-name"> </div>
{{ p.first_name }}</span <span class="badges">
>{% endif %} {% if p.position and p.position|lower in ['вр.', 'вр', 'вратарь', 'gk', 'goalkeeper'] %}
</div> <span class="gk-badge">ВР</span>
<span class="badges"> {% endif %}
{% if p.position and p.position|lower in ['вр.', {% if p.is_captain %}
'вр', 'вратарь', 'gk', 'goalkeeper'] %} <span class="captain-badge">К</span>
<span class="gk-badge">ВР</span> {% endif %}
{% endif %} {% if p.is_captain %} </span>
<span class="captain-badge">К</span> </div>
{% endif %} </button>
</span> </td>
</div>
</td>
<td class="actions-col"> <td class="actions-col">
<div class="row-actions"> <div class="row-actions">
<button <button
@@ -654,33 +686,31 @@
data-player-captain="{{ 1 if p.is_captain else 0 }}" data-player-captain="{{ 1 if p.is_captain else 0 }}"
> >
<td class="num-cell">{{ p.number }}</td> <td class="num-cell">{{ p.number }}</td>
<td <td class="player-cell" title="Показать титр игрока">
class="player-cell vmix-person-trigger" <button
data-vmix-person-type="player" type="button"
data-side="away" class="vmix-person-trigger player-link-btn"
data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}" data-vmix-person-type="player"
data-role="{{ p.position or '' }}" data-side="away"
title="Показать титр игрока" data-name="{{ ((p.last_name or p.player_name or '') ~ ' ' ~ (p.first_name or '')) | trim }}"
> data-role="{{ p.position or '' }}"
<div class="player-inline-text"> >
<span <div class="player-inline">
class="last-name" <div class="player-inline-text">
>{{ p.last_name or p.player_name }}</span <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 %}
{% if p.first_name %}<span class="first-name"> </div>
{{ p.first_name }}</span <span class="badges">
>{% endif %} {% if p.position and p.position|lower in ['вр.', 'вр', 'вратарь', 'gk', 'goalkeeper'] %}
</div> <span class="gk-badge">ВР</span>
<span class="badges"> {% endif %}
{% if p.position and p.position|lower in ['вр.', {% if p.is_captain %}
'вр', 'вратарь', 'gk', 'goalkeeper'] %} <span class="captain-badge">К</span>
<span class="gk-badge">ВР</span> {% endif %}
{% endif %} {% if p.is_captain %} </span>
<span class="captain-badge">К</span> </div>
{% endif %} </button>
</span> </td>
</div>
</td>
<td class="actions-col"> <td class="actions-col">
<div class="row-actions"> <div class="row-actions">
<button <button
@@ -1279,7 +1309,7 @@
<canvas id="matrixCanvas" class="matrix-canvas"></canvas> <canvas id="matrixCanvas" class="matrix-canvas"></canvas>
<div class="matrix-content"> <div class="matrix-content">
<div class="matrix-title">Загрузка данных матча</div> <div class="matrix-title" id="matrixTitle">Загрузка данных матча</div>
<div class="matrix-status" id="matrixStatusText"> <div class="matrix-status" id="matrixStatusText">
Подключение к сайту... Подключение к сайту...
</div> </div>