Update biz_v.html

biz_v.html

@@ -4,7 +4,6 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Комменты Бизон 365</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.8.0/css/pikaday.min.css">
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -27,18 +26,15 @@
             margin-top: 20px;
             flex-wrap: wrap;
         }
-        .input-row input, .input-row select, .input-row textarea {
+        .input-row input, .input-row select {
             padding: 10px;
             font-size: 16px;
             border: 1px solid #ccc;
             border-radius: 5px;
-        }
-        #dateSelect, #maxDateSelect {
-            width: 200px;
             margin: 5px;
         }
-        #limitInput {
-            width: 80px;
+        .input-row input[type="number"] {
+            width: 100px;
         }
         #sendRequestButton, #sendGetRequestButton {
             color: white;
@@ -53,12 +49,12 @@
         #sendRequestButton:hover, #sendGetRequestButton:hover {
             background-color: #388E3C;
         }
-        #dropdown-container {
-            margin-top: 20px;
-        }
         textarea {
             width: 80%;
-            margin-top: 20px;
+            margin: 20px auto;
+            padding: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
         }
     </style>
 </head>
@@ -72,20 +68,16 @@
 
     <div class="input-row">
         <label for="dateSelect">Select Min Date:</label>
-        <input type="text" id="dateSelect" placeholder="Select Min Date">
-    </div>
-
-    <div class="input-row">
+        <input type="date" id="dateSelect">
+        
         <label for="maxDateSelect">Select Max Date:</label>
-        <input type="text" id="maxDateSelect" placeholder="Select Max Date">
+        <input type="date" id="maxDateSelect">
     </div>
 
     <div class="input-row">
         <label for="limitInput">Limit:</label>
-        <input type="number" id="limitInput" placeholder="20">
-    </div>
-
-    <div class="input-row">
+        <input type="number" id="limitInput" placeholder="20" min="1" max="100">
+        
         <label for="typeSelect">Type:</label>
         <select id="typeSelect">
             <option value="LiveWebinars">Live Webinars</option>
@@ -103,50 +95,32 @@
     
     <textarea id="secondResponseArea" rows="10" readonly></textarea>
 
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.8.0/pikaday.min.js"></script>
     <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const minDatePicker = new Pikaday({
-                field: document.getElementById('dateSelect'),
-                format: 'YYYY-MM-DD',
-                onSelect: function(date) {
-                    console.log('Min Date Selected:', date.toISOString());
-                }
-            });
-
-            const maxDatePicker = new Pikaday({
-                field: document.getElementById('maxDateSelect'),
-                format: 'YYYY-MM-DD',
-                onSelect: function(date) {
-                    console.log('Max Date Selected:', date.toISOString());
-                }
-            });
-        });
-
         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 limit = document.getElementById('limitInput').value;
             const type = document.getElementById('typeSelect').value;
-            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, {
+
+            const params = new URLSearchParams({
+                token: token,
+                minDate: minDate,
+                maxDate: maxDate,
+                limit: limit,
+                type: type
+            }).toString();
+
+            fetch('/send_request', {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/x-www-form-urlencoded'
                 },
-                body: params.toString()
+                body: params
             })
             .then(response => response.json())
             .then(data => {
-                console.log('JSON Response:', data);
+                console.log('Response Data:', data);
                 document.getElementById('responseArea').value = JSON.stringify(data, null, 2);
                 createDropdown(data);
             })
@@ -159,6 +133,10 @@
         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 => {
@@ -174,6 +152,7 @@
             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'
             })
@@ -189,4 +168,4 @@
         });
     </script>
 </body>
-
+</html>