psy2

Sleeping

App Files Files Community

DmitrMakeev commited on Jul 26, 2024

Commit

43aee25

verified ·

1 Parent(s): bef3d81

Update biz_v.html

Browse files

Files changed (1) hide show

biz_v.html +14 -320

biz_v.html CHANGED Viewed

@@ -3,238 +3,9 @@
 <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 {
-            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 {
-            display: block;
-            margin: 20px auto;
-            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: #4CAF50;
-            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;
-        }
-        /* Центрирование заголовков блоков */
-        .block h2 {
-            text-align: center;
-        }
-        /* Custom Checkbox Styles */
-        .container-checkbox {
-            color: #000000;
-            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;
-}
-.input-row label {
-    color: #000000;
-}
-    </style>
 </head>
 <body>
     <h1>WhatsMasterGRM - Принудительное обновление базы</h1>
@@ -243,7 +14,7 @@
             <h2>Тильда - Таблица CSV</h2>
             <form id="uploadForm" enctype="multipart/form-data" method="post">
                 <div class="input-row">
-                    <input type="file" name="file" accept=".csv">
                 </div>
                 <div class="input-row">
                     <label class="container-checkbox">
@@ -262,30 +33,6 @@
             <div id="result"></div>
         </div>
         <div class="block">
             <h2>Бизон 365 - API</h2>
             <div class="form-group">
@@ -309,7 +56,6 @@
         </div>
     </div>
-    <!-- Подключение скрипта Notyf -->
     <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
     <script>
         document.getElementById('uploadForm').addEventListener('submit', function(event) {
@@ -317,21 +63,7 @@
             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',
@@ -352,48 +84,31 @@
                 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;
             const url = '/send_request';
             fetch(url, {
                 method: 'POST',
-                headers: {
-                    'Content-Type': 'application/x-www-form-urlencoded'
-                },
-                body: 'token=' + encodeURIComponent(token) + '&minDate=' + encodeURIComponent(minDate) + '&type=' + encodeURIComponent(type)
             })
             .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 = '';
@@ -408,45 +123,24 @@
             });
             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;
-            const getUrl = '/send_get_request?token=' + encodeURIComponent(token) + '&webinarId=' + encodeURIComponent(selectedValue);
-            fetch(getUrl, {
-                method: 'GET'
-            })
             .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>
 </body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>WhatsMasterGRM - Принудительное обновление базы</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf/notyf.min.css">
 </head>
 <body>
     <h1>WhatsMasterGRM - Принудительное обновление базы</h1>
             <h2>Тильда - Таблица CSV</h2>
             <form id="uploadForm" enctype="multipart/form-data" method="post">
                 <div class="input-row">
+                    <input type="file" name="file" accept=".csv" required>
                 </div>
                 <div class="input-row">
                     <label class="container-checkbox">
             <div id="result"></div>
         </div>
         <div class="block">
             <h2>Бизон 365 - API</h2>
             <div class="form-group">
         </div>
     </div>
     <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
     <script>
         document.getElementById('uploadForm').addEventListener('submit', function(event) {
             const form = new FormData(this);
             const notyf = new Notyf({
                 duration: 5000,
+                position: { x: 'right', y: 'top' }
             });
             notyf.open({
                 type: 'info',
                 console.error('Error:', error);
                 notyf.open({
                     type: 'error',
+                    message: 'Произошла ошибка при загрузке файла.'
                 });
             });
         });
         document.getElementById('sendRequestButton').addEventListener('click', function() {
             const token = document.getElementById('tokenInput').value;
             const minDate = document.getElementById('dateInput').value;
             const type = document.getElementById('typeSelect').value;
             const url = '/send_request';
             fetch(url, {
                 method: 'POST',
+                headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+                body: new URLSearchParams({ token, minDate, type }).toString()
             })
             .then(response => response.json())
             .then(data => {
                 createDropdown(data);
             })
             .catch(error => {
                 console.error('Error:', error);
+                new Notyf().error('Ошибка: ' + error.message);
             });
         });
         function createDropdown(data) {
             const container = document.getElementById('dropdown-container');
             container.innerHTML = '';
             });
             container.appendChild(select);
             const sendGetRequestButton = document.getElementById('sendGetRequestButton');
             sendGetRequestButton.addEventListener('click', handleGetRequest);
         }
         function handleGetRequest() {
             const selectedValue = document.getElementById('dropdown').value;
             const token = document.getElementById('tokenInput').value;
+            const getUrl = `/send_get_request?token=${encodeURIComponent(token)}&webinarId=${encodeURIComponent(selectedValue)}`;
+            fetch(getUrl, { method: 'GET' })
             .then(response => response.json())
             .then(data => {
+                new Notyf().success('Пользователи добавлены в базу данных WhatsMasterGRM');
             })
             .catch(error => {
                 console.error('Error:', error);
+                new Notyf().error('Ошибка: ' + error.message);
             });
         }
     </script>
 </body>
 </html>