aboutsummaryrefslogtreecommitdiff
path: root/templates/index.html
blob: db4a991145d19f36442a3c5fd4f07b3019ed1fea (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!doctype html>
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">

<html>
    <head>
        <title>Match Up!</title>
    </head>
    <body>
        <h1>Match Up!</h1>
        <div class="row">
            <div style=" float: left; width: 60%">
                <table>
                    <thead>
                        <tr>
                            <th> Court </th>
                            <th> Team 1 </th>
                            <th> Team 2 </th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for game in game_list %}
                        <tr>
                            <td width="10%"> {{game.court_number}} </td>
                            <td width="40%"> {{game.team_1.player_1.get_name()}} <br> {{game.team_1.player_2.get_name()}} </td>
                            <td width="40%"> {{game.team_2.player_1.get_name()}} <br> {{game.team_2.player_2.get_name()}} </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            <div style=" float: left; width: 30%">
                <table>
                    <thead>
                        <tr>
                            <th> Player </th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for player in player_list %}
                        <tr>
                            <td style={% if player.status %} "color : green" {% else %} "color : red" {% endif %}> 
                                {{ player.get_name() }} 
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </body>
</html>