tim/bridzik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui enhancements

Browse Source
This commit is contained in:
Jakub Senderák
2020-04-25 19:59:20 +02:00
parent 889f787f29
commit 2281e030f6
2 changed files with 54 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
api/static/style.css
+15 -3
View File
@@ -1,10 +1,8 @@
#header {
display: flex;
max-width: 600px;
}
#header>div {
flex: 1;
padding: 10px;
border: 2px solid grey;
}
@@ -31,9 +29,23 @@
}
#points_summary_row {
border-top: 1px solid black;
border-top: 4px double black;
}
table {
border-collapse: collapse;
}
.active_player_highlight {
background: grey;
color: white;
}
.player_name_highlight {
background: grey;
color: white;
}
.standings_round_final_row {
border-bottom: 1px solid black;
}
api/templates/status.html
+39 -39
View File
@@ -20,46 +20,46 @@
{% if 'active_player' not in status %}
<h1>Hra sa skončila.</h1>
{% else %}
<div id="header">
<div>
<p id="active_player">Na ťahu je: {{ players[status['active_player']] }}</p>
</div>
<div id="active_round_guesses">
<p></p>
<table style="width: auto;">
<thead>
<th></th>
<th class="state_column_header">{{ players[0] }}</th>
<th class="state_column_header">{{ players[1] }}</th>
<th class="state_column_header">{{ players[2] }}</th>
<th class="state_column_header">{{ players[3] }}</th>
</thead>
<tbody>
<tr>
<th class="state_row_header">Tipy v tomto kole:</th>
{% for player in range(4) %}
<td class="points">{{ status['active_round_guesses'][player] }}</td>
{% endfor %}
</tr>
{% if status['active_round_stashes'] %}
<tr>
<th class="state_row_header">Kôpky v tomto kole:</th>
{% for player in status['active_round_stashes'] %}
<td class="points">{{ player }}</td>
{% endfor %}
</tr>
{% endif %}
</tbody>
</table>
</div>
</div>
<hr>
<div id="wrapper">
<div id="table">
<div id="header">
<div {% if player == status['active_player'] %}class="active_player_highlight"{% endif %}>
<p id="active_player" >Na ťahu je: {{ players[status['active_player']] }}</p>
</div>
<div id="active_round_guesses">
<p></p>
<table style="width: auto;">
<thead>
<th></th>
<th class="state_column_header">{{ players[0] }}</th>
<th class="state_column_header">{{ players[1] }}</th>
<th class="state_column_header">{{ players[2] }}</th>
<th class="state_column_header">{{ players[3] }}</th>
</thead>
<tbody>
<tr>
<th class="state_row_header">Tipy v tomto kole:</th>
{% for player in range(4) %}
<td class="points">{{ status['active_round_guesses'][player] }}</td>
{% endfor %}
</tr>
{% if status['active_round_stashes'] %}
<tr>
<th class="state_row_header">Kôpky v tomto kole:</th>
{% for player in status['active_round_stashes'] %}
<td class="points">{{ player }}</td>
{% endfor %}
</tr>
{% endif %}
</tbody>
</table>
</div>
</div>
<hr>
{% if action == 'guess' %}
<h1>Zadaj tip:</h1>
{% include "_guess_form.html" %}
@@ -155,7 +155,7 @@
{% if series %}
{% for round in series %}
{% if round %}
<tr>
<tr {% if loop.index == 7 %}class="standings_round_final_row"{% endif %} >
{% for player in round %}
<td class="points">{{ player }}</td>
{% endfor %}