added copy button

d120 · Feb 1, 2025 · a5201f8 · a5201f8
1 parent ded29aa
commit a5201f8
Showing 1 changed file with 28 additions and 3 deletions.
diff --git a/src/templates/intern/free_questions.html b/src/templates/intern/free_questions.html
@@ -9,17 +9,42 @@ <h1>{% translate "Liste der freien Fragen im aktuellen Semester" %}</h1>
 <hr>
 {% for v in veranstaltungen %}
     {% if v.freiefrage1 or v.freiefrage2 %}
-        <h2> {{ v.name }} </h2>
+        <h2>{{ v.name }}</h2>
         <ul>
             {% if v.freiefrage1 %}
-                <li>{% translate "Frage 1" %} : {{v.freiefrage1}}</li>
+                <li>
+                    <button class="btn btn-outline-secondary btn-sm" onclick="copyToClipboard(this)" data-text="{{v.freiefrage1}}">
+                        <i class="fa fa-clipboard"></i> Copy
+                    </button>
+                    <span class="ms-2">{% translate "Frage 1" %} : {{v.freiefrage1}}</span>
+                </li>
             {% endif %}
             {% if v.freiefrage2 %}
-                <li>{% translate "Frage 2" %} : {{v.freiefrage2}}</li>
+                <li>
+                    <button class="btn btn-outline-secondary btn-sm" onclick="copyToClipboard(this)" data-text="{{v.freiefrage2}}">
+                        <i class="fa fa-clipboard"></i> Copy
+                    </button>
+                    <span class="ms-2">{% translate "Frage 2" %} : {{v.freiefrage2}}</span>
+                </li>
             {% endif %}
         </ul>
         <hr>
     {% endif %}
 {% endfor %}
 
+<script>
+    function copyToClipboard(button) {
+        var text = button.getAttribute("data-text");
+
+        navigator.clipboard.writeText(text).then(function() {
+            let alertBox = document.createElement("span");
+            alertBox.className = "text-success ms-2";
+            alertBox.innerText = "Copied!";
+
+            button.parentElement.appendChild(alertBox);
+            setTimeout(() => alertBox.remove(), 2000);
+        }).catch(err => console.error('Copy failed:', err));
+    }
+</script>
+
 {% endblock %}