From 8701392560a1ed36949b35bf611a9c07b57e8d17 Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Sat, 3 Dec 2022 01:43:31 -0300
Subject: [PATCH] Replace HTML alert message by a javascript alert

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
---
 settings.php | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/settings.php b/settings.php
index 7ff980f6d7..d443dde63c 100644
--- a/settings.php
+++ b/settings.php
@@ -48,23 +48,27 @@
 }
 ?>
 
+<script>
 <?php if (strlen($success) > 0) { ?>
-    <div id="alInfo" class="alert alert-info alert-dismissible fade in" role="alert">
-        <button type="button" class="close" data-hide="alert" aria-label="Close"><span aria-hidden="true">&times;</span>
-        </button>
-        <h4><i class="icon fa fa-info"></i> Info</h4>
-        <?php echo $success; ?>
-    </div>
+    $.notify({
+        icon: "fas fa-check-circle",
+        title: "<b>Success</b><br>",
+        message: "<?php echo $success; ?>"
+    }, {
+        type: "success"
+    });
 <?php } ?>
 
 <?php if (strlen($error) > 0) { ?>
-    <div id="alError" class="alert alert-danger alert-dismissible fade in" role="alert">
-        <button type="button" class="close" data-hide="alert" aria-label="Close"><span aria-hidden="true">&times;</span>
-        </button>
-        <h4><i class="icon fa fa-ban"></i> Error</h4>
-        <?php echo $error; ?>
-    </div>
+    $.notify({
+        icon: "fas fa-times-circle",
+        title: "<b>Error</b><br>",
+        message: "<?php echo $error; ?>"
+    }, {
+        type: "error"
+    });
 <?php } ?>
+</script>
 
 <?php
 if (isset($setupVars['PIHOLE_INTERFACE'])) {