team.html

{% extends "base.html" %}

{% block content %}
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.0/c3.min.css">

<div class="row">
    <h1 id="team-id">{{ team.name }}</h1>

    <div id="keys-pie-graph"></div>
    <div id="categories-pie-graph"></div>

    <table>
        <thead>
            <tr>
                <td><b>Challenge</b></td>
                <td><b>Category</b></td>
                <td><b>Value</b></td>
                <td><b>Time</b></td>
            </tr>
        </thead>
        <tbody>
        {% for solve in solves %}
            <tr><td><a href="/challenges#{{ solve.chal.name }}">{{ solve.chal.name }}</a></td><td>{{ solve.chal.category }}</td><td>{{ solve.chal.value }}</td><td class="solve-time"><script>document.write( moment({{ solve.date|unix_time_millis }}).local().format('MMMM Do, h:mm:ss A'))</script></td></tr>
        {% endfor %}
        </tbody>
    </table>
    <div id="score-graph"></div>
</div>


{% endblock %}

{% block scripts %}
    <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.13/d3.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.0/c3.min.js"></script>
    <script src="/static/js/team.js"></script>
{% endblock %}