psy4

Sleeping

App Files Files Community

DmitrMakeev commited on Jul 26

Commit

f9dec90

•

1 Parent(s): b3ae86d

Update biz_v.html

Browse files

Files changed (1) hide show

biz_v.html +68 -334

biz_v.html CHANGED Viewed

@@ -1,263 +1,11 @@
-<!DOCTYPE html>
-<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>API Request</title>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf/notyf.min.css">
-    <style>
-body {
-    font-family: Arial, sans-serif;
-    text-align: center;
-    background-color: #f0f0f0;
-    margin: 0;
-    padding: 0;
-}
-h1, h2 {
-    color: black;
-    text-align: center;
-}
-h1 {
-    background-color: #4CAF50;
-    color: white;
-    padding: 20px;
-    margin: 0;
-    border-bottom: 2px solid #388E3C;
-    font-size: 28px;
-    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-}
-.container {
-    display: flex;
-    justify-content: space-around;
-    margin-top: 20px;
-}
-.block {
-    width: 45%;
-    text-align: left;
-    background-color: white;
-    padding: 20px;
-    border-radius: 10px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-.form-group {
-    margin: 20px 0;
-}
-.form-group label {
-    display: block;
-    margin-bottom: 8px;
-    font-size: 16px;
-}
-.form-group input,
-.form-group select {
-    width: 100%;
-    padding: 12px;
-    font-size: 16px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    box-sizing: border-box;
-}
-button {
-    color: white;
-    background-color: #4CAF50;
-    border: none;
-    cursor: pointer;
-    padding: 12px 24px;
-    font-size: 16px;
-    border-radius: 5px;
-    transition: background-color 0.3s ease;
-}
-button:hover {
-    background-color: #388E3C;
-}
-.input-row {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    margin-top: 20px;
-}
-.input-row input[type="file"] {
-    padding: 10px;
-    font-size: 16px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-}
-.input-row input[type="checkbox"] {
-    margin-top: 5px;
-}
-.input-row label {
-    display: flex;
-    align-items: center;
-    color: black;
-    font-size: 16px;
-}
-#uploadButton {
-    color: white;
-    background-color: #4CAF50;
-    border: none;
-    cursor: pointer;
-    padding: 10px 20px;
-    font-size: 16px;
-    border-radius: 5px;
-    margin-top: 20px;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-}
-#uploadButton:hover {
-    background-color: #388E3C;
-}
-#uploadButtonJson {
-    color: white;
-    background-color: #4CAF50;
-    border: none;
-    cursor: pointer;
-    padding: 10px 20px;
-    font-size: 16px;
-    border-radius: 5px;
-    display: block;
-    margin: 20px auto;
-    transition: background-color 0.3s ease;
-}
-#uploadButtonJson:hover {
-    background-color: #388E3C;
-}
-/* Custom Checkbox Styles */
-.container-checkbox {
-    color: black;
-    display: block;
-    position: relative;
-    padding-left: 35px;
-    margin-bottom: 12px;
-    cursor: pointer;
-    font-size: 16px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-}
-.container-checkbox input {
-    position: absolute;
-    opacity: 0;
-    cursor: pointer;
-    height: 0;
-    width: 0;
-}
-.checkmark {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 25px;
-    width: 25px;
-    background-color: #eee;
-}
-.container-checkbox:hover input ~ .checkmark {
-    background-color: #ccc;
-}
-.container-checkbox input:checked ~ .checkmark {
-    background-color: #4CAF50;
-}
-.checkmark:after {
-    content: "";
-    position: absolute;
-    display: none;
-}
-.container-checkbox input:checked ~ .checkmark:after {
-    display: block;
-}
-.container-checkbox .checkmark:after {
-    left: 9px;
-    top: 5px;
-    width: 5px;
-    height: 10px;
-    border: solid white;
-    border-width: 0 3px 3px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
-}
-/* Стили для input[type="date"] */
-input[type="date"] {
-    background-color: #4CAF50;
-    color: white;
-    padding: 12px;
-    font-size: 16px;
-    border: none;
-    border-radius: 5px;
-    width: 100%;
-    box-sizing: border-box;
-}
-::-webkit-calendar-picker-indicator {
-    background-color: white;
-    padding: 5px;
-    cursor: pointer;
-    border-radius: 3px;
-}
-/* Стили для выпадающего списка */
-#dropdown {
-    width: 100%;
-    padding: 12px;
-    font-size: 16px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    box-sizing: border-box;
-    margin-bottom: 20px;
-}
-/* Стили для формы загрузки JSON */
-.block form#uploadFormJson {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin-top: 20px;
-}
-.block form#uploadFormJson input[type="file"] {
-    padding: 10px;
-    font-size: 16px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-}
-#message {
-    margin-top: 20px;
-    padding: 10px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    background-color: #fff;
-    color: #4CAF50;
-    text-align: center;
-}
-    </style>
 </head>
 <body>
     <h1>WhatsMasterGRM - Принудительное обновление базы</h1>
