File size: 5,693 Bytes
4e1d4ee 94e14dc f47f85a 3763d04 ec2f9d4 7a01815 ec2f9d4 f47f85a f9d7605 f47f85a 7a01815 f47f85a f9d7605 ff18898 f9d7605 7a01815 ee33f8e f47f85a ec2f9d4 3763d04 94e14dc 3763d04 f47f85a 7a01815 f47f85a 7a01815 f9d7605 8dbc575 f9d7605 ff18898 6b23076 3763d04 7a01815 6b23076 8dbc575 3763d04 7a01815 3763d04 8dbc575 3763d04 94e14dc 6b23076 3763d04 7a01815 3763d04 dd75c72 3763d04 7a01815 3763d04 ff18898 3763d04 94e14dc ee33f8e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Комменты Бизон 365</title>
<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);
}
button {
display: block;
margin: 20px auto;
color: white;
background-color: #4CAF50;
border: none;
cursor: pointer;
padding: 10px 20px;
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, .input-row select {
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
}
#responseArea, #secondResponseArea {
width: 80%;
margin: 20px auto;
padding: 10px;
}
</style>
</head>
<body>
<h1>Комменты Бизон 365</h1>
<div class="input-row">
<label for="tokenInput">Enter Token:</label>
<input type="text" id="tokenInput" placeholder="Your Token">
</div>
<div class="input-row">
<label for="typeSelect">Select Type:</label>
<select id="typeSelect">
<option value="LiveWebinars">Live Webinars</option>
<option value="AutoWebinars">Auto Webinars</option>
</select>
</div>
<div class="input-row">
<label for="dateSelect">Select Date:</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>
<button id="sendRequestButton">Send Request</button>
<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" cols="50" readonly></textarea>
<script>
document.getElementById('sendRequestButton').addEventListener('click', function() {
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: {
'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);
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');
container.innerHTML = ''; // Очистить контейнер перед созданием нового списка
const select = document.createElement('select');
select.id = 'dropdown';
data.forEach(item => {
const option = document.createElement('option');
option.value = item;
option.text = item;
select.appendChild(option);
});
container.appendChild(select);
// Добавление обработчика для кнопки отправки GET-запроса
document.getElementById('sendGetRequestButton').addEventListener('click', function() {
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);
document.getElementById('secondResponseArea').value = JSON.stringify(data, null, 2);
})
.catch(error => {
console.error('Error:', error);
document.getElementById('secondResponseArea').value = 'Error: ' + error.message;
});
});
}
</script>
</body>
</html>
|