Howzat/templates/standings.html at 94cbfcc1a2bc4ea47a6c95e7e270225be8368c6f · IEEE-VIT/Howzat · GitHub

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
{% extends "base.html" %}

{% block head %}
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>World cup 2022</title>
  <link rel="stylesheet" href="{{url_for('static', filename='css/standings.css')}}">
{% endblock %}
{% block body %}
  <section class="standings ">


    <header class="standings__header">
        <h3></h3>
    </header>


            <h3 class="standings__subtitle">

                <span>Group</span> Stage


            </h3>

            <table class="table">

                <thead>
                    <tr class="table-head">
                        <th class="table-head__cell">Pos</th>
                        <th class="table-head__cell u-text-left">Team</th>
                        <th class="table-head__cell u-hide-phablet">Played</th>
                        <th class="table-head__cell u-show-phablet">PLD</th>
                        <th class="table-head__cell u-hide-phablet">Won</th>
                        <th class="table-head__cell u-hide-phablet">Lost</th>
                        <th class="table-head__cell u-hide-desktop">N/R</th>
                        <th class="table-head__cell u-hide-desktop">Tied</th>
                        <th class="table-head__cell u-hide-phablet">Net RR</th>
                        <th class="table-head__cell u-show-phablet">NRR</th>
                        <th class="table-head__cell"><span class="u-hide-phablet">Points</span><span class="u-show-phablet">Pts</span></th>
                    </tr>
                </thead>

                <tbody>
                        {%for row in standings%}
                            <tr class="table-body ">

                                <td class="table-body__cell table-body__cell--position" span=""> {{ row["pos"] }}
                                    <span class="indicator"></span>
                                </td>
                                <td class="table-body__cell table-body__cell--main">

                                    <span class="u-hide-phablet table-link-text">{{ row["fullname"] }}</span>
                                    <span class="u-show-phablet">{{ row["shortname"] }}</span>
                                </td>
                                <td class="table-body__cell">{{ row["played"] }}</td>
                                <td class="table-body__cell u-hide-phablet">{{ row["won"] }}</td>
                                <td class="table-body__cell u-hide-phablet">{{ row["lost"] }}</td>

                                <td class="table-body__cell u-hide-desktop">{{ row["nr"] }}</td>
                                <td class="table-body__cell u-hide-desktop">{{ row["tied"] }}</td>
                                <td class="table-body__cell">{{ row["netrr"] }}</td>

                                <td class="table-body__cell table-body__cell--points">{{ row["points"] }}</td>
                            </tr>
                        {%endfor%}
                </tbody>
            </table>
  </section>
{% endblock %}