ychernenko/hockey_new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BUILD123 — обновлённые «Пятёрки»

Browse Source
This commit is contained in:
Юрий Черненко
2026-08-26 15:15:45 +03:00
parent fe164c17f2
commit aca538811f
3 changed files with 29 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ui_builder/static/app.js
View File

@@ -7007,17 +7007,21 @@ function openTimerQuickEditor(focusActionId = "") {
return payload;
}
function hockeyLinePlayerCard(side, player) {
function hockeyLinePlayerCard(side, player, slotNumber = 0) {
const node = div("hockey-line-player");
const playerId = String(player?.external_id || player?.id || "");
const assignedLine = String(player?.line || "").trim();
const savedOrder = Number(player?.line_sort_order || 0);
const effectiveOrder = assignedLine ? (savedOrder > 0 ? savedOrder : Number(slotNumber || 0)) : 0;
node.draggable = true;
node.dataset.playerId = playerId;
node.dataset.side = side;
if (effectiveOrder > 0) node.dataset.lineSortOrder = String(effectiveOrder);
node.innerHTML = `
<span class="hockey-line-drag">⋮⋮</span>
<b>${escapeHtml(player?.number ? `#${player.number}` : "—")}</b>
<strong>${escapeHtml(player?.name || "Игрок")}</strong>
<small>${escapeHtml(player?.position || "")}</small>
<span class="hockey-line-drag" title="Перетащить">⋮⋮</span>
<b class="hockey-line-player-number">${escapeHtml(player?.number ? `#${player.number}` : "—")}</b>
<strong title="${escapeHtml(player?.name || "Игрок")}">${escapeHtml(player?.name || "Игрок")}</strong>
${effectiveOrder > 0 ? `<span class="hockey-line-order" title="Порядок в звене / line_sort_order: ${effectiveOrder}">${effectiveOrder}</span>` : ""}
`;
node.addEventListener("dragstart", (event) => {
const payload = JSON.stringify({ side, playerId });
@@ -7046,8 +7050,8 @@ function openTimerQuickEditor(focusActionId = "") {
zone.dataset.side = side;
zone.dataset.line = String(lineNumber || "");
if (!players.length) zone.innerHTML = `<span>Перетащите игрока сюда</span>`;
players.forEach((player) => {
const card = hockeyLinePlayerCard(side, player);
players.forEach((player, index) => {
const card = hockeyLinePlayerCard(side, player, index + 1);
card.addEventListener("dragover", (event) => {
event.preventDefault();
event.stopPropagation();
@@ -7162,7 +7166,7 @@ function openTimerQuickEditor(focusActionId = "") {
return workspace;
}
const intro = div("hockey-lines-intro");
intro.innerHTML = `<div><strong>Пятёрки / звенья</strong><span>Перетаскивайте игроков между звеньями и меняйте порядок внутри звена. Изменения сохраняются в базе автоматически.</span></div><small>SQL: hockey_game_rosters.line_number + line_sort_order</small>`;
intro.innerHTML = `<div><strong>Пятёрки / звенья</strong><span>Перетаскивайте игроков между звеньями. Цифра справа у игрока — его сохранённый порядок 1–5 внутри звена.</span></div><small>SQL: line_number + line_sort_order</small>`;
workspace.append(intro);
const teams = div("hockey-lines-columns");
teams.append(hockeyLineTeamColumn("home"), hockeyLineTeamColumn("away"));
@@ -13625,7 +13629,7 @@ function renderHockeyPenaltyDashboard(node, component, runtime) {
// uniformly on smaller screens and may now grow on larger/F11 viewports.
// A bounded 150% scale keeps the fixed logical canvas stable while using
// otherwise empty screen space.
const maxScale = fixedHockeyCanvas ? 1.6 : 1.8;
const maxScale = state.activeTab === "lines" ? 1.8 : fixedHockeyCanvas ? 1.6 : 1.8;
const heightRatio = available.height / canvasHeight;
const rawScale = Math.min(maxScale, available.width / canvasWidth, heightRatio);
const scale = Math.max(0.1, Math.floor(rawScale * 10000) / 10000);