psy2

Sleeping

App Files Files Community

DmitrMakeev commited on Jul 24, 2024

Commit

90eb70e

verified ·

1 Parent(s): d481e21

Update biz_v.html

Browse files

Files changed (1) hide show

biz_v.html +33 -88

biz_v.html CHANGED Viewed

@@ -72,22 +72,8 @@
     </style>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            text-align: center;
-            background-color: #f0f0f0;
-            margin: 0;
-            padding: 0;
-        }
-        h1 {
-            background-color: #4CAF50;
-            color: white;
-            padding: 20px;
-            margin: 0;
-            border-bottom: 2px solid #388E3C;
-        }
         .input-row {
             display: flex;
             justify-content: center;
@@ -122,31 +108,6 @@
         #uploadButton:hover {
             background-color: #388E3C;
         }
-        .loader {
-            border: 16px solid #f3f3f3;
-            border-radius: 50%;
-            border-top: 16px solid #4CAF50; /* Зелёный цвет */
-            width: 120px;
-            height: 120px;
-            -webkit-animation: spin 2s linear infinite; /* Safari */
-            animation: spin 2s linear infinite;
-            display: none; /* Изначально скрыт */
-            position: fixed; /* Фиксированное положение */
-            top: 50%; /* По центру по вертикали */
-            left: 50%; /* По центру по горизонтали */
-            transform: translate(-50%, -50%); /* Центрирование */
-        }
-        /* Safari */
-        @-webkit-keyframes spin {
-            0% { -webkit-transform: rotate(0deg); }
-            100% { -webkit-transform: rotate(360deg); }
-        }
-        @keyframes spin {
-            0% { transform: rotate(0deg); }
-            100% { transform: rotate(360deg); }
-        }
     </style>
@@ -158,7 +119,6 @@
 </head>
 <body>
@@ -204,7 +164,7 @@
-   <h1>Upload CSV File</h1>
     <form id="uploadForm" enctype="multipart/form-data" method="post">
         <div class="input-row">
             <input type="file" name="file" accept=".csv">
@@ -220,66 +180,53 @@
         <input id="uploadButton" type="submit" value="Upload">
     </form>
     <div id="result"></div>
-    <div class="loader"></div>
-   <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
     <script>
         document.getElementById('uploadForm').addEventListener('submit', function(event) {
             event.preventDefault();
             const form = new FormData(this);
-            const loader = document.querySelector('.loader');
-            loader.style.display = 'block'; // Показываем спиннер
             fetch('/upload_csv', {
                 method: 'POST',
                 body: form
             })
             .then(response => response.json())
             .then(data => {
-                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>
@@ -307,8 +254,6 @@

     </style>
+ <style>
         .input-row {
             display: flex;
             justify-content: center;
         #uploadButton:hover {
             background-color: #388E3C;
         }
     </style>
 </head>
 <body>
+    <h1>Upload CSV File</h1>
     <form id="uploadForm" enctype="multipart/form-data" method="post">
         <div class="input-row">
             <input type="file" name="file" accept=".csv">
         <input id="uploadButton" type="submit" value="Upload">
     </form>
     <div id="result"></div>
+    <!-- Подключение скрипта Notyf -->
+    <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
     <script>
         document.getElementById('uploadForm').addEventListener('submit', function(event) {
             event.preventDefault();
             const form = new FormData(this);
+            // Показываем сообщение "Загрузка началась, пожалуйста, подождите"
+            const notyf = new Notyf({
+                duration: 5000, // Длительность показа уведомления
+                position: {
+                    x: 'right',
+                    y: 'top'
+                },
+                types: [
+                    {
+                        type: 'info',
+                        background: 'green',
+                        icon: {
+                            className: 'notyf__icon--info',
+                            tagName: 'span',
+                            text: ''
+                        }
+                    }
+                ]
+            });
+            notyf.open({
+                type: 'info',
+                message: 'Загрузка началась, пожалуйста, подождите'
+            });
             fetch('/upload_csv', {
                 method: 'POST',
                 body: form
             })
             .then(response => response.json())
             .then(data => {
+                notyf.open({
+                    type: 'success',
+                    message: data.message
                 });
             })
             .catch(error => {
                 console.error('Error:', error);
+                notyf.open({
+                    type: 'error',
+                    message: 'An error occurred while uploading the file.'
                 });
             });
         });
     </script>