From e6cb61e023a4e4f099e22eb77482efdc075adcd9 Mon Sep 17 00:00:00 2001
From: Daniel Seifert <git@daniel-seifert.com>
Date: Sun, 8 Sep 2024 00:19:14 +0200
Subject: [PATCH] modify backend totp panel layout

---
 views/smarty/admin/tpl/d3user_totp.tpl | 26 +++++++++++++-------------
 views/twig/admin/d3user_totp.html.twig | 26 +++++++++++++-------------
 2 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/views/smarty/admin/tpl/d3user_totp.tpl b/views/smarty/admin/tpl/d3user_totp.tpl
index d82ffd6..a7fd0bd 100644
--- a/views/smarty/admin/tpl/d3user_totp.tpl
+++ b/views/smarty/admin/tpl/d3user_totp.tpl
@@ -63,7 +63,7 @@
     [{if $oxid && $oxid != '-1'}]
         <div class="container-fluid">
             <div class="row">
-                <div class="col-4">
+                <div class="col-6">
                     <div class="card">
                         [{block name="user_d3user_totp_form1"}]
                             [{if false == $totp->getId()}]
@@ -80,6 +80,15 @@
                                             [{oxinputhelp ident="D3_TOTP_QRCODE_HELP"}]
                                         </div>
                                     </div>
+                                    <div class="row">
+                                        <div class="col-4">
+                                            <label for="secret">[{oxmultilang ident="D3_TOTP_SECRET" suffix="COLON"}]</label>
+                                        </div>
+                                        <div class="col-8">
+                                            <textarea rows="3" cols="50" id="secret" name="secret" class="editinput" readonly="readonly">[{$totp->getSecret()}]</textarea>
+                                            [{oxinputhelp ident="D3_TOTP_SECRET_HELP"}]
+                                        </div>
+                                    </div>
                                 </div>
                             [{elseif $force2FA}]
                                 <div class="card-header">
@@ -102,7 +111,7 @@
                                             [{oxmultilang ident="D3_TOTP_REGISTERDELETE_DESC"}]
                                             <br>
                                             <br>
-                                            <button type="submit" [{$readonly}] class="btn btn-primary btn-outline-danger btn-sm" onClick="document.myedit.fnc.value='delete'">
+                                            <button type="submit" [{$readonly}] class="btn btn-outline-danger btn-sm" onClick="document.myedit.fnc.value='delete'">
                                                 [{oxmultilang ident="D3_TOTP_REGISTERDELETE"}]
                                             </button>
                                         </div>
@@ -113,7 +122,7 @@
                         [{/block}]
                     </div>
                 </div>
-                <div class="col-8">
+                <div class="col-6">
                     <div class="card">
                         [{block name="user_d3user_totp_form2"}]
                             [{if false == $totp->getId()}]
@@ -121,15 +130,6 @@
                                     [{oxmultilang ident="D3_TOTP_CONFIRMATION"}]
                                 </div>
                                 <div class="card-body">
-                                    <div class="row">
-                                        <div class="col-4">
-                                            <label for="secret">[{oxmultilang ident="D3_TOTP_SECRET" suffix="COLON"}]</label>
-                                        </div>
-                                        <div class="col-8">
-                                            <textarea rows="3" cols="50" id="secret" name="secret" class="editinput" readonly="readonly">[{$totp->getSecret()}]</textarea>
-                                            [{oxinputhelp ident="D3_TOTP_SECRET_HELP"}]
-                                        </div>
-                                    </div>
                                     <div class="row" style="margin-top: 20px;">
                                         <div class="col-4">
                                             <label for="otp">[{oxmultilang ident="D3_TOTP_CURROTP"}]</label>
@@ -139,7 +139,7 @@
                                             [{oxinputhelp ident="D3_TOTP_CURROTP_HELP"}]
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="row" style="margin-top: 20px">
                                         <div class="col-4"></div>
                                         <div class="col-8">
                                             <button type="submit" [{$readonly}] class="btn btn-primary btn-success btn-sm" onClick="document.myedit.fnc.value='save'">
