From c24318f6b8f742b5973ae1c9ace314bc8d9de832 Mon Sep 17 00:00:00 2001
From: Pierre Hubert <pierre.git@communiquons.org>
Date: Fri, 11 Nov 2022 13:25:57 +0100
Subject: [PATCH] Add 2FA icons to settings pages

---
 templates/login/webauthn_input.html      | 2 +-
 templates/settings/edit_user.html        | 3 ++-
 templates/settings/two_factors_page.html | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/templates/login/webauthn_input.html b/templates/login/webauthn_input.html
index 6fb1407..30f2089 100644
--- a/templates/login/webauthn_input.html
+++ b/templates/login/webauthn_input.html
@@ -4,7 +4,7 @@
 <p style="color:red" id="err_target"></p>
 
 <div>
-    <p>Please insert now on of your registered security key, and accept authentication request.</p>
+    <p>Please insert now one of your registered security key, and accept authentication request.</p>
 </div>
 
 <div style="margin: 10px 0px;">
diff --git a/templates/settings/edit_user.html b/templates/settings/edit_user.html
index 094916b..91fcd9e 100644
--- a/templates/settings/edit_user.html
+++ b/templates/settings/edit_user.html
@@ -80,7 +80,8 @@
                 <input type="checkbox" class="form-check-input two-fact-checkbox"
                        value="{{ f.id.0 }}"
                        checked=""/>
-                {{ f.name }} ({{ f.type_str() }})
+                {{ f.name }} (<img src="{{ f.type_image() }}" alt="Factor icon" style="height:1em;" />
+                {{ f.type_str() }})
             </label>
         </div>
         {% endfor %}
diff --git a/templates/settings/two_factors_page.html b/templates/settings/two_factors_page.html
index 8bfa371..0c9732b 100644
--- a/templates/settings/two_factors_page.html
+++ b/templates/settings/two_factors_page.html
@@ -26,7 +26,7 @@
     <tbody>
     {% for f in user.two_factor %}
     <tr id="factor-{{ f.id.0 }}">
-        <td>{{ f.type_str() }}</td>
+        <td><img src="{{ f.type_image() }}" alt="Factor icon" style="height: 1.5em; margin-right: 0.5em;" />{{ f.type_str() }}</td>
         <td>{{ f.name }}</td>
         <td><a href="javascript:delete_factor('{{ f.id.0 }}');">Delete</a></td>
     </tr>