update userInfo page

templates/users/userInfo.html

@@ -9,21 +9,28 @@
 
 {% block content %}
 <script type="text/javascript">
-    var username = "{{ data.username | escapejs }}"
+    var username = "{{ data.user.username | escapejs }}"
     console.log(username)
 </script>
 
 <div style="text-align: left; background-color: cornsilk; padding:5px; border:1px transparent solid;border-radius:5px;">
     <div class="container">
         <div class="row">
-            <div class="col">
-                <button type="button" class="btn btn-outline-secondary" onclick="window.location=`{% url 'users' %}`;">Retour</button>
-                <h1>Traces de {{ data.username }}</h1>
-                <p>Dernière trace enregistrée : {{ data.lastTrace | date:'d/m/Y e H:i:s' }}</p>
-                <p>Nombre de traces pour cet utilisateur : {{ data.nbTraces }}</p>
+            <div class="col-8">
+                <div class="row">
+                    <div class="col-4 d-flex align-items-center justify-content-center">
+                        <img class="rounded-circle account-img" src="{{ data.user.profile.image.url }}">
+                    </div>
+                    <div class="col-8">
+                        <button type="button" class="btn btn-outline-secondary" onclick="window.location=`{% url 'users' %}`;">Retour</button>
+                        <h1>Traces de {{ data.user.username }}</h1>
+                        <p>Dernière trace enregistrée : {{ data.lastTrace | date:'d/m/Y e H:i:s' }}</p>
+                        <p>Nombre de traces pour cet utilisateur : {{ data.nbTraces }}</p>
+                    </div>
+                </div>
             </div>
-            <div class="col">
-                <div class="card border-primary m-auto" style="max-width: 20rem;">
+            <div class="col-4">
+                <div class="card border-primary m-auto my-3" style="max-width: 20rem;">
                     <div class="card-header">Téléchargement</div>
                     <div class="card-body">
                       <p class="card-text">Date de début : <input type="text" id="datepicker1"></p>

users/views.py

@@ -291,7 +291,7 @@ def userInfo(request, username):
     lastTrace = traces[nbTraces-1].date if nbTraces > 0 else 0
  
     dataUser = {
-        'username': user.username,
+        'user': user,
         'traces': traces,
         'nbTraces': nbTraces,
         'lastTrace': lastTrace