Files
dice-counter/templates/game.html
T
gitea-actionsandClaude Opus 5 bcbbede258 web: zadávání z telefonu a zápisník na notebooku
Flask, server-rendered HTML, formuláře přes POST/redirect/GET.
Žádný build step, žádný JS framework.

- / zakládá hru výběrem známých hráčů v pořadí u stolu
- /game/<id> je zadávací pohled: kdo je na tahu, skóre, x/xx,
  průběžné pořadí, vrácení posledního zápisu
- /board/<id> je zápisník po kolech; tahy před vynulováním se škrtnou
  červeně, sloupec hráče na tahu drží zvýrazňovač
- tabule se doptává serveru každé dvě vteřiny a vyměňuje jen hlavičku
  a zápisník, QR s adresou zůstává mimo obnovovanou část
- adresa pro telefon se hledá za běhu, QR se skládá ze čtverečků
  přímo do SVG, takže není potřeba Pillow
- 16 funkčních testů přes Flask test client

Vizuálně to stojí na tom, co appka nahrazuje: čtverečkovaný papír,
modrá propiska zapisuje, červená škrtá, zvýrazňovač drží tah.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-08-20 19:01:08 +02:00

79 lines
2.5 KiB
HTML

{% extends "base.html" %}
{% block title %}{% if winner %}Konec hry{% else %}Na tahu {{ game.current_player }}{% endif %}{% endblock %}
{% block body %}
<div class="phone">
<header class="masthead">
<div>
<p class="eyebrow">Hra {{ game_id }}</p>
<h1>Kostky</h1>
</div>
<p class="meta">do {{ game.final_score|cislo }} · kolo {{ game.round_number }}</p>
</header>
{% if chyba %}
<p class="error">{{ chyba }}</p>
{% endif %}
{% if winner %}
<div class="win">
<p class="eyebrow">Konec hry</p>
<h2>{{ winner }}</h2>
<p>Vyhrává s {{ totals[winner]|cislo }} body z cílových {{ game.final_score|cislo }}.</p>
</div>
{% else %}
<div class="turn">
<p class="eyebrow">Na tahu</p>
<h2>{{ game.current_player }}</h2>
<p class="progress">
<strong>{{ totals[game.current_player]|cislo }}</strong> / {{ game.final_score|cislo }}
{%- if streaks[game.current_player] %}
<span class="ticks">{{ '✕' * streaks[game.current_player] }}</span>
{%- endif %}
</p>
{% if streaks[game.current_player] == 2 %}
<p class="warning">Ještě jedna nula a skóre jde pryč.</p>
{% endif %}
<form method="post" action="{{ url_for('add_turn', game_id=game_id) }}" style="margin-top: 1.2rem">
<div class="field">
<label for="value">Skóre za tah</label>
<input type="number" name="value" id="value" inputmode="numeric" autofocus required>
</div>
<button class="btn" type="submit">Zapsat</button>
</form>
</div>
{% endif %}
<p class="eyebrow">Průběžné pořadí</p>
<table class="standings">
{% for rank, name, total in standings %}
<tr>
<td class="rank">{{ rank }}.</td>
<td class="self">{{ name }}</td>
<td>
{{ total|cislo }}
{%- if streaks[name] %} <span class="ticks">{{ '✕' * streaks[name] }}</span>{% endif %}
</td>
</tr>
{% endfor %}
</table>
<div class="actions">
<form method="post" action="{{ url_for('undo', game_id=game_id) }}">
<button class="btn-quiet" type="submit" {{ 'disabled' if not game.turns }}>Vrátit poslední zápis</button>
</form>
{% if not winner %}
<form method="post" action="{{ url_for('abandon', game_id=game_id) }}">
<button class="btn-quiet btn-danger" type="submit">Ukončit hru</button>
</form>
{% endif %}
</div>
<p class="footer">
<a href="{{ url_for('board', game_id=game_id) }}">Zápisník</a>
<a href="{{ url_for('index') }}">Nová hra</a>
</p>
</div>
{% endblock %}