From c8a0882b31948d9d7ee3f75e85bb76d9f1d7509b Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Wed, 14 Aug 2019 15:16:03 +0200
Subject: [PATCH] Use detailed list on user profile

---
 templates/member/profile_detail.html | 40 +++++++++++++++++-----------
 1 file changed, 24 insertions(+), 16 deletions(-)

diff --git a/templates/member/profile_detail.html b/templates/member/profile_detail.html
index 11ad6539..ea2f0f07 100644
--- a/templates/member/profile_detail.html
+++ b/templates/member/profile_detail.html
@@ -1,19 +1,27 @@
 {% extends "base.html" %}
-{% load static %}
-{% block content %}
+{% load i18n static %}
 
-<h5>Compte n° {{object.pk}}</h5>
-<table>
-    <tr>
-        <td> <img src="{{ object.note.display_image.url }}" alt="" /> </td>
-    </tr>
-    <tr><th> Nom</th><td>{{ object.user.name }}</td></tr>
-    <tr><th>Prénom </th><td>{{object.user.first_name}}</td></tr>
-    <tr><th>Pseudo</th><td> {{object.user.username}}</td></tr>
-    <tr><th> Aliases</th><td>{{object.user.note.aliases_set.all }}</td></tr>
-    <tr><th>Pseudo</th><td> {{object.user.username}}</td></tr>
-    <tr><th>Section</th><td> {{object.section}}</td></tr>
-    <tr><th>Adresse</th><td> {{object.address}}</td></tr>
-    <tr><th>Solde</th><td> {{object.user.note.balance}}</td></tr>
-</table>
+{% block content %}
+    <h3>Compte n° {{ object.pk }}</h3>
+
+    <img src="{{ object.note.display_image.url }}" alt=""/>
+
+    <dl class="row">
+        <dt class="col-6 col-md-3">{% trans 'name'|capfirst %}</dt>
+        <dd class="col-6 col-md-3">{{ object.user.name }}</dd>
+        <dt class="col-6 col-md-3">{% trans 'first name'|capfirst %}</dt>
+        <dd class="col-6 col-md-3">{{ object.user.first_name }}</dd>
+        <dt class="col-6 col-md-3">{% trans 'username'|capfirst %}</dt>
+        <dd class="col-6 col-md-3">{{ object.user.username }}</dd>
+        <dt class="col-6 col-md-3">Aliases</dt>
+        <dd class="col-6 col-md-3">{{ object.user.note.aliases_set.all }}</dd>
+        <dt class="col-6 col-md-3">{% trans 'section'|capfirst %}</dt>
+        <dd class="col-6 col-md-3">{{ object.section }}</dd>
+        <dt class="col-6 col-md-3">{% trans 'address'|capfirst %}</dt>
+        <dd class="col-6 col-md-3">{{ object.address }}</dd>
+        <dt class="col-6 col-md-3">{% trans 'balance'|capfirst %}</dt>
+        <dd class="col-6 col-md-3">{{ object.user.note.balance }}</dd>
+    </dl>
+
+    <a href="{% url "password_change" %}">{% trans 'Change password' %}</a>
 {% endblock %}