Register pools

apps/participation/templates/participation/participation_detail.html

@@ -50,7 +50,6 @@
     <script>
         $(document).ready(function () {
             $('button[data-target="#uploadSolutionModal"]').click(function() {
-                console.log(42)
                 let modalBody = $("#uploadSolutionModal div.modal-body");
                 if (!modalBody.html().trim())
                     modalBody.load("{% url "participation:upload_solution" pk=participation.pk %} #form-content")

apps/participation/templates/participation/pool_detail.html

@@ -0,0 +1 @@
+{% extends "base.html" %}

apps/participation/templates/participation/pool_form.html

@@ -0,0 +1,13 @@
+{% extends "base.html" %}
+
+{% load crispy_forms_filters i18n %}
+
+{% block content %}
+    <form method="post" enctype="multipart/form-data">
+        <div id="form-content">
+            {% csrf_token %}
+            {{ form|crispy }}
+        </div>
+        <button class="btn btn-primary" type="submit">{% trans "Update pool" %}</button>
+    </form>
+{% endblock content %}

apps/participation/templates/participation/tournament_detail.html

@@ -69,6 +69,23 @@
     </div>
 
     {% if user.registration.is_admin %}
-        <a class="btn btn-block btn-success" href="#">{% trans "Add new pool" %}</a>
+        <button class="btn btn-block btn-success" data-toggle="modal" data-target="#addPoolModal">{% trans "Add new pool" %}</button>
     {% endif %}
+
+    {% trans "Add pool" as modal_title %}
+    {% trans "Add" as modal_button %}
+    {% url "participation:pool_create" as modal_action %}
+    {% include "base_modal.html" with modal_id="addPool" %}
+{% endblock %}
+
+{% block extrajavascript %}
+    <script>
+        $(document).ready(function () {
+            $('button[data-target="#addPoolModal"]').click(function() {
+                let modalBody = $("#addPoolModal div.modal-body");
+                if (!modalBody.html().trim())
+                    modalBody.load("{% url "participation:pool_create" %} #form-content")
+            });
+        });
+    </script>
 {% endblock %}