From 84fc5afedb69ac53922d42d46dfebd4aa22c59d8 Mon Sep 17 00:00:00 2001
From: Son NK <son@imac-de-son.home>
Date: Sat, 6 Jul 2019 17:05:06 +0200
Subject: [PATCH] prettify client listing page

---
 app/developer/templates/developer/index.html | 25 +++++++++++++++-----
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/app/developer/templates/developer/index.html b/app/developer/templates/developer/index.html
index d22d919e..a757d887 100644
--- a/app/developer/templates/developer/index.html
+++ b/app/developer/templates/developer/index.html
@@ -74,12 +74,12 @@
                 </td>
 
                 <td>
-                  <a href="{{ url_for('developer.client_detail', client_id=client.id) }}" class="btn btn-info">
+                  <a href="{{ url_for('developer.client_detail', client_id=client.id) }}" class="icon">
                     <i class="fe fe-edit"></i>
                   </a>
                 </td>
 
-              <!-- TODO: uncomment when bringing back "Discover" feature
+                <!-- TODO: uncomment when bringing back "Discover" feature
                 <td>
                   <form method="post">
                     <input type="hidden" name="form-name" value="switch-client-publish">
@@ -94,14 +94,15 @@
                 </td>
                 -->
 
+
                 <td>
-                  <form method="post"
-                        onsubmit="return confirm('Please make sure no user is using this client. This operation is not reversible');">
+                  <form method="post" id="delete-client-form">
                     <input type="hidden" name="form-name" value="delete-client">
                     <input type="hidden" name="client-id" value="{{ client.id }}">
-                    <button type="submit" class="btn btn-danger">
+                    <a href="javascript:{}"
+                       class="icon delete-client">
                       <i class="fe fe-trash"></i>
-                    </button>
+                    </a>
                   </form>
                 </td>
               </tr>
@@ -137,6 +138,18 @@
         overlayClickDismiss: false,
       });
 
+      $(".delete-client").on("click", function (e) {
+        notie.confirm({
+          text: "This operation is not reversible, please confirm",
+          cancelCallback: () => {
+            // nothing to do
+          },
+          submitCallback: () => {
+            $(this).closest("form").submit();
+          }
+        });
+      });
+
       $(".custom-switch-input").change(function (e) {
         // Only ask for confirmation when publishing, not when un-publishing
         if (e.target.checked) {