Update upl_csv.html

upl_csv.html

@@ -4,6 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>CSV Upload</title>
+    <!-- Подключение стилей Notyf -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf/notyf.min.css">
     <style>
         .loader {
             border: 16px solid #f3f3f3;
@@ -47,6 +49,8 @@
     <div id="result"></div>
     <div class="loader"></div>
 
+    <!-- Подключение скрипта Notyf -->
+    <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
     <script>
         document.getElementById('uploadForm').addEventListener('submit', function(event) {
             event.preventDefault();
@@ -60,12 +64,49 @@
             })
             .then(response => response.json())
             .then(data => {
-                document.getElementById('result').innerText = JSON.stringify(data, null, 2);
                 loader.style.display = 'none'; // Скрываем спиннер после завершения
+                const notyf = new Notyf({
+                    duration: 5000, // Длительность показа уведомления
+                    position: {
+                        x: 'right',
+                        y: 'bottom'
+                    },
+                    types: [
+                        {
+                            type: 'success',
+                            background: 'green',
+                            icon: {
+                                className: 'notyf__icon--success',
+                                tagName: 'span',
+                                text: ''
+                            }
+                        }
+                    ]
+                });
+                notyf.success(data.message); // Показываем уведомление с сообщением от сервера
             })
             .catch(error => {
                 console.error('Error:', error);
                 loader.style.display = 'none'; // Скрываем спиннер в случае ошибки
+                const notyf = new Notyf({
+                    duration: 5000, // Длительность показа уведомления
+                    position: {
+                        x: 'right',
+                        y: 'bottom'
+                    },
+                    types: [
+                        {
+                            type: 'error',
+                            background: 'red',
+                            icon: {
+                                className: 'notyf__icon--error',
+                                tagName: 'span',
+                                text: ''
+                            }
+                        }
+                    ]
+                });
+                notyf.error('An error occurred while uploading the file.'); // Показываем уведомление об ошибке
             });
         });
     </script>