@@ -318,67 +66,41 @@ input[type="date"] {
         </div>
     </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>
-    <script>
-        const notyf = new Notyf({
-            duration: 5000,
-            position: {
-                x: 'right',
-                y: 'top',
-            },
         });
-        let requestButtonClicked = false;
         document.getElementById('sendRequestButton').addEventListener('click', function() {
-            if (requestButtonClicked) return;
-            requestButtonClicked = true;
             const token = document.getElementById('tokenInput').value;
             const minDate = document.getElementById('dateInput').value;
             const type = document.getElementById('typeSelect').value;
@@ -392,17 +114,15 @@ input[type="date"] {
             })
             .then(response => response.json())
             .then(data => {
-                console.log('JSON Response:', data);
                 createDropdown(data);
             })
             .catch(error => {
                 console.error('Error:', error);
-                notyf.error('Error: ' + error.message);
-            })
-            .finally(() => {
-                requestButtonClicked = false;
             });
         });
         function createDropdown(data) {
             const container = document.getElementById('dropdown-container');
             container.innerHTML = '';
@@ -417,9 +137,11 @@ input[type="date"] {
             });
             container.appendChild(select);
             const sendGetRequestButton = document.getElementById('sendGetRequestButton');
             sendGetRequestButton.removeEventListener('click', handleGetRequest);
             sendGetRequestButton.addEventListener('click', handleGetRequest);
         }
         function handleGetRequest() {
             const selectedValue = document.getElementById('dropdown').value;
             const token = document.getElementById('tokenInput').value;
@@ -429,42 +151,54 @@ input[type="date"] {
             })
             .then(response => response.json())
             .then(data => {
-                console.log('GET Response:', data);
-                notyf.success('Пользователи добавлены в базу данных WhatsGRM');
             })
             .catch(error => {
                 console.error('Error:', error);
-                notyf.error('Error: ' + error.message);
             });
         }
-    </script>
-    <script>
-        function showMessage(message) {
-            var messageDiv = document.getElementById('message');
-            messageDiv.innerText = message;
-            messageDiv.style.display = 'block';
-        }
-        function handleFormSubmit(event) {
-            event.preventDefault();
-            var formData = new FormData(event.target);
-            fetch('/upload_json', {
-                method: 'POST',
-                body: formData
-            })
-            .then(response => response.json())
-            .then(data => {
-                if (data.message) {
-                    showMessage(data.message);
-                } else if (data.error) {
-                    showMessage(data.error);
-                }
-            })
-            .catch(error => {
-                showMessage("An error occurred: " + error);
             });
         }
     </script>
 </body>
-</html>

+<<!DOCTYPE html>
+<html lang="ru">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>WhatsMasterGRM - Принудительное обновление базы</title>
+    <link rel="stylesheet" href="styles.css">
+    <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
 </head>
 <body>
     <h1>WhatsMasterGRM - Принудительное обновление базы</h1>
         </div>
     </div>
     <script>
         document.getElementById('uploadForm').addEventListener('submit', function(event) {
             event.preventDefault();
             const form = new FormData(this);
             fetch('/upload_csv', {
                 method: 'POST',
                 body: form
             })
             .then(response => response.json())
             .then(data => {
+                showNotification('Загрузка завершена');
             })
             .catch(error => {
                 console.error('Error:', error);
+                showNotification('Произошла ошибка при загрузке файла.', true);
             });
         });
+        document.getElementById('uploadFormJson').addEventListener('submit', function(event) {
+            event.preventDefault();
+            var formData = new FormData(event.target);
+            fetch('/upload_json', {
+                method: 'POST',
+                body: formData
+            })
+            .then(response => response.json())
+            .then(data => {
+                showNotification(data.message || 'Файл успешно загружен');
+            })
+            .catch(error => {
+                showNotification("Произошла ошибка: " + error, true);
+            });
         });
         document.getElementById('sendRequestButton').addEventListener('click', function() {
             const token = document.getElementById('tokenInput').value;
             const minDate = document.getElementById('dateInput').value;
             const type = document.getElementById('typeSelect').value;
             })
             .then(response => response.json())
             .then(data => {
                 createDropdown(data);
+                showNotification('Список комнат успешно получен');
             })
             .catch(error => {
                 console.error('Error:', error);
+                showNotification('Произошла ошибка при получении списка комнат.', true);
             });
         });
         function createDropdown(data) {
             const container = document.getElementById('dropdown-container');
             container.innerHTML = '';
             });
             container.appendChild(select);
             const sendGetRequestButton = document.getElementById('sendGetRequestButton');
             sendGetRequestButton.removeEventListener('click', handleGetRequest);
             sendGetRequestButton.addEventListener('click', handleGetRequest);
         }
         function handleGetRequest() {
             const selectedValue = document.getElementById('dropdown').value;
             const token = document.getElementById('tokenInput').value;
             })
             .then(response => response.json())
             .then(data => {
+                showNotification('Пользователи добавлены в базу данных WhatsGRM');
             })
             .catch(error => {
                 console.error('Error:', error);
+                showNotification('Произошла ошибка при обновлении базы.', true);
             });
         }
+        function showNotification(message, isError = false) {
+            const notyf = new Notyf({
+                duration: 5000,
+                position: {
+                    x: 'right',
+                    y: 'top',
+                },
+                types: [
+                    {
+                        type: 'success',
+                        background: 'green',
+                        icon: {
+                            className: 'notyf__icon--success',
+                            tagName: 'span',
+                            text: ''
+                        }
+                    },
+                    {
+                        type: 'error',
+                        background: 'red',
+                        icon: {
+                            className: 'notyf__icon--error',
+                            tagName: 'span',
+                            text: ''
+                        }
+                    }
+                ]
             });
+            if (isError) {
+                notyf.open({
+                    type: 'error',
+                    message: message
+                });
+            } else {
+                notyf.open({
+                    type: 'success',
+                    message: message
+                });
+            }
         }
     </script>
 </body>
+</html>