Update templates/thread.html

templates/thread.html

@@ -8,6 +8,9 @@
     {% for msg in messages %}
         <div class="message {% if msg.removed %}bg-gray-200 text-gray-500{% else %}bg-white{% endif %} p-4 rounded-md shadow-sm">  <!-- Style du message, condition pour les messages supprimés -->
             {% if not msg.removed %}
+                <!-- Affichage du nom d'utilisateur -->
+                <p class="text-blue-600 font-semibold mb-1">{{ user_id_to_username[msg.user_id] }}</p>
+
                 <p class="text-gray-800">{{ msg.content | safe }}</p>  <!-- Contenu du message -->
                 <div class="text-sm text-gray-500 mt-1 mb-2">  <!-- Informations sur le message -->
                     Posté le {{ msg.timestamp.strftime('%d/%m/%Y %H:%M:%S') }} - Votes: {{ msg.vote_count }}
@@ -36,7 +39,7 @@
 
                         </button>
                     </form>
-                      <button onclick="quoteMessage('{{ msg.id }}', '{{ msg.content|escapejs }}')"
+                      <button onclick="quoteMessage('{{ msg.id }}', '{{ msg.content|escapejs }}', '{{ user_id_to_username[msg.user_id] }}')"
                             class="text-blue-500 hover:text-blue-700 transition-colors duration-200">
                         Citer
                     </button>
@@ -84,9 +87,10 @@ function previewMessage() {
       });
 }
 
-function quoteMessage(messageId, content) {
+function quoteMessage(messageId, content, username) {
     const replyArea = document.getElementById('reply-content');
-    const quotedContent = `<div class="quoted-text"><p class="quoted-message-id">ID du message: ${messageId}</p>${content}</div>`;
+    // Ajout du nom d'utilisateur à la citation
+    const quotedContent = `<div class="quoted-text"><p class="quoted-message-id">ID: ${messageId} - ${username} a dit:</p>${content}</div>`;
     replyArea.value = quotedContent + "\n\n" + replyArea.value;
     replyArea.focus();
 }