feat(profile): Add translations and tweak template

src/shared/templates/account/profile.html

@@ -1,15 +1,23 @@
 {% extends "base.html" %}
 {% load i18n %}
 
+{% block extra_head %}
+  <style>
+    .grid.groups {
+      --bulma-grid-column-min: 24rem;
+    }
+  </style>
+{% endblock extra_head %}
+
 {% block content %}
   <h2 class="subtitle">
-    <span>Profil de {{ user.kanidm.person.displayname }}</span>
+    <span>{% blocktrans with displayname=user.kanidm.person.displayname %}Profil de {{ displayname }}{% endblocktrans %}</span>
     <span class="tag is-primary is-medium is-pulled-right">{{ user.kanidm.person.name }}</span>
   </h2>
   <hr>
 
   {% if user.kanidm.radius_secret %}
-  <h3 class="has-text-weight-bold mb-3">Mot de passe WiFi :</h3>
+  <h3 class="has-text-weight-bold mb-3">{% trans "Mot de passe WiFi :" %}</h3>
 
   <input
     id="radius-secret"
@@ -21,21 +29,27 @@
   <br>
   {% endif %}
 
-  <h3 class="has-text-weight-bold mb-3">Adresse e-mail :</h3>
+  <h3 class="has-text-weight-bold mb-3">{% trans "Adresse e-mail :" %}</h3>
   <span class="button is-fullwidth">{{ user.email }}</span>
   <br>
 
-  <h2 class="subtitle mt-4">Informations techniques</h2>
+  <h2 class="subtitle mt-4">{% trans "Informations techniques" %}</h2>
   <hr>
 
-  <h3 class="has-text-weight-bold mb-3">Identifiant unique :</h3>
+  <h3 class="has-text-weight-bold mb-3">{% trans "Identifiant unique :" %}</h3>
 
-  <span class="button is-fullwidth is-static">{{ user.kanidm.person.uuid }}</span>
+  <input
+    id="uuid"
+    onclick="document.querySelector('#uuid').select()"
+    class="button is-fullwidth"
+    value="{{ user.kanidm.person.uuid }}"
+    readonly
+  />
   <br>
 
-  <h3 class="has-text-weight-bold mb-3">Membre des groupes suivants :</h3>
+  <h3 class="has-text-weight-bold mb-3">{% trans "Membre des groupes suivants :" %}</h3>
 
-  <div class="grid" style="--bulma-grid-column-min: 24rem">
+  <div class="grid groups">
   {% for group in user.kanidm.person.memberof %}
     <span class="cell button is-fullwidth is-static">{{ group }}</span>
   {% endfor %}

src/shared/templates/base.html

@@ -7,6 +7,8 @@
     <meta name="description" content="Système d'information de la DGNum" />
     <title>DGNum</title>
 
+    {% block extra_head %}{% endblock extra_head %}
+
     {% include "_links.html" %}
   </head>