Generate QrCode to enroll Authenticator App

templates/settings/add_2fa_totp_page.html

@@ -1,6 +1,22 @@
 {% extends "base_settings_page.html" %}
 {% block content %}
 
-TODO : show a form to add a new TOTP password
+<p>On this page you can configure a new Authenticator app. Please use the authenticator app to scan the QR code.</p>
+
+<p>Note: if you have not an authenticator app yet, you might want to use
+    <a href="https://play.google.com/store/apps/details?id=org.fedorahosted.freeotp" rel="noopener" target="_blank">FreeOTP
+        Authenticator</a> for example.</p>
+
+<img src="data:image/png;base64,{{ qr_code }}" style="width: 150px; margin: 0px 20px;"/>
+
+<p>If you can't scan the QrCode, please use the following parameters instead:</p>
+<ul>
+    <li><strong>Account name:</strong> {{ account_name }}</li>
+    <li><strong>Secret key:</strong> {{ secret_key }}</li>
+</ul>
+
+<p>Once you have scanned the QrCode, please generate a first QrCode and type it below:</p>
+
+TODO : add form
 
 {% endblock content %}