psy_vk2

Sleeping

App Files Files Community

DmitrMakeev commited on Jul 18, 2024

Commit

3763d04

verified ·

1 Parent(s): ec2f9d4

Update biz_v.html

Browse files

Files changed (1) hide show

biz_v.html +44 -123

biz_v.html CHANGED Viewed

@@ -3,9 +3,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>API Request</title>
-</head>
- <style>
         body {
             font-family: Arial, sans-serif;
             text-align: center;
@@ -23,6 +21,8 @@
             text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
         }
         button[type="submit"] {
             color: white;
             background-color: #4CAF50;
             border: none;
@@ -30,138 +30,59 @@
             padding: 10px 20px;
             font-size: 16px;
             border-radius: 5px;
-            margin-top: 20px;
             transition: background-color 0.3s ease;
         }
         button[type="submit"]:hover {
             background-color: #388E3C;
         }
-        #mediaContainer {
-            margin-top: 20px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            flex-direction: column;
-            max-width: 100%;
-            height: auto;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-            border-radius: 10px;
-            padding: 20px;
-            background-color: white;
-        }
-        #mediaContainer img, #mediaContainer video {
-            max-width: 100%;
-            height: auto;
-            object-fit: contain;
-            border-radius: 10px;
-        }
-        #imageUrl {
-            margin-top: 20px;
-            font-size: 16px;
-            color: #333;
-            cursor: pointer;
-            text-decoration: underline;
-            transition: color 0.3s ease;
-        }
-        #imageUrl:hover {
-            color: #4CAF50;
-        }
-        #progressBarContainer {
-            width: 80%;
-            margin: 20px auto;
-            background-color: #ddd;
-            border-radius: 13px;
-            padding: 3px;
-            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
-        }
-        #progressBar {
-            width: 0%;
-            height: 20px;
-            background-color: #4CAF50;
-            border-radius: 10px;
-            text-align: center;
-            line-height: 20px;
-            color: white;
-            transition: width 0.3s ease;
-        }
-        #filter-field, #filter-type, #filter-value, #filter-clear , #download-json{
-            padding: 10px;
-            font-size: 16px;
-            margin: 5px;
-        }
-        #filter-value {
-            width: 200px;
-        }
-        #filter-clear {
-            padding: 10px 20px;
-        }
-         #filter-field, #filter-type, #filter-value, #filter-clear, #download-json {
-         padding: 10px;
-         font-size: 16px;
-         margin: 5px;
-         border-radius: 5px;
-         border: 1px solid #ccc;
-        }
-         #filter-value {
-           width: 200px;
-          background-color: #f0f0f0;
-        }
-         #filter-clear {
-          padding: 10px 20px;
-          background-color: #4CAF50;
-          color: white;
-          border: none;
-          cursor: pointer;
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-          transition: background-color 0.3s ease;
-         }
-        #filter-clear:hover {
-        background-color: #388E3C;
-        }
-         #download-json {
-          padding: 10px 20px;
-          background-color: #4CAF50;
-          color: white;
-          border: none;
-          cursor: pointer;
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-          transition: background-color 0.3s ease;
-         }
-        #download-json:hover {
-        background-color: #388E3C;
-        }
     </style>
 <body>
-    <h1>API Request</h1>
     <label for="tokenInput">Enter Token:</label>
     <input type="text" id="tokenInput" placeholder="Your Token">
     <button id="sendRequestButton">Send Request</button>
     <textarea id="responseArea" rows="10" cols="50" readonly></textarea>
-<script>
-    document.getElementById('sendRequestButton').addEventListener('click', function() {
-        const token = document.getElementById('tokenInput').value;
-        const url = '/send_request';
-        fetch(url, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/x-www-form-urlencoded'
-            },
-            body: 'token=' + encodeURIComponent(token)
-        })
-        .then(response => response.json())
-        .then(data => {
-            console.log('JSON Response:', data); // Вывод JSON-ответа в консоль
-            document.getElementById('responseArea').value = JSON.stringify(data, null, 2);
-        })
-        .catch(error => {
-            console.error('Error:', error);
-            document.getElementById('responseArea').value = 'Error: ' + error.message;
         });
-    });
-</script>
 </body>
 </html>

     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>API Request</title>
+    <style>
         body {
             font-family: Arial, sans-serif;
             text-align: center;
             text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
         }
         button[type="submit"] {
+            display: block;
+            margin: 20px auto;
             color: white;
             background-color: #4CAF50;
             border: none;
             padding: 10px 20px;
             font-size: 16px;
             border-radius: 5px;
             transition: background-color 0.3s ease;
         }
         button[type="submit"]:hover {
             background-color: #388E3C;
         }
     </style>
+</head>
 <body>
+    <h1>Комменты Бизон 365</h1>
     <label for="tokenInput">Enter Token:</label>
     <input type="text" id="tokenInput" placeholder="Your Token">
     <button id="sendRequestButton">Send Request</button>
     <textarea id="responseArea" rows="10" cols="50" readonly></textarea>
+    <div id="dropdown-container"></div>
+    <script>
+        document.getElementById('sendRequestButton').addEventListener('click', function() {
+            const token = document.getElementById('tokenInput').value;
+            const url = '/send_request';
+            fetch(url, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/x-www-form-urlencoded'
+                },
+                body: 'token=' + encodeURIComponent(token)
+            })
+            .then(response => response.json())
+            .then(data => {
+                console.log('JSON Response:', data);
+                document.getElementById('responseArea').value = JSON.stringify(data, null, 2);
+                // Создание выпадающего списка
+                createDropdown(data);
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                document.getElementById('responseArea').value = 'Error: ' + error.message;
+            });
         });
+        function createDropdown(data) {
+            const container = document.getElementById('dropdown-container');
+            const select = document.createElement('select');
+            data.forEach(item => {
+                const option = document.createElement('option');
+                option.value = item;
+                option.text = item;
+                select.appendChild(option);
+            });
+            container.appendChild(select);
+        }
+    </script>
 </body>
 </html>