Sazba diplomů

Implementace účastnických listů, diplomů úspěšného řešitele a pochvalných uznání (issues #423 (closed) a #212 (closed)).

Základní myšlenky:

• Generování výsledkovky uděluje pochvalná uznání (HM), pokud jsou zapnutá v nastavení kola.
• Ve všech pohledech na výsledkovku (organizátorská pracovní, organizátorská zmražená, účastnická oficiální) se HM ukazují.
• Přibyla stránka s diplomy dostupná (zatím jenom) ze stránky soutěže. Na ní lze diplomy generovat a prohlížet.
• Vždy se generují účastnické listy, pokud má soutěž oficiální výsledkovku, generují se i diplomy úspěšného řešitele a HM.
• Zatím existuje jeden formát diplomů, některé věci se dají parametrizovat (třeba kdo je na diplomech podepsaný). Časem by mohly přibýt další parametry (velikosti některých vertikálních mezer, ať se dá sazba snáz skloubit s uživatelským podkladovým obrázkem), nebo dokonce další formáty diplomů.
• Pro každou kombinaci soutěž + typ diplomů se vygeneruje jedno PDF se všemi účastníky. To si může organizátor stáhnout celé (pro tisk), ale také z něj OSMO umí online vykousnout stránku pro konkrétního účastníka. Tím pádem nemáme pro každého účastníka uloženu kopii potenciálně dost macatého obrázku na pozadí, a přitom jsou všechny pomalé akce odsunuté do jobů.

Zatím je spousta detailů nedořešená, podstatnější problémy jsou tyto (další detaily viz TODO):

• Obrázky na pozadí diplomu, zatím je jenom napevno logo MO na posledním řádku.
• Na stránce diplomů chybí vysvětlující text.
• Ověřovací služba na QR kódy neexistuje.
• Diplomy nejsou propojené se zbytkem organizátorského rozhraní.
• Diplomy se nezobrazují účastníkům.

Nicméně už teď to dává smysl číst a testovat.

mo/web/templates/org_certificates.html

@@ -3,6 +3,21 @@
 {% set round = ctx.round %}
 {% set contest = ctx.contest %}
 
+{% block head %}
+	<script type="text/javascript">
+		function recalc_background_controls() {
+			const value = document.getElementById('background_type').value;
+			const controls = document.getElementById('background_controls');
+			if (value == 'custom') {
+				controls.style.display = 'block';
+			} else {
+				controls.style.display = 'none';
+			}
+		}
+		window.addEventListener("load", (event) => { recalc_background_controls(); });
+	</script>
+{% endblock %}
+
 {% block title %}
 {{ round.round_code() }}: Diplomy pro {{ round.name|lower }} kategorie {{ round.category }}{% if contest %}<br>{{ contest.place.name_locative() }}{% endif %}
 {% endblock %}
@@ -102,42 +117,56 @@
 {% endif %}
 
 {% macro field(f) %}
-{{ wtf.form_field(f, form_type='horizontal', horizontal_columns=('lg', 3, 7)) }}
+{{ wtf.form_field(f, form_type='horizontal', horizontal_columns=('lg', 3, 9)) }}
 {% endmacro %}
 
 <form method="POST" class="form form-horizontal" enctype="multipart/form-data" action="">
 	{{ form.csrf_token }}
+	<div class='form-null-frame'>
+
 	{{ field(form.signer1_name) }}
 	{{ field(form.signer1_title) }}
 	{{ field(form.signer2_name) }}
 	{{ field(form.signer2_title) }}
 	{{ field(form.issue_place) }}
 	{{ field(form.issue_date) }}
+
 	<div class="form-group">
-		<label class="control-label col-lg-3" for="upload_background">Obrázek na pozadí</label>
-		<div class="col-lg-7">
-			{{ form.upload_background() }}
+		<label class="control-label col-lg-3" for="background_type">Pozadí</label>
+		<div class="col-lg-9">
+			{{ form.background_type(class='form-control', onchange='recalc_background_controls()') }}
+			<div id='background_controls' class='form-horiz-frame' style='display: none; margin-top: 15px'>
+				{{ form.upload_background() }}
+				{% if form.delete_background %}
+					<div class="checkbox">
+						<label>
+							{{ form.delete_background() }} {{ form.delete_background.label }}
+						</label>
+					</div>
+					<p class="help-block">
+						Obrázek na pozadí je nahraný. Můžete ho smazat, nebo nahradit novým.
+					</p>
+				{% else %}
+					<p class="help-block">
+						Zde můžete nahrát obrázek velikosti A4 ve formátu PDF, který se použije jako pozadí diplomu.
+					</p>
+				{% endif %}
+			</div>
 		</div>
-		<div class="col-lg-offset-3 col-lg-7">
-			{% if form.delete_background %}
-				<div class="checkbox">
-					<label>
-						{{ form.delete_background() }} {{ form.delete_background.label }}
-					</label>
-				</div>
-				<p class="help-block">
-					Obrázek na pozadí je nahraný. Můžete ho smazat, nebo nahradit novým.
-				</p>
-			{% else %}
-				<p class="help-block">
-					Zde můžete nahrát obrázek velikosti A4 ve formátu PDF, který se použije jako pozadí diplomu.
-				</p>
+	</div>
+
+	</div>
+
+	{# Detailní nastavení vzhledu #}
+	<div class="collapsible"><input type="checkbox" class="toggle" id="design-params-toggle">
+		<label for="design-params-toggle" class="toggle toggle-small">Detaily vzhledu</label>
+		<div class="collapsible-inner"><div class="form-horiz-frame">
+			{% if 'tex_hacks' in form %}
+			{{ field(form.tex_hacks) }}
 			{% endif %}
-		</div>
+		</div></div>
 	</div>
-	{% if 'tex_hacks' in form %}
-	{{ field(form.tex_hacks) }}
-	{% endif %}
+
 	<div class="btn-group col-lg-offset-3">
 		{{ wtf.form_field(form.generate, class="btn btn-primary") }}
 		{{ wtf.form_field(form.save) }}