Spaces:
Sleeping
Sleeping
| <html lang="vi"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>PoolCoach TV</title> | |
| <link rel="stylesheet" href="tv.css"> | |
| </head> | |
| <body> | |
| <!-- TV tại bàn (bàn giao 15) — trang READ-ONLY, không nút thao tác nào | |
| ngoài màn pair (design FullVision §5.4). Class viết RIÊNG hết (tv.css), | |
| không nạp style.css của app — không mượn class có event binding | |
| (bài học .btn-play 04/08). --> | |
| <!-- màn pair: TV chưa ghép bàn — mã 6 số cỡ lớn --> | |
| <section id="scr-pair" class="scr"> | |
| <div class="center-box"> | |
| <div class="brand">🎱 PoolCoach TV</div> | |
| <div id="pair-code" class="pair-code">······</div> | |
| <div class="hint">Trên điện thoại — trang PoolCoach của quán:<br> | |
| bấm <b>📺 Ghép TV</b> rồi nhập mã này.</div> | |
| </div> | |
| </section> | |
| <!-- màn chờ: đã ghép, chưa có cú nào trong phiên TV này --> | |
| <section id="scr-wait" class="scr hidden"> | |
| <div class="center-box"> | |
| <div class="brand">🎱 PoolCoach TV</div> | |
| <div class="wait-ok">Đã ghép với bàn ✓</div> | |
| <div class="hint">Bấm <b>Gợi ý</b> trên điện thoại — | |
| cú đánh sẽ hiện lên màn hình này.</div> | |
| </div> | |
| </section> | |
| <!-- màn cú đánh (bước 4): canvas bàn ngang + panel thông số nhìn xa 2–3 m --> | |
| <section id="scr-shot" class="scr hidden"> | |
| <div id="tv-table-wrap"><canvas id="tv-table"></canvas></div> | |
| <aside class="tv-panel"> | |
| <div id="tv-describe" class="tv-describe"></div> | |
| <div class="tv-viz"> | |
| <svg id="tv-spin" viewBox="0 0 100 100" aria-label="điểm chạm bi cái"> | |
| <defs> | |
| <radialGradient id="tv-cuegrad" cx="35%" cy="30%" r="80%"> | |
| <stop offset="0%" stop-color="#ffffff"/> | |
| <stop offset="100%" stop-color="#c9c9c9"/> | |
| </radialGradient> | |
| </defs> | |
| <circle cx="50" cy="50" r="46" fill="url(#tv-cuegrad)" stroke="#1c1c1c" stroke-width="1.6"/> | |
| <line x1="50" y1="7" x2="50" y2="93" stroke="#9a9a9a" stroke-width="1" stroke-dasharray="3 4"/> | |
| <line x1="7" y1="50" x2="93" y2="50" stroke="#9a9a9a" stroke-width="1" stroke-dasharray="3 4"/> | |
| <circle id="tv-spin-dot" cx="50" cy="50" r="6.5" fill="#e02020" stroke="#7a0000" stroke-width="1.3"/> | |
| </svg> | |
| <div class="tv-chips"> | |
| <div id="tv-power" class="tv-chip"></div> | |
| <div id="tv-spin-cap" class="tv-chip"></div> | |
| </div> | |
| </div> | |
| <div id="tv-alts" class="tv-alts"></div> | |
| </aside> | |
| </section> | |
| <!-- góc màn hình: giờ cập nhật + chỗ confidence CV (để trống — chưa có CV) --> | |
| <div id="tv-corner" class="tv-corner hidden"> | |
| <span id="tv-cv" class="tv-cv">CV —</span> | |
| <span id="tv-clock"></span> | |
| </div> | |
| <!-- overlay mất kết nối — TV tự reconnect, người chơi không phải làm gì --> | |
| <div id="ws-down" class="ws-down hidden">Mất kết nối — đang kết nối lại…</div> | |
| <script src="tv.js"></script> | |
| </body> | |
| </html> | |