104 lines
2.6 KiB
HTML
104 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>ScottGPT admin</title>
|
|
<link rel="icon" type="image/x-icon" href="/resources/favicon.ico">
|
|
<link rel="stylesheet" href="/resources/style.css">
|
|
|
|
</head>
|
|
<body onload="javascript:fetch_data()">
|
|
<h2>Conversations:</h2>
|
|
<div id="messages" style="display: flex; flex-direction: column;">
|
|
|
|
</div>
|
|
</body>
|
|
|
|
<script>
|
|
function sleep(ms) {
|
|
return new Promise(resolve => setTimeout(resolve, ms));
|
|
}
|
|
|
|
var answid;
|
|
|
|
async function fetch_data()
|
|
{
|
|
var url = '/admin/api/all_messages'
|
|
|
|
fetch(url)
|
|
.then(response => {
|
|
if (!response.ok) {
|
|
throw new Error('Network response was not ok');
|
|
}
|
|
return response.text();
|
|
})
|
|
.then(data => {
|
|
|
|
document.getElementById("messages").insertAdjacentHTML("afterbegin", data)
|
|
|
|
console.log(data.body)
|
|
})
|
|
.catch(error => {
|
|
console.error('Error:', error);
|
|
});
|
|
}
|
|
|
|
async function open_message(id)
|
|
{
|
|
answid = id;
|
|
|
|
var url = 'admin/api/all_messages/' + id;
|
|
|
|
fetch(url)
|
|
.then(response => {
|
|
if (!response.ok) {
|
|
throw new Error('Network response was not ok');
|
|
}
|
|
return response.text();
|
|
})
|
|
.then(data => {
|
|
|
|
document.getElementById("messages").innerHTML = '<footer> <div class="textbox"><input class="text_input" name="valami" type="text" id="promptText" placeholder="answ"><button class="send_button" id="send-button" onclick="send_data()">send</button><button class="send_button" onclick="open_message(' + answid + ')">reload</button></div></footer>' + data;
|
|
|
|
var input = document.getElementById("promptText");
|
|
input.addEventListener("keypress", function(event) {
|
|
if (event.key === "Enter") {
|
|
|
|
event.preventDefault();
|
|
|
|
document.getElementById("send-button").click();
|
|
}
|
|
});
|
|
console.log(data.body)
|
|
})
|
|
.catch(error => {x0
|
|
console.error('Error:', error);
|
|
});
|
|
|
|
}
|
|
|
|
async function send_data()
|
|
{
|
|
let text = document.getElementById("promptText").value;
|
|
|
|
let url = "/admin/api/write/" + answid
|
|
|
|
fetch(url, {
|
|
method: "PUT",
|
|
body: text,
|
|
headers: {
|
|
"Content-type": "application/json; charset=UTF-8"
|
|
}
|
|
});
|
|
|
|
document.getElementById("promptText").value = "";
|
|
|
|
await sleep(10);
|
|
open_message(answid);
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</html>
|