implement modal

Author: fekoch

evap/student/templates/student_index_evaluate_or_drop.html

@@ -1,5 +1,13 @@
-<a class="btn btn-sm btn-primary btn-row-hover" href="{% url 'student:vote' evaluation.id %}">{% translate 'Evaluate' %}</a>
-<!-- TODO@felix: confirmation modal  -->
-<a class="btn btn-sm btn-secondary" title="{% translate 'I dropped this course' %}" data-bs-toggle="tooltip" data-bs-placement="top" href="{% url 'student:drop' evaluation.id %}">
-    <span class="fas fa-user-xmark"></span>
+<a class="btn btn-sm btn-primary btn-row-hover" href="{% url 'student:vote' evaluation.id %}">
+    {% translate 'Evaluate' %}
 </a>
+<confirmation-modal>
+    <span slot="title">{% translate 'Did you drop this course?' %}</span>
+    <span slot="question">{% translate 'If you mark this course as dropped, you can still give feedback, but ...' %}</span>
+    <!-- TODO@Felix: explanatory text -->
+    <a class="btn btn-danger ms-2" slot="submit-group" href="{% url 'student:drop' evaluation.id %}">{% translate 'I dropped this course' %}</a>
+    <button slot="show-button" class="btn btn-sm btn-secondary" title="{% translate 'I dropped this course' %}"
+            data-bs-toggle="tooltip" data-bs-placement="top">
+        <span class="fas fa-user-xmark"></span>
+    </button>
+</confirmation-modal>