add own section for delete account on settings page

josxha · Mar 14, 2024 · ea1447b · ea1447b
1 parent 9de69ec
commit ea1447b
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 3 deletions.
diff --git a/KratosSelfService/Resources/CustomTranslator.de.resx b/KratosSelfService/Resources/CustomTranslator.de.resx
@@ -181,4 +181,7 @@
     <data name="deleteAccount.text" xml:space="preserve">
         <value>Möchten Sie wirklich, dass Ihr Benutzerkonto gelöscht wird?</value>
     </data>
+    <data name="settings.deleteAccountButtonLabel" xml:space="preserve">
+        <value>Account löschen</value>
+    </data>
 </root>
diff --git a/KratosSelfService/Resources/CustomTranslator.resx b/KratosSelfService/Resources/CustomTranslator.resx
@@ -132,4 +132,7 @@
     <data name="deleteAccount.confirm" xml:space="preserve">
         <value>Confirm</value>
     </data>
+    <data name="settings.deleteAccountButtonLabel" xml:space="preserve">
+        <value>Delete Account</value>
+    </data>
 </root>
diff --git a/KratosSelfService/Views/Settings/Settings.cshtml b/KratosSelfService/Views/Settings/Settings.cshtml
@@ -36,7 +36,7 @@
                         </li>
                     }
                     <li>
-                        <a href="settings/delete-account[email protected]&[email protected]">
+                        <a href="#delete-account">
                             <span class="icon-text is-warning">
                                 <span class="icon">
                                     <i class="fa-solid fa-user-xmark fa-sm"></i>
@@ -99,8 +99,8 @@
                     <h3 class="subtitle">
                         @group.Key.ToLocalTitleString(OryTranslator)
                     </h3>
-                    <form class="mb-3 @(group.Key == KratosUiNode.GroupEnum.Oidc ? "columns is-multiline" : "")" 
-                          action="@Model.flow.Ui.Action" 
+                    <form class="mb-3 @(group.Key == KratosUiNode.GroupEnum.Oidc ? "columns is-multiline" : "")"
+                          action="@Model.flow.Ui.Action"
                           method="@Model.flow.Ui.Method">
                         @foreach (var node in defaultNodes)
                         {
@@ -115,6 +115,21 @@
                     </form>
                 </div>
             }
+            <div class="box p-5" id="delete-account">
+                <h3 class="subtitle">
+                    @CustomTranslator.Get("settings.deleteAccount")
+                </h3>
+                <div class="mb-3">
+                    <div class="field">
+                        <div class="control">
+                            <a href="settings/[email protected]&[email protected]"
+                               class="button is-danger">
+                                @CustomTranslator.Get("settings.deleteAccountButtonLabel")
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 </div>