Grinch-AP/WebHostLib/templates/tracker.html

{% extends 'tablepage.html' %}
{% block head %}
    {{ super() }}
    <title>Multiworld Tracker for Room {{ room.id }}</title>
    <link rel="stylesheet" type="text/css" href="{{ static_autoversion("tracker.css") }}"/>
    <script type="application/ecmascript" src="{{ static_autoversion("jquery.scrollsync.js") }}"></script>
    <script type="application/ecmascript" src="{{ static_autoversion("tracker.js") }}"></script>

{% endblock %}
{% block body %}
    <div id="tracker-wrapper" data-tracker="{{ room.tracker }}">
        {% for team, players in inventory.items() %}
            <div class="table-wrapper">
                <table class="table unique-item-table">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>Name</th>
                        {% for name in tracking_names %}
                            {% if name in icons %}
                                <th class="center-column">
                                        <img class="alttp-sprite" src="{{ icons[name] }}" alt="{{ name|e }}">
                                    </th>
                                {% else %}
                                    <th class="center-column">{{ name|e }}</th>
                                {% endif %}
                            {% endfor %}
                        </tr>
                    </thead>
                    <tbody>
                        {% for player, items in players.items() %}
                            <tr>
                                <td>{{ loop.index }}</td>
                                {% if (team, loop.index) in video %}
                                    <td>
                                        <a target="_blank" href="https://www.twitch.tv/{{ video[(team, loop.index)][1] }}">
                                            {{ player_names[(team, loop.index)] }}
                                            ▶️</a></td>
                                {% else %}
                                    <td>{{ player_names[(team, loop.index)] }}</td>
                                {% endif %}
                                {% for id in tracking_ids %}
                                    {% if items[id] %}
                                        <td class="center-column item-acquired">
                                            {% if id in multi_items %}{{ items[id] }}{% else %}✔️{% endif %}</td>
                                    {% else %}
                                        <td></td>
                                    {% endif %}
                                {% endfor %}
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% endfor %}

        {% for team, players in checks_done.items() %}
            <div class="table-wrapper">
                <table class="table non-unique-item-table">
                    <thead>
                        <tr>
                            <th rowspan="2">#</th>
                            <th rowspan="2">Name</th>
                            {% for area in ordered_areas %}
                                {% set colspan = 1 %}
                                {% if area in key_locations %}
                                {% set colspan = colspan + 1 %}
                                {% endif %}
                                {% if area in big_key_locations %}
                                {% set colspan = colspan + 1 %}
                                {% endif %}
                                {% if area in icons %}
                                    <th colspan="{{ colspan }}" class="center-column">
                                        <img class="alttp-sprite" src="{{ icons[area] }}" alt="{{ area }}"></th>
                                {% else %}
                                    <th colspan="{{ colspan }}" class="center-column">{{ area }}</th>
                                {% endif %}
                            {% endfor %}
                            <th rowspan="2">Last<br>Activity</th>
                        </tr>
                        <tr>
                            {% for area in ordered_areas %}
                                <th class="center-column">
                                    <img class="alttp-sprite" src="{{ icons["Chest"] }}" alt="Checks">
                                </th>
                                {% if area in key_locations %}
                                    <th class="center-column">
                                        <img class="alttp-sprite" src="{{ icons["Small Key"] }}" alt="Small Key">
                                    </th>
                                {% endif %}
                                {% if area in big_key_locations %}
                                    <th class="center-column">
                                        <img class="alttp-sprite" src="{{ icons["Big Key"] }}" alt="Big Key">
                                    </th>
                                {% endif %}
                            {% endfor %}
                        </tr>
                    </thead>
                    <tbody>
                        {% for player, checks in players.items() %}
                            <tr>
                                <td>{{ loop.index }}</td>
                                <td>{{ player_names[(team, loop.index)]|e }}</td>
                                {% for area in ordered_areas %}
                                    {% set checks_done = checks[area] %}
                                    {% set checks_total = checks_in_area[area] %}
                                    {% if checks_done == checks_total %}
                                        <td class="item-acquired center-column">
                                            {{ checks_done }}/{{ checks_total }}</td>
                                    {% else %}
                                        <td class="center-column">{{ checks_done }}/{{ checks_total }}</td>
                                    {% endif %}
                                    {% if area in key_locations %}
                                        <td class="center-column">{{ inventory[team][player][small_key_ids[area]] }}</td>
                                    {% endif %}
                                    {% if area in big_key_locations %}
                                        <td class="center-column">{% if inventory[team][player][big_key_ids[area]] %}✔️{% endif %}</td>
                                    {% endif %}
                                {% endfor %}
                                {% if activity_timers[(team, player)] %}
                                    <td>{{ activity_timers[(team, player)] | render_timedelta }}</td>
                                {% else %}
                                    <td>None</td>
                                {% endif %}
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% endfor %}
    </div>
{% endblock %}