Update biz_v.html

biz_v.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>API Request</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf/notyf.min.css">
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -69,25 +69,15 @@
     <div id="dropdown-container"></div>
     <button id="sendGetRequestButton">Send GET Request</button>
 
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
     <script>
-        toastr.options = {
-            "closeButton": false,
-            "debug": false,
-            "newestOnTop": false,
-            "progressBar": false,
-            "positionClass": "toast-top-right",
-            "preventDuplicates": false,
-            "onclick": null,
-            "showDuration": "300",
-            "hideDuration": "1000",
-            "timeOut": "5000",
-            "extendedTimeOut": "1000",
-            "showEasing": "swing",
-            "hideEasing": "linear",
-            "showMethod": "fadeIn",
-            "hideMethod": "fadeOut"
-        };
+        const notyf = new Notyf({
+            duration: 5000,
+            position: {
+                x: 'right',
+                y: 'top',
+            },
+        });
 
         document.getElementById('sendRequestButton').addEventListener('click', function() {
             const token = document.getElementById('tokenInput').value;
@@ -108,7 +98,7 @@
             })
             .catch(error => {
                 console.error('Error:', error);
-                toastr.error('Error: ' + error.message);
+                notyf.error('Error: ' + error.message);
             });
         });
 
@@ -134,11 +124,11 @@
                 .then(response => response.json())
                 .then(data => {
                     console.log('GET Response:', data);
-                    toastr.success('User data saved successfully');
+                    notyf.success('User data saved successfully');
                 })
                 .catch(error => {
                     console.error('Error:', error);
-                    toastr.error('Error: ' + error.message);
+                    notyf.error('Error: ' + error.message);
                 });
             });
         }