From d72163cf6b58c13f0c931dca56e1accb3da7ab08 Mon Sep 17 00:00:00 2001
From: Khanh Ngo <k@ndk.name>
Date: Fri, 29 May 2020 14:20:37 +0700
Subject: [PATCH] Reload the client page after adding new client

---
 templates/base.html | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index 967859f..f756108 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -246,19 +246,19 @@
     <!-- AdminLTE App -->
     <script src="static/dist/js/adminlte.min.js"></script>
     <script>
-        // submitNewClient function for new client form submition
+        // submitNewClient function for new client form submission
         function submitNewClient() {
-            var name = $("#client_name").val();
-            var email = $("#client_email").val();
-            var allocated_ips = $("#client_allocated_ips").val().split(",");
-            var allowed_ips = $("#client_allowed_ips").val().split(",");
-            var enabled = false;
+            const name = $("#client_name").val();
+            const email = $("#client_email").val();
+            const allocated_ips = $("#client_allocated_ips").val().split(",");
+            const allowed_ips = $("#client_allowed_ips").val().split(",");
+            let enabled = false;
 
             if ($("#enabled").is(':checked')){
                 enabled = true;
             }
 
-            var data = {"name": name, "email": email, "allocated_ips": allocated_ips, "allowed_ips": allowed_ips,
+            const data = {"name": name, "email": email, "allocated_ips": allocated_ips, "allowed_ips": allowed_ips,
             "enabled": enabled};
             console.log(data);
 
@@ -272,10 +272,13 @@
                 success: function(data) {
                     $("#modal_new_client").modal('hide');
                     toastr.success('Created new client successfully');
-                    // TODO: trigger reloading the dashboard
+                    // Refresh the home page (clients page) after adding successfully
+                    if (window.location.pathname === "/") {
+                        location.reload();
+                    }
                 },
                 error: function(jqXHR, exception) {
-                    var responseJson = jQuery.parseJSON(jqXHR.responseText);
+                    const responseJson = jQuery.parseJSON(jqXHR.responseText);
                     toastr.error(responseJson['message']);
                 }
             });
@@ -296,7 +299,7 @@
                     })
                 },
                 error: function(jqXHR, exception) {
-                    var responseJson = jQuery.parseJSON(jqXHR.responseText);
+                    const responseJson = jQuery.parseJSON(jqXHR.responseText);
                     toastr.error(responseJson['message']);
                 }
             });
@@ -392,7 +395,7 @@
                         toastr.success('Applied config successfully');
                     },
                     error: function(jqXHR, exception) {
-                        var responseJson = jQuery.parseJSON(jqXHR.responseText);
+                        const responseJson = jQuery.parseJSON(jqXHR.responseText);
                         toastr.error(responseJson['message']);
                     }
                 });