Update biz_v.html

biz_v.html

@@ -24,35 +24,27 @@
             justify-content: center;
             gap: 10px;
             margin-top: 20px;
-            flex-wrap: wrap;
         }
-        .input-row input, .input-row select {
+        .input-row input, .input-row select, .input-row button {
             padding: 10px;
             font-size: 16px;
             border: 1px solid #ccc;
             border-radius: 5px;
-            margin: 5px;
         }
-        .input-row input[type="number"] {
-            width: 100px;
-        }
-        #sendRequestButton, #sendGetRequestButton {
+        #sendRequestButton {
             color: white;
             background-color: #4CAF50;
             border: none;
             cursor: pointer;
-            padding: 10px 20px;
-            font-size: 16px;
-            border-radius: 5px;
-            margin-top: 20px;
         }
-        #sendRequestButton:hover, #sendGetRequestButton:hover {
+        #sendRequestButton:hover {
             background-color: #388E3C;
         }
         textarea {
             width: 80%;
-            margin: 20px auto;
+            margin-top: 20px;
             padding: 10px;
+            font-size: 16px;
             border: 1px solid #ccc;
             border-radius: 5px;
         }
@@ -67,17 +59,15 @@
     </div>
 
     <div class="input-row">
-        <label for="dateSelect">Select Min Date:</label>
-        <input type="date" id="dateSelect">
-        
-        <label for="maxDateSelect">Select Max Date:</label>
-        <input type="date" id="maxDateSelect">
+        <label for="minDate">Select Min Date:</label>
+        <input type="date" id="minDate">
+        <label for="maxDate">Select Max Date:</label>
+        <input type="date" id="maxDate">
     </div>
 
     <div class="input-row">
         <label for="limitInput">Limit:</label>
-        <input type="number" id="limitInput" placeholder="20" min="1" max="100">
-        
+        <input type="number" id="limitInput" placeholder="20" max="100">
         <label for="typeSelect">Type:</label>
         <select id="typeSelect">
             <option value="LiveWebinars">Live Webinars</option>
@@ -87,40 +77,38 @@
 
     <button id="sendRequestButton">Send Request</button>
     
-    <textarea id="responseArea" rows="10" readonly></textarea>
+    <textarea id="responseArea" rows="10" cols="50" readonly></textarea>
 
     <div id="dropdown-container"></div>
 
     <button id="sendGetRequestButton">Send GET Request</button>
     
-    <textarea id="secondResponseArea" rows="10" readonly></textarea>
+    <textarea id="secondResponseArea" rows="10" cols="50" readonly></textarea>
 
     <script>
         document.getElementById('sendRequestButton').addEventListener('click', function() {
             const token = document.getElementById('tokenInput').value;
-            const minDate = document.getElementById('dateSelect').value;
-            const maxDate = document.getElementById('maxDateSelect').value;
+            const minDate = document.getElementById('minDate').value;
+            const maxDate = document.getElementById('maxDate').value;
             const limit = document.getElementById('limitInput').value;
             const type = document.getElementById('typeSelect').value;
-
-            const params = new URLSearchParams({
-                token: token,
-                minDate: minDate,
-                maxDate: maxDate,
-                limit: limit,
-                type: type
-            }).toString();
-
-            fetch('/send_request', {
+            const url = '/send_request';
+            const params = new URLSearchParams();
+            params.append('token', token);
+            params.append('minDate', minDate);
+            params.append('maxDate', maxDate);
+            params.append('limit', limit);
+            params.append('type', type);
+            fetch(url, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/x-www-form-urlencoded'
                 },
-                body: params
+                body: params.toString()
             })
             .then(response => response.json())
             .then(data => {
-                console.log('Response Data:', data);
+                console.log('JSON Response:', data);
                 document.getElementById('responseArea').value = JSON.stringify(data, null, 2);
                 createDropdown(data);
             })
@@ -133,16 +121,12 @@
         function createDropdown(data) {
             const container = document.getElementById('dropdown-container');
             container.innerHTML = ''; // Очистить контейнер перед добавлением нового списка
-            if (!Array.isArray(data)) {
-                console.error('Expected array, but got:', data);
-                return;
-            }
             const select = document.createElement('select');
             select.id = 'dropdown';
             data.forEach(item => {
                 const option = document.createElement('option');
-                option.value = item;
-                option.text = item;
+                option.value = item.id;
+                option.text = item.name;
                 select.appendChild(option);
             });
             container.appendChild(select);
@@ -152,7 +136,6 @@
             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'
             })
@@ -169,3 +152,4 @@
     </script>
 </body>
 </html>
+