psy_vk2

Sleeping

App Files Files Community

DmitrMakeev commited on Jul 24, 2024

Commit

e26678d

verified ·

1 Parent(s): f158535

Update biz_v.html

Browse files

Files changed (1) hide show

biz_v.html +75 -138

biz_v.html CHANGED Viewed

@@ -22,11 +22,21 @@
             font-size: 28px;
             text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
         }
-        .form-group {
-            margin: 20px auto;
-            width: 100%;
-            max-width: 400px; /* Устанавливаем максимальную ширину */
             text-align: left;
         }
         .form-group label {
             display: block;
@@ -36,12 +46,11 @@
         .form-group input,
         .form-group select {
             width: 100%;
-            padding: 12px; /* Увеличиваем внутренний отступ */
             font-size: 16px;
             border: 1px solid #ccc;
             border-radius: 5px;
             box-sizing: border-box;
-            margin-bottom: 20px;
         }
         button {
             display: block;
@@ -50,7 +59,7 @@
             background-color: #4CAF50;
             border: none;
             cursor: pointer;
-            padding: 12px 24px; /* Увеличиваем внутренний отступ */
             font-size: 16px;
             border-radius: 5px;
             transition: background-color 0.3s ease;
@@ -58,22 +67,6 @@
         button:hover {
             background-color: #388E3C;
         }
-        #dropdown-container {
-            margin-top: 20px;
-        }
-        #dropdown-container select {
-            width: 100%; /* Устанавливаем ширину выпадающего списка */
-            padding: 12px; /* Увеличиваем внутренний отступ */
-            font-size: 16px;
-            border: 1px solid #ccc;
-            border-radius: 5px;
-            box-sizing: border-box;
-        }
-    </style>
- <style>
         .input-row {
             display: flex;
             justify-content: center;
@@ -109,77 +102,57 @@
             background-color: #388E3C;
         }
     </style>
 </head>
 <body>
-    <h1>WhatsGRM - Принудительное обновление базы данных с Бизон 365</h1>
-    <div class="form-group">
-        <label for="tokenInput">API-токен администратора Бизон 365:</label>
-        <input type="text" id="tokenInput" placeholder="Введите токен">
-    </div>
-    <div class="form-group">
-        <label for="dateSelect">Выбор даты:</label>
-        <select id="dateSelect">
-            <option value="2021-01-01T00:00:00">2021-01-01</option>
-            <option value="2022-01-01T00:00:00">2022-01-01</option>
-            <option value="2023-01-01T00:00:00">2023-01-01</option>
-            <option value="2024-01-01T00:00:00">2024-01-01</option>
-        </select>
-    </div>
-    <div class="form-group">
-        <label for="typeSelect">Выбор формата вебинара:</label>
-        <select id="typeSelect">
-            <option value="AutoWebinars">Автовебинарные комнаты</option>
-            <option value="LiveWebinars">Вебинарные комнаты</option>
-        </select>
-    </div>
-    <button id="sendRequestButton">Получить список комнат Бизон 365</button>
-    <div id="dropdown-container"></div>
-    <button id="sendGetRequestButton">Обновить базу пользователей WhatCRM</button>
-    <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">
         </div>
-        <div class="input-row">
-            <label>
-                <input type="checkbox" name="verify_phone" value="1"> Verify Phone
-            </label>
-            <label>
-                <input type="checkbox" name="add_curator" value="1"> Add Curator
-            </label>
         </div>
-        <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>
@@ -187,9 +160,8 @@
         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'
@@ -231,35 +203,6 @@
         });
     </script>
     <script>
         const notyf = new Notyf({
             duration: 5000,
@@ -268,20 +211,14 @@
                 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('dateSelect').value;
             const type = document.getElementById('typeSelect').value;
             const url = '/send_request';
             fetch(url, {
                 method: 'POST',
                 headers: {
@@ -299,14 +236,12 @@
                 notyf.error('Error: ' + error.message);
             })
             .finally(() => {
-                requestButtonClicked = false; // Сбрасываем флаг после завершения запроса
             });
         });
         function createDropdown(data) {
             const container = document.getElementById('dropdown-container');
-            container.innerHTML = ''; // Очистить контейнер перед добавлением нового списка
             const select = document.createElement('select');
             select.id = 'dropdown';
             select.classList.add('form-group');
@@ -317,18 +252,14 @@
                 select.appendChild(option);
             });
             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'
             })
@@ -346,3 +277,9 @@
 </body>
 </html>

             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;
         .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;
             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;
             background-color: #388E3C;
         }
     </style>
 </head>
 <body>
+    <h1>WhatsGRM - Обновление</h1>
+    <div class="container">
+        <div class="block">
+            <h2>Обновление Бизон 365</h2>
+            <div class="form-group">
+                <label for="tokenInput">API-токен администратора Бизон 365:</label>
+                <input type="text" id="tokenInput" placeholder="Введите токен">
+            </div>
+            <div class="form-group">
+                <label for="dateSelect">Выбор даты:</label>
+                <select id="dateSelect">
+                    <option value="2021-01-01T00:00:00">2021-01-01</option>
+                    <option value="2022-01-01T00:00:00">2022-01-01</option>
+                    <option value="2023-01-01T00:00:00">2023-01-01</option>
+                    <option value="2024-01-01T00:00:00">2024-01-01</option>
+                </select>
+            </div>
+            <div class="form-group">
+                <label for="typeSelect">Выбор формата вебинара:</label>
+                <select id="typeSelect">
+                    <option value="AutoWebinars">Автовебинарные комнаты</option>
+                    <option value="LiveWebinars">Вебинарные комнаты</option>
+                </select>
+            </div>
+            <button id="sendRequestButton">Получить список комнат Бизон 365</button>
+            <div id="dropdown-container"></div>
+            <button id="sendGetRequestButton">Обновить базу пользователей WhatCRM</button>
         </div>
+        <div class="block">
+            <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>
+                        <input type="checkbox" name="verify_phone" value="1"> Verify Phone
+                    </label>
+                    <label>
+                        <input type="checkbox" name="add_curator" value="1"> Add Curator
+                    </label>
+                </div>
+                <input id="uploadButton" type="submit" value="Upload">
+            </form>
+            <div id="result"></div>
         </div>
+    </div>
     <!-- Подключение скрипта Notyf -->
     <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></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'
         });
     </script>
     <script>
         const notyf = new Notyf({
             duration: 5000,
                 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('dateSelect').value;
             const type = document.getElementById('typeSelect').value;
             const url = '/send_request';
             fetch(url, {
                 method: 'POST',
                 headers: {
                 notyf.error('Error: ' + error.message);
             })
             .finally(() => {
+                requestButtonClicked = false;
             });
         });
         function createDropdown(data) {
             const container = document.getElementById('dropdown-container');
+            container.innerHTML = '';
             const select = document.createElement('select');
             select.id = 'dropdown';
             select.classList.add('form-group');
                 select.appendChild(option);
             });
             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'
             })
 </body>
 </html>