From d803c9f54680a2cb55ed2f57ae900ce23f46d296 Mon Sep 17 00:00:00 2001
From: Philippe Loctaux <p@philippeloctaux.com>
Date: Sat, 6 May 2023 16:49:56 +0200
Subject: [PATCH] admin/apps: prompt before regenerating secret

---
 .../templates/pages/admin/apps/view.html.tera | 61 ++++++++++++++++---
 1 file changed, 53 insertions(+), 8 deletions(-)

diff --git a/crates/ezidam/templates/pages/admin/apps/view.html.tera b/crates/ezidam/templates/pages/admin/apps/view.html.tera
index eef8753..d3709ea 100644
--- a/crates/ezidam/templates/pages/admin/apps/view.html.tera
+++ b/crates/ezidam/templates/pages/admin/apps/view.html.tera
@@ -40,18 +40,17 @@
 
                 <!-- App secret -->
                 <div class="mb-3">
-                    <label class="form-label">App secret</label>
-                    <input type="password" class="form-control" value="super_secure_useless_app_secret" readonly>
+                    <label class="form-label" for="secret">App secret</label>
+                    <input id="secret" type="password" class="form-control" value="super_secure_useless_app_secret"
+                           readonly>
                 </div>
 
                 <!-- Regenerate secret -->
                 <div>
-                    <form action="{{ app.id }}/secret" method="post">
-                        <div class="mb-2">Lost your secret?</div>
-                        <button type="submit" name="regenerate_secret" value="true" class="btn btn-danger">
-                            Regenerate secret
-                        </button>
-                    </form>
+                    <div class="mb-2">Lost your secret?</div>
+                    <a class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#modal-new-secret">
+                        Regenerate secret
+                    </a>
                 </div>
 
             </div>
@@ -208,6 +207,52 @@
         </div>
     </div>
 </div>
+
+<!-- Regenerate secret modal -->
+<div class="modal modal-blur" tabindex="-1" id="modal-new-secret">
+    <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
+        <div class="modal-content">
+
+            <div class="modal-status bg-danger"></div>
+
+            <div class="modal-body text-center py-4">
+
+                <div class="text-danger mb-2">
+                    {% include "icons/alert-triangle-large" %}
+                </div>
+
+                <h3>Do you want to regenerate secret for {{ app.label }}?</h3>
+                <div class="mt-2">
+                    You will need to update the configuration of your app with the new secret.
+                </div>
+
+            </div>
+
+            <div class="modal-footer">
+                <div class="w-100">
+                    <div class="row">
+
+                        <div class="col">
+                            <a href="#" class="btn w-100" data-bs-dismiss="modal">Cancel</a>
+                        </div>
+
+                        <div class="col">
+                            <form action="{{ app.id }}/secret" method="post">
+                                <button type="submit" name="regenerate_secret" value="true"
+                                        class="btn btn-danger w-100">
+                                    Regenerate
+                                </button>
+                            </form>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
 {% endblock content %}
 
 {% block libs_js %}