feat: perf face capture page

apps/authentication/mixins.py

@@ -238,7 +238,7 @@ class MFAFaceMixin:
 
         if not self.is_context_success(context):
             msg = context.get('error_message', '')
-            raise RuntimeError("Face recognition failed,{}".format(msg))
+            raise RuntimeError(msg)
 
         face_code = context.get('face_code')
         if not face_code:

apps/authentication/templates/authentication/face_capture.html

@@ -2,28 +2,18 @@
 {% load i18n %}
 {% load static %}
 
-
 {% block content %}
 
-    <style>
-        .ibox-content {
-            padding: 0;
-        }
-
-        h2 {
-            display: none;
-        }
-
-        .ibox-context-margin {
-            margin: 0;
-        }
-
-    </style>
-
     {% if 'code' in form.errors %}
-        <p class="red-fonts">{{ form.code.errors.as_text }}</p>
+        <div class="alert  alert-danger" id="messages">
+            <p class="red-fonts">{{ form.code.errors.as_text }}</p>
+        </div>
     {% endif %}
 
+    <div id="retry_container" style="text-align: center; margin-top: 20px; display: none;">
+        <button id="retry_button" class="btn btn-primary">{% trans 'Retry' %}</button>
+    </div>
+
     <form class="m-t" role="form" method="post" action="" style="display: none">
         {% csrf_token %}
         <button id="submit_button" type="submit" style="display: none"></button>
@@ -40,9 +30,7 @@
         </iframe>
     </div>
 
-    <div id="retry_container" style="text-align: center; margin-top: 20px; display: none;">
+
-        <button id="retry_button" class="btn btn-primary">{% trans 'Retry' %}</button>
-    </div>
 
     <script>
         $(document).ready(function () {