NDOJ/templates/problem/submission-diff.html
2020-01-21 15:35:58 +09:00

100 lines
No EOL
3.1 KiB
HTML

{% extends "common-content.html" %}
{% block js_media %}
<script type="text/javascript">
$(function () {
$('a.sub-case-status').featherlight($('.partial-output-window'), {
afterOpen: function () {
var $parent = this.$currentTarget.parent();
var partial = $parent.attr('data-partial-output');
this.$instance.find('.partial-output-window').find('code').text(partial).end().show();
}
});
});
</script>
<script type="text/javascript" src="{{ static('libs/featherlight/featherlight.min.js') }}"></script>
<script type="text/javascript">
</script>
{% endblock %}
{% block media %}
<style>
#content-body {
overflow-x: auto;
padding-bottom: 0;
}
.sub-id {
width: 4em;
min-width: 4em;
}
.sub-username {
width: 5em;
}
.sub-result {
width: 3em;
}
.sub-language {
width: 6em;
}
.sub-date {
min-width: 8em;
}
.sub-case {
min-width: 3em;
}
.sub-case-status {
text-decoration: underline;
}
</style>
{% endblock %}
{% block body %}
<table id="case-table" class="table">
<thead>
<tr>
<th class="sub-id">ID</th>
<th class="sub-username">Username</th>
<th class="sub-result">Result</th>
<th class="sub-language">Language</th>
<th class="sub-date">Date</th>
{% for case in range(num_cases) %}
<th class="sub-case">{{ loop.index }}</th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for sub in submissions %}
<tr>
<td><a href="{{ url('submission_source', sub.id) }}">{{ sub.id }}</a></td>
<td>{{ link_user(sub.user) }}</td>
<td><span class="case-{{ sub.result }}">{{ sub.result }}</span></td>
<td>{{ sub.language.name }}</td>
<td><span class="time">{{ relative_time(sub.date) }}</span></td>
{% for case in sub.test_cases.all() %}
<td data-partial-output="{{ case.output }}">
{% if case.status == 'SC' %}
<span class="case-SC">---</span>
{% else %}
<a href="javascript:void(0);" class="sub-case-status case-{{ case.status }}">
{% if case.status == 'AC' %}
{{ case.time|floatformat(2) }}
{% else %}
{{ case.status }}
{% endif %}
</a>
{% endif %}
</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
<div style="display: none" class="partial-output-window"><pre><code></code></pre></div>
{% endblock %}