-
-
-
-
-
- {{ quiz.description }}
- Schwierigkeit: {{ quiz.difficulty }}
- Anzahl der Fragen: {{ quiz.question.count }}
- Status: {{ quiz.status }}
- Bewertung:
- {% for i in '12345'|make_list %}
- {% if forloop.counter <= quiz.average_rating|floatformat:0|add:0 %}
- ★
- {% else %}
- ★
- {% endif %}
- {% endfor %}
- ({{ quiz.rating_count }})
-
-
-
-
- {% if quiz.authors.all %}
- Autor(en):
- {% for author in quiz.authors.all %}
-
- {{ author.username }}{% if not forloop.last %}, {% endif %}
- {% endfor %}
-
+
+
+ {% for quiz in my_quizzes %}
+
+
+
+ {% if quiz.image %}
+
+
+ {% else %}
+
{% endif %}
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
{{ quiz.description }}
+
+
+
+
+
+
+
{{ quiz.difficulty }}
+
+
+
+
+
+
{{ quiz.questions.count }} Fragen
+
+
+
+
+
+
{{ quiz.status }}
+
+
+
+
+ {% for i in '12345'|make_list %}
+ {% if forloop.counter <= quiz.average_rating|floatformat:0|add:0 %}
+ ★
+ {% else %}
+ ★
+ {% endif %}
+ {% endfor %}
+ ({{ quiz.rating_count }})
+
+
+
+
+ {% if quiz.authors.all %}
+
+
+
+ {% for author in quiz.authors.all %}
+ {{ author.username }}{% if not forloop.last %}, {% endif %}
+ {% endfor %}
+
+
+ {% endif %}
+
+
+
+
+
{% endfor %}
- {% if filter_my_quizzes|length > 1 %}
-
-
- {% endif %}
-
-
-
-
- {% for quiz in filter_other_quizzes %}
-
-
-
-
-
-
-
- {{ quiz.description }}
- Schwierigkeit: {{ quiz.difficulty }}
- Anzahl der Fragen: {{ quiz.question.count }}
- Erstellt am: {{ quiz.creation_date }}
-
- {% if quiz.original_creator %}
-
Ursprünglich erstellt von: {{ quiz.original_creator }}
- {% endif %}
-
-
-
-
-
+
+ {% if my_quizzes.paginator.num_pages > 1 %}
+
+ {% if my_quizzes.has_previous %}
+
+
+
+ {% endif %}
+
+
Seite {{ my_quizzes.number }} von {{ my_quizzes.paginator.num_pages }}
+
+ {% if my_quizzes.has_next %}
+
+
+
+ {% endif %}
- {% endfor %}
-
-
-
-
-
- {% if filter_other_quizzes|length > 1 %}
-
-
{% endif %}
+
+
+
+
+
Quiz von anderen Nutzern
+
+
+
+
+{% if other_quizzes %}
+
+
+ {% for quiz in other_quizzes %}
+
+
+
+ {% if quiz.image %}
+
+
+ {% else %}
+
+ {% endif %}
+
+
+
+
+
{{ quiz.description }}
+
+
+
+
+
+
+
{{ quiz.difficulty }}
+
+
+
+
+
+
{{ quiz.questions.count }} Fragen
+
+
+
+
+
+
{{ quiz.status }}
+
+
+
+
+ {% for i in '12345'|make_list %}
+ {% if forloop.counter <= quiz.average_rating|floatformat:0|add:0 %}
+ ★
+ {% else %}
+ ★
+ {% endif %}
+ {% endfor %}
+ ({{ quiz.rating_count }})
+
+
+
+
+ {% if quiz.authors.all %}
+
+
+
+ {% for author in quiz.authors.all %}
+ {{ author.username }}{% if not forloop.last %}, {% endif %}
+ {% endfor %}
+
+
+ {% endif %}
+
+
+
+
+ {% endfor %}
+
+
+
+ {% if other_quizzes.paginator.num_pages > 1 %}
+
+ {% if other_quizzes.has_previous %}
+
+
+
+ {% endif %}
+
+
Seite {{ other_quizzes.number }} von {{ other_quizzes.paginator.num_pages }}
+
+ {% if other_quizzes.has_next %}
+
+
+
+ {% endif %}
+
+ {% endif %}
+
+{% else %}
+
+
Keine öffentlichen Quiz gefunden.
+
{% endif %}
-
-{% if not filter_other_quizzes and not filter_my_quizzes %}
-
Es wurde kein passendes Quiz gefunden!
-{% endif %}
-
-
-
-
-
-
-
-
-{% endblock %}
+{% endblock content %}
diff --git a/django/templates/play/lobby.html b/django/templates/play/lobby.html
index 29c6922..1731e6b 100644
--- a/django/templates/play/lobby.html
+++ b/django/templates/play/lobby.html
@@ -70,11 +70,10 @@
const maxReconnectAttempts = 5;
const pingDelay = 30000; // 30 seconds
const heartbeatDelay = 10000; // 10 seconds
+ let heartbeatInterval = null;
function startPingInterval() {
- if (pingInterval) {
- clearInterval(pingInterval);
- }
+ stopPingInterval();
pingInterval = setInterval(() => {
if (lobbySocket && lobbySocket.readyState === WebSocket.OPEN) {
lobbySocket.send(JSON.stringify({ type: 'ping' }));
@@ -89,6 +88,25 @@
}
}
+ function startHeartbeat() {
+ stopHeartbeat();
+ heartbeatInterval = setInterval(() => {
+ if (lobbySocket && lobbySocket.readyState === WebSocket.OPEN) {
+ lobbySocket.send(JSON.stringify({
+ type: 'heartbeat',
+ participant_id: '{{ participant.participant_id }}'
+ }));
+ }
+ }, heartbeatDelay);
+ }
+
+ function stopHeartbeat() {
+ if (heartbeatInterval) {
+ clearInterval(heartbeatInterval);
+ heartbeatInterval = null;
+ }
+ }
+
function connectWebSocket() {
if (lobbySocket && (lobbySocket.readyState === WebSocket.CONNECTING || lobbySocket.readyState === WebSocket.OPEN)) {
return lobbySocket; // Already connected or connecting
@@ -109,6 +127,9 @@
console.log('Lobby socket connected');
reconnectAttempts = 0;
startPingInterval();
+ {% if participant %}
+ startHeartbeat();
+ {% endif %}
// Request initial participants list
lobbySocket.send(JSON.stringify({
type: 'update_participants'
@@ -118,10 +139,12 @@
lobbySocket.onclose = function(e) {
wsUtil.handleClose(e);
stopPingInterval();
+ stopHeartbeat();
lobbySocket = null;
reconnectAttempts++;
if (reconnectAttempts < maxReconnectAttempts) {
- setTimeout(connectWebSocket, 1000 * Math.min(reconnectAttempts, 3));
+ const delay = Math.min(1000 * Math.pow(2, reconnectAttempts), 10000); // Exponential backoff, max 10s
+ setTimeout(connectWebSocket, delay);
}
};
@@ -165,17 +188,7 @@
}
}
- {% if participant %}
- // Send heartbeat every 10 seconds
- setInterval(function() {
- if (lobbySocket && lobbySocket.readyState === WebSocket.OPEN) {
- lobbySocket.send(JSON.stringify({
- type: 'heartbeat',
- participant_id: '{{ participant.participant_id }}'
- }));
- }
- }, heartbeatDelay);
- {% endif %}
+
// Initial connection
lobbySocket = connectWebSocket();