mamweb/odevzdavatko/templates/odevzdavatko/tabulka.html

{% extends "base.html" %}

{% load utils %} {# Možná by mohlo být někde výš v hierarchii templatů... #}
{% load barvy_reseni %}

{% block content %}

<div class="full_width">
<form method=get action=.>
{{ filtr.resitele }}
{{ filtr.problemy }}
Od data (vyjma): {{ filtr.reseni_od }}
Do data (včetně): {{ filtr.reseni_do }}
<span title="Jen neobodovaná řešení">🔨?</span> {{ filtr.neobodovane }}
<span title="Obarvit shodná řešení shodně">🎨?</span> {{ filtr.barvicky }}
<input type=submit value="→">
</form>

<form onsubmit="javascript:jiny_rocnik_redir(); return false;">
	<input type=number max="{{ aktualni_rocnik.rocnik }}" min=1 id=jiny_rocnik placeholder="Jiný ročník" value="{{ rocnik }}">
	<input type=submit value="Změň ročník">
</form>

<div style="overflow-x: scroll;">
<table class="dosla_reseni">
	<tr>
		<td></td> {# Prázdná buňka v levém horním rohu #}
		{% for p in problemy %}
		<th>
			{# TODO: Přehled řešení k problému, odkázaný odsud? #}
			{{ p }}
		</th>
		{% endfor %}
	</tr>
	{% for resitel,hodnoty in radky%}
	<tr>
		<td>
			{# TODO: Chceme mít view i na řešení konkrétního řešitele ke všem problémům? #}
			{{ resitel }}
		</td>
		{% for soucet,bunka in hodnoty %}
			<td>
			{% for reseni,hodnoceni in bunka %}
			<a {% if barvicky %} style="color: {{reseni|barva_reseni}};" {% endif %} href="{% url 'odevzdavatko_detail_reseni' pk=reseni.id %}">
					{{reseni.cas_doruceni | date:"j. n."}} ({{ hodnoceni.body|default_if_none:"🔨"}} b)
				</a><br>
			{% endfor %}
			{% if bunka|length > 1 %}
				<b>Σ: {{soucet}} b</b>
			{% endif %}
			</td>
		{% endfor %}
	</tr>
	{% endfor %}
</table>
</div>

{% endblock %}

{% block script %}
<script type=text/javascript>
	// Nemůže se to jmenovat jen "jiny_rocnik", protože se to přepíše: https://trackjs.com/blog/when-form-submit-is-not-a-function/
	function jiny_rocnik_redir() {
		let rocnik = document.getElementById("jiny_rocnik").value;
		var redirect = undefined;
		if (rocnik == '')
			redirect = '/org/reseni/';
		else
			redirect = '/org/reseni/rocnik/'+rocnik+'/';
		location.assign(redirect);
	}
</script>
</div>
{% endblock %}