diff --git a/views/twig/admin/d3user_totp.html.twig b/views/twig/admin/d3user_totp.html.twig
index 53d66a3..6e641cf 100644
--- a/views/twig/admin/d3user_totp.html.twig
+++ b/views/twig/admin/d3user_totp.html.twig
@@ -63,7 +63,7 @@
     {% if oxid and oxid != ' - 1' %}
         <div class="container-fluid">
             <div class="row">
-                <div class="col-4">
+                <div class="col-6">
                     <div class="card">
                         {% block user_d3user_totp_form1 %}
                             {% if false == totp.getId() %}
@@ -80,6 +80,15 @@
                                             {% include "inputhelp.html.twig" with {'sHelpId': help_id("D3_TOTP_QRCODE_HELP"), 'sHelpText': help_text("D3_TOTP_QRCODE_HELP")} %}
                                         </div>
                                     </div>
+                                    <div class="row">
+                                        <div class="col-4">
+                                            <label for="secret">{{ translate({ ident: "D3_TOTP_SECRET", suffix: "COLON" }) }}</label>
+                                        </div>
+                                        <div class="col-8">
+                                            <textarea rows="3" cols="50" id="secret" name="secret" class="editinput" readonly="readonly">{{ totp.getSecret() }}</textarea>
+                                            {% include "inputhelp.html.twig" with {'sHelpId': help_id("D3_TOTP_SECRET_HELP"), 'sHelpText': help_text("D3_TOTP_SECRET_HELP")} %}
+                                        </div>
+                                    </div>
                                 </div>
                             {% elseif force2FA %}
                                 <div class="card-header">
@@ -102,7 +111,7 @@
                                             {{ translate({ ident: "D3_TOTP_REGISTERDELETE_DESC" }) }}
                                             <br>
                                             <br>
-                                            <button type="submit" {{ readonly }} class="btn btn-primary btn-outline-danger btn-sm" onClick="document.myedit.fnc.value='delete'">
+                                            <button type="submit" {{ readonly }} class="btn btn-outline-danger btn-sm" onClick="document.myedit.fnc.value='delete'">
                                                 {{ translate({ ident: "D3_TOTP_REGISTERDELETE" }) }}
                                             </button>
                                         </div>
@@ -113,7 +122,7 @@
                         {% endblock %}
                     </div>
                 </div>
-                <div class="col-8">
+                <div class="col-6">
                     <div class="card">
                         {% block user_d3user_totp_form2 %}
                             {% if false == totp.getId() %}
@@ -121,15 +130,6 @@
                                     {{ translate({ ident: "D3_TOTP_CONFIRMATION" }) }}
                                 </div>
                                 <div class="card-body">
-                                    <div class="row">
-                                        <div class="col-4">
-                                            <label for="secret">{{ translate({ ident: "D3_TOTP_SECRET", suffix: "COLON" }) }}</label>
-                                        </div>
-                                        <div class="col-8">
-                                            <textarea rows="3" cols="50" id="secret" name="secret" class="editinput" readonly="readonly">{{ totp.getSecret() }}</textarea>
-                                            {% include "inputhelp.html.twig" with {'sHelpId': help_id("D3_TOTP_SECRET_HELP"), 'sHelpText': help_text("D3_TOTP_SECRET_HELP")} %}
-                                        </div>
-                                    </div>
                                     <div class="row" style="margin-top: 20px;">
                                         <div class="col-4">
                                             <label for="otp">{{ translate({ ident: "D3_TOTP_CURROTP" }) }}</label>
@@ -139,7 +139,7 @@
                                             {% include "inputhelp.html.twig" with {'sHelpId': help_id("D3_TOTP_CURROTP_HELP"), 'sHelpText': help_text("D3_TOTP_CURROTP_HELP")} %}
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="row" style="margin-top: 20px;">
                                         <div class="col-4"></div>
                                         <div class="col-8">
                                             <button type="submit" {{ readonly }} class="btn btn-primary btn-success btn-sm" onClick="document.myedit.fnc.value='save'">